@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}:root{--bg:#0b0d10;--surface:#12151b;--text:#e7e9ee;--muted:#9aa0ab;--accent:#e8e0d0;--border:#1e222b;--c-ipcam:#f0b24a;--c-rec:#ff5c5c;--c-asd:#6ccb8a;--c-pastis:#f3a9b9;--c-med:#5bc8c4;--font-sans:"Instrument Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--maxw:1120px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:clip}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:0 0;border:0;padding:0}.rail{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}.section{padding:clamp(4rem,10vh,7rem) 0}.section-title{letter-spacing:-.01em;margin:0 0 1.5rem;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:600}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{border:1px solid var(--border);min-height:44px;font-family:var(--font-mono);transition:border-color .15s var(--ease), background-color .15s var(--ease);border-radius:999px;align-items:center;padding:0 1.1rem;font-size:.9rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn--primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn--primary:hover{background:#fff}.btn--static{color:var(--muted);cursor:default}.btn--static:hover{border-color:var(--border)}.hero{align-items:center;min-height:100svh;display:grid}.hero__grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.hero__name{letter-spacing:-.03em;margin:0;font-size:clamp(2.6rem,7vw,5.5rem);line-height:1}.hero__title{margin:1rem 0 .5rem;font-size:clamp(1.1rem,2.2vw,1.5rem)}.hero__sub{color:var(--muted);max-width:40ch;margin:0 0 1.75rem}.hero__cta{flex-wrap:wrap;gap:.6rem;display:flex}.hero__sculpture{aspect-ratio:1;justify-self:end;width:100%;max-width:420px}.hero__sculpture picture,.hero__sculpture img{object-fit:contain;width:100%;height:100%;display:block}@media (width<=900px){.hero{min-height:auto;padding:clamp(4rem,12vh,6rem) 0 1.5rem}.hero__grid{grid-template-columns:1fr}.hero__sculpture{justify-self:center;max-width:260px;margin:0 auto}}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);transition:border-color .15s var(--ease);border-radius:14px;flex-direction:column;gap:.5rem;padding:1.1rem;text-decoration:none;display:flex}.card:hover{border-color:var(--accent)}.card__name{margin:0;font-size:1.05rem;font-weight:600}.card__desc{color:var(--muted);margin:0;font-size:.95rem}.card__tags{font-family:var(--font-mono);color:var(--accent);margin-top:auto;font-size:.78rem}.about__prose{max-width:62ch}.timeline{gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:11rem 1fr;gap:1rem;display:grid}.timeline__when{font-family:var(--font-mono);color:var(--muted);font-size:.85rem}@media (width<=640px){.timeline li{grid-template-columns:1fr;gap:.15rem}}.contact__primary{font-family:var(--font-mono);font-size:clamp(1.25rem,3.2vw,2.05rem);text-decoration:none}.contact__rest{flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;display:flex}.footer{color:var(--muted);padding:2rem 0;font-size:.85rem}.device{background:var(--surface);border:1px solid var(--border);transform-origin:0 0;backface-visibility:hidden;position:relative;overflow:hidden}.chapter__stage[data-scene] .device{will-change:transform}.device--laptop{aspect-ratio:16/10;border-radius:14px;max-width:520px;margin:0 auto}.device--phone{aspect-ratio:9/19.5;border-radius:32px;max-width:320px;margin:0 auto}.device__bar{border-bottom:1px solid var(--border);gap:6px;padding:10px 12px;display:flex}.device__dot{background:var(--border);border-radius:50%;width:8px;height:8px}.device__notch{background:var(--bg);border-radius:12px;width:90px;height:22px;margin:8px auto 0}.device__screen{position:absolute;inset:0}.device--laptop .device__screen{top:35px}.device--phone .device__screen{top:38px}.stepbar{gap:6px;margin-top:14px;display:flex}.chapter__stage[data-scene] .stepbar{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.chapter__stage[data-scene]:not([data-flat]) .stepbar{opacity:0;transition:opacity .2s var(--ease)}.chapter__stage[data-scene]:not([data-flat]):focus-within .stepbar{opacity:1}.stepbar:focus-visible{outline-offset:6px}.step{text-align:left;flex-direction:column;flex:1;justify-content:flex-start;gap:6px;min-height:44px;padding-top:6px;display:flex}.step__track{background:var(--border);border-radius:2px;height:3px;display:block;overflow:hidden}.step__fill{transform-origin:0;background:var(--step-color);width:100%;height:100%;display:block;transform:scaleX(0)}.step__fill--done{transform:scaleX(1)}.step__fill--active{animation:linear forwards stepfill}@keyframes stepfill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.step__label{font-family:var(--font-mono);color:var(--muted);transition:color .15s var(--ease);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;overflow:hidden}.step[aria-current=step] .step__label{color:var(--text)}@media (width<=640px){.step__label{visibility:hidden}.step[aria-current=step] .step__label{visibility:visible}}.chapter{min-height:150vh;scroll-margin-top:2rem;display:block}.chapter__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);min-height:150vh;padding-top:12vh;display:grid}.chapter__text{position:sticky;top:12vh}.chapter__kicker{font-family:var(--font-mono);color:var(--chapter-color);margin:0 0 .75rem;font-size:.8rem}.chapter__title{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.chapter__blurb{color:var(--muted);max-width:42ch;margin:0 0 1rem}.chapter__fact{font-family:var(--font-mono);margin:0;font-size:.85rem}.chapter__object{aspect-ratio:1;max-width:360px;margin-top:2rem}.chapter__object img{width:100%;height:auto;display:block}.chapter__stage{position:sticky;top:12vh}@media (width<=900px){.chapter{min-height:auto;padding:2.5rem 0}.chapter__grid{grid-template-columns:1fr;gap:1.25rem;min-height:auto;padding-top:0}.chapter__text,.chapter__stage{position:static}.chapter__text{grid-template-columns:minmax(0,1fr) 96px;align-items:start;column-gap:12px;display:grid}.chapter__text>*{grid-column:1}.chapter__object{grid-area:1/2/span 2;width:96px;max-width:96px;margin:0}.device--laptop{max-width:calc(100% - 2.5rem)}}