.hero-card{position:relative;isolation:isolate;overflow:hidden;margin-bottom:30px;border:1px solid #ffffff1c;border-radius:26px;background:#141b28;box-shadow:inset 0 1px 0 #ffffff07,0 12px 36px #04081125}
.hero-panels{display:flex;align-items:stretch;transition:transform .65s cubic-bezier(.22,.7,.2,1);will-change:transform}
.hero-panel{flex:0 0 100%;min-width:0;position:relative;isolation:isolate;min-height:270px;padding:22px 32px;touch-action:pan-y pinch-zoom}
.hero-panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#171823 12%,#171823f5 35%,#17182340 80%),linear-gradient(0deg,#151421b3,transparent 70%)}
.hero-copy{max-width:62%}
.hero-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;color:#b6c0d1;line-height:1.5;margin-bottom:10px}
.hero-kicker>span{color:#909db2;letter-spacing:.09em}
.hero-copy h1,.hero-copy h2{font:700 clamp(56px,4.5vw,64px)/.93 var(--display);letter-spacing:.005em;text-transform:uppercase;margin:0;color:#f5f4f7}
.hero-copy h1>span,.hero-copy h2>span{color:#f4a5b7}
.hero-copy p{font-size:16px;line-height:1.6;color:#b7c2d3;margin:9px 0 0}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 17px;margin-top:12px;background:#fa304b;border:1px solid #ff688044;border-radius:12px;color:white;font-size:14px;font-weight:600;line-height:1.5;box-shadow:0 5px 18px #fa304b1a;transition:background .2s}
.hero-cta:after{content:"";position:absolute;inset:0;z-index:1}
.hero-cta:hover{background:#ff4560}
.hero-panel:has(.hero-cta:focus-visible){outline:2px solid #fff;outline-offset:-5px;border-radius:24px}
.hero-backdrop{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:65% 45%;z-index:-2;pointer-events:none}
.hero-support .hero-backdrop{object-position:53% 45%}
.hero-assets:before{background:linear-gradient(90deg,#101b2b 12%,#101b2bf2 37%,#101b2b25 82%),linear-gradient(0deg,#101b2bb3,transparent 70%)}
.hero-assets .hero-copy h2>span{color:#adc5eb}
.hero-store:before{background:linear-gradient(90deg,#17141f 8%,#17141ff5 35%,#17141f20 80%),linear-gradient(0deg,#17141fbb,transparent 65%)}
.hero-store .hero-backdrop{width:53%;object-fit:cover;object-position:50% 38%}
.hero-store .hero-copy h2>span{color:#d1b5d3}
.hero-controls{position:absolute;z-index:4;right:21px;bottom:21px;display:flex;align-items:center;gap:8px}
.hero-switcher{display:flex;gap:3px;padding:4px;border:1px solid #ffffff1b;border-radius:14px;background:#090e18bd;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.hero-switcher button{position:relative;overflow:hidden;background:transparent;padding:9px 13px;min-height:40px;border-radius:10px;font-size:13px;line-height:1.5;color:#b7c1d2;transition:background .2s,color .2s}
.hero-switcher button:hover{color:white;background:#ffffff0a}
.hero-switcher button[aria-selected=true]{color:#fff;background:#303b53;box-shadow:inset 0 1px 0 #ffffff13}
.hero-switcher button[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:#fa304b;border-radius:2px}
.hero-autoplay{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #ffffff26;border-radius:50%;background:#090e18bd;color:#c6d0e1;backdrop-filter:blur(16px)}
.hero-autoplay:hover{background:#29344b;color:white}
.hero-autoplay .icon{width:19px;height:19px}
.hero-autoplay .play-symbol{display:none}
.hero-autoplay.is-paused .pause-symbol{display:none}
.hero-autoplay.is-paused .play-symbol{display:block}
.hero-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:1250px){.hero-panel{padding:23px 25px;min-height:270px}.hero-copy h1,.hero-copy h2{font-size:60px}.hero-copy{max-width:66%}.hero-copy p{max-width:330px}.hero-controls{right:17px;bottom:21px}.hero-switcher button{padding-inline:10px}.hero-kicker{letter-spacing:.12em}}
@media(min-width:1001px) and (max-width:1150px){.hero-panel{padding-bottom:78px}.hero-controls{left:23px;right:auto;bottom:17px}.hero-copy{max-width:76%}}
@media(max-width:760px){.hero-panel{padding:23px 24px 80px;min-height:310px}.hero-copy{max-width:80%}.hero-copy h1,.hero-copy h2{font-size:58px}.hero-controls{left:20px;right:auto;bottom:17px}.hero-backdrop{width:76%}.hero-store .hero-backdrop{width:62%}.hero-copy p{display:none}}
@media(max-width:560px){.hero-card{border-radius:23px;margin-bottom:26px}.hero-panel{padding:23px 20px 79px;min-height:293px}.hero-copy{max-width:100%}.hero-copy h1,.hero-copy h2{font-size:clamp(47px,13vw,61px);line-height:.96}.hero-kicker{font-size:11px;letter-spacing:.1em;margin-bottom:13px}.hero-kicker>span{font-size:10px;letter-spacing:.04em}.hero-cta{margin-top:19px;padding:9px 14px;font-size:13px;min-height:42px}.hero-backdrop{width:100%;opacity:.6}.hero-panel:before{background:linear-gradient(90deg,#171823f7 8%,#171823b3 58%,#17182345),linear-gradient(0deg,#171823b3,transparent 65%)}.hero-assets:before{background:linear-gradient(90deg,#101b2bf7 8%,#101b2bb3 58%,#101b2b45),linear-gradient(0deg,#101b2bb3,transparent 65%)}.hero-store:before{background:linear-gradient(90deg,#17141ff7 8%,#17141fa0 58%,#17141f35),linear-gradient(0deg,#17141fc7,transparent 65%)}.hero-store .hero-backdrop{width:84%;opacity:.75;object-position:55% 30%}.hero-controls{left:17px;right:17px;bottom:16px;gap:8px}.hero-switcher{flex:1;min-width:0}.hero-switcher button{flex:1;padding:8px 9px;min-height:39px;font-size:12px}.hero-autoplay{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.hero-panels{transition:none}.hero-controls button,.hero-cta{transition:none}}
/* Compact channel links; every mobile social tile uses one grid cell. */
.social-grid .channel-link{padding:13px 16px;gap:12px;border-radius:15px}
.channel-link .social-symbol{width:36px;height:36px;border-radius:11px}
.channel-link .social-symbol .icon{width:20px;height:20px}
.social-grid .channel-link .channel-label{font-size:10px;line-height:1.4;margin-bottom:3px;letter-spacing:.075em}
.social-grid .channel-link h3{font-size:16px;line-height:1.2}
.social-grid .channel-link p{font-size:12px;line-height:1.5;margin-top:3px}
.social-grid .channel-link .social-arrow{font-size:17px}
.other-socials .social-link:last-child{grid-column:auto}
@media(max-width:560px){
 .social-grid{gap:10px}.social-grid .channel-link{padding:12px 15px;gap:12px}
 .other-socials{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
 .other-socials .social-link,.other-socials .social-link:last-child{grid-column:auto;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:30px auto;align-items:center;align-content:center;gap:7px 8px;min-height:87px;padding:12px;border-radius:15px}
 .other-socials .social-link>div{display:contents}
 .other-socials .social-symbol{grid-column:1;grid-row:1;width:30px;height:30px;border-radius:9px}
 .other-socials .social-symbol .icon{width:17px;height:17px}
 .other-socials .social-link h3{grid-column:2;grid-row:1;font-size:14px;line-height:1.2}
 .other-socials .social-link p{grid-column:1/-1;grid-row:2;font-size:12px;line-height:1.4;margin:0;overflow-wrap:anywhere}
 .other-socials .social-arrow{display:none}
}