:root{--ink:#f2f0e9;--muted:#8a8d91;--line:#ffffff21;--bg:#090b10;--acid:#c7ff38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.noise{pointer-events:none;z-index:99;opacity:.035;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");position:fixed;inset:0}.site-header{z-index:5;letter-spacing:.09em;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;height:76px;padding:0 4vw;font-family:DM Mono,monospace;font-size:11px;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:.08em;align-items:center;gap:11px;font:500 13px DM Mono,monospace;display:flex}.brand-mark{background:var(--acid);border-radius:50%;width:13px;height:13px;display:block;box-shadow:0 0 18px #c7ff38b3}.muted{color:#7c8188}nav{gap:38px;display:flex}nav a,footer a{transition:color .2s}nav a:hover,footer a:hover{color:var(--acid)}.status{align-items:center;gap:8px;display:flex}.status span{background:var(--acid);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 5px #c7ff3800}0%,to{box-shadow:0 0 #c7ff3866}}.hero{align-items:center;height:max(720px,100svh);display:flex;position:relative;overflow:hidden}#hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#06080cd6 0%,#06080c61 48%,#06080c0f),linear-gradient(#0000 60%,#06080c59);position:absolute;inset:0}.hero-content{z-index:1;width:670px;margin-left:8vw;padding-top:52px;position:relative}.eyebrow{letter-spacing:.18em;color:#a9adb2;margin:0 0 24px;font:400 10px DM Mono,monospace}.eyebrow:before{content:"";background:var(--acid);vertical-align:middle;width:25px;height:1px;margin-right:11px;display:inline-block}h1{letter-spacing:-.07em;margin:0;font-size:clamp(68px,9.2vw,142px);font-weight:500;line-height:.82}h1 em,h2 em,.manifesto em{color:var(--acid);font-style:normal}.hero-copy{color:#b7bac0;width:430px;margin:38px 0 32px;font-size:15px;line-height:1.7}.cta{letter-spacing:.08em;border-bottom:1px solid #ffffff80;align-items:center;gap:45px;padding:12px 0;font:500 11px DM Mono,monospace;transition:gap .25s,color .25s;display:inline-flex}.cta:hover{color:var(--acid);gap:58px}.cta span{font-size:19px}.hero-meta{color:#a9adb2;gap:26px;font:10px DM Mono,monospace;display:flex;position:absolute;bottom:32px;right:4vw}.scroll-hint{z-index:1;letter-spacing:.14em;writing-mode:vertical-rl;color:#94989e;margin:0;font:9px DM Mono,monospace;position:absolute;bottom:26px;left:4vw;transform:rotate(180deg)}.scroll-hint span{background:var(--acid);width:1px;height:36px;margin-bottom:10px;display:inline-block}.gallery{padding:130px 4vw 150px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:56px;display:flex}.section-heading .eyebrow{margin-bottom:18px}.section-heading>div{max-width:820px}.section-lede{color:#a9adb2;max-width:680px;margin:24px 0 0;font-size:14px;line-height:1.75}.performance-note{color:#92979d;letter-spacing:.04em;border-left:1px solid #c7ff38a6;max-width:680px;margin:18px 0 0;padding-left:14px;font:10px/1.65 DM Mono,monospace}.performance-note strong{color:var(--acid);letter-spacing:.12em;margin-right:8px;font-weight:500}h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5vw,76px);font-weight:500}.section-count{letter-spacing:.12em;color:var(--muted);font:10px DM Mono,monospace}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.demo-card{cursor:pointer;background:#11151e;border:1px solid #ffffff14;outline:none;height:420px;position:relative;overflow:hidden}.demo-card.featured{grid-column:1/-1;height:600px}.demo-card.wide{grid-column:1/-1;height:500px}.demo-card canvas{width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;display:block}.demo-card:hover canvas,.demo-card:focus canvas{filter:saturate(1.18);transform:scale(1.035)}.card-wash{pointer-events:none;background:linear-gradient(#00000052,#0000 36%,#00000085);position:absolute;inset:0}.card-top{letter-spacing:.15em;color:#ffffffb8;justify-content:space-between;font:9px DM Mono,monospace;display:flex;position:absolute;inset:25px 27px auto}.card-copy{position:absolute;bottom:25px;left:27px;right:92px}.card-copy h3{letter-spacing:-.045em;margin:0 0 7px;font-size:clamp(27px,3vw,43px);font-weight:500}.card-copy p{color:#ffffffb3;letter-spacing:.045em;max-width:720px;margin:0;font:10px/1.55 DM Mono,monospace}.launch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0000001f;border:1px solid #ffffff8c;border-radius:50%;width:46px;height:46px;font-size:20px;transition:background .25s,color .25s,transform .25s;position:absolute;bottom:25px;right:25px}.demo-card:hover .launch,.demo-card:focus .launch{background:var(--acid);color:#0a0c0e;transform:rotate(45deg)}.about{border-top:1px solid var(--line);padding:130px 8vw 80px}.manifesto{letter-spacing:-.055em;max-width:1100px;margin:0 0 100px;font-size:clamp(38px,5.5vw,82px);line-height:1.08}.about-meta{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.15em;justify-content:space-between;padding-top:24px;font:9px DM Mono,monospace;display:flex}footer{border-top:1px solid var(--line);letter-spacing:.12em;color:#909399;justify-content:space-between;align-items:center;height:120px;padding:0 4vw;font:9px DM Mono,monospace;display:flex}dialog{color:#fff;background:#050609;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}dialog::backdrop{background:#050609}#dialog-canvas{width:100%;height:100%;display:block}.dialog-chrome{z-index:8;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:30px 4vw;display:flex;position:absolute;inset:0 0 auto}.dialog-chrome h2{font-size:clamp(34px,5vw,70px)}.dialog-chrome .eyebrow{margin-bottom:7px}#close-dialog{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0003;border:1px solid #ffffff80;border-radius:50%;width:52px;height:52px;font-size:28px}#scenario-hud{color:#a6ffc4c2;letter-spacing:.12em;pointer-events:none;gap:4px;max-width:min(460px,88vw);font:9px DM Mono,monospace;display:grid;position:absolute;bottom:24px;left:4vw}#scenario-hud[hidden]{display:none}#scenario-defcon{color:#ff4a35}#scenario-object-label{z-index:2;color:#ffdb91eb;letter-spacing:.1em;text-shadow:0 0 10px #ffa63273;pointer-events:none;white-space:nowrap;background:#00080794;border-left:1px solid #ffbe4bd1;gap:3px;padding:6px 8px;font:9px DM Mono,monospace;display:grid;position:absolute;transform:translate(12px,-50%)}#scenario-object-label[hidden]{display:none}#scenario-object-label-coordinates{color:#a6ffc4db}.dialog-hint{z-index:7;color:#ffffffa6;letter-spacing:.15em;margin:0;font:9px DM Mono,monospace;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@media (max-width:700px){.site-header{height:66px;padding:0 20px}nav{display:none}.hero-content{margin:0 25px;padding-top:20px}h1{font-size:clamp(66px,21vw,105px)}.hero-copy{width:auto;max-width:390px;font-size:14px}.scroll-hint,.hero-meta{display:none}.gallery{padding:90px 18px}.section-heading{margin-bottom:32px}.section-lede{margin-top:18px;font-size:13px}.performance-note{margin-top:16px}.grid{grid-template-columns:1fr;gap:12px}.demo-card,.demo-card.featured,.demo-card.wide{grid-column:auto;height:390px}.about{padding:90px 25px 60px}.manifesto{margin-bottom:70px}.about-meta{flex-direction:column;gap:20px}footer{flex-direction:column;align-items:flex-start;height:150px;padding:30px 20px}footer p{order:3}#scenario-hud{letter-spacing:.08em;gap:3px;font-size:8px;bottom:18px}#scenario-object-label{letter-spacing:.06em;padding:5px 6px;font-size:8px;transform:translate(8px,-50%)}#demo-dialog .dialog-hint{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
