.hp-section{--hp-red:#ff3b30;--hp-red-bright:#ff5147;--hp-red-deep:#ce0f00;--hp-line:#ffffff14;z-index:20;background:#000;width:100%;padding:28px 12px 48px;position:relative;overflow:hidden}@media (min-width:768px){.hp-section{padding:96px 24px 88px}}.hp-shell{background-color:#1c0504;background-image:radial-gradient(110% 62% at 50% 0,#5a130c 0%,#5a130c00 62%),linear-gradient(#3c0d08 0%,#260706 52%,#1c0504 100%);border:1px solid #ff564033;border-radius:clamp(24px,4vw,48px);max-width:1340px;margin:0 auto;padding:clamp(40px,6vw,88px) clamp(16px,4vw,64px) clamp(24px,3vw,40px);position:relative;overflow:hidden}.hp-shell:before{content:"";pointer-events:none;background-image:radial-gradient(42% 16% at 50% 0,#ff785a47,#0000 70%),repeating-linear-gradient(90deg,#ff9e8629 0 1px,#0000 1px 72px),repeating-linear-gradient(90deg,#ff9e8612 0 1px,#0000 1px 28px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000f2,#0000 34%);mask-image:linear-gradient(#000000f2,#0000 34%)}.hp-shell:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(115deg,#ffffff04 0 1px,#0000 1px 6px);position:absolute;inset:0}.hp-head,.hp-grid,.hp-ticker-bar{z-index:1;position:relative}.hp-head{text-align:center;margin-bottom:clamp(32px,4vw,52px)}.hp-chip{font-family:var(--font-poppins), "Poppins", sans-serif;letter-spacing:.3px;color:#fff;background:#00000059;border:1px solid #ffffff29;border-radius:999px;padding:8px 18px;font-size:12.5px;font-weight:500;display:inline-block}.hp-title{text-transform:uppercase;font-style:italic;font-family:var(--font-chakra-petch), "Chakra Petch", sans-serif;letter-spacing:-1px;color:#fff;margin:20px 0 0;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.05}.hp-title em{background:linear-gradient(#ff5147 0%,#ce0f00 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hp-grid{grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.6vw,20px);display:grid}.hp-card--lg{grid-column:span 6}.hp-card--sm{grid-column:span 3}@media (max-width:1080px) and (min-width:641px){.hp-grid{grid-template-columns:repeat(2,1fr)}.hp-card--lg{grid-column:span 2}.hp-card--sm{grid-column:span 1}}@media (max-width:640px){.hp-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;gap:14px;margin:0 calc(-1*clamp(16px,4vw,64px));padding:4px clamp(16px,4vw,64px) 10px;display:flex;overflow-x:auto}.hp-grid::-webkit-scrollbar{display:none}.hp-card--lg,.hp-card--sm{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%}}@supports (animation-timeline:view()){@media (max-width:640px){.hp-grid .hp-card{animation:linear both hp-slide-emph;animation-timeline:view(inline)}}}@keyframes hp-slide-emph{0%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(.92)}}.hp-dots{display:none}@media (max-width:640px){.hp-dots{z-index:1;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex;position:relative}.hp-dot{cursor:pointer;background:#ffffff40;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .35s cubic-bezier(.4,0,.1,1),background .35s}.hp-dot.is-active{background:linear-gradient(90deg, var(--hp-red-bright), var(--hp-red-deep));width:26px}}.hp-card{text-align:center;background:linear-gradient(#46120d8c 0%,#1c0705eb 100%);border:1px solid #ff634f29;border-radius:24px;flex-direction:column;align-items:center;padding:10px 10px 26px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 18px 44px -28px #000000e6}.hp-card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(140px 90px at 16% 0,#ffffff17,#0000 70%);position:absolute;inset:0}.hp-card:hover{border-color:#ff826c5c;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff17,0 26px 60px -30px #000000f2,0 18px 50px -26px #ff3b3047}.hp-card--accent{border-color:#ff3b306b}.hp-card--accent:hover{border-color:#ff3b30a6;box-shadow:inset 0 1px #ffffff17,0 26px 60px -30px #000000f2,0 20px 56px -24px #ff3b306b}.hp-card .hp-art{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hp-card:hover .hp-art{transform:scale(1.04)}.hp-panel{background:radial-gradient(#ffffff0b 1px,#0000 1.4px) 0 0/16px 16px,radial-gradient(120% 110% at 50% 0,#a826186b 0%,#2809072e 58%),linear-gradient(#781c1247,#1004038c);border:1px solid #ffffff0f;border-radius:16px;flex:1;justify-content:center;align-items:center;width:100%;min-height:200px;padding:18px 14px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.hp-card--lg .hp-panel{min-height:230px}.hp-num{font-family:var(--font-chakra-petch), "Chakra Petch", sans-serif;letter-spacing:1px;color:#fff;background:#00000059;border:1px solid #ffffff29;border-radius:999px;margin:22px 0 12px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.hp-card-title{font-family:var(--font-chakra-petch), "Chakra Petch", sans-serif;letter-spacing:-.3px;color:#fff;margin:0;padding:0 18px;font-size:20px;font-weight:800;line-height:1.15}.hp-card-desc{max-width:46ch;font-family:var(--font-poppins), "Poppins", sans-serif;color:#ffded79e;margin:9px 0 0;padding:0 22px;font-size:13.5px;line-height:1.55}.hp-art{width:min(330px,96%);height:auto;display:block}.hp-card--lg .hp-art{width:min(410px,88%)}.hp-art text{font-family:var(--font-chakra-petch), "Chakra Petch", sans-serif;font-weight:700}.hp-globe{pointer-events:none;width:100%;height:230px}@media (max-width:640px){.hp-globe{height:200px}}.hp-art-float{transform-box:fill-box;transform-origin:50%;animation:4.5s ease-in-out infinite hp-float}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hp-art-pulse{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite hp-art-pulse}@keyframes hp-art-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.hp-art-spin{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite hp-art-spin}@keyframes hp-art-spin{to{transform:rotate(360deg)}}.hp-art-needle{transform-box:view-box;transform-origin:160px 118px;transform:rotate(-95deg)}.hp-section.is-visible .hp-art-needle{animation:1.1s cubic-bezier(.4,0,.1,1) .5s both hp-art-needle}@keyframes hp-art-needle{0%{transform:rotate(-95deg)}to{transform:rotate(0)}}.hp-art-scan{animation:3.4s ease-in-out infinite hp-art-scan}@keyframes hp-art-scan{0%{opacity:0;transform:translateY(-20px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(66px)}}.hp-ticker-bar{margin-top:clamp(20px,2.6vw,34px);padding:16px 0 4px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.hp-ticker-track{width:max-content;animation:26s linear infinite paused hp-marquee;display:flex}.hp-ticker-bar.is-running .hp-ticker-track{animation-play-state:running}.hp-ticker-bar:hover .hp-ticker-track{animation-play-state:paused}@keyframes hp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hp-ticker-item{white-space:nowrap;font-family:var(--font-chakra-petch), "Chakra Petch", sans-serif;letter-spacing:.2px;color:#fffc;align-items:center;gap:28px;padding-right:28px;font-size:15px;font-weight:700;display:inline-flex}.hp-ticker-dot{background:var(--hp-red);border-radius:999px;flex-shrink:0;width:5px;height:5px}.hp-reveal{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.1,1),transform .7s cubic-bezier(.4,0,.1,1);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.hp-section.is-visible .hp-reveal{opacity:1;transform:translateY(0)}@media (hover:none) and (pointer:coarse){.hp-art-float,.hp-art-pulse,.hp-art-spin,.hp-art-scan{animation:none}.hp-art-needle,.hp-section.is-visible .hp-art-needle{animation:none;transform:none}}@media (prefers-reduced-motion:reduce){.hp-reveal{opacity:1;filter:none;transition:none;transform:none}.hp-card:hover,.hp-card:hover .hp-art{transform:none}.hp-grid .hp-card{animation:none}.hp-dot{transition:none}.hp-art-float,.hp-art-pulse,.hp-art-spin,.hp-art-scan,.hp-ticker-track{animation:none}.hp-art-needle,.hp-section.is-visible .hp-art-needle{animation:none;transform:none}}
