@import url('https://fonts.googleapis.com/css2?family=Anton&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#050505;--fg:#f5f5f2;--rail:52px;--edge:70px;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:'Space Mono',monospace}.film-grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.top-rail,.bottom-rail{height:var(--rail);position:fixed;left:0;right:0;z-index:80;background:var(--fg);color:var(--bg);display:flex;align-items:center;border-color:var(--bg);border-style:solid}.top-rail{top:0;border-width:0 0 3px}.bottom-rail{bottom:0;border-width:3px 0 0;padding:0 calc(var(--edge) + 22px);justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.16em}.brand{width:var(--edge);height:100%;display:grid;place-items:center;border-right:3px solid var(--bg);color:var(--bg);text-decoration:none;font:46px/.8 Anton,sans-serif}.ticker{flex:1;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-flex;animation:ticker 24s linear infinite}.ticker-track span{font-size:11px;font-weight:700;letter-spacing:.16em;margin-right:20px}.ticker-track b{margin:0 13px}.rail-tag{width:130px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.15em}.side-rail{position:fixed;top:var(--rail);bottom:var(--rail);z-index:70;width:var(--edge);background:var(--bg);display:flex;align-items:center;justify-content:center}.side-rail--left{left:0;border-right:2px solid var(--fg)}.side-rail--right{right:0;border-left:2px solid var(--fg)}.vertical-label{position:absolute;writing-mode:vertical-rl;letter-spacing:.26em;opacity:.65;font-size:9px;font-weight:700}.side-rail--left .vertical-label{top:28px;transform:rotate(180deg)}.side-rail--right .vertical-label{bottom:28px}.side-rail nav{display:flex;flex-direction:column;gap:22px}.side-rail nav a{width:44px;display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;opacity:.45;font-size:9px;transition:.2s}.side-rail nav a:hover,.side-rail nav a.active{opacity:1}.side-rail nav i{width:10px;height:2px;background:#fff;transition:.2s}.side-rail nav a.active i,.side-rail nav a:hover i{width:23px}.progress-track{width:2px;height:28%;background:#333;overflow:hidden}.progress-track span{display:block;width:100%;height:0;background:#fff}main{margin:var(--rail) var(--edge)}.panel{position:relative;min-height:calc(100vh - var(--rail)*2);overflow:hidden}.hero{isolation:isolate;background:#000}.hero-logo-wrap{position:absolute;inset:-6%;display:grid;place-items:center;z-index:-2}.hero-logo-wrap img{width:min(86vw,1050px);max-height:92vh;object-fit:contain;filter:drop-shadow(0 0 30px #fff2);transform:translate3d(calc(var(--scroll)*-6px),calc(var(--scroll)*-60px),0) scale(1.05)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000 0%,#000d 35%,#0004 70%,#000b 100%),linear-gradient(#0000 65%,#050505 100%)}.hero-content{position:relative;z-index:2;min-height:calc(100vh - var(--rail)*2);max-width:950px;padding:8vh 7vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.2em}.eyebrow span{width:34px;height:3px;background:currentColor}h1,h2{text-transform:uppercase;letter-spacing:-.035em;margin:0;font-family:Anton,sans-serif;font-weight:400}h1{font-size:clamp(120px,22vw,350px);line-height:.73;margin:.12em 0 .18em;text-shadow:7px 7px #050505}h1 span{display:block;margin-left:.35em;margin-bottom:.65em;font:700 clamp(15px,2vw,26px)/1 'Space Mono',monospace;letter-spacing:.7em}.hero-copy{max-width:600px;margin:0 0 28px;font-size:clamp(17px,1.6vw,24px);font-weight:700;line-height:1.45}.enter-button{display:flex;align-items:center;border:2px solid #fff;color:#fff;text-decoration:none;background:#050505;font-size:11px;font-weight:700;letter-spacing:.13em;transition:.2s}.enter-button span{padding:17px 19px}.enter-button b{padding:14px 18px;border-left:2px solid #fff;font-size:18px}.enter-button:hover{background:#fff;color:#050505}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.action-btn{border:2px solid #fff;padding:13px 15px;color:#fff;background:#050505;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.12em;transition:.2s}.action-btn:hover{transform:translateY(-3px);background:#fff;color:#050505}.action-btn--light{background:#fff;color:#050505}.action-btn--light:hover{background:#050505;color:#fff}.stamp{position:absolute;right:4vw;bottom:8vh;z-index:3;width:126px;height:126px;border:3px solid #fff;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(9deg);box-shadow:0 0 0 7px #050505aa;animation:spin 18s linear infinite}.stamp b{font:54px/.9 Anton,sans-serif}.stamp span{font-size:8px;letter-spacing:.18em}.scroll-note{position:absolute;right:24px;top:50%;z-index:2;writing-mode:vertical-rl;font-size:8px;letter-spacing:.22em}.scroll-note span{margin-top:12px}.story{display:grid;grid-template-columns:.9fr 1.35fr;align-items:center;gap:clamp(24px,5vw,90px);padding:10vh 7vw;border-top:3px solid #050505}.story--light{background:#f2f2ee;color:#050505}.section-number{position:absolute;right:-2vw;top:-5vh;color:transparent;-webkit-text-stroke:2px #bdbdb8;opacity:.45;font:32vw/.8 Anton,sans-serif}.story-copy{position:relative;z-index:2}.story h2{font-size:clamp(56px,8vw,130px);line-height:.82}.story h2 em{font-style:normal;color:#f2f2ee;-webkit-text-stroke:2px #050505}.story-copy>p:last-child{max-width:570px;margin-top:34px;font-size:clamp(16px,1.4vw,21px);line-height:1.65}.story-art{position:relative;margin:0;border:5px solid #050505;background:#000;overflow:hidden;transform:rotate(1.5deg);box-shadow:13px 13px #050505}.story-art img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .7s}.story-art:hover img{transform:scale(1.035)}.story-art figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px;background:#050505;color:#fff;text-align:center;font-size:10px;letter-spacing:.15em}.shout{position:absolute;top:8vh;right:2.5vw;z-index:3;background:#050505;color:#fff;padding:13px 18px;font:27px/.85 Anton,sans-serif;transform:rotate(8deg);box-shadow:5px 5px #999}.manifesto{position:relative;min-height:82vh;background:#050505;display:grid;place-items:center;padding:100px 6vw;overflow:hidden}.manifesto:before{content:"";position:absolute;inset:0;opacity:.16;background:radial-gradient(circle,#fff 0 1px,#0000 1.5px) 0 0/9px 9px}.manifesto-track{position:absolute;top:0;left:0;display:flex;white-space:nowrap;background:#fff;color:#050505;padding:11px 0;font:40px/1 Anton,sans-serif;animation:ticker 28s linear infinite reverse;transform:rotate(-1deg) scale(1.02)}.manifesto-copy{position:relative;z-index:2;width:min(950px,100%)}.manifesto-copy>p{margin:0;border-bottom:1px solid #555;font-size:clamp(18px,2.3vw,34px);line-height:1.7}.manifesto h2{margin-top:40px;font-size:clamp(70px,13vw,210px);line-height:.82}.manifesto h2 span{color:#050505;-webkit-text-stroke:2px #fff}.symbol-section{background:#efefeb;color:#050505;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:10vh 7vw;border-top:3px solid #050505}.symbol-grid{position:absolute;inset:0;opacity:.09;background:repeating-linear-gradient(0deg,transparent 0 38px,#050505 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#050505 39px 40px)}.symbol-copy,.giant-symbol{position:relative;z-index:2}.symbol-copy h2{font-size:clamp(60px,8.5vw,140px);line-height:.83}.symbol-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #050505}.symbol-copy>p:last-child{font-size:clamp(16px,1.4vw,21px);line-height:1.65;max-width:650px}.giant-symbol{border:5px solid #050505;box-shadow:16px 16px #050505;transform:rotate(-2deg);background:#000}.giant-symbol img{display:block;width:100%}.finale{display:grid;grid-template-columns:1.1fr .55fr;align-items:center;gap:5vw;padding:10vh 7vw;min-height:105vh;isolation:isolate}.finale-bg{position:absolute;inset:0;z-index:-2;display:grid;place-items:center;background:#000}.finale-bg img{width:min(95vw,1200px);opacity:.55;transform:scale(1.08)}.finale-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000000ef,#00000030 60%,#000000c4),linear-gradient(#0000 55%,#050505)}.finale-copy{align-self:end;padding-bottom:10vh}.finale-copy h2{font-size:clamp(80px,13vw,210px);line-height:.82}.finale-copy h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff}.finale-copy>p:last-child{font-size:clamp(18px,1.8vw,28px);font-weight:700}.cycle-card{align-self:start;margin-top:8vh;padding:26px;background:#000d;border:3px solid #fff;backdrop-filter:blur(6px);transform:rotate(2deg)}.cycle-card>span{font-size:10px;letter-spacing:.2em}.cycle-card p{font-size:15px;line-height:1.55}.cycle-card strong{display:block;padding-top:18px;border-top:2px solid #fff;font:42px/.95 Anton,sans-serif}.closing{position:relative;min-height:82vh;display:grid;place-content:center;text-align:center;padding:12vh 5vw;overflow:hidden}.closing:before,.closing:after{content:"";position:absolute;width:420px;height:420px;border:2px solid #fff;opacity:.13;transform:rotate(45deg)}.closing:before{left:-270px;top:10%}.closing:after{right:-270px;bottom:10%}.closing p{text-transform:uppercase;font-size:clamp(15px,2vw,24px);letter-spacing:.15em}.closing h2{position:relative;z-index:2;font-size:clamp(58px,10vw,160px);line-height:.9}.closing h2 span{color:#050505;-webkit-text-stroke:2px #fff}.closing-s{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;color:transparent;-webkit-text-stroke:2px #222;font:36vw/.6 Anton,sans-serif}.contract-card{position:relative;z-index:2;width:min(880px,90vw);margin:58px auto 0;padding:14px 14px 14px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:2px solid #fff;background:#050505;text-align:left}.contract-card>span{font-size:8px;font-weight:700;letter-spacing:.16em}.contract-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 clamp(10px,1.15vw,15px)/1.4 'Space Mono',monospace}.contract-card button{cursor:pointer;border:0;background:#fff;color:#050505;padding:13px 15px;font-size:9px;font-weight:700;letter-spacing:.12em}.back-top{position:relative;z-index:2;display:inline-block;margin:34px auto 0;color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:4px;font-size:10px;letter-spacing:.14em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-33.333%)}}@keyframes spin{to{transform:rotate(369deg)}}
@media(max-width:900px){:root{--edge:40px}.rail-tag{display:none}.bottom-rail{padding:0 55px;font-size:8px}.story,.symbol-section,.finale{grid-template-columns:1fr}.story{padding:10vh 8vw}.story-art{width:min(680px,100%)}.symbol-section{padding:10vh 8vw}.giant-symbol{width:min(680px,100%)}.finale{padding:10vh 8vw}.cycle-card{width:min(520px,100%);margin-top:0}.stamp{width:98px;height:98px}.stamp b{font-size:42px}}
@media(max-width:650px){:root{--rail:44px;--edge:0px}.side-rail{display:none}main{margin:var(--rail) 0}.brand{width:56px}.top-rail .ticker-track span{font-size:9px}.bottom-rail{padding:0 16px}.bottom-rail div{display:none}.hero-content{padding:11vh 7vw}.hero-logo-wrap{opacity:.75}.hero-logo-wrap img{width:130vw}h1{font-size:clamp(92px,32vw,180px)}h1 span{letter-spacing:.45em}.hero-actions{gap:7px}.action-btn{padding:11px 10px;font-size:9px}.scroll-note{display:none}.stamp{right:7vw;bottom:7vh}.story,.symbol-section,.finale{padding-left:7vw;padding-right:7vw}.contract-card{grid-template-columns:1fr;gap:10px;text-align:center}.contract-card button{width:100%}.manifesto{padding:100px 7vw}.manifesto-track{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.manifesto-track,.stamp{animation:none}.reveal{opacity:1;transform:none;transition:none}}