:root{--font-pt-serif:'PT Serif',Georgia,serif;--font-inter-tight:'Inter Tight',Arial,sans-serif;--font-jetbrains-mono:'JetBrains Mono',monospace}body{background:#000}.reference-header{height:40px;padding:0;gap:8px;background:#000;position:fixed;inset:0 0 auto;z-index:30;display:grid;grid-template-columns:16.2% 1fr 14.2%;border-bottom:0}.reference-header .brand{border:1px solid #252525;height:40px;padding:0 18px;display:flex;align-items:center}.reference-header nav{height:40px;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.reference-header nav a{border:1px solid #252525;border-left:0;display:flex;align-items:center;padding:0 22px;letter-spacing:.14em;font-size:11px;font-weight:600}.reference-header nav a:hover{background:#1f1f1f}.reference-header .launch{height:40px;border:0;border-radius:0;background:#c5ff4a;color:#000;font-size:11px;letter-spacing:.16em;padding:0 18px;box-shadow:none}main{padding-top:40px}.scroll-story{height:200vh;position:relative}.scroll-stage{position:sticky;top:0;height:100vh;min-height:420px;overflow:hidden;background:#000;background-image:radial-gradient(circle,rgba(130,130,130,.6) .8px,transparent 1px);background-size:44px 44px;background-position:center 0}.hands-art{position:absolute;inset:0;transform:translateY(14%);transform-origin:50% 50%;will-change:transform,opacity;pointer-events:none}.hands-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(40,48,30,.18),transparent 72%)}.ascii-layer{position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 1.2vw),-50%);margin:0;font-family:'JetBrains Mono',monospace;font-size:calc(100vw / 205);line-height:.92;letter-spacing:0;white-space:pre;text-align:left;user-select:none}.ascii-dim{color:rgba(200,205,210,.55);font-weight:400}.ascii-mid{color:rgba(225,230,236,.8);font-weight:500}.ascii-bright{color:rgba(245,248,250,.97);font-weight:500;text-shadow:0 0 1px #ffffff4d}.ascii-peak{color:white;font-weight:600;text-shadow:0 0 3px #c5ff4a59,0 0 7px #ffffff66}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#ffffff06 0 1px,transparent 1px 3px)}.spark{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);animation:spark 7s infinite;opacity:.2}.spark.left{left:calc(50% - clamp(60px,6vw,96px));background:#c5ff4a;box-shadow:0 0 10px 2px #c5ff4a99}.spark.right{left:calc(50% + clamp(60px,6vw,96px));background:white;box-shadow:0 0 10px 2px #ffffff99;animation-delay:3s}.hero-intro{position:absolute;top:18%;left:50%;transform:translateX(-50%);width:min(1100px,92%);z-index:6;text-align:center;pointer-events:none;opacity:.95}.hero-intro h1{font-family:var(--font-pt-serif);font-size:clamp(44px,5.4vw,96px);line-height:1.02;letter-spacing:-.025em;font-weight:400;white-space:nowrap;margin:0;text-shadow:0 0 40px #0009}.hero-intro h1 em{font-weight:400;animation:breath 4.5s ease-in-out infinite}.hero-intro p{margin:28px auto 0;max-width:680px;font-size:14px;line-height:1.75;letter-spacing:.005em;color:#ebebebd1}.hero-intro p span{color:#c5ff4ab3}.green-blocks{position:absolute;inset:0;transform:translateY(14%);z-index:7;pointer-events:none}.green-block{position:absolute;background:#c5ff4a;transform-origin:center;will-change:transform}.proof-mark{position:absolute;top:64%;left:50%;transform:translate(-50%,-50%);z-index:8;pointer-events:none}.green-dots{position:absolute;inset:0;background-image:radial-gradient(circle,#000 1px,transparent 1px);background-size:44px 44px;opacity:0;z-index:9;pointer-events:none;mask-image:radial-gradient(ellipse 56% 44% at 50% 50%,transparent 0%,transparent 50%,#000 78%)}.credit-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 6vw;opacity:0;z-index:10;transform:translateY(36px);color:#000;text-align:center}.credit-label{font-size:11px;letter-spacing:.24em;margin-bottom:22px;opacity:.62}.credit-panel h2{font-family:var(--font-pt-serif);font-weight:400;font-size:clamp(40px,5.4vw,92px);line-height:1.04;letter-spacing:-.022em;max-width:1280px;margin:0;color:#000}.credit-panel h2 em{color:#000;font-weight:400}.credit-panel p{font-size:16px;line-height:1.55;color:#000c;max-width:760px;margin:24px 0 32px}.credit-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.credit-actions a{display:inline-flex;gap:14px;padding:14px 22px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;border:1px solid #000;color:#000}.credit-actions a:first-child{background:#000;color:#c5ff4a}.credit-actions a:hover{background:#1f1f1f;color:#c5ff4a}.scroll-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.24em;color:#ffffff80;z-index:13}.signal-tape{overflow:hidden;background:#c5ff4a;color:#000;border-top:1px solid #000;padding:17px 0;font-size:11px;letter-spacing:.17em;white-space:nowrap}.signal-tape>div{display:flex;justify-content:space-around;gap:40px;min-width:1100px}.signal-tape span{margin:0 22px}@keyframes spark{0%,100%,28%,36%,60%,68%{opacity:.15}32%{opacity:1}64%{opacity:.65}}@keyframes breath{0%,100%{opacity:.86}50%{opacity:1}}
@media(max-width:800px){.reference-header{height:48px;grid-template-columns:1fr auto auto;gap:0}.reference-header .brand,.reference-header .launch{height:48px}.reference-header .brand{border:0}.reference-header .launch{width:120px}.reference-header .menu{display:block;margin:0 12px}.reference-header nav{display:none;position:absolute;top:48px;left:0;right:0;background:#000;height:auto;padding:15px}.reference-header nav.open{display:flex}.reference-header nav a{padding:18px;border:0;font-size:12px}main{padding-top:48px}.hero-intro{top:15%;width:92%}.hero-intro h1{font-size:clamp(32px,6.5vw,54px);white-space:normal}.hero-intro p{font-size:12px;margin-top:22px}.hands-art{width:170%;left:-35%}.ascii-layer{font-size:calc(170vw / 205)}.proof-mark svg{width:48px;height:48px}.credit-panel{padding:0 6%}.credit-panel h2{font-size:clamp(32px,7.5vw,54px)}.credit-panel p{font-size:14px}.credit-label{font-size:9px}.credit-actions a{padding:14px;font-size:10px}.scroll-story{height:200svh}.scroll-stage{height:100svh}.credit-panel h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.spark,.hero-intro h1 em{animation:none}}