:root{
  --paper:#f2f2ee;
  --ink:#090a0c;
  --soft:#d9d9d2;
  --line:rgba(9,10,12,.14);
  --muted:#6d6f72;
  --accent:#d9ff57;
  --font-display:"Space Grotesk",sans-serif;
  --font-body:"DM Sans",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}
body.modal-open{overflow:hidden}
button,a,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}
.orb{position:fixed;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none;z-index:-1}.orb-one{width:340px;height:340px;background:#b6e9ff;top:16%;left:-120px}.orb-two{width:420px;height:420px;background:#e7ff94;right:-200px;top:65%}
.topbar{height:88px;position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.18);color:white;transition:.35s}
.topbar.scrolled{height:72px;background:rgba(242,242,238,.84);backdrop-filter:blur(20px);color:var(--ink);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.7px}.brand>span:last-child span{font-weight:400}.brand-mark{width:26px;height:26px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:currentColor}.brand-mark:before{height:1px;width:36px;transform:rotate(-42deg)}.brand-mark:after{height:36px;width:1px;transform:rotate(42deg)}.brand-mark span{width:5px;height:5px;background:var(--accent);border-radius:50%;z-index:1;box-shadow:0 0 10px var(--accent)}
.nav-links{display:flex;gap:34px;font-size:13px;font-weight:600}.nav-links a{opacity:.62;transition:.2s;position:relative}.nav-links a:hover,.nav-links a.active{opacity:1}.nav-links a.active:after{content:"";position:absolute;height:2px;background:var(--accent);left:0;right:0;bottom:-10px}
.header-actions{display:flex;align-items:center;gap:14px}.icon-btn{width:42px;height:42px;border:0;background:transparent;color:inherit;display:grid;place-items:center}.icon-btn svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7}.profile{width:40px;height:40px;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font-size:11px;font-weight:700}
.search-panel{position:fixed;top:88px;left:0;right:0;z-index:45;display:flex;justify-content:center;padding:20px;transform:translateY(-180%);transition:.4s cubic-bezier(.2,.8,.2,1)}.search-panel.open{transform:none}.search-shell{width:min(720px,92vw);height:64px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(0,0,0,.18);border-radius:14px;display:flex;align-items:center;padding:0 20px;gap:14px;backdrop-filter:blur(24px)}.search-shell svg{width:20px;fill:none;stroke:#111;stroke-width:1.8}.search-shell input{flex:1;border:0;outline:0;background:transparent;font-size:17px}.search-shell>span{font-size:10px;padding:5px 7px;border:1px solid #bbb;border-radius:5px;color:#777}
.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#08090b;color:white}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,6,.94) 0%,rgba(5,6,8,.62) 42%,rgba(8,9,11,.08) 72%),linear-gradient(0deg,rgba(8,9,11,.65),transparent 40%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,black,transparent 70%)}
.hero-art{position:absolute;inset:0;overflow:hidden}.planet{position:absolute;width:62vw;height:62vw;min-width:700px;min-height:700px;border-radius:50%;right:-13vw;top:8vh;background:radial-gradient(circle at 33% 32%,#f0f0eb 0 2%,#9da1a5 7%,#4b4e53 23%,#17191c 49%,#050607 69%);box-shadow:-70px 0 120px rgba(206,225,230,.2),inset 60px 0 100px rgba(255,255,255,.12);filter:contrast(1.2)}.planet:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 36% 35%,transparent 0 22px,rgba(255,255,255,.025) 24px 25px),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.08),transparent 50%);mix-blend-mode:screen}.ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-18vw;top:4vh;width:72vw;height:72vw;transform:rotate(-12deg)}.ring-b{right:-7vw;top:-5vh;width:56vw;height:72vw;border-color:rgba(217,255,87,.22)}.monolith{position:absolute;right:31vw;top:23vh;width:1px;height:44vh;background:linear-gradient(transparent,#fff,transparent);box-shadow:0 0 28px rgba(255,255,255,.7);transform:rotate(12deg)}.flare{position:absolute;width:7px;height:7px;border-radius:50%;background:white;right:33vw;top:36vh;box-shadow:0 0 12px white,0 0 70px 25px rgba(217,255,87,.22)}
.hero-content{position:absolute;z-index:3;left:7vw;top:50%;transform:translateY(-45%);max-width:650px}.eyebrow,.kicker{font-size:10px;letter-spacing:2.4px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:9px;color:#d7d7d2}.eyebrow span{width:26px;height:1px;background:var(--accent)}.hero h1{font-family:var(--font-display);font-size:clamp(64px,8vw,132px);line-height:.78;letter-spacing:-7px;margin:28px 0 30px;font-weight:700}.hero h1 em{font-style:normal;font-weight:400;-webkit-text-stroke:1px rgba(255,255,255,.75);color:transparent}.hero-copy{font-size:17px;line-height:1.6;color:#c9c9c5;max-width:500px}.meta{display:flex;gap:20px;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:22px;color:#d9d9d4}.meta .rating{border:1px solid rgba(255,255,255,.35);padding:2px 6px}.hero-buttons{display:flex;gap:12px;margin-top:34px}.btn{height:52px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:13px;display:flex;align-items:center;gap:10px;transition:.25s}.btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.btn.primary{background:white;color:#0a0b0d;border-color:white}.btn.primary svg{fill:currentColor;stroke:none}.btn.primary:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.btn.ghost{background:rgba(255,255,255,.06);color:white;backdrop-filter:blur(9px)}.btn.ghost:hover{background:rgba(255,255,255,.15)}
.hero-side{position:absolute;z-index:3;right:4vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:18px}.side-label{font-size:9px;letter-spacing:2px;writing-mode:vertical-rl}.progress-orbit{width:54px;height:54px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;position:relative;font-size:10px}.progress-orbit:after{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-top-color:var(--accent);border-radius:50%;transform:rotate(38deg)}.side-count{font-family:var(--font-display);font-size:21px}.side-count small{font-size:10px;opacity:.45}.scroll-cue{position:absolute;z-index:3;bottom:25px;left:50%;display:flex;align-items:center;gap:10px;transform:translateX(-50%);font-size:8px;letter-spacing:2px}.scroll-cue div{height:38px;width:1px;background:linear-gradient(white,transparent)}
.content-section{padding:110px 4vw 70px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.kicker{color:#83857f;margin:0 0 12px}.section-head h2,.spotlight h2,.manifesto h2{font-family:var(--font-display);font-size:clamp(40px,5vw,76px);line-height:.95;letter-spacing:-3.5px;margin:0}.section-controls{display:flex;gap:8px}.round-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;font-size:18px;transition:.2s}.round-btn:hover{background:var(--ink);color:white}
.film-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,22vw);gap:18px;overflow-x:auto;scrollbar-width:none;padding-bottom:10px;scroll-behavior:smooth}.film-row::-webkit-scrollbar{display:none}.film-card{position:relative;min-height:410px;border-radius:18px;overflow:hidden;background:#ddd;cursor:pointer;isolation:isolate}.film-art{position:absolute;inset:0;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.film-card:hover .film-art{transform:scale(1.06)}.film-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.9))}.film-info{position:absolute;z-index:2;left:18px;right:18px;bottom:17px;color:white}.film-info h3{font-family:var(--font-display);font-size:22px;letter-spacing:-.8px;margin:0 0 7px}.film-info p{font-size:10px;letter-spacing:1.3px;margin:0;color:#d7d7d3}.card-play{position:absolute;z-index:3;right:17px;top:17px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.16);backdrop-filter:blur(10px);color:white;opacity:0;transform:translateY(-8px);transition:.3s}.film-card:hover .card-play{opacity:1;transform:none}.art-1{background:radial-gradient(circle at 70% 30%,#f8fcfb 0 2%,transparent 3%),linear-gradient(135deg,#0a0a0a 0 48%,#cfd3d3 49% 52%,#222 53%)}.art-2{background:radial-gradient(circle at 50% 35%,#ffebc0 0 4%,#ce724e 5% 9%,transparent 10%),linear-gradient(160deg,#1e0f10,#b76f55 55%,#111)}.art-3{background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.06) 9%),radial-gradient(circle at 50% 60%,#d7ff58 0 2%,transparent 18%),linear-gradient(#10181a,#3d5556)}.art-4{background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.2) 31% 32%,transparent 33%),radial-gradient(circle at 65% 25%,#f6f1dd 0 6%,transparent 7%),linear-gradient(145deg,#0b0f14,#42657b)}.art-5{background:conic-gradient(from 80deg at 50% 50%,#131313,#929292,#e6e6de,#292929,#131313)}.art-6{background:radial-gradient(ellipse at center,#e5e0d1 0 8%,#a82d2d 9% 12%,transparent 13%),linear-gradient(155deg,#0a0a0a,#4c1515)}
.spotlight{margin:50px 4vw 90px;min-height:660px;border-radius:26px;background:#0a0b0d;color:white;position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr}.spotlight-art{position:relative;overflow:hidden;background:radial-gradient(circle at 35% 45%,rgba(255,255,255,.24),transparent 35%),linear-gradient(115deg,#303236,#090a0c 66%)}.spotlight-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 29px,rgba(255,255,255,.03) 30px)}.face-silhouette{position:absolute;width:54%;height:78%;left:18%;bottom:-8%;background:linear-gradient(120deg,#777,#17181a 58%);clip-path:polygon(34% 0,70% 8%,84% 27%,79% 48%,90% 100%,17% 100%,25% 56%,15% 34%);filter:grayscale(1) contrast(1.4);opacity:.74}.scan-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px)}.spotlight-copy{padding:110px 8vw 80px 5vw;align-self:center;position:relative;z-index:2}.spotlight-copy p:not(.kicker){color:#aaa;line-height:1.8;max-width:490px;margin:28px 0}.text-link{background:transparent;border:0;color:white;padding:0 0 8px;border-bottom:1px solid white;font-weight:600}.text-link span{margin-left:12px;color:var(--accent)}.quote-mark{position:absolute;right:4vw;bottom:-90px;font-family:Georgia,serif;font-size:300px;color:rgba(255,255,255,.04)}
.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:10px 16px;font-size:11px}.pill.active,.pill:hover{background:var(--ink);color:white}.short-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.short-card{border-top:1px solid var(--line);padding-top:14px;transition:.25s}.short-card:hover{transform:translateY(-4px)}.short-thumb{height:230px;border-radius:14px;position:relative;overflow:hidden}.short-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.25))}.short-card h3{font-family:var(--font-display);font-size:20px;margin:14px 0 5px}.short-card p{font-size:11px;color:var(--muted);margin:0}.thumb-1{background:linear-gradient(140deg,#d8d8d1 0 48%,#202225 49%)}.thumb-2{background:radial-gradient(circle at center,#f4f4ef 0 4%,transparent 5%),linear-gradient(135deg,#4e5c60,#141719)}.thumb-3{background:linear-gradient(20deg,#0d0d0e 0 48%,#a3b7a2 49%)}.thumb-4{background:conic-gradient(from 90deg,#222,#deded8,#444,#222)}.thumb-5{background:radial-gradient(circle at 60% 35%,#d9ff57 0 2%,transparent 3%),linear-gradient(145deg,#162126,#788688)}.thumb-6{background:linear-gradient(135deg,#c5beb1,#4d312b 55%,#111)}
.manifesto{min-height:700px;padding:140px 7vw;background:var(--ink);color:white;position:relative;overflow:hidden}.manifesto:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:7vw;top:80px;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}.manifesto-number{font-family:var(--font-display);font-size:12px;color:var(--accent);margin-bottom:80px}.manifesto h2{font-size:clamp(70px,10vw,150px);max-width:1100px}.manifesto h2 span{-webkit-text-stroke:1px rgba(255,255,255,.62);color:transparent}.manifesto-copy{max-width:440px;margin:45px 0 0 auto;color:#aaa;line-height:1.8}.manifesto-rule{height:1px;background:rgba(255,255,255,.12);margin-top:80px}
footer{padding:60px 4vw;display:grid;grid-template-columns:1.2fr 1fr 1.5fr auto;gap:30px;align-items:center;border-top:1px solid var(--line);font-size:12px}.footer-links{display:flex;gap:20px;justify-content:center}.footer-links a:hover{text-decoration:underline}.copyright{color:var(--muted)}
.modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(18px)}.player-card{position:relative;width:min(1100px,92vw);background:#101113;color:white;border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;transform:scale(.94) translateY(20px);transition:.35s}.modal.open .player-card{transform:none}.modal-close{position:absolute;z-index:5;right:14px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:white;font-size:24px}.fake-player{background:black}.player-visual{aspect-ratio:16/8.5;position:relative;background:radial-gradient(circle at 50% 45%,#b7c2c3 0 1%,transparent 2%),radial-gradient(circle at 50% 50%,#283136,transparent 35%),linear-gradient(#050607,#11181b)}.player-core{position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.16);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 40px rgba(255,255,255,.03),0 0 70px rgba(217,255,87,.12)}.giant-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);backdrop-filter:blur(8px)}.giant-play span{display:block;margin:auto;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid white;transform:translateX(2px)}.player-controls{height:52px;padding:0 17px;display:flex;align-items:center;gap:14px;background:#090a0b}.player-controls button{background:transparent;border:0;color:white}.timeline{height:3px;background:#353535;flex:1}.timeline span{display:block;height:100%;width:26%;background:var(--accent)}.player-controls>span{font-size:10px;color:#aaa}.modal-info{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:30px}.modal-info h3{font-family:var(--font-display);font-size:38px;margin:7px 0}.modal-info>p{color:#aaa;line-height:1.7}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay-one{transition-delay:.18s}
@media(max-width:900px){.nav-links{display:none}.hero-content{left:6vw}.hero h1{letter-spacing:-4px}.hero-side{display:none}.planet{right:-45vw}.film-row{grid-auto-columns:48vw}.spotlight{grid-template-columns:1fr}.spotlight-art{min-height:390px}.spotlight-copy{padding:70px 8vw}.short-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:600px){.topbar{padding:0 20px}.hero{min-height:690px}.hero-content{left:22px;right:22px;top:53%}.hero h1{font-size:58px;letter-spacing:-3px}.hero-copy{font-size:14px}.hero-buttons{flex-wrap:wrap}.content-section{padding:80px 20px 45px}.section-head{align-items:flex-start;gap:24px;flex-direction:column}.section-head h2{font-size:44px}.film-row{grid-auto-columns:78vw}.film-card{min-height:390px}.spotlight{margin:30px 20px 70px}.spotlight-art{min-height:300px}.spotlight-copy{padding:55px 25px}.spotlight h2{font-size:48px}.short-grid{grid-template-columns:1fr}.short-thumb{height:260px}.manifesto{padding:100px 22px}.manifesto h2{font-size:66px;letter-spacing:-4px}.manifesto-copy{margin-left:0}.modal-info{grid-template-columns:1fr;gap:5px}.modal-info>p{margin-top:0}.player-controls>span{display:none}footer{grid-template-columns:1fr;padding:50px 20px}.footer-links{justify-content:flex-start}}