@font-face{font-family:Outfit;src:url('assets/outfit-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('assets/outfit-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--canvas:#151a22;--raised:#2b3441;--border:#424e5e;--text:#e8e3da;--muted:#a8b1be;--active:#e47755;--data:#88adc8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font-family:Outfit,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--data);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:12px;left:-9999px;z-index:10;padding:16px;background:var(--active);color:var(--canvas)}.skip-link:focus{left:20px}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid #ffffff12}.wordmark{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.7px}.wordmark svg{height:27px;width:25px;fill:none;stroke:var(--active);stroke-width:1.5}.release-status{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:var(--muted);margin:0}.signal{display:inline-block;width:5px;height:5px;background:var(--active);flex-shrink:0}
.hero{height:calc(100svh - 152px);min-height:560px;max-height:920px;position:relative;isolation:isolate;overflow:hidden}.terrain{position:absolute;inset:0;background:#bba26c;cursor:crosshair;touch-action:pan-y;outline-offset:-5px!important}#world{width:100%;height:100%;display:block}.scene-fallback{position:absolute;right:8%;top:55%;width:240px;color:var(--canvas);font-size:15px;line-height:1.6}.scene-fallback a{display:block;text-decoration:underline}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#151a22 0%,#151a22f0 20%,#151a22a8 36%,#151a2233 55%,#151a2200 75%),linear-gradient(0deg,#151a2280,transparent 24%);pointer-events:none}.hero-content{position:absolute;top:36%;left:6%;right:4%;pointer-events:none}.eyebrow{font:10px monospace;letter-spacing:2px;display:flex;gap:12px;align-items:center;margin:0 0 26px;color:var(--active)}h1{font-size:clamp(64px,8.6vw,144px);line-height:1;letter-spacing:-.06em;margin:0 0 24px;font-weight:700}.directive{font-size:18px;line-height:1.6;color:var(--muted);margin:0}.interaction-hint{position:absolute;bottom:35px;left:6%;font:9px monospace;letter-spacing:1.7px;color:#c6c8c6;pointer-events:none;margin:0}.scene-controls{position:absolute;bottom:24px;right:4%;display:flex;align-items:center;gap:8px}.scene-controls button{width:40px;height:40px;border:1px solid #e8e3da40;border-radius:4px;color:var(--text);background:#151a22d0;font-size:18px;line-height:1}.scene-controls button:hover{background:var(--raised);border-color:var(--muted)}.scene-controls button[aria-pressed=true]{border-color:var(--active);color:var(--active)}.scene-controls button:active{transform:translateY(1px)}.swarm-count{font:10px monospace;letter-spacing:2px;color:var(--text);padding:10px;background:#151a22a0;margin-right:4px}
.scroll-cue{display:flex;justify-content:center;align-items:center;height:72px;border-bottom:1px solid #ffffff12}.scroll-cue a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--active);transition:transform .2s,color .2s}.scroll-cue svg{height:26px;width:20px;fill:none;stroke:currentColor;stroke-width:1.3}.scroll-cue a:hover{color:var(--text);transform:translateY(3px)}.studio{min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 24px 88px;text-align:center}.studio h2{font-size:10px;font-weight:400;letter-spacing:2.5px;color:var(--muted);margin:0 0 20px}.studio-logo{display:block;width:240px;max-width:75%;transition:opacity .2s}.studio-logo:hover{opacity:.75}.studio img{width:100%;height:auto;display:block;mix-blend-mode:screen}.studio-rule{width:24px;height:1px;background:var(--active);margin:28px 0 22px}.studio p{margin:0;font-size:15px;color:var(--muted);line-height:1.6}
@media(min-width:1700px){.hero-content{left:8%}.interaction-hint{left:8%}}@media(max-width:680px){.site-header{height:72px;padding:0 6%}.wordmark{font-size:17px;gap:8px}.wordmark svg{width:21px;height:24px}.release-status{font-size:8px;letter-spacing:1.3px;gap:8px}.hero{height:calc(100svh - 136px);min-height:610px;max-height:900px}.hero-content{top:13%;left:7%;right:7%}h1{font-size:clamp(44px,12vw,80px);margin-bottom:18px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.directive{font-size:16px;color:var(--text)}.hero-shade{background:linear-gradient(180deg,#151a22 0%,#151a22db 14%,#151a2240 38%,transparent 60%),linear-gradient(0deg,#151a2290,transparent 25%)}.interaction-hint{bottom:84px;left:7%;font-size:8px;letter-spacing:1.3px;background:#151a22d0;padding:8px 10px;color:var(--text)}.scene-controls{right:7%;bottom:22px}.scroll-cue{height:64px}.studio{min-height:400px;padding:72px 24px}.studio-logo{width:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}