/* Premium carousel and compact mobile rhythm. Kept separate so the base UI stays cache-safe. */
.wordmark{width:108px;height:48px;overflow:hidden;border-radius:10px;background:#050509;display:flex;align-items:center}.wordmark img{width:137px;max-width:none;transform:translateX(-14px) scale(1.12);filter:drop-shadow(0 0 8px rgba(170,56,255,.3))}.platform-scroller>div{animation:none;width:auto;overflow-x:auto;scrollbar-width:none;padding:0 20px 5px}.platform-scroller>div::-webkit-scrollbar{display:none}.hero-card{will-change:transform,opacity;filter:saturate(.75) brightness(.68)}.hero-card.current{filter:saturate(1.08) brightness(1)}.hero-card.current .poster img{animation:poster-breathe 8s ease-in-out both}.hero-card.side-left,.hero-card.side-right{transition:transform .58s cubic-bezier(.22,1,.36,1),opacity .58s ease,filter .58s ease}.hero-copy.slide-change h1{animation:title-rise .48s cubic-bezier(.22,1,.36,1) both}.hero-copy.slide-change .watch-button{animation:button-rise .52s .04s cubic-bezier(.22,1,.36,1) both}.watch-button{box-shadow:0 10px 25px rgba(246,184,63,.16);transition:transform .25s,box-shadow .25s}.watch-button:hover{transform:translateY(-2px);box-shadow:0 15px 33px rgba(246,184,63,.26)}.watching-card,.trend-card,.new-card{transition:transform .28s cubic-bezier(.22,1,.36,1)}.watching-card:hover,.trend-card:hover,.new-card:hover{transform:translateY(-5px)}
@keyframes poster-breathe{0%{transform:scale(1.01)}100%{transform:scale(1.08)}}@keyframes title-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes button-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.showcase{min-height:clamp(650px,105vh,790px);padding-top:28px}.carousel-window{height:clamp(438px,90vw,570px)}.hero-card{top:42px;width:220px;height:auto;aspect-ratio:2/3}.hero-card.current{top:0;width:clamp(294px,60vw,376px);height:auto;aspect-ratio:2/3}.hero-card.side-left{left:calc(50% - 423px)}.hero-card.side-right{left:calc(50% + 203px)}.hero-copy{margin-top:15px}.hero-copy h1{font-size:clamp(25px,4.7vw,31px);max-width:520px}.carousel-dots{margin-top:20px}.carousel-dots button{width:37px}.platform-scroller{padding-top:18px}.platform-chip{min-width:max-content;height:49px;font-size:13px;padding:0 14px}.platform-chip span{width:23px;height:23px}.rail-section{padding-top:37px}.rail-heading h2{font-size:30px}.rail-heading p{font-size:13px}.wide-rail{gap:12px}.watching-card{flex-basis:258px}.wide-poster{height:366px}.watching-pill{top:327px;font-size:11px}.trend-card{flex-basis:181px;height:281px}.trend-poster{width:145px;height:220px}.rank{font-size:103px}.new-card{flex-basis:148px}.new-card strong{font-size:12px}.bottom-nav{backdrop-filter:blur(20px);background:rgba(18,17,26,.91)}}
@media(min-width:801px){.showcase{min-height:720px;padding-top:44px}.carousel-window{height:525px}.hero-card{top:58px;width:290px;height:auto;aspect-ratio:2/3}.hero-card.current{width:360px;height:auto;aspect-ratio:2/3}.hero-card.side-left{left:calc(50% - 560px)}.hero-card.side-right{left:calc(50% + 270px)}.hero-copy{margin-top:18px}.hero-copy h1{font-size:38px}}
@media(max-width:390px){.wordmark{width:91px;height:43px}.wordmark img{width:118px;transform:translateX(-12px) scale(1.12)}.showcase{min-height:640px}.carousel-window{height:438px}.hero-card.current{width:294px}.hero-card.side-left{left:-144px}.hero-card.side-right{left:294px}.hero-copy h1{font-size:25px}.watch-button{min-width:238px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

.platform-chip>span img{width:100%;height:100%;object-fit:contain;border-radius:7px}.platform-chip>span{overflow:hidden}

.desktop-search{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff20;border-radius:24px;background:#ffffff06;padding:12px 18px;color:#d7cee4}.desktop-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.search-results{max-height:70dvh;overflow:auto}.search-dialog{width:min(720px,calc(100vw - 24px))}@media(max-width:759px){.desktop-search{display:none}}@media(min-width:760px) and (max-width:1100px){.desktop-search span{display:none}.desktop-search{padding:12px}}