/* Boom: de geest (dat ben jij, de bezoeker) begint alleen, met alle taken om zich heen. Scrollen laat hem delegeren:
   één agent, dan vier, dan agents die zelf helpers aansturen. De boom groeit naar beneden, de camera zoomt uit,
   de geest wordt rustig en hangt steeds hoger boven het werk. Terugscrollen snoeit de boom weer terug. */
:root{--bg:#0a0a0a;--fg:#f2f2ee;--sig:#ff4f00;--mut:#8d8d88;--line:#2a2a28;--line2:#2a2a28;--type:"Geist","Helvetica Neue",Arial,sans-serif;--display:"Geist","Helvetica Neue",Arial,sans-serif;--dw:500;--mono:"Geist Mono",ui-monospace,monospace;--gate-bg:#0a0a0a;--gate-fg:#f2f2ee;--ct-bg:#f2f2ee;--ct-fg:#0a0a0a}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--type);overflow-x:hidden;-webkit-font-smoothing:antialiased}
main{overflow-x:clip}
a{color:inherit}
:focus-visible{outline:2px solid var(--sig);outline-offset:3px}
.pad{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.bar{position:fixed;inset:0 0 auto;z-index:30;display:flex;white-space:nowrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;transition:opacity .8s}
body.gated .bar{opacity:0}
.bar nav{display:flex;gap:18px;align-items:center}
.bar button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:2px;text-transform:inherit;letter-spacing:inherit}
.bar [data-lang][aria-pressed="true"]{text-decoration:underline;text-underline-offset:4px}
.gs-cap{text-shadow:0 0 18px var(--bg),0 0 4px var(--bg)}
@media (min-width:821px){.gs-hud{right:auto;left:max(16px,env(safe-area-inset-left,0px));transition:none}}
section.end{padding-top:16vh;position:relative;z-index:2;background:var(--bg)}
.tech{margin:0;padding-top:10px;padding-bottom:22px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);opacity:.7;position:relative;z-index:2;background:var(--bg)}
.kc-clip{width:min(100%,220px);margin-top:16px}