:root{--bg:#071014;--bg-soft:#0c1a21;--panel:#0a141a94;--panel-strong:#080f14d6;--border:#baffe929;--text:#effaf6;--muted:#9fb9b0;--green:#6df7b2;--lime:#d6ff5d;--amber:#f4d26b;--shadow:0 24px 80px #0006}html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#2b6e5f47,#0000 28%),radial-gradient(circle at 80% 20%,#b45d2c1f,#0000 22%),linear-gradient(#04090c 0%,#081116 45%,#071014 100%);font-family:Nova Square;overflow-x:hidden}body.intro-running,body.nav-open{overflow:hidden}a{color:inherit}.background-shell{pointer-events:none;z-index:-3;position:fixed;inset:0;overflow:hidden}#ambient-canvas,.background-noise,.background-glow,.intro-scrim{position:absolute;inset:0}#ambient-canvas{opacity:.96;width:100%;height:100%}.background-glow{filter:blur(70px);opacity:.42}.glow-left{background:radial-gradient(circle,#53ffbe29,#0000 60%);transform:translate(-18%,-12%)}.glow-right{background:radial-gradient(circle,#ffa9541c,#0000 55%);transform:translate(28%,8%)}.background-noise{mix-blend-mode:soft-light;opacity:.14;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:100% 3px,3px 100%}.intro-scrim{z-index:12;pointer-events:none;opacity:1;background:radial-gradient(circle at 50% 35%,#0c191e1f,#03090cb8 55%),linear-gradient(#040a0e57,#040a0e85);transition:opacity .75s;position:fixed}body.site-ready .intro-scrim{opacity:0}#opstartscreen{z-index:20;pointer-events:none;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}body.site-ready #opstartscreen{opacity:0;visibility:hidden}.boot-window{width:min(100%,720px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);background:#060d12b3;border:1px solid #bdffe633;border-radius:24px;overflow:hidden}.boot-window__bar,.hero-window__header{color:#effaf6b8;letter-spacing:.12rem;text-transform:uppercase;background:#ffffff0a;border-bottom:1px solid #ffffff14;align-items:center;gap:.55rem;padding:.9rem 1rem;font-family:ubuntu;font-size:.78rem;display:flex}.dot{background:#ffffff40;border-radius:50%;width:.72rem;height:.72rem}.dot:first-child{background:#ff7979d9}.dot:nth-child(2){background:#f6d56ed9}.dot:nth-child(3){background:#6cf1b4d9}.boot-window__title{margin-left:.4rem}.boot-window__body{padding:1.25rem 1rem 1.4rem;font-family:ubuntu;line-height:1.45}.hero-terminal__body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:auto;height:0;padding:1.25rem 1rem 1.4rem;font-family:ubuntu;line-height:1.45;display:flex;overflow-y:auto}.hero-terminal__body::-webkit-scrollbar{width:4px}.hero-terminal__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#terminal-output{white-space:pre-wrap}.terminal-input-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.terminal-prompt{color:var(--green);white-space:nowrap}#terminal-input{color:var(--text);font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;min-width:1px;display:inline-block}.terminal-loading{color:var(--green);margin-left:.5rem;display:inline-block}.hero-terminal__body p{color:#d7ede5;margin-bottom:.7rem}#opstartscreen p{color:#dcece7;margin-bottom:.45rem;display:none}#opstartscreen span,#veranderend,.section-kicker,.project-card__meta,.signal-card__index{color:var(--green)}.show{display:block!important}#frontpage,main{width:100%}#frontpage{min-height:100vh;padding:7rem 1.25rem 2rem}main{gap:5rem;display:grid}.hero-panel,#overview,#projects-preview,#signals{width:min(1120px,100%);margin:0 auto}.hero-panel{transform-origin:top;border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff14,#ffffff06),#0810148f;border-radius:28px;scroll-margin-top:7rem;transition:opacity .55s,transform .75s cubic-bezier(.2,.8,.2,1),filter .55s;display:block;overflow:hidden}.hero-copy,.info-card,.project-card,.signal-card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff14,#ffffff06),#0810148f;border-radius:28px}.hero-window__content{padding:1rem;display:block}.hero-copy{text-align:center;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.hero-terminal{box-shadow:none;-webkit-backdrop-filter:none;background:#ffffff08;border:0;border-radius:20px;flex-direction:column;align-self:stretch;display:none;overflow:hidden}@media (width>=760px){.hero-terminal{display:flex}}.eyebrow{width:fit-content;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.7rem;padding:.65rem .9rem;font-family:ubuntu;font-size:.86rem;display:inline-flex}.eyebrow__signal{background:var(--green);border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 14px #6df7b2bf}#title{max-width:100%;font-family:corpta;font-size:var(--title-size,clamp(3.2rem, 9vw, 5.8rem));letter-spacing:.08rem;white-space:nowrap;line-height:.92}.typed-message{min-height:1.8rem;color:var(--lime);letter-spacing:.08rem;font-family:silkscreen}.hero-text,.info-card p,.project-card p,.signal-card p{color:var(--muted);font-size:1rem;line-height:1.72}.hero-text{max-width:24ch}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:.55rem;display:flex}.primary-link,.secondary-link,.project-card a{border-radius:14px;justify-content:center;align-items:center;width:fit-content;min-height:3rem;padding:.95rem 1.25rem;text-decoration:none;transition:transform .25s,background-color .25s,border-color .25s;display:inline-flex}.primary-link{background:linear-gradient(135deg,#6df7b22e,#d6ff5d1a);border:1px solid #6df7b247}.secondary-link,.project-card a{background:#ffffff0a;border:1px solid #ffffff14}.primary-link:hover,.secondary-link:hover,.project-card a:hover{transform:translateY(-2px)}.stage-block{opacity:.14;filter:blur(12px);transition:opacity .75s,filter .75s,transform .75s;transform:translateY(24px)scale(.985)}body[data-stage="1"] .stage-hero,body[data-stage="2"] .stage-hero,body[data-stage="3"] .stage-hero,body[data-stage="4"] .stage-hero,body[data-stage="5"] .stage-hero{opacity:.6;filter:blur();transform:none}body[data-stage="2"] .stage-terminal,body[data-stage="3"] .stage-terminal,body[data-stage="4"] .stage-terminal,body[data-stage="5"] .stage-terminal{opacity:.82;filter:blur();transform:none}body[data-stage="3"] .stage-overview,body[data-stage="4"] .stage-overview,body[data-stage="5"] .stage-overview{opacity:.68;filter:blur();transform:none}body[data-stage="4"] #projects-preview,body[data-stage="5"] #projects-preview{opacity:.6;filter:blur();transform:none}body.site-ready .stage-block{opacity:1;filter:blur();transform:none}.section-heading{margin-bottom:1.75rem}.section-kicker{letter-spacing:.14rem;text-transform:uppercase;margin-bottom:.8rem;font-family:ubuntu}.section-heading h2{max-width:12ch;font-family:Workbench;font-size:clamp(2.7rem,7vw,4.6rem);line-height:.95}.info-grid,.project-grid,.signal-panels{gap:1rem;display:grid}.info-card,.project-card,.signal-card{padding:1.4rem}.info-card h3,.project-card h3,.signal-card h3{margin-bottom:.9rem;font-size:1.55rem}.info-card--accent{background:linear-gradient(135deg,#6df7b214,#d6ff5d0d),#040a0ecc}.scroll-stack{gap:1.25rem;display:grid}.project-grid--featured{grid-template-columns:1fr}.project-card--hero{background:linear-gradient(135deg,#6df7b21f,#d6ff5d0a),#0a141ab8}#projects-preview{z-index:2;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s;position:relative}.project-more{justify-content:center;margin-top:.5rem;display:flex}.showcase-flow{gap:12vh;display:grid}.showcase-step{place-items:center;min-height:72vh;scroll-margin-top:7rem;display:grid}.showcase-step__intro,.showcase-copy{text-align:center;max-width:42rem}.showcase-step h3{margin-bottom:.85rem;font-size:clamp(2.2rem,7vw,4.6rem)}.showcase-step p,.showcase-note,.lcd-demo__code{color:var(--muted);line-height:1.7}.showcase-step--feature{gap:1rem}.showcase-note{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;max-width:26rem;padding:1.1rem 1.2rem}.showcase-note--center{margin:0 auto}.showcase-step--demo{gap:1rem}.lcd-demo{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:min(100%,820px);overflow:hidden}.lcd-demo__top{letter-spacing:.12rem;text-transform:uppercase;color:#effaf6b8;border-bottom:1px solid #ffffff14;align-items:center;gap:.55rem;padding:.85rem 1rem;font-family:ubuntu;font-size:.76rem;display:flex}.lcd-demo__body{gap:1rem;padding:1rem;display:grid}.lcd-demo__code{white-space:pre-wrap;background:#040a0ea3;border:1px solid #ffffff14;border-radius:18px;padding:1rem;font-family:ubuntu}.lcd-demo__screen{background:linear-gradient(#c0f6903d,#74b25624),#466736;border-radius:24px;justify-content:center;align-items:center;min-height:9rem;display:flex;box-shadow:inset 0 0 0 1px #111e0c40,inset 0 10px 20px #ffffff0d}.lcd-demo__text{color:#13280cdb;letter-spacing:.14rem;min-height:1em;font-family:silkscreen;font-size:clamp(1.4rem,4vw,2.2rem)}.showcase-step--left .showcase-copy,.showcase-step--left .showcase-note{text-align:left;justify-self:start}.showcase-step--center .showcase-copy,.showcase-step--center .showcase-note{text-align:center;justify-self:center}.showcase-step--right .showcase-copy,.showcase-step--right .showcase-note{text-align:right;justify-self:end}.project-card__meta,.signal-card__index{letter-spacing:.12rem;text-transform:uppercase;margin-bottom:1rem;font-family:ubuntu;font-size:.82rem;display:inline-block}.signal-layout{padding-bottom:2rem;scroll-margin-top:7rem}.scroll-reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(86px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.roulette-item{opacity:0;transition:opacity .2s}.roulette-item.is-decoding,.roulette-item.is-decoded{opacity:1}.hero-copy,.hero-terminal{transition:opacity .45s,transform .6s}body.hero-scrolled .hero-copy{opacity:0;transform:translateY(-56px)}body.hero-scrolled .hero-terminal{opacity:0;transform:translateY(-24px)}body.hero-scrolled .hero-panel{opacity:.12;filter:blur(8px);pointer-events:none;transform:translateY(-150px)scale(.92)}body.hero-scrolled #projects-preview{transform:none}#slide-dots{z-index:30;flex-direction:column;align-items:center;gap:.6rem;display:none;position:fixed;top:50%;right:1.4rem;transform:translateY(-50%)}#slide-dots button{cursor:pointer;background:0 0;border:1px solid #6df7b266;border-radius:50%;width:.5rem;height:.5rem;padding:0;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}#slide-dots button.is-active{background:var(--green);border-color:var(--green);transform:scale(1.35);box-shadow:0 0 10px #6df7b299}#slide-dots button:hover:not(.is-active){background:#6df7b226;border-color:#6df7b2bf}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage-block,.scroll-reveal,.intro-scrim,#opstartscreen,.primary-link,.secondary-link,.project-card a,.hero-copy,.hero-terminal{transition:none}}@media (width>=760px){#frontpage{padding:8rem 2rem 5rem}.hero-panel{position:sticky;top:7.4rem}.hero-window__content{grid-template-columns:minmax(0,.98fr) minmax(260px,.62fr);align-items:stretch;gap:1.2rem;padding:1.1rem;display:grid}#projects-preview{margin-top:0}.hero-copy{text-align:left;align-items:flex-start;padding:1.2rem}.hero-terminal{display:flex}.hero-text{max-width:30ch}.hero-actions{justify-content:flex-start}.info-grid,.signal-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid--featured{grid-template-columns:1.2fr 1fr 1fr;align-items:stretch}.showcase-step{height:100vh;min-height:0;overflow:hidden}.signal-layout{height:100vh;min-height:0;padding-bottom:0;overflow:hidden}.showcase-step--feature{justify-items:stretch}.showcase-step--intro,.showcase-step--center{justify-items:center}.showcase-step--demo{grid-template-rows:auto auto;align-content:center;gap:2rem}.lcd-demo__body{grid-template-columns:minmax(0,.85fr) minmax(220px,1fr);align-items:center}#slide-dots{display:flex}}@media (width>=1080px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-panel{top:7.8rem}#title{font-size:var(--title-size,clamp(3rem, 6.5vw, 4.8rem))}.hero-window__header{letter-spacing:.09rem;font-size:.7rem}.hero-window__content{grid-template-columns:minmax(0,1fr) minmax(290px,.58fr);align-items:stretch;gap:1rem}.hero-terminal{display:flex}.showcase-step--center .showcase-copy,.showcase-step--center .showcase-note{text-align:center;justify-self:center;max-width:46rem}}
