:root{color-scheme:dark;--bg:#08090d;--muted:#999ba9;--cyan:#00dfff;--pink:#ff16bf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f6f5fa;font:15px/1.6 Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header{height:88px;position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:50px;padding:0 5%;z-index:2;background:linear-gradient(#08090dc9,transparent)}.brand{width:155px;height:60px;overflow:hidden;position:relative}.brand img{position:absolute;width:118%;height:auto;max-width:none;left:-9%;top:50%;transform:translateY(-50%);object-fit:contain;mix-blend-mode:screen}nav{display:flex;align-items:center;gap:30px}.navlink{border:0;background:none;font-size:13px;padding:8px 0}.navlink:hover{color:var(--cyan)}#count{font-size:10px;border:1px solid #ffffff30;border-radius:20px;padding:2px 6px;margin-left:5px}.preview{margin-left:auto;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.preview i{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}.hero{position:relative;min-height:760px;height:90svh;max-height:980px;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;left:30%;width:70%;height:100%;object-fit:cover;object-position:46% center;opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08090d 0%,#08090df5 28%,#08090db8 46%,#08090d20 70%,transparent 100%),linear-gradient(0deg,var(--bg),transparent 35%)}.hero-copy{position:relative;padding:120px 5% 100px;max-width:1000px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--cyan)}.feature-label{font-size:10px;letter-spacing:2px;color:#b0afbf;margin-top:44px}h1{font-size:clamp(44px,5.5vw,84px);letter-spacing:-3.5px;line-height:1.05;margin:20px 0 26px}h1 em{font-style:normal;background:linear-gradient(100deg,#58eaff,#afa0ff 70%,#ff7fe2);background-clip:text;color:transparent}.lede{font-size:16px;line-height:1.8;color:#d1d0d9}.meta{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#b6b5c2;margin:20px 0}.meta span{border-left:1px solid #6d6b7a;padding-left:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.primary,.outline{padding:13px 23px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:700}.primary{background:var(--cyan);border:1px solid var(--cyan);color:#031217;box-shadow:0 5px 30px #00dfff14}.primary:hover{background:#7defff}.outline{background:#16151e88;border:1px solid #ffffff38}.outline:hover{border-color:var(--cyan);background:#00dfff0c}.sample-note{font-size:11px;color:#a1a0b0;margin-top:20px}.hero-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px;color:#b2b1bd}.hero-foot a{letter-spacing:0;font-size:12px}.hero-credit{letter-spacing:0;font-size:10px;color:#b2b1bd}.hero-credit a{font-size:inherit;text-decoration:underline;text-underline-offset:3px}.intro-band{border-block:1px solid #ffffff15;padding:24px 5%;display:flex;align-items:center;gap:22px;background:linear-gradient(100deg,#00dfff07,#b731ff07)}.band-icon{font-size:34px;color:var(--cyan)}.intro-band strong{font-size:15px}.intro-band p{margin:4px 0;color:var(--muted);font-size:12px}.intro-band>a{margin-left:auto;font-size:12px;white-space:nowrap}.collection{padding:65px 5% 15px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}h2{font-size:clamp(26px,3vw,42px);letter-spacing:-1.3px;line-height:1.2;margin:12px 0 0}.search{display:flex;align-items:center;gap:12px;background:#12131a;border:1px solid #ffffff20;border-radius:6px;padding:9px 15px;min-width:310px}.search span{font-size:25px;line-height:1;color:var(--muted)}input{background:none;border:0;outline:none;color:#fff;width:100%;font-size:12px;padding:4px 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #ffffff20;border-radius:30px;background:transparent;padding:7px 18px;font-size:12px;color:#a7a6b4}.chip.active{background:#00dfff12;border-color:#00dfff70;color:#6befff}#results{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.film{min-width:0}.film-art{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:linear-gradient(130deg,#14303a,#39203f);border:1px solid #ffffff15}.film-art img{height:100%;width:100%;object-fit:cover;transition:transform .45s;opacity:.85}.film:hover img{transform:scale(1.04)}.art-open{display:block;width:100%;height:100%;padding:0;border:0;background:none;text-align:left}.play-circle{position:absolute;inset:0;display:grid;place-content:center;background:#0000;transition:background .2s}.play-circle span{border:1px solid #ffffff55;background:#08090d77;backdrop-filter:blur(8px);width:46px;height:46px;border-radius:50%;display:grid;place-content:center;font-size:16px}.film:hover .play-circle{background:#0002}.save{position:absolute;right:12px;top:12px;border:1px solid #ffffff50;border-radius:50%;background:#08090dbb;width:32px;height:32px;font-size:20px;line-height:1}.save.saved{background:var(--cyan);color:#001c25;border-color:var(--cyan)}.film-label{position:absolute;left:12px;top:14px;font-size:9px;letter-spacing:1px;background:#08090daa;padding:3px 7px;pointer-events:none}.film-body{padding:15px 2px}.film-body h3{font-size:21px;letter-spacing:-.5px;margin:0 0 5px}.film-body button{background:none;border:0;padding:0;text-align:left}.film-body .meta{margin:4px 0;font-size:11px;gap:10px}.film-body p{font-size:12px;color:var(--muted);margin:9px 0}.film-credit{font-size:10px!important;color:#777b90!important}.progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff30}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink))}.future{margin:80px 5% 0;padding:60px 40px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#6e23aa24,transparent 65%);border:1px solid #ffffff15;border-radius:10px}.future h2{font-size:clamp(32px,4vw,55px)}.future>p:not(.eyebrow){max-width:610px;margin:24px auto;color:var(--muted);font-size:14px}.future .outline{margin-top:8px}footer{margin:70px 5% 0;padding:35px 0;border-top:1px solid #ffffff15;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer p{color:var(--muted);font-size:12px}.wordmark{font-size:23px;font-weight:900;letter-spacing:-1px;color:var(--cyan)}.wordmark span{color:var(--pink)}footer div{margin-left:auto;display:flex;gap:22px;font-size:12px}footer button{border:0;background:none;padding:0;font-size:12px}footer small{width:100%;font-size:10px;color:#858594}dialog{border:1px solid #ffffff25;border-radius:12px;background:#11121a;color:#f6f5fa;padding:0;width:min(800px,92vw);max-height:90svh;box-shadow:0 30px 160px #000}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog>img{width:100%;height:280px;object-fit:cover}.close{position:absolute;right:15px;top:15px;z-index:1;width:36px;height:36px;border:1px solid #ffffff50;background:#090910cc;border-radius:50%;font-size:25px}.dialog-body{padding:30px}.dialog-body>p{color:#b7b6c4}.dialog-body .eyebrow{color:var(--cyan)}.attribution{font-size:11px;color:var(--muted);margin-top:25px;border-top:1px solid #ffffff15;padding-top:18px}.attribution a,#credits a{color:#6feaff}.advisory{font-size:11px;color:#a8a1b1}#player-dialog{width:min(1120px,95vw);padding:24px}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.player-heading h2{font-size:24px}.player-heading p{margin:0}video{width:100%;max-height:62svh;background:#000;display:block}.player-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.player-bottom p{font-size:11px;color:var(--muted)}.text-button{border:0;background:none;color:#b8b6c8;font-size:12px;text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border:1px solid #00dfff66;border-radius:7px;background:#131824;box-shadow:0 6px 40px #0008;padding:12px 24px;font-size:13px;z-index:10;display:none}.toast.visible{display:block}.empty{text-align:center;padding:55px 20px;border:1px dashed #ffffff20;border-radius:8px;color:var(--muted)}.empty>span{font-size:35px;color:var(--cyan)}.empty h3{color:white}.skip{position:absolute;top:-100px;z-index:10;background:var(--cyan);color:#000;padding:15px}.skip:focus{top:0}#credits-list article{border-top:1px solid #ffffff18;padding:15px 0}#credits-list h3{margin:0}#credits-list p{font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:760px){header{height:75px;gap:20px}.brand{width:120px}.brand img{position:absolute;width:118%;height:auto;max-width:none;left:-9%;top:50%;transform:translateY(-50%);object-fit:contain;mix-blend-mode:screen}.preview{font-size:8px;letter-spacing:1px}nav{gap:16px}.navlink{font-size:11px}.hero{min-height:720px;height:auto}.hero-art{left:0;width:100%;height:430px;top:60px;object-position:44% center}.hero-shade{background:linear-gradient(90deg,#08090d99,#08090d20),linear-gradient(0deg,var(--bg) 25%,#08090dcc 48%,transparent 85%)}.hero-copy{padding-top:130px;padding-bottom:110px}h1{letter-spacing:-2px;font-size:52px}.lede{font-size:14px}.feature-label{margin-top:40px}.hero-foot{font-size:8px}.intro-band{gap:12px}.intro-band>a{display:none}.section-heading{align-items:stretch;flex-direction:column;gap:20px}.search{min-width:0}.collection{padding-top:45px}.grid{grid-template-columns:1fr;gap:24px}.film-art{aspect-ratio:16/9}.toolbar{align-items:start;margin-top:22px}.chip{padding:7px 12px}#results{white-space:nowrap;padding-top:7px}.future{padding:40px 22px;margin-top:45px}footer{gap:12px}footer div{width:100%;margin:10px 0;flex-wrap:wrap}.dialog-body{padding:24px}dialog>img{height:200px}.player-heading .outline{padding:8px 12px}.player-heading h2{font-size:19px}#player-dialog{padding:16px}.player-bottom{align-items:start;flex-direction:column;gap:0}}@media(min-width:761px) and (max-width:1050px){h1{font-size:65px}.grid{gap:16px}.search{min-width:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:760px){header .preview{display:none}header{gap:18px}header nav{margin-left:auto;gap:14px}}

#stream-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}button:disabled{opacity:.55;cursor:wait}

@media(max-width:420px){header{gap:10px}header .brand{width:105px;flex-shrink:0}header nav{gap:10px}header .navlink{font-size:10px}header #count{padding:1px 4px;margin-left:2px}}

/* Cinema color treatment, scoped to the viewing page. */
.cinema-page .collection{background:radial-gradient(ellipse at 5% 35%,#00dfff09,transparent 50%),radial-gradient(ellipse at 100% 70%,#e72fff0b,transparent 55%)}
.cinema-page .film{padding:10px 10px 2px;border:1px solid transparent;border-radius:16px;background:linear-gradient(145deg,#111b29,#151020 75%) padding-box,linear-gradient(130deg,#00dfff9c,#8260ff70 48%,#ff26bb8a) border-box;box-shadow:0 10px 35px #0005,0 0 22px #00dfff0a;transition:box-shadow .25s,border-color .25s}
.cinema-page .film:nth-child(3n+2){background:linear-gradient(145deg,#1c142b,#101b28) padding-box,linear-gradient(130deg,#b875ffb0,#ff26bb70 52%,#00dfff80) border-box}
.cinema-page .film:nth-child(3n){background:linear-gradient(145deg,#211323,#111a2a) padding-box,linear-gradient(130deg,#ff46c5ad,#8b67ff85 52%,#00dfff90) border-box}
.cinema-page .film:hover,.cinema-page .film:focus-within{box-shadow:0 14px 42px #0006,-5px 0 24px #00dfff18,5px 0 26px #ff16bf1c}
.cinema-page .film-art{border-radius:10px;border:1px solid #9ea7ff66;box-shadow:0 0 18px #8157ff15}
.cinema-page .film-art img{opacity:1}
.cinema-page .film-body{padding:15px 6px 10px}
.cinema-page .film-body h3{color:#f5f4ff}
.cinema-page .details-link:hover h3{color:#75edff}
.cinema-page .play-circle span{width:54px;height:54px;border:1px solid #a1f3ffcc;background:linear-gradient(135deg,#076c9ce8,#6331bde8 55%,#b71d8be8);color:#fff;box-shadow:0 0 0 5px #00dfff12,0 5px 24px #0008,0 0 22px #ae45ff60;font-size:18px;transition:box-shadow .2s,transform .2s}
.cinema-page .art-open:hover .play-circle span,.cinema-page .art-open:focus-visible .play-circle span{transform:scale(1.08);box-shadow:0 0 0 7px #00dfff20,0 0 30px #bd43ff80}
.cinema-page .film-label{color:#d7f8ff;border:1px solid #67d6ff55;border-radius:5px;background:#10152be8;letter-spacing:.8px;max-width:calc(100% - 68px)}
.cinema-page .save{width:36px;height:36px;border-color:#f683edaa;background:linear-gradient(145deg,#54236fea,#28183fee);color:#fff;box-shadow:0 3px 15px #f42cb32b}
.cinema-page .save:hover{border-color:#ffb8f0;background:#6f288e}
.cinema-page .save.saved{background:linear-gradient(135deg,#51f2ff,#abbbff);color:#041824;border-color:#a3faff;box-shadow:0 0 17px #00dfff35}
.cinema-page .primary{border:1px solid #adf8ff;background:linear-gradient(110deg,#36e6fa,#88d4ff 56%,#c5b0ff);color:#07152b;border-radius:8px;box-shadow:0 4px 24px #00dfff2b,0 0 16px #9d68ff20;transition:filter .2s,box-shadow .2s}
.cinema-page .primary:hover{filter:brightness(1.12);box-shadow:0 4px 28px #00dfff45,0 0 24px #aa54ff35}
.cinema-page .outline{border:1px solid transparent;border-radius:8px;background:linear-gradient(125deg,#142438,#2a1736) padding-box,linear-gradient(115deg,#31dbff,#9b78ff,#ff4ac6) border-box;color:#eef4ff;box-shadow:0 3px 16px #ae45ff13}
.cinema-page .outline:hover{background:linear-gradient(125deg,#17394e,#492044) padding-box,linear-gradient(115deg,#86f4ff,#d5a7ff,#ff88dc) border-box}
.cinema-page .chip{border-color:#a08cff50;background:#141420;color:#c5c1d8}
.cinema-page .chip.active{color:#e5fbff;background:linear-gradient(115deg,#07576c,#542469);border-color:#7eeeff;box-shadow:0 0 15px #00dfff18}
.cinema-page #details,.cinema-page #player-dialog{border:1px solid transparent;background:linear-gradient(135deg,#0e1725,#171021) padding-box,linear-gradient(125deg,#2ee4ff,#9771ff 50%,#ff3ac5) border-box;box-shadow:0 30px 130px #000c,-10px 0 65px #00dfff17,10px 0 65px #ed29e921}
.cinema-page .screen-frame{padding:3px;border-radius:12px;background:linear-gradient(115deg,#27e2ff,#8b65ff 50%,#ff39bd);box-shadow:0 0 26px #6e49ff35;overflow:hidden}
.cinema-page .screen-frame video,.cinema-page .screen-frame iframe{border-radius:9px;accent-color:#00dfff}
.cinema-page .player-heading .eyebrow{color:#7cefff;letter-spacing:3px}
.cinema-page #player-status{color:#c9b7ff;font-size:12px}
.cinema-page #restart,.cinema-page #report-playback{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #b26bff70;border-radius:7px;background:linear-gradient(110deg,#103047,#2d1b3f);color:#bff5ff;text-decoration:none;min-height:38px}
.cinema-page #restart:hover,.cinema-page #report-playback:hover{border-color:#ff6bda;color:#fff}
.cinema-page .progress-track{height:4px}
.cinema-page .close{background:linear-gradient(135deg,#19364c,#68275d);border-color:#e49bff;color:#fff}
@media(max-width:760px){.cinema-page .film{padding:8px 8px 0}.cinema-page .player-heading{align-items:flex-start}.cinema-page #player-close{white-space:nowrap}.cinema-page .screen-frame{padding:2px;border-radius:9px}.cinema-page .screen-frame video,.cinema-page .screen-frame iframe{border-radius:7px}.cinema-page .player-bottom{padding-top:12px}.cinema-page .play-circle span{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.cinema-page .film,.cinema-page .primary,.cinema-page .play-circle span{transition:none}.cinema-page .art-open:hover .play-circle span,.cinema-page .art-open:focus-visible .play-circle span{transform:none}}