@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#202219;--cream:#f3e7c5;--paper:#e7cf96;--ochre:#d39a35;--orange:#c95d37;--green:#334233;--shadow:#11150f;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--ink);font-family:"Space Mono",monospace;overflow:hidden}.grain{position:fixed;inset:0;opacity:.16;pointer-events:none;z-index:90;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='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:80;top:0;left:0;right:0;height:92px;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;color:var(--cream);mix-blend-mode:difference}.brand{display:flex;align-items:center;gap:10px}.brand i{font:24px/1 "Archivo Black";font-style:normal;border:2px solid currentColor;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;transform:rotate(-8deg)}.brand b{font-size:11px;line-height:1}.topbar nav{display:flex;gap:34px;text-transform:uppercase;font-weight:700;font-size:13px}.topbar nav a,.socials a{position:relative}.topbar nav a:after,.socials a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:currentColor;transition:.3s}.topbar nav a:hover:after,.socials a:hover:after{right:0}.socials{display:flex;gap:10px}.socials a{border:1px solid currentColor;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:bold;font-size:12px}.horizontal{height:100vh;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.horizontal::-webkit-scrollbar{display:none}.panel{position:relative;isolation:isolate;flex:0 0 100vw;width:100vw;height:100vh;min-width:100vw;min-height:100vh;overflow:hidden;scroll-snap-align:start}.hero{background:var(--ochre);display:flex;align-items:center;padding:110px 7vw 65px}.hero:before{content:"";position:absolute;inset:-30%;z-index:-2;background:repeating-radial-gradient(circle at 76% 50%,transparent 0 42px,rgba(32,34,25,.09) 44px 47px);transform:rotate(-8deg)}.hero-copy{width:55%;z-index:4}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.18em;margin:0 0 22px}.hero h1,.panel h2{font-family:"Archivo Black",sans-serif;line-height:.78;letter-spacing:-.06em;margin:0;text-transform:uppercase}.hero h1{font-size:clamp(80px,9vw,176px)}.hero h1 em,.finale h2 em{font-style:normal;color:var(--cream);text-shadow:5px 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.lead{font-size:clamp(14px,1.2vw,23px);line-height:1.5;margin:32px 0}.actions{display:flex;gap:16px;align-items:center}.ca-button,.paper-button{border:3px solid var(--ink);background:var(--ink);color:var(--cream);box-shadow:6px 6px 0 rgba(32,34,25,.35);padding:16px 20px;font:700 14px "Space Mono";cursor:pointer;transition:.25s var(--ease);transform:rotate(-1deg)}.ca-button small{margin-left:18px;border-left:1px dashed currentColor;padding-left:16px}.paper-button{background:var(--cream);color:var(--ink);transform:rotate(1deg)}.ca-button:hover,.paper-button:hover{transform:translate(-2px,-4px) rotate(0);box-shadow:10px 12px 0 rgba(32,34,25,.35)}.hero-art{position:absolute;right:2vw;bottom:-3vh;width:min(48vw,920px);height:90vh;display:grid;place-items:end center;z-index:2}.hero-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(18px 22px 0 rgba(32,34,25,.22));animation:breathe 3.2s ease-in-out infinite;transform-origin:50% 85%}.stamp{position:absolute;right:0;top:18%;width:118px;height:118px;border:4px double var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:bold;font-size:12px;transform:rotate(12deg);background:var(--cream)}.orbit{position:absolute;font-family:"Archivo Black";font-size:50px;animation:orbit 5s ease-in-out infinite}.o1{top:12%;left:15%}.o2{top:8%;right:25%;animation-delay:-2s}.o3{top:34%;right:0;animation-delay:-3s}.scribble{position:absolute;font:700 12px "Space Mono";transform:rotate(-8deg);border-left:3px solid;padding-left:8px;left:3%;bottom:17%}.scroll-hint{position:absolute;bottom:28px;left:50%;font-size:11px;font-weight:bold;letter-spacing:.14em}.scroll-hint span{display:inline-block;font-size:24px;animation:nudge 1.2s infinite}.lore{background:var(--green);color:var(--cream);display:flex;align-items:center;padding:120px 8vw}.forest{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(31,42,31,.96) 0%,rgba(31,42,31,.7) 48%,rgba(31,42,31,.15)),url('assets/forest-bg.png') center/cover;filter:saturate(.85)}.lore-card{width:46%;max-width:820px}.lore h2,.chart h2,.roadmap h2,.finale h2{font-size:clamp(70px,7vw,140px);margin-bottom:32px}.lore-card>p:not(.eyebrow){max-width:700px;font-size:clamp(14px,1vw,20px);line-height:1.7}.fact-row{display:flex;gap:12px;margin-top:30px}.fact-row span{background:var(--cream);color:var(--ink);border:2px solid var(--ink);padding:14px 20px;transform:rotate(-2deg);box-shadow:5px 5px 0 var(--orange)}.fact-row span:nth-child(2){transform:rotate(2deg)}.pose{position:absolute;object-fit:contain;filter:drop-shadow(15px 18px 0 rgba(0,0,0,.2));user-select:none;pointer-events:none}.think{right:4vw;bottom:-5vh;width:min(46vw,850px);height:91vh;animation:ponder 4s ease-in-out infinite}.thought{position:absolute;right:5vw;top:14vh;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:48% 52% 50% 45%;padding:22px;text-align:center;font-weight:bold;transform:rotate(5deg)}.thought:after{content:"";position:absolute;bottom:-30px;left:15px;width:20px;height:20px;background:var(--cream);border:3px solid var(--ink);border-radius:50%}.chart{background:#181b16;color:var(--cream);padding:130px 6vw 50px;display:grid;grid-template-columns:30% 62%;gap:5%;align-items:center}.chart:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(243,231,197,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(243,231,197,.025) 1px,transparent 1px);background-size:52px 52px}.chart h2{font-size:clamp(62px,5.5vw,110px)}.chart-copy p:not(.eyebrow){line-height:1.6}.ca-button.light{background:var(--cream);color:var(--ink);margin-top:20px}.chart-shell{height:70vh;border:3px solid var(--cream);box-shadow:14px 14px 0 var(--orange);background:#10130f;position:relative;overflow:hidden}.chart-top{height:52px;border-bottom:2px solid var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:12px}.chart-top span{color:#90d658}.chart-shell iframe{width:100%;height:calc(100% - 52px);border:0;position:relative;z-index:2;background:#10130f}.chart-placeholder{position:absolute;inset:52px 0 0;display:grid;place-content:center;text-align:center;gap:12px;color:#928e7d}.chart-placeholder b{font:30px "Archivo Black"}.runner{width:280px;height:280px;right:2vw;bottom:-25px;animation:run 1s ease-in-out infinite}.roadmap{background:var(--cream);padding:120px 5vw 60px}.roadmap:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(32,34,25,.08) 32px 33px)}.road-head{display:flex;align-items:flex-end;justify-content:space-between}.road-head h2{font-size:clamp(64px,6vw,118px)}.trail{position:absolute;left:7%;right:7%;top:58%;border-top:7px dashed var(--ink);transform:rotate(-2deg)}.milestones{position:absolute;left:6%;right:6%;top:50%;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.milestone{background:var(--ochre);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:24px;min-height:230px;cursor:pointer;transition:.35s var(--ease);transform:rotate(-2deg)}.milestone:nth-child(even){transform:translateY(50px) rotate(2deg);background:var(--orange)}.milestone:hover,.milestone:focus,.milestone.open{transform:translateY(-20px) rotate(0) scale(1.04);outline:none}.milestone:nth-child(even):hover,.milestone:nth-child(even):focus,.milestone:nth-child(even).open{transform:translateY(25px) rotate(0) scale(1.04)}.milestone i{font:42px "Archivo Black";font-style:normal}.milestone h3{font:26px "Archivo Black";margin:12px 0}.milestone p{font-size:12px;line-height:1.5}.milestone span{display:inline-block;background:var(--ink);color:var(--cream);padding:5px 9px;font-size:10px}.tiny-note{position:absolute;bottom:30px;right:5%;font-size:11px;transform:rotate(-3deg)}.finale{background:var(--orange);padding:120px 7vw 60px;display:flex;align-items:center}.finale:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 76% 50%,rgba(243,231,197,.7) 0 2px,transparent 3px);background-size:31px 31px}.final-copy{width:55%;z-index:2}.finale h2{font-size:clamp(100px,11vw,210px)}.finale h2 em{color:var(--ochre)}.final-copy>p:not(.eyebrow){font-weight:bold;font-size:18px}.big-links{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.big-links a{background:var(--cream);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:14px 18px;font-weight:bold;transition:.25s}.big-links a:hover{background:var(--ink);color:var(--cream);transform:translateY(-5px)}.party{right:0;bottom:-4vh;width:min(48vw,900px);height:90vh;animation:party 1.5s ease-in-out infinite}.rolling-words{position:absolute;bottom:70px;left:0;white-space:nowrap;font:70px "Archivo Black";opacity:.1;animation:marquee 12s linear infinite}footer{position:absolute;bottom:16px;left:7vw;right:4vw;display:flex;justify-content:space-between;font-size:10px;font-weight:bold}.progress{position:fixed;z-index:85;bottom:0;left:0;right:0;height:5px;background:rgba(0,0,0,.2)}.progress span{display:block;width:0;height:100%;background:var(--cream)}.toast{position:fixed;z-index:100;left:50%;bottom:34px;transform:translate(-50%,140px) rotate(-2deg);background:var(--ink);color:var(--cream);border:2px solid var(--cream);box-shadow:6px 6px 0 var(--orange);padding:14px 20px;font-weight:bold;transition:.35s}.toast.show{transform:translate(-50%,0) rotate(-2deg)}.cursor{position:fixed;width:34px;height:34px;border:2px solid var(--cream);border-radius:50%;z-index:120;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s}.cursor span{position:absolute;width:5px;height:5px;background:var(--cream);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.cursor.hot{width:60px;height:60px}.reveal{opacity:0;transform:translateY(30px);transition:1s var(--ease)}.panel.active .reveal{opacity:1;transform:none}@keyframes breathe{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.025,.98) rotate(1deg)}}@keyframes orbit{0%,100%{transform:translate(0,0) rotate(-10deg)}50%{transform:translate(12px,-18px) rotate(12deg)}}@keyframes nudge{50%{transform:translateX(12px)}}@keyframes ponder{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg) translateY(-7px)}}@keyframes run{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(3deg)}}@keyframes party{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){body{overflow:auto}.horizontal{display:block;overflow:visible;height:auto}.panel{height:auto;min-height:100svh}.topbar{height:72px;padding:12px 16px}.brand b,.topbar nav{display:none}.socials a{width:34px;height:34px}.hero{padding:100px 20px 30px;align-items:flex-start}.hero-copy{width:100%;z-index:4}.hero h1{font-size:21vw}.lead{width:70%}.actions{flex-direction:column;align-items:flex-start}.hero-art{right:-20%;width:88vw;height:58vh}.stamp,.scribble,.scroll-hint{display:none}.lore{padding:100px 20px 45vh}.lore-card{width:100%}.lore h2,.chart h2,.roadmap h2{font-size:16vw}.think{width:80vw;height:47vh;right:-8vw}.thought{font-size:9px;top:auto;bottom:38vh}.fact-row{gap:4px}.fact-row span{padding:10px 8px;font-size:9px}.chart{padding:100px 20px 300px;display:block}.chart-shell{height:48vh;margin-top:30px}.runner{width:280px;height:280px}.roadmap{padding:100px 20px 60px}.road-head{display:block}.trail{display:none}.milestones{position:relative;left:auto;right:auto;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.milestone,.milestone:nth-child(even){min-height:210px;padding:16px;transform:none}.milestone:hover,.milestone:nth-child(even):hover{transform:scale(1.02)}.finale{padding:100px 20px 45vh}.final-copy{width:100%}.finale h2{font-size:23vw}.party{width:90vw;height:48vh}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}