/* Cinematic home: broad scene, editorial typography, next titles and a poster shelf. */
.home-cinematic{background:#0d0f12}.home-cinematic .header{background:#0d0f12;border-bottom:0;height:82px}.hero.hero-cinematic{width:calc(100% - 64px);max-width:1390px;height:clamp(550px,65vh,690px);min-height:550px;margin:10px auto 0;border-radius:22px;border:1px solid #ffffff12;background:#14171d;box-shadow:0 24px 80px #0004}.hero-cinematic .hero-art{height:100%;object-fit:cover;object-position:60% 40%;opacity:1}.hero-cinematic .hero-shade{background:linear-gradient(90deg,#080b10ef 0%,#080b10ca 25%,#080b1066 48%,#080b1008 70%),linear-gradient(0deg,#0a0c12f2,transparent 45%),linear-gradient(270deg,#090c1255,transparent 35%)!important}.hero-cinematic:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:1;box-shadow:inset 0 0 0 1px #ffffff06;background:linear-gradient(120deg,#ffffff03,transparent 45%)}.spotlight-topline{position:absolute;left:56px;right:42px;top:30px;z-index:3;display:flex;justify-content:space-between;align-items:center}.spotlight-topline>span{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2.2px;font-weight:650;color:#dddfe5}.spotlight-topline b{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px #ff725b75}.spotlight-topline>a{font-size:10px;color:#d2d4db;display:flex;gap:14px;align-items:center}.spotlight-topline>a>span{font-size:15px;color:var(--accent)}.hero-cinematic .hero-content{margin:0;width:60%;max-width:760px!important;padding:94px 0 86px 56px;position:relative;inset:auto;color:#f5f5f7}.hero-cinematic .hero-original{margin:0 0 16px!important;font-size:9px!important;letter-spacing:1.7px;color:#c4c7d0;opacity:.8;max-width:530px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-cinematic .hero-identity{display:block;margin:0 0 23px}.hero-cinematic .hero-identity #heroPoster{display:none}.hero-cinematic .hero-identity #heroTitle{font-size:clamp(35px,4.3vw,65px);font-weight:800;letter-spacing:-1.9px;line-height:1.04;max-width:630px;margin:0!important;text-wrap:balance;text-shadow:0 4px 30px #0003}.hero-cinematic .hero-meta{font-size:11px;gap:11px;color:#d2d4dc;line-height:1.7;max-width:520px;flex-wrap:wrap}.hero-cinematic .hero-meta span:first-child{border:1px solid #ffffff35;padding:3px 8px;border-radius:5px;color:#f1f1f5;font-size:10px}.hero-cinematic .hero-meta i{background:#d7d9df80}.hero-cinematic .hero-description{font-size:12px;line-height:1.9;color:#c0c4cf;max-width:440px;margin:21px 0 26px;-webkit-line-clamp:3}.hero-cinematic .hero-buttons{gap:9px;flex-wrap:wrap;max-width:520px}.hero-cinematic .hero-buttons .button{min-height:44px;font-size:11px;padding:0 21px;border-radius:8px}.hero-cinematic .hero-buttons .button.primary{background:var(--accent);color:#141414;border-color:transparent;box-shadow:0 6px 30px #ff725b22}.hero-cinematic .hero-buttons .button.secondary{background:#ffffff0a;border-color:#ffffff23;backdrop-filter:blur(12px);color:#f4f4f6}.hero-cinematic #heroTrailer{font-size:10px;padding:0 13px}.hero-cinematic .hero-source{margin-top:18px;font-size:9px;letter-spacing:.2px;color:#b3b6c0}.hero-cinematic .hero-bottom{left:56px!important;right:42px!important;bottom:24px!important;justify-content:space-between!important;z-index:3}.spotlight-count{display:flex;align-items:center;gap:12px;color:#9298a6;font-size:10px;letter-spacing:1px}.spotlight-count>span:first-child{font-size:20px;color:#f1f2f6;font-weight:700;letter-spacing:-.6px}.spotlight-divider{display:block;width:29px;height:1px;background:#ffffff32}.hero-cinematic .hero-pagination{gap:8px}.hero-cinematic .hero-track{width:31px;height:25px}.hero-cinematic .hero-track.active{width:58px}.hero-cinematic .hero-track:before,.hero-cinematic .hero-track i{height:3px;top:11px}.hero-cinematic .hero-edge{width:28px;height:44px;border:1px solid #ffffff19;border-radius:8px;background:#090b1044;backdrop-filter:blur(6px);font-size:23px;color:#eee;z-index:4;top:49%;transition:background .2s,border-color .2s}.hero-cinematic .hero-edge:hover{background:#ff725b44;border-color:#ff725b55}.hero-cinematic .hero-edge.prev{left:12px}.hero-cinematic .hero-edge.next{right:12px}.spotlight-previews{position:absolute;right:42px;top:91px;bottom:78px;width:218px;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:13px}.hero-preview{display:block;flex:0 1 auto;width:100%;aspect-ratio:16/9;max-height:126px;min-height:0;overflow:hidden;padding:0;position:relative;background:#14171d;border:1px solid #ffffff28;border-radius:10px;text-align:left;cursor:pointer;color:#fff;isolation:isolate;box-shadow:0 8px 22px #0004;opacity:.67;transition:opacity .25s,translate .35s var(--motion-ease),border-color .25s,box-shadow .25s}.hero-preview:hover{opacity:1;translate:-4px 0;border-color:#ffffff88}.hero-preview.active{opacity:1;border-color:#ff725ba0;box-shadow:0 0 0 2px #ff725b15,0 10px 28px #0005}.hero-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--motion-ease)}.hero-preview:hover>img{transform:scale(1.05)}.hero-preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080b10ec,transparent 90%)}.hero-preview-copy{position:absolute;bottom:13px;left:13px;right:24px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.hero-preview-copy small{font-size:6px;letter-spacing:1.2px;color:#d1d2d8;font-weight:650}.hero-preview-copy strong{font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:650;text-shadow:0 2px 10px #0006}.hero-preview-arrow{position:absolute;right:10px;top:8px;font-size:12px;color:#fff;opacity:.8}.hero-preview>i{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .1s linear}.hero-preview:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.spotlight-shelf{position:relative;z-index:2;width:calc(100% - 112px);max-width:1294px;margin:24px auto 9px;padding:0 0 22px;border-bottom:1px solid #ffffff0c}.spotlight-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.spotlight-shelf-heading h2{font-size:18px;letter-spacing:-.4px;font-weight:600;margin:0}.spotlight-shelf .row-actions{gap:9px}.spotlight-shelf .row-actions a{font-size:10px;margin-right:14px}.spotlight-shelf .row-actions button{width:29px;height:29px;border-radius:7px;font-size:18px}.spotlight-poster-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 108px)/7);gap:18px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:5px 1px 9px}.spotlight-poster-strip::-webkit-scrollbar{display:none}.spotlight-poster-strip .anime-card{scroll-snap-align:start;min-width:0}.spotlight-poster-strip .card-cover{aspect-ratio:2/3;border-radius:9px}.spotlight-poster-strip .card-caption,.spotlight-poster-strip .cover-badge,.spotlight-poster-strip .card-meta,.spotlight-poster-strip .card-personal{display:none}.spotlight-poster-strip .card-title-row{margin-top:11px;gap:4px;align-items:start}.spotlight-poster-strip .card-title{font-size:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.spotlight-poster-strip .card-save{width:22px;height:23px;min-width:22px;padding:4px}.spotlight-poster-strip .card-save svg{width:13px;height:13px}.home-cinematic #featuredRows .portal-section:has(#popularStrip){display:none}.home-cinematic #personalHome .upcoming-week.is-empty{display:none}.home-cinematic #personalHome:empty{display:none}.home-cinematic #personalHome{margin-top:20px}.home-cinematic #featuredRows .portal-section{margin-top:30px}.home-cinematic .hero-trailer-panel{border-radius:inherit}.home-cinematic .page-content{max-width:1406px;padding-left:56px;padding-right:56px}
@media(min-width:1600px){.hero.hero-cinematic{height:650px}.hero-cinematic .hero-content{padding-top:114px}.spotlight-previews{width:245px;right:52px;gap:16px}.hero-preview{max-height:138px}}
@media(max-width:1100px){.hero.hero-cinematic{width:calc(100% - 40px);height:590px;min-height:590px}.hero-cinematic .hero-content{width:65%;padding-left:40px;padding-top:94px}.hero-cinematic .hero-identity #heroTitle{font-size:43px;max-width:480px}.hero-cinematic .hero-description{max-width:360px}.spotlight-topline{left:40px;right:33px}.spotlight-previews{width:180px;right:33px;top:111px;gap:13px}.hero-preview{max-height:103px}.hero-cinematic .hero-bottom{left:40px!important;right:33px!important}.hero-cinematic .hero-buttons .button{padding:0 16px;min-height:42px}.spotlight-shelf{width:calc(100% - 80px)}.spotlight-poster-strip{grid-auto-columns:calc((100% - 90px)/6);gap:18px}.home-cinematic .page-content{padding-left:40px;padding-right:40px}}
@media(max-width:820px){.spotlight-previews{display:none}.hero-cinematic .hero-content{width:83%;padding-top:98px;padding-right:0}.hero-cinematic .hero-identity #heroTitle{max-width:550px;font-size:49px}.hero-cinematic .hero-description{max-width:450px;font-size:12px}.hero-cinematic .hero-shade{background:linear-gradient(90deg,#090c11ec,#090c1188 55%,#090c1115),linear-gradient(0deg,#090c11e8,transparent 65%)!important}.spotlight-poster-strip{grid-auto-columns:calc((100% - 56px)/4.6);gap:14px}.home-cinematic .header{height:80px}}
@media(max-width:580px){.home-cinematic .header{height:112px;background:#0d0f12}.hero.hero-cinematic{width:calc(100% - 24px);height:540px;min-height:540px;margin-top:5px;border-radius:15px;overflow:hidden}.hero-cinematic .hero-art{height:100%;object-position:62% center;opacity:1}.hero-cinematic .hero-shade{background:linear-gradient(0deg,#080b10fc 0%,#080b10e8 30%,#080b1066 65%,#080b1020 100%),linear-gradient(90deg,#080b1088,transparent 80%)!important}.spotlight-topline{left:22px;right:22px;top:21px}.spotlight-topline>span{font-size:7px;letter-spacing:1.5px;gap:7px}.spotlight-topline>a{font-size:8px;gap:7px}.spotlight-topline>a>span{font-size:13px}.hero-cinematic .hero-content{position:absolute;left:0;right:0;bottom:52px;top:auto;width:auto;max-width:none!important;padding:0 23px 0!important;margin:0}.hero-cinematic .hero-original{font-size:7px!important;max-width:100%;margin-bottom:11px!important;letter-spacing:1.2px}.hero-cinematic .hero-identity{margin-bottom:15px}.hero-cinematic .hero-identity #heroTitle{font-size:clamp(30px,8.5vw,42px);line-height:1.08;letter-spacing:-1px;max-width:none}.hero-cinematic .hero-meta{font-size:9px;gap:8px}.hero-cinematic .hero-meta span:first-child{font-size:8px;padding:2px 6px}.hero-cinematic .hero-description{font-size:10px;line-height:1.85;max-width:100%;margin:15px 0 19px;-webkit-line-clamp:3}.hero-cinematic .hero-buttons{gap:7px}.hero-cinematic .hero-buttons .button{flex:0 1 auto;font-size:10px;min-height:41px;padding:0 14px;border-radius:7px}.hero-cinematic .hero-buttons #heroSave{font-size:10px;padding:0 12px}.hero-cinematic #heroTrailer{padding:0 10px;font-size:9px!important;min-height:35px!important;flex-basis:auto}.hero-cinematic .hero-source{font-size:8px;margin-top:13px;line-height:1.5}.hero-cinematic .hero-bottom{left:23px!important;right:23px!important;bottom:14px!important}.spotlight-count{font-size:8px;gap:8px}.spotlight-count>span:first-child{font-size:15px}.spotlight-divider{width:18px}.hero-cinematic .hero-pagination{gap:5px}.hero-cinematic .hero-track{width:20px;height:24px}.hero-cinematic .hero-track.active{width:35px}.hero-cinematic .hero-track:before,.hero-cinematic .hero-track i{height:2px}.hero-cinematic .hero-edge{width:24px;height:34px;font-size:19px;top:25%;border-radius:6px;background:#090b1055}.hero-cinematic .hero-edge.prev{left:9px}.hero-cinematic .hero-edge.next{right:9px}.spotlight-shelf{width:calc(100% - 44px);margin-top:23px;padding-bottom:18px}.spotlight-shelf-heading{margin-bottom:12px}.spotlight-shelf-heading h2{font-size:16px}.spotlight-shelf .row-actions{gap:6px}.spotlight-shelf .row-actions a{font-size:9px;margin-right:4px}.spotlight-shelf .row-actions button{width:26px;height:26px;font-size:16px}.spotlight-poster-strip{grid-auto-columns:calc((100% - 30px)/3.1);gap:10px;overflow:auto}.spotlight-poster-strip .card-title{font-size:9px;line-height:1.6}.spotlight-poster-strip .card-title-row{margin-top:8px}.spotlight-poster-strip .card-save{display:none}.spotlight-poster-strip .card-cover{border-radius:7px}.home-cinematic .page-content{padding-left:22px;padding-right:22px}.home-cinematic #featuredRows .portal-section{margin-top:24px}.home-cinematic .hero-changing .hero-content{animation-duration:.4s}}
@media(prefers-reduced-motion:reduce){.hero-preview,.hero-preview>img,.hero-preview>i,.hero-cinematic .hero-edge{transition:none!important}.hero-preview:hover{translate:none}}
html[data-theme=light] .home-cinematic{background:var(--bg)}html[data-theme=light] .home-cinematic .hero-cinematic{color:#fff}html[data-theme=light] .home-cinematic .header{background:var(--bg)}
/* Override legacy hero spacing that used !important at mobile breakpoints. */
.hero-cinematic .hero-content{padding-top:94px!important;padding-bottom:86px!important}
@media(min-width:1600px){.hero-cinematic .hero-content{padding-top:114px!important}}
@media(max-width:580px){.hero-cinematic .hero-content{position:absolute!important;top:auto!important;bottom:54px!important;padding:0 23px!important}}