.hero-with-carousel{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero-with-carousel .hero-copy{min-width:0}
.hero-carousel{width:100%;height:490px;min-height:0;min-width:0;align-self:center;flex:none;isolation:isolate}
.hero-carousel::after{display:none}
.hero-slides{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:var(--plum)}
.hero-slide,.hero-slide-link{position:absolute;inset:0;border-radius:inherit}
.hero-slide{isolation:isolate}
.hero-slide-link{display:block;color:white}
.hero-slide-link::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#14162226 0%,#1416220d 25%,#141622b8 57%,#141622f5 100%)}
.hero-carousel .hero-backdrop{z-index:-2;object-position:center;filter:saturate(.93)}
.hero-carousel .feature-top{top:23px;left:52px;right:80px;height:42px;justify-content:flex-start}
.hero-carousel .glass-pill{display:flex;align-items:center;gap:7px;font-size:.75rem;line-height:1.4;padding:8px 12px;background:#191b29a6}
.hero-category-icon{width:14px;height:14px;flex-shrink:0;color:#f1c286}
.hero-carousel .feature-caption{left:32px;right:90px;bottom:91px}
.hero-carousel .feature-caption .eyebrow{font-size:.68rem;line-height:1.5;letter-spacing:.09em;margin-bottom:10px;color:#fff8de}
.hero-carousel .feature-caption h2{font-size:clamp(1.9rem,3.05vw,3rem);line-height:1.1;margin:0 0 14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.hero-facts{display:flex;flex-wrap:wrap;align-items:center;gap:5px 13px;font-size:.79rem;line-height:1.5;color:#ffffffe0}
.hero-facts>span+span::before{content:"·";margin-right:13px;color:#ffffff80}
.hero-score{white-space:nowrap;color:#ffe3aa}.hero-score small{font-size:.72rem;color:#ffffffe0;margin-left:2px}
.hero-carousel .feature-caption .hero-action{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:.81rem;font-weight:600;color:white;max-width:none}
.hero-action>span{font-size:1.08rem;transition:transform .2s}
@media(hover:hover){.hero-slide-link:hover .hero-action>span{transform:translate(2px,-2px)}}
.hero-carousel .feature-sticker{z-index:3;bottom:133px;right:-18px;pointer-events:none}
.hero-rotation,.hero-step{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff50;border-radius:50%;background:#1a1c2b70;color:#fff}
.hero-rotation{position:absolute;right:23px;top:23px;z-index:5}
.hero-rotation svg{width:18px;height:18px}.hero-play-icon{display:none}
.hero-rotation[data-paused=true] .hero-play-icon{display:block}.hero-rotation[data-paused=true] .hero-pause-icon{display:none}
.hero-controls{position:absolute;bottom:18px;left:25px;right:25px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #ffffff2b;padding-top:12px}
.hero-picker{display:flex;justify-content:center;align-items:center;gap:2px}
.hero-picker button{display:grid;place-items:center;width:29px;min-height:40px;padding:0;color:#fff}
.hero-picker button span{display:block;width:6px;height:6px;border-radius:9px;background:#ffffff70;transition:width .3s,background .3s}
.hero-picker button[aria-current=true] span{width:24px;background:#ffe1ab}
.hero-carousel button:focus-visible{outline:2px solid #ffe1ab;outline-offset:3px}
.hero-slide-link:focus-visible{outline:2px solid #ffe1ab;outline-offset:-5px}
@media(hover:hover){.hero-carousel button:hover{background:#ffffff18}.hero-picker button:hover{border-radius:20px}}
.hero-carousel[data-ready] .hero-slide:not([hidden]){animation:hero-reveal .45s ease-out both}
.hero-slides{touch-action:pan-y pinch-zoom}
@keyframes hero-reveal{from{opacity:.4}to{opacity:1}}
@media(min-width:1500px){.hero-carousel{height:510px}}
@media(max-width:1000px){.hero-carousel{height:450px}.hero-carousel .feature-caption{left:25px;right:65px}.hero-carousel .feature-caption h2{font-size:2rem}.hero-carousel .feature-sticker{width:66px;height:82px;right:-10px;font-size:.7rem}.hero-carousel .feature-top{left:44px}.hero-carousel .glass-pill{font-size:.66rem}.hero-carousel .feature-caption .eyebrow{font-size:.62rem}}
@media(max-width:850px){.hero-with-carousel{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media(max-width:620px){.hero-carousel{height:400px;overflow:visible}.hero-carousel .feature-top{top:18px;left:37px;right:72px}.hero-carousel .feature-caption{left:25px;right:79px;bottom:90px}.hero-carousel .feature-caption h2{font-size:clamp(1.75rem,7.3vw,2.4rem)}.hero-carousel .feature-sticker{right:14px;bottom:147px;width:59px;height:75px;font-size:.65rem}.hero-carousel .feature-sticker img{width:24px;height:22px}.hero-rotation{top:18px;right:17px}.hero-controls{left:22px;right:22px;bottom:15px;padding-top:10px}.hero-carousel .feature-caption .hero-action{font-size:.77rem;margin-top:13px}.hero-facts{font-size:.73rem;gap:4px 9px}.hero-facts>span+span::before{margin-right:9px}.hero-genre{display:none}.hero-carousel .feature-caption .eyebrow{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.hero-carousel[data-ready] .hero-slide:not([hidden]){animation:none}.hero-picker button span,.hero-action>span{transition:none}}