/* An editorial trailer window, visible player branding, and one active preview at a time. */
.spring-motion-active #app.route-enter{animation:none}.spring-motion-active .modal{animation:none!important}.spring-motion-active .anime-card{transition:box-shadow .3s}.spring-motion-active .motion-reveal{transition:filter .5s}.spring-motion-active .motion-reveal.is-visible{filter:none}
.preview-card-button{position:absolute;left:9px;z-index:8;display:flex;gap:5px;align-items:center;border:1px solid #e3f1d235;background:#091a22d9;backdrop-filter:blur(14px);border-radius:18px;padding:7px 9px;color:#edf4e9;cursor:pointer;opacity:0;translate:0 6px;transition:opacity .25s,translate .3s,border-color .25s;font-size:8px;letter-spacing:.7px;text-transform:uppercase}.preview-card-button svg{width:12px;height:12px}.anime-card:hover .preview-card-button,.anime-card:focus-within .preview-card-button,.anime-card.previewing .preview-card-button{opacity:1;translate:0 0}.anime-card.previewing .poster-link{box-shadow:0 20px 55px #0007,0 0 0 2px var(--accent)}
.trailer-popover{position:fixed;z-index:120;background:#111d23f5;border:1px solid #68b1ff40;border-radius:18px;overflow:hidden;box-shadow:0 35px 120px #000a,0 0 50px #8cceaf0c;backdrop-filter:blur(28px);transform-origin:50% 35%;color:#edf3ef}.trailer-stage{position:relative;width:100%;height:220px;min-height:200px;background:#060d11;overflow:hidden}.trailer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;animation:trailerArtDrift 12s ease-in-out infinite alternate;transition:opacity .6s}.trailer-player-slot{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .65s;background:#050a0e}.player-ready .trailer-player-slot{opacity:1}.player-ready .trailer-poster{opacity:0}.trailer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}.trailer-loading i{display:block;width:3px;height:14px;background:var(--accent);border-radius:5px;animation:trailerLoading .9s ease-in-out infinite alternate}.trailer-loading i:nth-child(2){animation-delay:.17s}.trailer-loading i:nth-child(3){animation-delay:.34s}[data-preview-state]:not([data-preview-state=loading]) .trailer-loading{display:none}.trailer-control-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#0a151bee;border-top:1px solid #e7eddf15;min-height:42px}.trailer-state{font-size:9px;letter-spacing:.2px;line-height:1.4;color:#a5bab4;flex:1}.is-playing .trailer-state{color:#c9efa5}.is-playing .trailer-state:before{content:'';display:inline-block;width:5px;height:5px;background:#c9efa5;border-radius:50%;margin-right:6px;animation:statePing 1.8s infinite}.trailer-control-bar>div{display:flex;gap:4px}.trailer-control-bar button{display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;background:transparent;color:#bad0c6;border-radius:50%;cursor:pointer;padding:5px}.trailer-control-bar button:hover{color:#68b1ff;background:#68b1ff10;border-color:#68b1ff25}.trailer-control-bar svg{width:14px;height:14px}.trailer-card-caption{padding:21px}.trailer-card-caption .n-eyebrow{font-size:7px;letter-spacing:1.7px}.trailer-card-caption h3{font-size:21px;letter-spacing:-.6px;line-height:1.15;margin:12px 0 10px}.trailer-card-caption p{font-size:10px;color:#94aaa6;line-height:1.7}.trailer-card-caption>div{display:flex;align-items:center;gap:14px;margin-top:20px}.trailer-card-caption .pill{padding:10px 14px;min-height:35px;font-size:10px;gap:8px}.trailer-card-caption .pill svg{width:13px}.trailer-external{font-size:9px;color:#9cb6ac;text-decoration:none;white-space:nowrap}.trailer-external:hover{color:#68b1ff}
.banner-preview-button{display:flex;align-items:center;gap:7px;font-size:10px;padding:11px 14px;border:1px solid #dcebd635;border-radius:24px;background:#0a171dbb;color:#b6cbbf;backdrop-filter:blur(12px);cursor:pointer;white-space:nowrap}.banner-preview-button svg{width:15px;height:15px}.banner-preview-button[aria-pressed=true]{color:var(--accent);border-color:#68b1ff60}.hero .hero-actions,.cinema-hero .hero-actions{flex-wrap:wrap}.hero-trailer-layer{position:absolute;right:25px;top:105px;width:51%;z-index:4;border:1px solid #68b1ff28;box-shadow:0 20px 65px #0007;border-radius:15px;background:#091218;overflow:hidden;animation:sheetSpring .5s both}.hero-trailer-layer .trailer-stage{height:auto;aspect-ratio:16/9;min-height:200px}.hero-trailer-layer .trailer-control-bar{min-height:37px;padding:5px 12px}.hero-trailer-layer .trailer-state{font-size:8px}.hero.trailer-active .hero-copy{max-width:41%!important}.hero.trailer-active .hero-logo-heading img{max-height:98px;max-width:340px}.hero.trailer-active .hero-copy h1:not(.hero-logo-heading){font-size:45px}.hero.trailer-active .hero-copy p{font-size:12px;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.hero.trailer-active .hero-editorial{opacity:0;pointer-events:none}.hero.trailer-active .hero-orbits{opacity:.18}.hero.trailer-active .hero-copy .pill{font-size:10px;padding:11px 14px}.hero.trailer-active .hero-bottom{z-index:5;pointer-events:none}.hero.trailer-active .hero-copy{pointer-events:auto}.hero.trailer-active .banner-preview-button{font-size:9px}.hero-top{z-index:6!important}
.cinema-hero.trailer-active .cinema-hero-copy{max-width:45%;padding-left:40px;padding-right:15px;z-index:5;pointer-events:none}.cinema-hero.trailer-active .cinema-hero-copy a,.cinema-hero.trailer-active .cinema-hero-copy button{pointer-events:auto}.cinema-hero.trailer-active h1{font-size:clamp(48px,5.6vw,81px);letter-spacing:-4px}.cinema-hero.trailer-active .hero-trailer-layer{top:145px;right:28px}.cinema-hero.trailer-active .cinema-feature>p{max-width:380px;font-size:12px;line-height:1.7}.cinema-hero.trailer-active .cinema-feature>img{max-width:280px}.cinema-feature h2{font-size:27px;letter-spacing:-.8px}.cinema-feature-navigation{position:absolute;top:25px;right:25px;z-index:6;display:flex;align-items:center;gap:14px;color:#e1cfba;background:#12121888;backdrop-filter:blur(12px);border:1px solid #ffd3b426;border-radius:30px;padding:5px}.cinema-feature-navigation button{display:grid;place-items:center;background:none;border:0;color:inherit;width:30px;height:30px;cursor:pointer}.cinema-feature-navigation svg{width:15px;height:15px}.cinema-feature-navigation span{font:10px monospace}.cinema-feature-dots{position:absolute;bottom:25px;right:30px;display:flex;gap:5px;z-index:6}.cinema-feature-dots button{display:block;width:20px;height:18px;background:none;border:0;cursor:pointer;padding:7px 0}.cinema-feature-dots button>span{display:block;height:2px;background:#cfb29944;transition:width .5s,background .4s}.cinema-feature-dots button[aria-current=true]{width:50px}.cinema-feature-dots button[aria-current=true]>span{background:#9ac6ff}
.shared-poster-transition{position:fixed;z-index:400;pointer-events:none;object-fit:cover;border-radius:12px;box-shadow:0 25px 90px #0008;will-change:top,left,width,height}
@keyframes trailerArtDrift{to{transform:scale(1.08)}}@keyframes trailerLoading{to{transform:scaleY(.25);opacity:.3}}
@media(max-width:1050px){.hero.trailer-active .hero-copy{max-width:43%!important}.hero-trailer-layer{right:18px;width:49%;top:130px}.hero.trailer-active .hero-copy .pill{font-size:9px;padding:10px 12px}.hero.trailer-active .hero-logo-heading img{max-width:290px}.cinema-hero.trailer-active .cinema-hero-copy{max-width:46%;padding-left:30px}.cinema-hero.trailer-active h1{font-size:62px;letter-spacing:-3px}.cinema-hero.trailer-active .hero-trailer-layer{right:18px}}
@media(max-width:760px){.preview-card-button{opacity:.9;translate:0 0;font-size:7px;padding:6px 8px}.trailer-popover{border-radius:15px}.trailer-card-caption{padding:18px}.trailer-card-caption h3{font-size:19px}.trailer-stage{height:210px}.hero.trailer-active{min-height:675px}.hero-trailer-layer{top:85px;left:18px;right:18px;width:auto}.hero-trailer-layer .trailer-stage{height:205px;aspect-ratio:auto}.hero.trailer-active .hero-bottom{bottom:25px}.hero.trailer-active .hero-copy{max-width:100%!important;width:100%;padding:0}.hero.trailer-active .hero-copy h1:not(.hero-logo-heading){font-size:33px}.hero.trailer-active .hero-logo-heading{margin:14px 0 12px!important;min-height:55px}.hero.trailer-active .hero-logo-heading img{height:65px;max-width:260px}.hero.trailer-active .hero-copy p{-webkit-line-clamp:2;line-clamp:2;font-size:11px;max-width:100%;margin:10px 0 18px}.hero.trailer-active .hero-copy .pill{font-size:9px}.hero.trailer-active .n-hero-meta{font-size:9px}.hero.trailer-active .hero-actions{gap:7px}.hero.trailer-active .banner-preview-button{font-size:8px;padding:10px 12px}.cinema-hero.trailer-active{min-height:735px}.cinema-hero.trailer-active .cinema-hero-copy{max-width:100%;padding:405px 25px 30px;position:relative}.cinema-hero.trailer-active .cinema-hero-copy>.n-eyebrow{position:absolute;top:27px;left:25px;font-size:7px}.cinema-hero.trailer-active h1{position:absolute;top:48px;left:25px;font-size:34px;line-height:.95;letter-spacing:-1px;margin:0}.cinema-hero.trailer-active h1 br{display:none}.cinema-hero.trailer-active .hero-trailer-layer{top:160px;left:18px;right:18px}.cinema-hero.trailer-active .cinema-feature>img{height:48px;max-width:250px}.cinema-hero.trailer-active .cinema-feature>p{font-size:11px;max-width:100%;margin:13px 0 20px}.cinema-feature-navigation{top:20px;right:14px;gap:6px}.cinema-feature-navigation button{width:25px;height:25px}.cinema-feature-navigation span{font-size:8px}.cinema-hero.trailer-active .cinema-feature>span{font-size:8px}.cinema-feature-dots{bottom:15px;right:20px}.banner-preview-button{font-size:9px;padding:10px 13px}.cinema-hero .hero-actions{gap:7px}.cinema-hero .pill{font-size:9px!important}.trailer-card-caption .pill{font-size:9px}.trailer-external{font-size:8px}}
body[data-motion=reduced] .trailer-poster{animation:none}body[data-motion=reduced] .hero-trailer-layer{animation:none}

.trailer-popover{max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain}

.trailer-source-link{font-size:8px;color:#b2c5bc;text-decoration:none;white-space:nowrap}.trailer-source-link:hover{color:var(--accent)}.is-playing .trailer-source-link{display:none}

.trailer-detail-popover .trailer-stage{height:320px}.overview-trailer{cursor:pointer;border:0;font-family:inherit;font-size:10px;color:var(--accent)}@media(max-width:760px){.trailer-detail-popover .trailer-stage{height:210px}}