:root{--ink:#08060d;--cream:#eee2c4;--pink:#ed3d9a;--purple:#6b2cff;--blue:#14376d;--gold:#d7a633;--line:rgba(238,226,196,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Mono",monospace;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.11;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");mix-blend-mode:screen}.tracking{position:fixed;right:2rem;bottom:1.5rem;z-index:21;color:#fff;font-size:.66rem;letter-spacing:.18em;opacity:.48;pointer-events:none}.tracking span{margin-left:1rem}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(#090610aa,transparent)}.wordmark{font-family:"Permanent Marker";font-size:1.55rem;color:#f052a7;text-decoration:none;transform:rotate(-2deg)}.wordmark i{font:9px "DM Mono";vertical-align:top;color:#fff}.nav nav{display:flex;gap:2.4rem}.nav nav a,.socials a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:.68rem;letter-spacing:.14em}.nav nav a:hover,.socials a:hover{color:var(--pink)}.sound{border:0;background:none;color:#fff;font:500 .64rem "DM Mono";text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.sound span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);margin-right:7px}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.08);transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,3,9,.95) 0%,rgba(5,3,9,.68) 38%,rgba(5,3,9,.12) 70%),linear-gradient(0deg,var(--ink),transparent 26%)}.hero-copy{position:relative;z-index:2;width:min(750px,90%);padding:12rem 0 7rem 6vw}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.68rem;font-weight:500;color:#ee59a9}.hero h1,.chapter-copy h2,.section-head h2,.cinema h2,.finale h2{font:400 clamp(4.2rem,9vw,9rem)/.82 "Bebas Neue";letter-spacing:-.01em;text-transform:uppercase;margin:.22em 0}.hero h1 em,.chapter-copy h2 em,.finale h2 em{font-style:normal;color:var(--pink)}.lede{max-width:540px;font-size:.85rem;line-height:1.8;color:#e9e1dc}.hero-actions{display:flex;gap:12px;margin-top:2.1rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 1.5rem;text-decoration:none;color:#fff;font-size:.69rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--pink)}.button.primary{background:var(--pink);color:#130812}.button:hover{filter:brightness(1.2);transform:translateY(-2px)}.scroll-cue{position:absolute;z-index:3;bottom:2rem;right:4vw;font-size:.58rem;letter-spacing:.17em;color:#ffffff99}.scroll-cue span{color:var(--pink);font-size:1rem}.marquee{height:64px;border-block:1px solid var(--line);display:flex;align-items:center;overflow:hidden;color:#e9dec9;font:400 1.2rem "Bebas Neue";letter-spacing:.13em;white-space:nowrap}.marquee div{animation:marquee 20s linear infinite}.marquee b{color:var(--pink);margin:0 1.2rem}@keyframes marquee{to{transform:translateX(-100%)}}.split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.legend{background:radial-gradient(circle at 20% 50%,#261137 0,transparent 40%)}.chapter-copy{padding:11vw 7vw;display:flex;flex-direction:column;justify-content:center}.chapter-copy h2,.section-head h2,.cinema h2,.finale h2{font-size:clamp(4rem,7vw,7.5rem)}.chapter-copy>p:not(.eyebrow){max-width:570px;color:#bdb4bb;line-height:1.85;font-size:.82rem}.chapter-copy blockquote{margin:2rem 0 0;color:#fff;font:400 1.8rem "Permanent Marker";transform:rotate(-2deg)}figure{margin:0}.portrait{position:relative;min-height:760px;overflow:hidden}.portrait img,.membership figure img{width:100%;height:100%;object-fit:cover}.portrait figcaption{position:absolute;bottom:2rem;left:2rem;background:#08060dd9;border:1px solid var(--line);padding:1rem;text-transform:uppercase;letter-spacing:.15em;font-size:.62rem}.cinema{position:relative;height:100vh;min-height:700px}.cinema img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08060de8,transparent 60%),linear-gradient(90deg,#08060d9c,transparent 55%)}.cinema-copy{position:absolute;z-index:2;left:6vw;bottom:6vw}.cinema-copy p:last-child{font-size:.77rem;color:#d0c6d0}.archive{padding:10vw 4vw;background:linear-gradient(180deg,#08060d,#11081a)}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);margin-bottom:3rem}.section-head p:last-child{max-width:380px;color:#9f96a1;font-size:.7rem;line-height:1.7;margin-bottom:2.7rem}.tape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.tape{position:relative;background:#110c16;border:1px solid var(--line);padding:.65rem;overflow:hidden}.tape:before{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:.3s}.tape:hover:before{inset:7px;border-color:var(--pink)}.tape img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;filter:saturate(.88);transition:.5s}.tape:hover img{filter:saturate(1.15);transform:scale(1.015)}.tape span{position:absolute;top:1rem;right:1rem;background:#08060dcc;padding:.45rem;color:var(--pink);font-size:.6rem}.tape h3{font:400 1.55rem "Bebas Neue";letter-spacing:.05em;margin:1rem .5rem .5rem}.membership{background:#0c0811}.membership figure{min-height:760px}.contract{margin-top:2rem;border:1px solid var(--line);padding:1rem;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;font-size:.62rem}.contract span{color:#9d949d;text-transform:uppercase}.contract strong{letter-spacing:.06em}.contract button{font:500 .58rem "DM Mono";background:var(--cream);border:0;color:#111;padding:.55rem;cursor:pointer}.socials{display:flex;gap:1.2rem;margin-top:1.5rem;flex-wrap:wrap}.finale{height:100vh;min-height:750px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.finale img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.42)}.finale:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent,#08060dcc)}.finale div{position:relative;z-index:2}.finale h2{font-size:clamp(5rem,10vw,11rem)}footer{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-top:1px solid var(--line);font-size:.56rem;letter-spacing:.12em;color:#8f8790}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.nav{height:72px;padding:0 18px}.nav nav{display:none}.sound{font-size:0}.sound span{margin:0}.hero-copy{padding:9rem 20px 6rem}.hero-art{object-position:58% center}.hero-shade{background:linear-gradient(0deg,#08060df5 8%,#08060d60 70%),linear-gradient(90deg,#08060d99,transparent)}.hero h1{font-size:clamp(4rem,19vw,6rem)}.lede br{display:none}.hero-actions{flex-direction:column;max-width:320px}.scroll-cue{display:none}.split{grid-template-columns:1fr}.chapter-copy{padding:7rem 22px;min-height:75vh}.chapter-copy h2,.section-head h2,.cinema h2{font-size:4.5rem}.portrait,.membership figure{min-height:120vw}.legend .portrait{order:-1}.cinema{height:80vh;min-height:620px}.cinema img{object-position:57% center}.cinema-copy{left:22px;bottom:55px}.archive{padding:6rem 16px}.section-head{display:block}.section-head p:last-child{margin-bottom:2rem}.tape-grid{grid-template-columns:1fr 1fr;gap:.65rem}.tape h3{font-size:1.15rem}.membership .chapter-copy{padding-top:5rem}.contract{grid-template-columns:1fr auto}.contract span{grid-column:1/-1}.socials{flex-direction:column}.finale{min-height:660px}.finale img{object-position:center}.finale h2{font-size:22vw}footer{height:auto;padding:2rem 18px;gap:1rem;flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.tape-grid{grid-template-columns:1fr}.tape h3{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Optional cinematic chapter navigation without forced scroll snapping. */
.chapter-arrows{position:fixed;right:1.35rem;top:50%;z-index:22;display:flex;flex-direction:column;gap:.4rem;transform:translateY(-50%)}
.chapter-arrows button{width:42px;height:42px;border:1px solid rgba(238,226,196,.42);border-radius:50%;background:rgba(8,6,13,.72);backdrop-filter:blur(8px);color:var(--cream);font:400 1rem "DM Mono";cursor:pointer;transition:border-color .2s,background .2s,color .2s,opacity .2s}
.chapter-arrows button:hover:not(:disabled){border-color:var(--pink);background:var(--pink);color:var(--ink)}
.chapter-arrows button:disabled{opacity:.22;cursor:default}
@media(max-width:800px){.chapter-arrows{right:.75rem;top:auto;bottom:1rem;transform:none}.chapter-arrows button{width:38px;height:38px}}