:root{--ink:#12100f;--paper:#f3d5ad;--cream:#ffe8c8;--coral:#f06f61;--sage:#d9dfbd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--ink)}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}.panel{width:100%;height:100vh;min-height:680px;scroll-snap-align:start;position:relative;overflow:hidden;padding:clamp(88px,9vh,120px) clamp(42px,8vw,154px) 70px}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.nav{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 3.2vw;border-bottom:1px solid rgba(255,232,200,.22);color:var(--cream);mix-blend-mode:difference;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em}.mark{font:32px Georgia;margin-right:auto}.mark span,.hero h1 span{color:var(--coral)}.nav nav{display:flex;gap:34px}.nav a:hover{color:var(--coral)}.socials{margin-left:auto;display:flex;gap:18px}.rail{position:fixed;z-index:40;right:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;color:var(--cream);mix-blend-mode:difference;font-size:10px}.rail a{opacity:.4}.rail .on{opacity:1;transform:translateX(-5px)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.22em}.hero{background:var(--ink);color:var(--cream)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,#633625 0,transparent 32%),repeating-linear-gradient(110deg,transparent 0 70px,rgba(255,255,255,.025) 72px)}.moon{position:absolute;width:36vw;height:36vw;border:1px solid rgba(255,232,200,.35);border-radius:50%;right:8vw;top:14vh;box-shadow:0 0 90px rgba(240,111,97,.12),inset 0 0 80px rgba(255,232,200,.05)}.hero h1{position:absolute;z-index:1;left:6vw;top:13vh;margin:0;font:clamp(118px,19vw,360px)/.84 Impact,sans-serif;letter-spacing:-.07em}.hero h1 span{display:inline-block;transform:rotate(-6deg)}.intro{position:absolute;left:8vw;top:64vh;font:italic clamp(18px,1.4vw,28px)/1.35 Georgia}.ca{position:absolute;z-index:4;left:8vw;top:77vh;border:1px solid var(--cream);background:transparent;color:var(--cream);padding:15px 20px;cursor:pointer;font-weight:900;font-size:12px;letter-spacing:.1em;transition:.25s}.ca:hover{background:var(--coral);color:var(--ink);transform:rotate(-1deg) scale(1.03)}.cat{position:absolute;z-index:2;pointer-events:none;user-select:none;filter:drop-shadow(0 30px 35px #0006)}.hero-cat{height:86vh;right:7vw;bottom:-2vh;animation:float 5s ease-in-out infinite}.scroll-hint{position:absolute;bottom:22px;left:50%;font-size:9px;letter-spacing:.2em;transform:translateX(-50%)}.stars i{position:absolute;color:var(--cream);left:calc((var(--i)*37)%100*1%);top:calc((var(--i)*53)%100*1%);font-style:normal;animation:twinkle calc(2s + (var(--i)%4)*.5s) infinite}.lore{background:var(--paper);display:grid;grid-template-columns:1.1fr .8fr;gap:8vw}.tape{position:absolute;top:7vh;left:-2%;width:104%;background:var(--coral);padding:9px;text-align:center;font-weight:900;letter-spacing:.24em;transform:rotate(-1deg);white-space:nowrap}.lore-copy{align-self:center;max-width:750px}.lore h2,.signal h2,.roadmap h2{font:clamp(70px,8vw,150px)/.82 Impact,sans-serif;letter-spacing:-.035em;margin:24px 0 40px}.lore h2 em,.signal h2 em,.roadmap h2 em{font-family:Georgia;font-weight:400;color:var(--coral)}.lore-copy>p:not(.eyebrow){max-width:610px;font:clamp(16px,1.15vw,22px)/1.5 Georgia}.stamp{margin-top:30px;display:inline-block;border:2px solid;padding:8px 20px;transform:rotate(-3deg);font-size:9px;letter-spacing:.2em}.stamp strong{font-size:19px}.portrait-card{align-self:center;height:70vh;background:#2a1914;transform:rotate(2deg);padding:12px 12px 42px;box-shadow:18px 22px 0 var(--ink);position:relative}.portrait-card img{width:100%;height:100%;object-fit:cover}.portrait-card span{position:absolute;bottom:16px;left:18px;color:var(--cream);font-size:10px;letter-spacing:.18em}.signal{background:var(--sage);display:grid;grid-template-columns:.72fr 1.28fr;grid-template-rows:auto 1fr;gap:3vw}.signal-head h2{font-size:clamp(64px,7vw,132px)}.chart-shell{grid-row:1/3;grid-column:2;border:2px solid;background:#171513;align-self:center;height:68vh;box-shadow:18px 18px 0 var(--coral)}.chart-bar{height:52px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;font-weight:900;letter-spacing:.12em}.chart-bar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ea456;box-shadow:0 0 0 4px #4ea45633;margin-right:8px}.chart-shell iframe{width:100%;height:calc(100% - 52px);border:0}.chart-placeholder{height:calc(100% - 52px);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chart-placeholder strong{font:34px Impact;letter-spacing:.04em}.chart-placeholder p{opacity:.55}.fake-chart{width:74%;height:170px;margin-bottom:30px;background:linear-gradient(155deg,transparent 0 42%,var(--coral) 43% 45%,transparent 46% 52%,var(--paper) 53% 55%,transparent 56%)}.signal blockquote{align-self:end;margin:0;font:italic clamp(17px,1.4vw,27px) Georgia}.signal cite{display:block;margin-top:12px;font:700 9px Arial;letter-spacing:.15em}.roadmap{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}.roadmap h2{font-size:clamp(72px,8vw,145px)}.steps{align-self:center;z-index:3}.steps article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:18px 0;border-top:1px solid #ffe8c840}.steps article:last-child{border-bottom:1px solid #ffe8c840}.steps b{font:28px Georgia;color:var(--coral)}.steps h3{margin:0 0 7px;font-size:14px;letter-spacing:.15em}.steps p{margin:0;opacity:.62;font:16px/1.4 Georgia;max-width:520px}.leap-cat{width:35vw;left:5vw;bottom:4vh;animation:leap 6s ease-in-out infinite}.roadmap footer{position:absolute;z-index:4;left:4vw;right:4vw;bottom:18px;border-top:1px solid #ffe8c84d;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.18em}.roadmap footer button{background:var(--coral);border:0;padding:9px 14px;font-weight:900;cursor:pointer}
@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}@keyframes twinkle{50%{opacity:.15;transform:scale(.5) rotate(45deg)}}@keyframes leap{50%{transform:translate(18px,-15px) rotate(-2deg)}}
@media(max-width:900px){html{scroll-snap-type:none}.panel{height:auto;min-height:100svh;padding:100px 24px 60px}.nav nav,.rail{display:none}.socials{gap:10px}.hero h1{top:14vh;left:2vw;font-size:30vw}.hero-cat{height:auto;width:95vw;right:-18vw;bottom:6vh}.intro{left:24px;top:auto;bottom:25vh}.ca{left:24px;top:auto;bottom:15vh}.lore,.signal,.roadmap{display:block}.lore-copy{position:relative;z-index:3}.lore h2,.signal h2,.roadmap h2{font-size:20vw}.portrait-card{height:55vh;margin:50px 10px 0}.signal-head{margin-bottom:30px}.chart-shell{height:62vh;box-shadow:8px 8px var(--coral)}.signal blockquote{margin-top:45px}.steps{margin-top:35px}.leap-cat{position:relative;width:100%;left:auto;bottom:auto;margin-top:20px}.roadmap footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:30px}.roadmap footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}