/* Reference direction: narrow side navigation, cinematic carousel and emerald accents. */
:root{--bg:#08090b;--panel:#15191d;--panel-hover:#22282d;--accent:#00c853;--muted:#93969f;--gutter:32px;--side-width:112px;--header-height:76px}
body{font-family:Arial,'Be Vietnam Pro',sans-serif;background:var(--bg)}
.onflix-topbar{position:fixed;inset:0 0 auto;height:var(--header-height);padding:0 40px 0 46px;gap:44px;background:linear-gradient(#080d11f5,#080d11b8 70%,#080d1133);border:0;backdrop-filter:blur(8px)}
.onflix-wordmark{font-family:Anton,'Arial Narrow',Arial,sans-serif;font-size:40px;line-height:1.15;font-weight:400;letter-spacing:-1px;text-transform:uppercase;max-width:230px;flex-shrink:0;white-space:nowrap}
.onflix-wordmark>span{color:var(--accent)}
.onflix-desktop-nav{gap:30px;font-size:16px;font-weight:600;flex-shrink:1;min-width:0;color:#9b9da5}
.onflix-desktop-nav>a{padding:26px 0}.onflix-desktop-nav>details{flex-shrink:0}
.onflix-search{width:clamp(230px,25vw,380px);min-width:170px;background:#ffffff06;border-color:#ffffff1c;border-radius:15px;padding:10px 14px;flex-shrink:1}
.onflix-search input{font-size:16px}.onflix-search svg{height:23px;width:23px}.onflix-search kbd{display:none}
.onflix-header-explore{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#ffffff0d;border:1px solid #ffffff08;border-radius:28px;font-weight:600;padding:10px 17px;white-space:nowrap;font-size:15px}
.onflix-header-explore:hover{background:#ffffff18}
.onflix-submenu{background:#11171bf5;min-width:220px;font-size:14px}
.onflix-side-rail{position:fixed;z-index:35;top:var(--header-height);bottom:0;left:0;width:var(--side-width);background:linear-gradient(180deg,#071015,#08090b 80%);border-right:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:70px 0 20px}
.onflix-side-rail::-webkit-scrollbar{display:none;width:0;height:0}
.onflix-side-rail nav{display:grid;gap:14px}
.onflix-side-rail a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:94px;padding:12px 6px;color:#85858e;font-size:14px;font-weight:600;text-align:center}
.onflix-side-rail svg{width:27px;height:27px}
.onflix-side-rail a:hover,.onflix-side-rail a[aria-current=page]{color:var(--accent)}
.onflix-side-rail [aria-current=page]:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:4px;background:var(--accent);border-radius:0 5px 5px 0}
.onflix-main{margin-left:var(--side-width);padding-top:var(--header-height)}
.onflix-footer{margin-left:var(--side-width);background:var(--bg)}
.onflix-mobile-nav{top:var(--header-height);background:#101518}
.onflix-home-slider{height:clamp(600px,76vh,800px);position:relative;isolation:isolate;margin-top:calc(-1 * var(--header-height));background:var(--bg)}
.onflix-home-slide{position:absolute;inset:0;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:calc(var(--header-height) + 70px) 60px 70px;animation:onflix-slide-in .55s ease both}
.onflix-home-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 25%}
.onflix-home-slide:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 5%,#08090bd9 15%,#08090b66 32%,transparent 62%),linear-gradient(90deg,#071116ee 0%,#071116b0 30%,#07111628 65%,#07111622)}
.onflix-home-copy{width:min(730px,57%);padding-top:30px}
.onflix-home-copy h1,.onflix-home-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.4vw,78px);font-weight:500;line-height:1.15;letter-spacing:-2.3px;text-transform:uppercase;text-wrap:balance;margin:0 0 34px;color:#fff;text-shadow:0 3px 20px #0008;overflow-wrap:anywhere}
.onflix-home-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:#d2d7db;font-size:17px;font-weight:600;margin-bottom:26px}
.onflix-home-meta strong{background:var(--accent);color:#041209;border-radius:5px;padding:3px 9px;font-size:16px}
.onflix-home-meta>span+span:before{content:'|';color:#85898b;margin-right:14px;font-weight:400}
.onflix-home-copy .onflix-genres{gap:10px;margin-bottom:28px}
.onflix-genres a{border-radius:30px;background:#ffffff12;border-color:#ffffff30;color:#d3d5d8;font-size:15px;font-weight:600;padding:5px 15px}
.onflix-home-copy>p{max-width:720px;font-size:20px;line-height:1.8;color:#c6c9cc;margin:0 0 34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.onflix-watch{background:#00b945;color:#fff;border-radius:32px;font-weight:700;padding:14px 28px;font-size:17px}
.onflix-watch:hover{background:#00d450;color:#fff}
.onflix-home-copy>.onflix-watch{min-height:59px;font-size:20px;padding:14px 33px;gap:13px}
.onflix-home-copy>.onflix-watch>span{font-size:24px}
.onflix-slide-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:60px;height:60px;border:1px solid #ffffff17;border-radius:50%;background:#0610148c;font-size:48px;font-family:Arial,sans-serif;font-weight:300;display:grid;place-items:center;line-height:1;padding:0 0 4px}
.onflix-slide-arrow:hover{background:#ffffff20}.onflix-slide-arrow.previous{left:10px}.onflix-slide-arrow.next{right:20px}
.onflix-slide-controls{position:absolute;bottom:30px;right:32px;display:flex;align-items:center;gap:14px;z-index:4}
.onflix-slide-dots{display:flex;gap:3px;align-items:center}
.onflix-slide-dots button{position:relative;width:20px;height:30px;border:0;background:none;padding:0}
.onflix-slide-dots button:after{content:'';position:absolute;left:5px;top:10px;width:10px;height:10px;border-radius:10px;background:#646469;transition:width .2s,background .2s}
.onflix-slide-dots button[aria-pressed=true]{width:38px}.onflix-slide-dots button[aria-pressed=true]:after{width:30px;background:var(--accent)}
.onflix-slide-pause{border:1px solid #ffffff20;background:#0003;color:#aaa;width:31px;height:31px;border-radius:50%;font-size:13px}
.onflix-home-content{position:relative;padding-top:10px}
.onflix-section{position:relative;margin-bottom:40px}
.onflix-section-heading{margin-bottom:17px}.onflix-section-heading h2{font-size:32px;letter-spacing:-.8px;font-weight:750;line-height:1.3;color:#fff}
.onflix-section-actions>a{font-size:16px;color:#a0a3ad;font-weight:500}.onflix-section-actions>a>span{font-size:16px}
.onflix-section-actions .onflix-icon-button{position:absolute;z-index:5;top:calc(50% - 30px);width:48px;height:48px;border:0;background:#e1e2e3;color:#101013;font-size:38px;box-shadow:0 3px 15px #0004;display:grid}
.onflix-section-actions [data-rail-prev]{left:-20px}.onflix-section-actions [data-rail-next]{right:-12px}.onflix-section-actions button:disabled{visibility:hidden}
.onflix-rail{grid-auto-columns:calc((100% - 144px)/7);gap:24px;scrollbar-width:none}.onflix-rail::-webkit-scrollbar{display:none}
.onflix-poster{border-radius:7px;border:0}.onflix-card h3{font-size:16px;font-weight:600;margin-top:11px}.onflix-card p{font-size:14px}.onflix-card-meta{font-size:13px}
.onflix-badge{top:6px;left:auto;right:6px;border:0;background:#000d;color:#fff;font-size:13px;border-radius:4px;padding:0 7px}
.onflix-score{position:absolute;top:6px;left:6px;border-radius:4px;padding:1px 6px;background:#d18b00;color:white;font-weight:700;font-size:13px}
.onflix-episode-badge{background:#000c;font-size:13px}.quality-tag{color:#3fea89;border-color:#00c85370}
.onflix-detail-hero .onflix-hero-content{max-width:850px}.onflix-catalog-heading h1{font-size:36px}
/* Detail artwork continues behind the header and fades into the page background. */
.onflix-detail-hero{margin-top:calc(-1 * var(--header-height));padding-top:calc(var(--header-height) + 50px);padding-bottom:90px;background:var(--bg);border:0;box-shadow:none}
.onflix-detail-hero:after{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 4%,#08090bea 15%,#08090b80 38%,transparent 75%),linear-gradient(90deg,#08090bf0,#08090bb0 65%,#08090b60)}
@media(max-width:760px){.onflix-detail-hero{padding-top:calc(var(--header-height) + 38px);padding-bottom:65px}}
@media(max-width:480px){.onflix-detail-hero{padding-top:calc(var(--header-height) + 40px)}}
.onflix-filters .onflix-watch{font-size:15px;border-radius:8px;padding:11px 20px}
.onflix-episode-grid>a.is-active{background:#00ad43;color:#fff}.onflix-pagination [aria-current=page]{background:#00ad43;color:#fff}
.onflix-notice{padding:12px 16px;border-left:3px solid var(--accent);background:#00c8530b;color:#bfcac3}
@keyframes onflix-slide-in{from{opacity:.25}to{opacity:1}}
@media(min-width:1800px){.onflix-home-slider{height:78vh;max-height:840px}.onflix-home-copy{width:760px}.onflix-home-copy>p{font-size:22px}.onflix-section-heading h2{font-size:36px}}
@media(max-width:1550px){.onflix-topbar{padding-inline:30px;gap:28px}.onflix-desktop-nav{gap:21px;font-size:14px}.onflix-wordmark{font-size:34px;max-width:180px}.onflix-header-explore{display:none}.onflix-search{width:clamp(200px,23vw,330px)}.onflix-home-copy h1,.onflix-home-copy h2{font-size:clamp(38px,4.2vw,62px)}.onflix-home-copy>p{font-size:18px}.onflix-home-meta{font-size:15px}.onflix-home-meta strong{font-size:14px}.onflix-home-copy{width:61%}.onflix-rail{grid-auto-columns:calc((100% - 100px)/6);gap:20px}.onflix-section-heading h2{font-size:29px}}
@media(max-width:1200px){:root{--side-width:92px;--gutter:26px}.onflix-topbar{gap:22px;padding-inline:25px}.onflix-desktop-nav{gap:16px;font-size:13px}.onflix-side-rail{padding-top:45px}.onflix-side-rail a{font-size:12px;min-height:87px;gap:11px}.onflix-side-rail svg{width:25px;height:25px}.onflix-home-slide{padding-left:47px;padding-right:44px}.onflix-home-copy{width:67%}.onflix-slide-arrow{width:44px;height:44px;font-size:35px}.onflix-slide-arrow.previous{left:2px}.onflix-slide-arrow.next{right:10px}.onflix-rail{grid-auto-columns:calc((100% - 72px)/5);gap:18px}.onflix-home-meta{gap:10px}.onflix-home-meta>span+span:before{margin-right:10px}.onflix-home-copy>.onflix-watch{font-size:18px;min-height:52px;padding:12px 27px}.onflix-search input{font-size:14px}}
@media(max-width:1100px){.onflix-search{width:350px;flex:0 1 350px}.onflix-topbar .onflix-menu-button{display:block}.onflix-home-slider{height:650px}.onflix-home-copy{width:75%}.onflix-home-copy h1,.onflix-home-copy h2{font-size:48px}.onflix-section-heading h2{font-size:27px}.onflix-rail{grid-auto-columns:calc((100% - 54px)/4.3)}}
@media(max-width:760px){:root{--side-width:0px;--header-height:68px;--gutter:20px}.onflix-side-rail{display:none}.onflix-topbar{padding:0 20px;gap:18px;background:#080c10e0}.onflix-wordmark{font-size:30px;max-width:170px}.onflix-search{flex:1;min-width:100px;padding:8px 10px;border-radius:12px}.onflix-search svg{height:20px;width:20px}.onflix-mobile-nav{top:68px}.onflix-main,.onflix-footer{margin-left:0}.onflix-home-slider{height:640px;margin-top:-68px}.onflix-home-slide{padding:200px 30px 60px;align-items:flex-end}.onflix-home-backdrop{object-position:65% top}.onflix-home-slide:after{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) 5%,#08090be6 25%,#08090b73 55%,#08090b11 100%)}.onflix-home-copy{width:100%;padding-top:0}.onflix-home-copy h1,.onflix-home-copy h2{font-size:42px;letter-spacing:-1.5px;max-width:540px;margin-bottom:22px}.onflix-home-copy>p{font-size:16px;margin-bottom:23px;max-width:580px}.onflix-home-meta{font-size:14px;margin-bottom:19px}.onflix-home-copy .onflix-genres{margin-bottom:20px}.onflix-genres a{font-size:13px;padding:4px 12px}.onflix-home-copy>.onflix-watch{font-size:17px;min-height:49px;padding:11px 24px}.onflix-slide-arrow{top:36%;width:39px;height:39px;font-size:31px}.onflix-slide-arrow.previous{left:10px}.onflix-slide-arrow.next{right:10px}.onflix-slide-controls{bottom:17px;right:20px}.onflix-home-content{padding-top:12px}.onflix-section-heading h2{font-size:25px;letter-spacing:-.6px}.onflix-section-actions>a{font-size:13px}.onflix-section-actions .onflix-icon-button{display:none}.onflix-rail{grid-auto-columns:calc((100% - 28px)/3.2);gap:14px}.onflix-card h3{font-size:14px}.onflix-card p{font-size:12px}.onflix-score,.onflix-badge{font-size:11px}.onflix-footer .onflix-wordmark{font-size:28px}.onflix-watch{font-size:15px;padding:12px 20px}.onflix-catalog-heading h1{font-size:28px}}
@media(max-width:480px){:root{--gutter:16px}.onflix-topbar{padding-inline:16px;gap:12px}.onflix-wordmark{font-size:27px;max-width:120px}.onflix-search input{font-size:12px}.onflix-menu-button{width:34px;min-height:36px;font-size:21px}.onflix-home-slider{height:610px}.onflix-home-slide{padding:180px 22px 65px}.onflix-home-copy h1,.onflix-home-copy h2{font-size:36px;line-height:1.17;letter-spacing:-1px;margin-bottom:20px}.onflix-home-meta{gap:8px;font-size:12px;margin-bottom:15px}.onflix-home-meta strong{font-size:12px;padding:3px 7px}.onflix-home-meta>span+span:before{margin-right:8px}.onflix-home-copy .onflix-genres{gap:7px;margin-bottom:17px}.onflix-home-copy>p{font-size:15px;line-height:1.7;margin-bottom:20px}.onflix-home-copy>.onflix-watch{min-height:47px;font-size:16px}.onflix-home-copy>.onflix-watch>span{font-size:20px}.onflix-rail{grid-auto-columns:43%;gap:13px}.onflix-section-heading h2{font-size:23px}.onflix-section-actions>a{font-size:12px}.onflix-section-actions>a>span{font-size:12px}.onflix-card-meta{font-size:12px}.onflix-section{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.onflix-home-slide{animation:none}}

/* Header and typography parity: transparent over artwork, opaque only after scrolling. */
@font-face{font-family:InterLocal;src:url('./fonts/inter-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:InterLocal;src:url('./fonts/inter-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:InterLocal;src:url('./fonts/inter-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:InterLocal;src:url('./fonts/inter-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:InterLocal;src:url('./fonts/inter-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:AntonLocal;src:url('./fonts/anton.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--header-height:64px;--side-width:96px;--gutter:24px}
body{font-family:InterLocal,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.onflix-topbar{height:var(--header-height);padding:0 32px;gap:36px;background:#090b0ef5;backdrop-filter:blur(14px);transition:transform .25s ease,background .25s,box-shadow .25s,backdrop-filter .25s;box-shadow:none}
.onflix-topbar.is-auto-hidden{transform:translateY(calc(-100% - 2px));pointer-events:none}
.onflix-topbar:focus-within{transform:translateY(0);pointer-events:auto}
@media(prefers-reduced-motion:reduce){.onflix-topbar{transition:none}}
html:has([data-transparent-header]) .onflix-topbar:not(.is-scrolled),.onflix-topbar.is-over-hero{background:transparent;backdrop-filter:none;box-shadow:none;border-color:transparent}
.onflix-topbar.is-scrolled{background:#090b0ef5;backdrop-filter:blur(14px);box-shadow:0 1px 0 #ffffff0a}
.onflix-wordmark{font-family:AntonLocal,'Arial Narrow',Arial,sans-serif;font-size:34px;letter-spacing:-.7px;max-width:185px;color:#f5f5f5;line-height:1.1;overflow:hidden;text-overflow:ellipsis}
.onflix-topbar .onflix-wordmark{min-width:100px;display:block}.onflix-wordmark>span{color:#00cf58}
.onflix-desktop-nav{gap:25px;font-family:InterLocal,Arial,sans-serif;font-size:14px;font-weight:600;flex-shrink:0}
.onflix-desktop-nav>a{padding:20px 0}.onflix-menu-group>summary{gap:7px}
.onflix-search{height:36px;width:clamp(210px,24vw,360px);margin-left:auto;padding:6px 13px;background:#ffffff05;border:1px solid #ffffff20;border-radius:14px}
.onflix-search input{font-family:InterLocal,Arial,sans-serif;font-size:14px}.onflix-search svg{width:20px;height:20px}
.onflix-header-explore{padding:8px 15px;min-height:36px;font-size:14px}
.onflix-submenu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:330px;max-width:calc(100vw - 40px)}
.onflix-menu-group:not([open])>.onflix-submenu{display:none}
.onflix-submenu-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:260px;max-height:360px}
.onflix-side-rail{padding-top:55px;background:linear-gradient(180deg,#080b0d,#08090b 75%)}
.onflix-side-rail nav{gap:8px}.onflix-side-rail a{min-height:80px;gap:12px;font-size:12px}.onflix-side-rail svg{width:24px;height:24px}
.onflix-home-slider{height:clamp(660px,88vh,940px);max-height:none;margin-top:calc(-1 * var(--header-height))}
.onflix-home-slide{padding:calc(var(--header-height) + 65px) 44px 55px}
.onflix-home-copy{padding-top:0;width:min(660px,59%)}
.onflix-title-block{margin:0 0 28px;max-width:590px}
.onflix-home-copy h1,.onflix-home-copy h2{font-family:InterLocal,Arial,sans-serif;font-size:clamp(34px,3.8vw,58px);font-weight:800;line-height:1.23;letter-spacing:-1.2px;text-transform:none;margin:0;text-shadow:0 3px 20px #0006;text-wrap:balance;overflow-wrap:break-word}
.onflix-title-art{height:auto;width:auto;max-width:100%;max-height:140px;object-fit:contain;object-position:left center}
.onflix-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.onflix-home-meta{font-size:14px;gap:12px;margin-bottom:26px}.onflix-home-meta strong{font-size:14px;padding:3px 8px}
.onflix-home-copy .onflix-genres{margin-bottom:26px}.onflix-home-copy .onflix-genres a{font-size:14px;padding:4px 12px}
.onflix-home-copy>p{font-size:18px;line-height:1.7;max-width:600px;margin-bottom:32px}
.onflix-home-copy>.onflix-watch{font-size:17px;min-height:49px;padding:12px 26px}.onflix-home-copy>.onflix-watch>span{font-size:21px}
.onflix-slide-arrow{width:48px;height:48px;font-size:39px}.onflix-slide-arrow.previous{left:3px}.onflix-slide-arrow.next{right:17px}
.onflix-home-content{padding-top:6px}.onflix-section-heading h2{font-family:InterLocal,Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.8px}
.onflix-rail{grid-auto-columns:calc((100% - 120px)/7);gap:20px}
@media(max-width:1400px){.onflix-topbar{gap:25px;padding-inline:25px}.onflix-desktop-nav{gap:20px;font-size:13px}.onflix-wordmark{font-size:32px}.onflix-rail{grid-auto-columns:calc((100% - 100px)/6)}.onflix-home-copy{width:65%}}
@media(max-width:1100px){.onflix-topbar{gap:20px}.onflix-desktop-nav{display:none}.onflix-search{flex:0 1 350px}.onflix-home-slider{height:680px}.onflix-home-copy{width:75%}.onflix-rail{grid-auto-columns:calc((100% - 54px)/4.3);gap:18px}}
@media(max-width:760px){:root{--side-width:0px;--header-height:60px;--gutter:20px}.onflix-topbar{gap:14px;padding-inline:20px}.onflix-topbar .onflix-wordmark{font-size:29px;min-width:88px}.onflix-search{flex:1;width:auto}.onflix-mobile-nav{top:var(--header-height)}.onflix-mobile-nav .onflix-submenu-grid{width:100%;max-width:none}.onflix-home-slider{height:660px}.onflix-home-slide{padding:170px 28px 62px;align-items:flex-end}.onflix-home-copy{width:100%}.onflix-title-block{max-width:470px;margin-bottom:22px}.onflix-home-copy h1,.onflix-home-copy h2{font-size:38px;line-height:1.22;letter-spacing:-.8px}.onflix-title-art{max-height:100px}.onflix-home-copy>p{font-size:16px;line-height:1.7;margin-bottom:25px}.onflix-home-copy .onflix-genres{margin-bottom:19px}.onflix-home-meta{margin-bottom:19px}.onflix-home-copy>.onflix-watch{min-height:47px;font-size:16px;padding:11px 24px}.onflix-section-heading h2{font-size:24px}.onflix-rail{grid-auto-columns:calc((100% - 28px)/3.2);gap:14px}.onflix-slide-arrow{top:34%;width:38px;height:38px;font-size:30px}}
@media(max-width:480px){:root{--gutter:16px}.onflix-topbar{gap:11px;padding-inline:16px}.onflix-topbar .onflix-wordmark{font-size:27px;min-width:82px;max-width:105px}.onflix-search{min-width:80px;padding-inline:9px}.onflix-search input{font-size:12px}.onflix-home-slider{height:620px}.onflix-home-slide{padding:145px 23px 62px}.onflix-home-copy h1,.onflix-home-copy h2{font-size:32px;line-height:1.25;letter-spacing:-.5px}.onflix-title-block{margin-bottom:20px}.onflix-home-meta{font-size:12px;gap:8px;margin-bottom:17px}.onflix-home-meta strong{font-size:12px}.onflix-home-copy .onflix-genres{margin-bottom:17px}.onflix-home-copy .onflix-genres a{font-size:12px}.onflix-home-copy>p{font-size:14px;margin-bottom:21px}.onflix-section-heading h2{font-size:22px}.onflix-rail{grid-auto-columns:43%;gap:13px}.onflix-title-art{max-height:85px}}