:root{--bg:#08090b;--fg:#e7e8ea;--muted:#8b9096;--faint:#ffffff57;--accent:#d98e5f;--accent-soft:#d98e5f29;--line:#ffffff17;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--fg);background:radial-gradient(150% 150% at 50% 0,#0000 52%,#0000009e 100%),radial-gradient(120% 90% at 50% 4%,#12151a 0%,#0b0d10 44%,#07080a 100%);background-color:var(--bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;background-attachment:fixed}body::selection{color:#fff;background:#d98e5f47}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#23262a;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scene-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.scene-canvas canvas{display:block}.scroll{z-index:1;pointer-events:none;position:relative}.scroll .stations,.scroll .intro,.scroll .work{pointer-events:auto}.scroll[data-motion=reduced] .station{height:50vh}.station{height:72vh}.stations{pointer-events:none}.overlay{z-index:10;pointer-events:none;position:fixed;inset:0}.overlay__vignette{z-index:0;background:radial-gradient(120% 120%,#0000 55%,#0000006b 100%);position:absolute;inset:0}.nav{z-index:20;pointer-events:auto;align-items:center;gap:clamp(14px,2vw,24px);display:flex;position:fixed;top:clamp(20px,4vw,42px);right:clamp(20px,4vw,42px)}.nav__item{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#ffffffbd;align-items:baseline;gap:7px;padding:8px 2px;font-size:10px;font-weight:600;transition:color .2s;display:inline-flex}a.nav__item:hover{color:var(--accent)}.nav__item--muted{color:#ffffff38;cursor:default;-webkit-user-select:none;user-select:none}.nav__index{letter-spacing:.12em;color:#ffffff57;font-size:8px}@media (max-width:720px){.nav{gap:10px}.nav__item{letter-spacing:.16em;font-size:9px}}.pull-hint{z-index:12;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:7px;padding:0;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}.pull-hint__arrow{color:#ffffffd9;filter:drop-shadow(0 3px 10px #000000a6);animation:2.4s cubic-bezier(.65,0,.35,1) infinite pull-bob}@keyframes pull-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pull-hint:hover .pull-hint__arrow{color:var(--accent);animation:none}.pull-hint:active .pull-hint__arrow{transform:scale(.82)}.pull-hint__label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;opacity:0;text-shadow:0 2px 10px #000000bf;font-size:9px;font-weight:600;transition:opacity .2s}.pull-hint__state{color:#ffffff80;text-shadow:0 0 8px #fff6;font-size:8px;line-height:1;transition:color .3s}@media (pointer:coarse){.pull-hint{gap:9px}.pull-hint__arrow{width:28px;height:38px}}.overlay__editorial{z-index:1;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:clamp(26px,5vh,44px);left:clamp(20px,4vw,42px)}.overlay__editorial-identity{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#ffffff9e;font-size:9px;font-weight:600}.overlay__editorial-status{color:var(--accent);text-shadow:0 0 10px #d98e5fcc;vertical-align:middle;margin-left:9px;font-size:7px}.overlay__editorial-line{color:#ffffffd9;font-size:clamp(15px,2vw,20px);line-height:1.45}@media (max-width:960px){.overlay__editorial{gap:8px;top:clamp(82px,16vh,112px);bottom:auto;left:clamp(16px,4vw,24px)}.overlay__editorial-line{font-size:14px}}.overlay__top{z-index:1;justify-content:space-between;align-items:flex-start;padding:clamp(20px,4vw,42px);display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:#ffffffc7;white-space:nowrap;font-size:clamp(11px,1.4vw,13px);font-weight:500}.brand--dot{color:var(--accent);text-shadow:0 0 14px #d98e5f99;margin:0 .32em}.progress{width:1px;height:20vh;position:absolute;top:50%;right:clamp(20px,4vw,42px);transform:translateY(-50%)}.progress__track{background:#ffffff1f;position:absolute;inset:0}.progress__fill{background:var(--accent);transform-origin:top;position:absolute;inset:0;transform:scaleY(0);box-shadow:0 0 12px #d98e5f8c}@media (max-width:720px){.progress{height:26vh}}.scroll-hint{z-index:1;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:clamp(26px,5vh,44px);left:50%;transform:translate(-50%)}.scroll-hint__label{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#ffffff80;font-size:9px}.scroll-hint__line{background:#ffffff29;width:1px;height:42px;position:relative;overflow:hidden}.scroll-hint__line-inner{background:var(--accent);width:100%;height:34%;animation:2.2s cubic-bezier(.65,0,.35,1) infinite hint-drift;position:absolute;top:-20%;left:0}@media (prefers-reduced-motion:reduce){.scroll-hint__line-inner{height:40%;animation:none;top:0}}@keyframes hint-drift{0%{transform:translateY(0)}to{transform:translateY(320%)}}.fallback{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:36px;display:flex;position:fixed;inset:0}.fallback__brand .brand{letter-spacing:.4em;font-size:clamp(18px,4vw,24px)}.fallback__text{max-width:420px;color:var(--muted);font-size:13px;line-height:1.65}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.intro{justify-content:center;align-items:center;min-height:100vh;padding:clamp(96px,14vh,160px) clamp(20px,6vw,72px) clamp(72px,10vh,120px);display:flex;position:relative}.intro__inner{width:100%;max-width:1040px}.intro__identity{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:#fff9;margin-bottom:clamp(20px,4vh,36px);font-size:clamp(11px,1.6vw,14px);font-weight:500}.intro__accent{color:var(--accent);text-shadow:0 0 16px #d98e5f8c;margin:0 .3em}.intro__headline{letter-spacing:-.025em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(22px,4vh,40px);font-size:clamp(2.6rem,7.5vw,5.4rem);font-weight:600;line-height:.98}.intro__statement{max-width:46ch;color:var(--muted);margin-bottom:clamp(18px,3vh,28px);font-size:clamp(15px,2vw,18px);line-height:1.65}.intro__meta{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#ffffff52;margin-bottom:clamp(30px,5vh,52px);font-size:10px}.intro__cta-row{margin:0}.intro__cta{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;font-size:12px;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.intro__cta:hover{color:var(--accent);border-color:#d98e5f80}.intro__cta-arrow{transition:transform .25s}.intro__cta:hover .intro__cta-arrow{transform:translate(6px)}.intro__index{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:#ffffff57;font-size:10px;position:absolute;bottom:clamp(20px,6vh,52px);right:clamp(20px,6vw,72px)}.work{padding:clamp(96px,16vh,180px) clamp(20px,6vw,72px) clamp(60px,10vh,120px);position:relative}.work__header{max-width:1040px;margin-bottom:clamp(72px,14vh,140px)}.work__kicker{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(16px,3vh,26px);font-size:10px}.work__heading{letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(18px,3vh,30px);font-size:clamp(2.2rem,6vw,4.4rem);font-weight:600;line-height:1}.work__lede{max-width:58ch;color:var(--muted);font-size:clamp(14px,1.8vw,16px);line-height:1.65}.work__rule{background:var(--line);border:0;height:1px;margin-top:clamp(28px,4vh,44px)}.projects{margin:0;padding:0;list-style:none}.projects__item+.projects__item{border-top:1px solid var(--line)}.project{padding:clamp(72px,14vh,150px) 0}.project--featured .project__head{margin-bottom:clamp(48px,8vh,88px)}.project--featured .project__name{font-size:clamp(2.6rem,7vw,5.8rem)}.project--featured .project__number{color:#d98e5f8c}.project--featured .project__grid{grid-template-columns:11fr 4fr}.project__head{grid-template-columns:minmax(88px,1fr) 8fr minmax(96px,1fr);align-items:start;gap:clamp(16px,3vw,40px);margin-bottom:clamp(40px,7vh,72px);display:grid}.project__number{font-family:var(--font-mono);color:#ffffff29;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.project__titles{max-width:46ch}.project__category{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(8px,1.4vh,14px);font-size:10px;font-weight:600}.project__name{letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(12px,2vh,20px);font-size:clamp(2.1rem,5.6vw,4.4rem);font-weight:600;line-height:.98}.project__draft-flag{color:var(--accent);vertical-align:super;margin-left:6px;font-size:.45em}.project__tagline{color:var(--muted);font-size:clamp(14px,1.6vw,16px);line-height:1.6}.project__draft-note{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-top:10px;font-size:10px}.project__year{font-family:var(--font-mono);letter-spacing:.2em;color:#fff6;text-align:right;padding-top:6px;font-size:12px}.project__grid{grid-template-columns:8fr 4fr;align-items:start;gap:clamp(24px,4vw,64px);display:grid}.project-visual{aspect-ratio:16/9;will-change:transform;background:#0d1014;border:1px solid #ffffff17;border-radius:6px;position:relative;overflow:hidden}.project-visual__media{backface-visibility:hidden;position:absolute;inset:-6% 0;transform:translateZ(0)}.project-visual__img{object-fit:cover}.project-visual__slot-inner{cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.project-visual__slot-line{font-family:var(--font-mono);letter-spacing:.3em;color:#fff6;font-size:11px}.project-visual__slot-sub{font-family:var(--font-mono);letter-spacing:.16em;color:#ffffff38;font-size:9px}.project-visual__slot-cross{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 120%,#000 30%,#0000 100%);mask-image:radial-gradient(120% 120%,#000 30%,#0000 100%)}.project__side{flex-direction:column;gap:clamp(18px,3vh,28px);padding-top:4px;display:flex}.project__tech{flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;list-style:none;display:flex}.project__tech-item{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#ffffffb8;font-size:10px;font-weight:600}.project__tech-item:before{content:"";background:var(--accent);vertical-align:middle;border-radius:999px;width:4px;height:4px;margin-right:8px;display:inline-block}.project__summary{color:var(--muted);font-size:14px;line-height:1.7}.project__details{border-top:1px solid var(--line)}.project__details-summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#ffffff9e;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:10px;font-weight:600;list-style:none;transition:color .2s;display:flex}.project__details-summary::-webkit-details-marker{display:none}.project__details-summary:hover{color:var(--accent)}.project__details-caret{color:var(--accent);font-size:14px;line-height:1;transition:transform .25s}.project__details[open] .project__details-caret{transform:rotate(45deg)}.project__details-body{color:var(--muted);padding-bottom:18px;font-size:14px;line-height:1.7}.project__links{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.project__link{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:11px;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.project__link--primary{color:var(--accent);border-color:#d98e5f73}.project__link:hover{color:var(--accent)}.project__link:hover span{transform:translate(5px)}.project__link span{transition:transform .25s}.project__disabled{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#ffffff42;font-size:10px}.case-study{z-index:2;max-width:1040px;min-height:100vh;margin:0 auto;padding:clamp(96px,14vh,160px) clamp(20px,6vw,72px) clamp(72px,10vh,120px);position:relative}.case-study__back{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(48px,10vh,96px);font-size:11px;font-weight:600;transition:color .2s;display:inline-block}.case-study__back:hover{color:var(--accent)}.case-study__index{font-family:var(--font-mono);color:#ffffff29;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.case-study__title{letter-spacing:-.02em;text-transform:uppercase;margin-bottom:clamp(16px,3vh,28px);font-size:clamp(2.4rem,6vw,4.6rem);font-weight:600;line-height:.98}.case-study__tagline{color:var(--muted);max-width:52ch;font-size:clamp(15px,2vw,17px);line-height:1.65}.case-study__note{border:1px dashed var(--line);border-radius:6px;max-width:620px;margin-top:clamp(48px,8vh,80px);padding:clamp(24px,4vh,36px)}.case-study__note-title{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:10px;font-weight:600}.case-study__note p{color:var(--muted);font-size:14px;line-height:1.7}@media (max-width:760px){.project--featured .project__grid{grid-template-columns:1fr}.project--featured .project-visual{aspect-ratio:4/3}.project__head{grid-template-columns:1fr auto}.project__number{grid-column:1}.project__titles{grid-area:2/1/auto/-1}.project__year{text-align:right;grid-area:1/2}.project__grid{grid-template-columns:1fr;gap:28px}.project-visual{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.project-visual__media{inset:0}.intro__cta-arrow,.project__link span{transition:none}}.cs-hero{margin-bottom:clamp(72px,14vh,150px)}.cs-hero__index{font-family:var(--font-mono);color:#ffffff29;font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:clamp(2rem,4vw,3rem)}.cs-hero__name{letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(16px,3vh,28px);font-size:clamp(2.4rem,6vw,4.8rem);font-weight:600;line-height:.98}.cs-hero__tagline{max-width:58ch;color:var(--fg);margin-bottom:clamp(18px,3vh,28px);font-size:clamp(15px,2vw,18px);line-height:1.55}.cs-hero__description{max-width:68ch;color:var(--muted);margin-bottom:clamp(28px,4vh,40px);font-size:14px;line-height:1.7}.cs-hero__meta{border-top:1px solid var(--line);flex-direction:column;gap:clamp(18px,3vh,26px);margin-bottom:clamp(28px,4vh,44px);padding-top:clamp(18px,3vh,28px);display:flex}.cs-hero__facts{flex-wrap:wrap;gap:12px clamp(20px,4vw,48px);display:flex}.cs-hero__fact{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#fff6;font-size:10px}.cs-hero__fact strong{color:#ffffffc7;font-weight:600}.cs-hero__tech{flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;list-style:none;display:flex}.cs-hero__tech-item{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#ffffffb8;font-size:10px;font-weight:600}.cs-hero__tech-item:before{content:"";background:var(--accent);vertical-align:middle;border-radius:999px;width:4px;height:4px;margin-right:8px;display:inline-block}.cs-hero__links{flex-wrap:wrap;gap:14px 28px;display:flex}.cs-hero__link{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:11px;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.cs-hero__link--primary{color:var(--accent);border-color:#d98e5f73}.cs-hero__link:hover{color:var(--accent)}.cs-hero__link:hover span{transform:translate(5px)}.cs-hero__link span{transition:transform .25s}.cs-section{margin:clamp(72px,13vh,140px) 0}.cs-section__kicker{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(14px,2.5vh,22px);font-size:10px;font-weight:600}.cs-section__title{letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(16px,3vh,28px);font-size:clamp(2rem,5vw,3.8rem);font-weight:600;line-height:1}.cs-section__lede{max-width:62ch;color:var(--muted);margin-bottom:clamp(32px,5vh,56px);font-size:14px;line-height:1.7}.cs-section__body{max-width:68ch}.cs-section__body .arch{max-width:none}.cs-prose__p{color:var(--muted);max-width:68ch;font-size:14px;line-height:1.75}.cs-prose__p+.cs-prose__p{margin-top:18px}.cs-bullets{flex-direction:column;gap:16px;max-width:68ch;margin:0;padding:0;list-style:none;display:flex}.cs-bullets__item{color:var(--muted);padding-left:26px;font-size:14px;line-height:1.7;position:relative}.cs-bullets__dot{background:var(--accent);border-radius:999px;width:5px;height:5px;position:absolute;top:.72em;left:0}.cs-steps{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.cs-steps__item{border-top:1px solid var(--line);grid-template-columns:minmax(56px,1fr) 11fr;gap:clamp(16px,3vw,40px);padding:clamp(26px,4vh,40px) 0;display:grid}.cs-steps__number{font-family:var(--font-mono);color:#ffffff38;font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,3vw,2rem);line-height:1}.cs-steps__title{letter-spacing:-.01em;color:var(--fg);margin-bottom:10px;font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.cs-steps__body{max-width:62ch;color:var(--muted);font-size:14px;line-height:1.7}.arch{margin-top:clamp(40px,6vh,64px)}.arch__canvas{aspect-ratio:16/10;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0,#ffffff0b,#0000 55%),#0b0d10;border-radius:6px;position:relative;overflow:hidden}.arch__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arch__edge{fill:none;stroke:#ffffff38;stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:1;transition:opacity .3s,stroke .3s}.arch__edge--dim{opacity:.14}.arch__nodes{pointer-events:none;position:absolute;inset:0}.arch__node{color:#ffffffd9;max-width:150px;font:inherit;cursor:pointer;pointer-events:auto;text-align:center;-webkit-tap-highlight-color:transparent;background:#0c0e11d1;border:1px solid #ffffff29;border-radius:5px;flex-direction:column;align-items:center;gap:7px;padding:10px 12px;transition:transform .18s,opacity .3s,border-color .18s,color .18s;display:flex;position:absolute;transform:translate(-50%,-50%)}.arch__node:hover,.arch__node:focus-visible{color:var(--fg);border-color:#d98e5fa6;transform:translate(-50%,-50%)scale(1.07)}.arch__node--focused{border-color:var(--accent);transform:translate(-50%,-50%)scale(1.07)}.arch__node--dim{opacity:.26}.arch__node-dot{background:var(--accent);border-radius:999px;width:6px;height:6px;box-shadow:0 0 10px #d98e5fb3}.arch__node-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:600;line-height:1.4}.arch__canvas-labels{pointer-events:none;position:absolute;inset:0}.arch__elabel{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffff4d;white-space:nowrap;background:#0b0d10d1;border-radius:2px;padding:2px 5px;font-size:8px;transition:opacity .3s,color .3s;position:absolute;transform:translate(-50%,-50%)}.arch__elabel--dim{opacity:.12}.arch__caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff57;margin-top:14px;font-size:10px}.arch__readout{min-height:3.2em;color:var(--muted);border-left:2px solid #d98e5f80;margin-top:16px;padding:8px 0 8px 16px;font-size:13px;line-height:1.6}.arch__stack{display:none}@media (max-width:760px){.arch__canvas{display:none}.arch__stack{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.arch__stack-item{border-top:1px solid var(--line);padding:18px 0}.arch__stack-toggle{font:inherit;color:var(--fg);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:0;display:flex}.arch__stack-dot{background:var(--accent);border-radius:999px;flex:none;width:6px;height:6px}.arch__stack-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:600}.arch__stack-item[data-open=true] .arch__stack-label,.arch__stack-toggle[aria-expanded=true] .arch__stack-label{color:var(--accent)}.arch__stack-desc{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.65}.arch__stack-trace{font-family:var(--font-mono);letter-spacing:.1em;color:#ffffff5c;overflow-wrap:anywhere;margin-top:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.arch__edge,.arch__elabel,.arch__node{transition:none}}.cs-decisions{flex-direction:column;gap:clamp(28px,4vh,44px);display:flex}.cs-decision{border:1px solid var(--line);background:#ffffff04;border-radius:6px;flex-direction:column;gap:14px;padding:clamp(22px,3vh,32px);display:flex}.cs-decision__problem{color:var(--fg);flex-direction:column;gap:8px;font-size:14px;line-height:1.7;display:flex}.cs-decision__row{color:var(--muted);flex-direction:column;gap:8px;font-size:14px;line-height:1.7;display:flex}.cs-decision__tag{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:9px;font-weight:600}.cs-decision__tag--muted{color:#fff6}.cs-challenges{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cs-challenge{border-top:1px solid var(--line);grid-template-columns:minmax(56px,1fr) 11fr;gap:clamp(16px,3vw,40px);padding:clamp(26px,4vh,40px) 0;display:grid}.cs-challenge__number{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,3vw,2rem);line-height:1}.cs-challenge__title{letter-spacing:-.01em;color:var(--fg);margin-bottom:10px;font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.cs-challenge__body{max-width:62ch;color:var(--muted);font-size:14px;line-height:1.7}.cs-code{flex-direction:column;gap:clamp(40px,6vh,64px);display:flex}.cs-code__head{flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-bottom:12px;display:flex}.cs-code__title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg);font-size:11px;font-weight:600}.cs-code__file{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff57;font-size:10px}.cs-code__frame{border:1px solid var(--line);background:#0a0c0f;border-radius:6px;overflow:hidden}.cs-code__pre{font-family:var(--font-mono);color:#c8cdd3;tab-size:2;max-width:100%;margin:0;padding:clamp(18px,3vw,28px);font-size:12px;line-height:1.6;overflow-x:auto}.cs-code__pre::-webkit-scrollbar{height:8px}.cs-code__pre::-webkit-scrollbar-thumb{background:#262a2f;border-radius:8px}.cs-code__note{color:var(--muted);max-width:66ch;margin-top:14px;font-size:13px;line-height:1.65}pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}.cs-result__links{flex-wrap:wrap;gap:14px 28px;margin-top:clamp(32px,5vh,52px);display:flex}.cs-result__link{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--fg);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;font-size:11px;font-weight:600;transition:color .2s,border-color .2s;display:inline-flex}.cs-result__link--primary{color:var(--accent);border-color:#d98e5f73}.cs-result__link:hover{color:var(--accent)}.cs-result__link:hover span{transform:translate(5px)}.cs-result__link span{transition:transform .25s}@media (max-width:760px){.cs-steps__item,.cs-challenge{grid-template-columns:1fr;gap:2px}.cs-steps__number,.cs-challenge__number{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.cs-hero__link span,.cs-result__link span{transition:none}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lab{max-width:1180px;min-height:100vh;margin:0 auto;padding:clamp(96px,14vh,150px) clamp(20px,5vw,64px) clamp(72px,10vh,120px)}.lab-top{z-index:30;justify-content:space-between;align-items:center;padding:clamp(18px,3vw,30px) clamp(20px,4vw,42px);display:flex;position:fixed;top:0;left:0;right:0}.lab-top__brand .brand{font-size:clamp(11px,1.3vw,13px)}.lab-top__link{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#ffffffb3;padding:8px 2px;font-size:10px;font-weight:600;transition:color .2s}.lab-top__link:hover{color:var(--accent)}.lab-foot{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,64px) clamp(40px,7vh,72px);display:flex}.lab-foot__line{color:var(--muted);max-width:60ch;font-size:12px;line-height:1.7}.lab-foot__home{font-size:12px}.lab-foot__home a{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:11px;transition:opacity .2s}.lab-foot__home a:hover{opacity:.75}.lab-intro{flex-direction:column;justify-content:flex-end;min-height:78vh;padding-bottom:clamp(64px,12vh,140px);display:flex}.lab-intro__kicker{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(18px,3vh,30px);font-size:10px;font-weight:600}.lab-intro__title{letter-spacing:-.025em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(22px,4vh,38px);font-size:clamp(3rem,9vw,7rem);font-weight:600;line-height:.95}.lab-intro__statement{max-width:52ch;color:var(--muted);margin-bottom:clamp(28px,5vh,52px);font-size:clamp(15px,2vw,18px);line-height:1.6}.lab-intro__principle{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#fff9;font-size:clamp(10px,1.4vw,12px)}.lab-intro__principle-dot{color:var(--accent)}.lab-cards{margin-bottom:clamp(48px,8vh,80px)}.lab-cards__list{margin:0;padding:0;list-style:none}.lab-cards__item+.lab-cards__item{border-top:1px solid var(--line)}.lab-card{grid-template-columns:minmax(64px,auto) 1fr auto;align-items:center;gap:clamp(16px,3vw,40px);padding:clamp(28px,5vh,52px) 0;display:grid;position:relative}.lab-card__number{font-family:var(--font-mono);color:#ffffff2e;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,4vw,3rem);line-height:1;transition:color .25s}.lab-cards__item a:hover .lab-card__number{color:var(--accent)}.lab-card__body{flex-direction:column;gap:8px;display:flex}.lab-card__title{letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:600;line-height:1}.lab-card__tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.lab-card__short{max-width:58ch;color:var(--muted);font-size:14px;line-height:1.6}.lab-card__arrow{color:#ffffff59;font-size:clamp(1.2rem,2vw,1.6rem);transition:transform .25s,color .25s}.lab-card__duration{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffff47;font-size:9px;position:absolute;bottom:clamp(14px,2vh,22px);right:0}.lab-cards__item a:hover .lab-card__arrow{color:var(--accent);transform:translate(6px)}.lab-note{color:var(--muted);border-left:2px solid #d98e5f80;max-width:62ch;padding:4px 0 4px 18px;font-size:13px;line-height:1.7}.lab-header{margin-bottom:clamp(36px,6vh,60px);padding-top:clamp(8px,3vh,40px)}.lab-header__kicker{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(14px,2.4vh,24px);font-size:10px;font-weight:600}.lab-header__title{letter-spacing:-.025em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(12px,2vh,18px);font-size:clamp(2.4rem,6vw,4.6rem);font-weight:600;line-height:.98}.lab-header__meta{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:clamp(18px,3vh,28px);display:flex}.lab-header__tag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#ffffffb8;font-size:10px;font-weight:600}.lab-header__duration{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;font-size:9px}.lab-header__desc{max-width:58ch;color:var(--muted);margin-bottom:clamp(24px,4vh,36px);font-size:14px;line-height:1.7}.lab-header__model{background:#d98e5f0a;border:1px dashed #d98e5f59;border-radius:6px;flex-direction:column;gap:6px;max-width:640px;padding:14px 18px;display:flex}.lab-header__model-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);font-size:9px;font-weight:600}.lab-header__model-note{color:var(--muted);font-size:13px;line-height:1.6}.lab-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:clamp(32px,5vh,48px);overflow-x:auto}.lab-nav__list{margin:0;padding:0;list-style:none;display:flex}.lab-nav__item{flex:1 0 auto}.lab-nav__link{white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:12px;padding:16px 18px;transition:color .2s,border-color .2s;display:flex}.lab-nav__link:hover{color:var(--accent)}.lab-nav__link--active{color:var(--accent);border-bottom-color:var(--accent)}.lab-nav__num{font-family:var(--font-mono);letter-spacing:.14em;color:#ffffff52;font-size:9px}.lab-nav__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:600}.lab-btn{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff05;border:1px solid #ffffff2e;border-radius:5px;padding:12px 20px;font-size:11px;font-weight:600;transition:color .18s,border-color .18s,background .18s,opacity .18s}.lab-btn:hover:not(:disabled){color:var(--accent);border-color:#d98e5f99}.lab-btn:active:not(:disabled){transform:translateY(1px)}.lab-btn:disabled{opacity:.4;cursor:default}.lab-btn--primary{color:var(--accent);background:#d98e5f1f;border-color:#d98e5f73}.lab-btn--primary:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#d98e5f33}.lab-code{border:1px solid var(--line);background:#0a0c0f;border-radius:6px;max-width:100%;overflow:hidden}.lab-code__bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.lab-code__dot{background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 10px #d98e5fb3}.lab-code__file{font-family:var(--font-mono);letter-spacing:.14em;color:#ffffff6b;font-size:10px}.lab-code__pre{font-family:var(--font-mono);color:#c8cdd3;tab-size:2;white-space:pre;max-width:100%;margin:0;padding:18px 20px;font-size:12.5px;line-height:1.65;overflow-x:auto}.lab-code__pre::-webkit-scrollbar{height:8px}.lab-code__pre::-webkit-scrollbar-thumb{background:#262a2f;border-radius:8px}.lab-explanation{max-width:62ch;color:var(--muted);border-left:2px solid #d98e5f80;padding:6px 0 6px 18px;font-size:14px;line-height:1.75}.lab-explanation code{font-family:var(--font-mono);color:#ffffffbf;font-size:.92em}.lab-explanation em{color:var(--fg);font-style:normal}.el-legend,.http-legend,.db-legend{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:#ffffff4d;margin-bottom:18px;font-size:9px}.el-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.el-code-note{color:var(--muted);max-width:44ch;margin-top:12px;font-size:13px;line-height:1.6}.el-code-note code{font-family:var(--font-mono);color:#ffffffbf}.el-viz{position:relative}.el-flow{border:1px solid var(--line);background:#0b0d10;border-radius:6px;flex-direction:column;gap:clamp(18px,2vw,28px);padding:clamp(16px,2vw,24px);display:flex}.el-flow__top{grid-template-columns:1fr auto;align-items:stretch;gap:clamp(16px,2vw,24px);display:grid}.el-flow__bottom{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);display:grid}.el-zone{background:#ffffff05;border:1px solid #ffffff24;border-radius:5px;flex-direction:column;gap:10px;min-height:96px;padding:12px 14px;transition:border-color .3s,background .3s;display:flex}.el-zone--pulse{background:#d98e5f0f;border-color:#d98e5fb3}.el-zone__label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#fff9;font-size:9px;font-weight:600}.el-zone__filler{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.el-chip{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;background:#d98e5f1a;border:1px solid #d98e5f59;border-radius:4px;padding:7px 10px;font-size:11px;overflow:hidden}.el-zone__empty{font-family:var(--font-mono);letter-spacing:.14em;color:#fff3;font-size:10px}.el-loop{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:132px;padding:12px 14px;display:flex}.el-loop__ring{border:1.5px solid #fff3;border-radius:999px;width:44px;height:44px;position:relative}.el-loop__ring:after{content:"";background:#ffffff59;border-radius:999px;width:8px;height:8px;transition:background .3s,box-shadow .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.el-loop__ring[data-status=draining],.el-loop__ring[data-status=running-task]{border-color:#d98e5fb3;box-shadow:0 0 18px #d98e5f40}.el-loop__ring[data-status=draining]:after,.el-loop__ring[data-status=running-task]:after{background:var(--accent);box-shadow:0 0 10px #d98e5fcc}.el-loop__ring[data-status=complete]{border-color:#d98e5fcc}.el-loop__ring[data-status=complete]:after{background:var(--accent)}.el-loop__status{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;text-align:center;font-size:9px}.el-console{border:1px solid var(--line);background:#08090c;border-radius:6px;margin-top:16px;overflow:hidden}.el-console__label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#ffffff6b;border-bottom:1px solid var(--line);padding:10px 16px;font-size:9px;font-weight:600}.el-console__lines{min-height:92px;margin:0;padding:8px 16px;list-style:none}.el-console__line{font-family:var(--font-mono);color:var(--fg);gap:12px;padding:3px 0;font-size:12.5px;display:flex}.el-console__line-num{color:#ffffff47;text-align:right;min-width:2ch}.el-console__empty{font-family:var(--font-mono);letter-spacing:.12em;color:#ffffff38;padding:6px 0;font-size:11px}.el-ghost{z-index:5;font-family:var(--font-mono);color:#0a0c0f;background:var(--accent);opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;justify-content:center;align-items:center;padding:7px 10px;font-size:11px;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 28px #d98e5f66}.el-controls,.http-controls,.db-controls{flex-direction:column;gap:14px;margin:clamp(22px,4vh,34px) 0;display:flex}.el-controls__buttons,.http-controls__buttons,.db-controls__buttons{flex-wrap:wrap;gap:10px;display:flex}.el-controls__status,.http-controls__status{flex-direction:column;gap:4px;max-width:62ch;min-height:3.4em;display:flex}.el-controls__phase,.http-controls__phase{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg);font-size:11px;font-weight:600}.el-controls__hint,.http-controls__hint{color:var(--muted);font-size:13px;line-height:1.6}.http-viz{margin-bottom:clamp(8px,2vh,16px)}.http-canvas{aspect-ratio:16/9;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0,#ffffff0b,#0000 55%),#0b0d10;border-radius:6px;position:relative;overflow:hidden}.http-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.http-edge{fill:none;stroke:#ffffff24;stroke-width:1.2px;vector-effect:non-scaling-stroke;transition:stroke .3s,opacity .3s}.http-edge--active{stroke:var(--accent);opacity:1}.http-edge--done{stroke:#d98e5f59;opacity:1}.http-nodes{position:absolute;inset:0}.http-node{color:#ffffffd9;font:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:#0c0e11db;border:1px solid #ffffff29;border-radius:5px;flex-direction:column;align-items:center;gap:6px;padding:9px 11px;transition:transform .18s,border-color .18s,color .18s;display:flex;position:absolute;transform:translate(-50%,-50%)}.http-node:hover,.http-node:focus-visible{color:var(--fg);border-color:#d98e5fb3;transform:translate(-50%,-50%)scale(1.08)}.http-node--selected{border-color:var(--accent);transform:translate(-50%,-50%)scale(1.08)}.http-node__dot{background:var(--accent);border-radius:999px;width:6px;height:6px;box-shadow:0 0 10px #d98e5fb3}.http-node__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:600}.http-packet{background:var(--accent);pointer-events:none;border-radius:999px;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px #d98e5fe6}.http-trail{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.http-trail__item{border:1px solid var(--line);background:#ffffff04;border-radius:4px;align-items:center;gap:7px;padding:6px 10px;transition:opacity .3s,border-color .3s;display:inline-flex}.http-trail__item--done{opacity:.45}.http-trail__item--active{opacity:1;background:#d98e5f0f;border-color:#d98e5fb3}.http-trail__num{font-family:var(--font-mono);letter-spacing:.1em;color:#fff6;font-size:8px}.http-trail__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:9.5px;font-weight:600}.http-stack,.http-nodelist{display:none}.db-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.db-table-wrap{border:1px solid var(--line);background:#0b0d10;border-radius:6px;overflow:hidden}.db-table__kicker{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--line);padding:14px 18px;font-size:9px;font-weight:600}.db-table{border-collapse:collapse;width:100%}.db-table th{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#fff6;text-align:left;border-bottom:1px solid var(--line);padding:10px 18px;font-size:9px;font-weight:600}.db-row{transition:background .25s}.db-row:last-child td{border-bottom:none}.db-row__button{width:100%;font:inherit;text-align:left;cursor:pointer;color:#ffffffc7;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-bottom:1px solid #ffffff0d;grid-template-columns:40px 1.2fr 1.8fr 60px;gap:8px;padding:11px 18px;transition:color .2s;display:grid}.db-row__button:hover,.db-row__button:focus-visible{color:var(--fg);background:#ffffff06}.db-row--examined{background:#d98e5f1f}.db-row--match{box-shadow:inset 3px 0 0 var(--accent);background:#d98e5f3d}.db-row--target .db-row__button{color:var(--fg)}.db-row__id{font-family:var(--font-mono);color:#d98e5fcc;font-size:11px}.db-row__name{font-size:13px}.db-row__email{font-family:var(--font-mono);color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.db-row__age{font-family:var(--font-mono);color:#ffffff73;font-size:12px}.db-table__note{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d;border-top:1px solid var(--line);padding:12px 18px;font-size:9px}.db-index{border-top:1px solid var(--line);padding:14px 18px 18px}.db-index__kicker{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:9px;font-weight:600}.db-index__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.db-index-row{font-family:var(--font-mono);color:#fff9;border-radius:4px;align-items:center;gap:10px;padding:6px 10px;font-size:11px;transition:background .2s,color .2s;display:flex}.db-index-row--compare{color:var(--fg);background:#d98e5f1f}.db-index-row--match{color:var(--fg);background:#d98e5f3d}.db-index-row__email{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.db-index-row__arrow{color:#ffffff4d}.db-index-row__row{color:#d98e5fbf}.db-index__note{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.db-side{flex-direction:column;gap:20px;display:flex}.db-mode{gap:8px;display:flex}.db-mode__btn{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff05;border:1px solid #ffffff29;border-radius:5px;flex:1;padding:11px 12px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s,background .2s}.db-mode__btn:hover{color:var(--fg);border-color:#fff6}.db-mode__btn--active{color:var(--accent);background:#d98e5f14;border-color:#d98e5f99}.db-query{border:1px solid var(--line);background:#0a0c0f;border-radius:6px;padding:14px 16px}.db-query__label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#fff6;margin-bottom:8px;font-size:9px;font-weight:600}.db-query__sql{font-family:var(--font-mono);color:#c8cdd3;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.db-add{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:16px;display:flex}.db-add__label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#fff6;font-size:9px;font-weight:600}.db-add__row{align-items:center;gap:8px;display:flex}.db-add__input{min-width:0;font:inherit;font-family:var(--font-mono);color:var(--fg);background:#0a0c0f;border:1px solid #ffffff29;border-radius:5px;flex:1;padding:10px 12px;font-size:12px}.db-add__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.db-add__input:disabled{opacity:.4}.db-add__limit{color:var(--muted);font-size:12px}.db-readout{border:1px solid var(--line);background:#ffffff04;border-radius:6px;padding:14px 16px}.db-readout__metric{font-family:var(--font-mono);letter-spacing:.12em;color:var(--fg);margin-bottom:6px;font-size:12px;font-weight:600}.db-readout__value{color:var(--accent);font-size:1.25em}.db-readout__sub{color:var(--muted);font-size:12.5px;line-height:1.6}@media (max-width:980px){.el-layout,.db-layout{grid-template-columns:1fr;gap:28px}.http-canvas,.http-trail{display:none}.http-stack{border:1px solid var(--line);background:#0b0d10;border-radius:6px;flex-direction:column;margin:0 0 20px;padding:0;list-style:none;display:flex;overflow:hidden}.http-stack__item{border-top:1px solid #ffffff0f;grid-template-columns:44px 1fr;gap:10px;padding:13px 16px;transition:background .25s;display:grid}.http-stack__item:first-child{border-top:none}.http-stack__item--active{box-shadow:inset 3px 0 0 var(--accent);background:#d98e5f14}.http-stack__num{font-family:var(--font-mono);color:#d98e5fbf;padding-top:2px;font-size:11px}.http-stack__body{flex-direction:column;gap:4px;display:flex}.http-stack__label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);font-size:12px;font-weight:600}.http-stack__hint{color:var(--muted);font-size:12.5px;line-height:1.55}.http-nodelist{flex-direction:column;margin:0 0 16px;padding:0;list-style:none;display:flex}.http-nodelist__item{border:1px solid var(--line);background:#ffffff04;border-radius:6px;margin-top:10px;padding:14px 16px}.http-nodelist__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:600}.http-nodelist__answer{color:var(--muted);font-size:13px;line-height:1.65}}@media (max-width:640px){.lab{padding-top:clamp(80px,16vh,120px)}.db-row__button{grid-template-columns:32px 1.1fr 1.6fr 44px;padding:10px 14px}.db-table th{padding:8px 14px}.el-flow__top,.el-flow__bottom{grid-template-columns:1fr}.el-loop{min-width:0}.lab-card{grid-template-columns:minmax(48px,auto) 1fr;gap:14px}.lab-card__arrow{display:none}.lab-add__row,.db-add__row{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.el-zone,.http-edge,.http-node,.db-row,.db-row__button,.db-mode__btn,.lab-btn{transition:none}}.screen-feed{pointer-events:none}.monitor-screen{--sc-fg:#e9eaee;--sc-muted:#e9eaeea8;--sc-faint:#e9eaee66;--sc-line:#ffffff1c;--sc-accent:var(--accent,#d98e5f);--sc-accent-hi:#e8b794;width:1600px;height:890px;color:var(--sc-fg);font-family:var(--font-sans);isolation:isolate;background:radial-gradient(140% 100% at 50% -12%,#ffffff0b,#0000 45%),#090b0e;font-size:16px;line-height:1.6;position:relative;overflow:hidden}.monitor-screen,.monitor-screen *,.monitor-screen :before,.monitor-screen :after{box-sizing:border-box}.monitor-screen::selection{background:#d98e5f59}.monitor-screen a{-webkit-tap-highlight-color:transparent}.monitor-screen button:focus-visible,.monitor-screen a:focus-visible{outline:2px solid var(--sc-accent);outline-offset:3px}.monitor-screen__chrome{z-index:60;background:#0b0d10;border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;height:56px;padding:0 22px;display:flex;position:absolute;top:0;left:0;right:0}.monitor-screen__dots{gap:8px;margin-right:6px;display:flex}.monitor-screen__dots i{background:#2a2d33;border-radius:50%;width:10px;height:10px}.monitor-screen__dots i:first-child{background:#e1625ad9}.monitor-screen__dots i:nth-child(2){background:#dcb254d9}.monitor-screen__dots i:nth-child(3){background:#54be7ad9}.monitor-screen__back{color:var(--sc-fg);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:16px;line-height:1}.monitor-screen__back:hover{color:var(--sc-accent-hi);background:#ffffff12}.monitor-screen__url{font-family:var(--font-mono);letter-spacing:.02em;color:var(--sc-faint);white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff0f;border-radius:999px;padding:5px 20px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.monitor-screen__live{background:var(--sc-accent);border-radius:50%;width:8px;height:8px;position:absolute;right:22px;box-shadow:0 0 10px #d98e5fcc}.monitor-screen__stage{will-change:transform;position:absolute;inset:56px 0 0}.sc-section{padding:64px 72px 72px}.monitor-screen__stage [data-section]{border-bottom:1px solid var(--sc-line);min-height:100%}.sc-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sc-muted);align-items:center;gap:12px;margin:0 0 30px;font-size:13px;display:flex}.sc-num{color:var(--sc-accent);font-weight:700}.sc-mono-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sc-faint);margin:0 0 16px;font-size:12px}.sc-section__lede{max-width:58ch;color:var(--sc-muted);margin:0 0 48px;font-size:20px;line-height:1.6}.sc-heading{letter-spacing:-.025em;margin:0 0 24px;font-size:46px;font-weight:680;line-height:1.05}.sc-arrow{color:var(--sc-accent);transition:transform .2s;display:inline-block}.sc-chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-muted);border:1px solid var(--sc-line);background:#ffffff06;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:inline-flex}.sc-chip:before{content:"";background:var(--sc-accent);opacity:.85;border-radius:50%;width:6px;height:6px}.sc-tech-inline{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sc-tech-inline li{font-family:var(--font-mono);letter-spacing:.06em;color:var(--sc-muted);border:1px solid var(--sc-line);border-radius:4px;padding:5px 10px;font-size:12px}.sc-reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0) * 80ms + 40ms);transform:translateY(16px)}.monitor-screen__stage [data-section][data-in=true] .sc-reveal{opacity:1;transform:none}.sc-masthead{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--sc-line);z-index:40;background:#090b0ed1;justify-content:space-between;align-items:center;gap:24px;height:56px;padding:0 48px;display:flex;position:absolute;top:56px;left:0;right:0}.sc-masthead__brand{font-family:var(--font-mono);letter-spacing:.14em;color:var(--sc-fg);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.sc-masthead__brand:hover{color:var(--sc-accent-hi)}.sc-masthead__nav{align-items:center;gap:4px;display:flex}.sc-masthead__link{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sc-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:9px 14px;font-size:12px;transition:color .18s,background .18s;position:relative}.sc-masthead__link:hover{color:var(--sc-fg);background:#ffffff0d}.sc-masthead__link[data-active=true]{color:var(--sc-fg)}.sc-masthead__link[data-active=true]:after{content:"";background:var(--sc-accent);border-radius:2px;height:2px;position:absolute;bottom:4px;left:14px;right:14px}.sc-intro{flex-direction:column;padding-top:100px;display:flex}.sc-intro__title{letter-spacing:-.03em;margin:0 0 32px;font-size:104px;font-weight:740;line-height:.98}.sc-caret{color:var(--sc-accent);animation:1.1s steps(2,start) infinite sc-caret}@keyframes sc-caret{0%,49.9%{opacity:1}50%,to{opacity:0}}.sc-hero__statement{max-width:62ch;color:var(--sc-fg);margin:0 0 32px;font-size:21px;line-height:1.45}.sc-chips{flex-wrap:wrap;gap:10px;margin:0 0 32px;display:flex}.sc-hero-grid{border-top:1px solid var(--sc-line);grid-template-columns:1.25fr 1fr 1fr 1fr;gap:32px;padding-top:26px;display:grid}.sc-hero-cell__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sc-faint);margin-bottom:10px;font-size:12px;display:block}.sc-hero-cell__body{color:var(--sc-muted);margin:0;font-size:15px;line-height:1.55}.sc-hero-cell--now .sc-hero-cell__body{color:var(--sc-fg);font-size:16px}.sc-hero-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--sc-fg);margin-bottom:6px;font-size:30px;display:block}.sc-hero__scroll{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sc-faint);margin-top:auto;padding-top:32px;font-size:13px}.sc-projects{flex-direction:column;display:flex}.sc-project{border-bottom:1px solid var(--sc-line);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:44px 0 64px}.sc-project:last-child{border-bottom:0}.sc-project__head{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sc-muted);align-items:center;gap:18px;margin-bottom:18px;font-size:13px;display:flex}.sc-project__index{color:var(--sc-accent);font-weight:700}.sc-project__status{color:var(--sc-muted);align-items:center;gap:9px;margin-left:auto;font-size:12px;display:inline-flex}.sc-project__status-dot{background:var(--sc-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #d98e5fb3}.sc-project__title-row{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.sc-project__name{letter-spacing:-.025em;margin:0 0 8px;font-size:64px;font-weight:720;line-height:1}.sc-project__open{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-muted);border:1px solid var(--sc-line);border-radius:6px;flex:none;align-items:center;gap:10px;padding:11px 16px;font-size:12px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.sc-project:hover .sc-project__open,.sc-project:focus-visible .sc-project__open{border-color:var(--sc-accent);color:var(--sc-accent-hi);background:#d98e5f0f}.sc-project:hover .sc-project__open .sc-arrow,.sc-project:focus-visible .sc-project__open .sc-arrow{transform:translate(3px,-2px)}.sc-project__tagline{max-width:64ch;color:var(--sc-muted);margin:0 0 28px;font-size:19px;line-height:1.5}.sc-project__media{aspect-ratio:2.25;border:1px solid var(--sc-line);background:#0d0f12;border-radius:10px;max-height:430px;margin:0 0 28px;position:relative;overflow:hidden}.sc-project__img,.sc-detail__img{object-fit:cover;transition:transform .5s}.sc-project:hover .sc-project__img,.sc-project:focus-visible .sc-project__img{transform:scale(1.02)}.sc-project__slot{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sc-muted);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.sc-project__foot{grid-template-columns:1.6fr 1fr 1.25fr;align-items:start;gap:28px;display:grid}.sc-project__summary{max-width:60ch;color:var(--sc-muted);margin:0;font-size:17px;line-height:1.65}.sc-project__open-inline{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sc-accent);opacity:0;justify-self:end;font-size:12px;transition:opacity .25s,transform .25s;transform:translate(-8px)}.sc-project:hover .sc-project__open-inline,.sc-project:focus-visible .sc-project__open-inline{opacity:1;transform:none}.sc-ledger{margin:0;padding:0;list-style:none}.sc-ledger__row{border-top:1px solid var(--sc-line);color:inherit;grid-template-columns:64px minmax(0,1.4fr) 150px auto;align-items:center;gap:28px;padding:30px 4px;text-decoration:none;transition:background .2s,padding-left .2s;display:grid}.sc-ledger__row:hover{background:#ffffff06;padding-left:12px}.sc-ledger__num{font-family:var(--font-mono);color:var(--sc-accent);font-size:22px}.sc-ledger__main{min-width:0}.sc-ledger__title{letter-spacing:-.01em;margin-bottom:6px;font-size:26px;font-weight:620;display:block}.sc-ledger__short{color:var(--sc-muted);max-width:56ch;font-size:15px;line-height:1.55;display:block}.sc-ledger__tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sc-muted);border:1px solid var(--sc-line);text-align:center;border-radius:4px;justify-self:center;padding:7px 12px;font-size:11px}.sc-ledger__run{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sc-fg);white-space:nowrap;justify-self:end;font-size:12px}.sc-ledger__row:hover .sc-arrow{transform:translate(3px)}.sc-ledger__row:hover .sc-ledger__title{color:var(--sc-accent-hi)}.sc-about__grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:72px;display:grid}.sc-principles{flex-direction:column;gap:16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.sc-principle{color:var(--sc-muted);padding-left:30px;font-size:18px;line-height:1.6;position:relative}.sc-principle:before{content:"";background:var(--sc-accent);border-radius:2px;width:8px;height:8px;position:absolute;top:.58em;left:2px}.sc-about__facts{border-left:1px solid var(--sc-line);padding-top:4px;padding-left:48px}.sc-facts{flex-direction:column;gap:34px;display:flex}.sc-fact{flex-direction:column;gap:10px;display:flex}.sc-fact__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sc-accent);font-size:12px}.sc-fact__items{color:var(--sc-fg);font-size:19px;line-height:1.5}.sc-fact__href{font-family:var(--font-mono);letter-spacing:.08em;color:var(--sc-muted);align-items:center;gap:6px;width:fit-content;font-size:12px;text-decoration:none;display:inline-flex}.sc-fact__href:hover{color:var(--sc-accent-hi)}.sc-timeline{margin:0;padding:0;list-style:none}.sc-timeline__item{border-top:1px solid var(--sc-line);grid-template-columns:110px 28px 1fr;align-items:start;gap:20px;padding:34px 0;display:grid}.sc-timeline__year{font-family:var(--font-mono);color:var(--sc-accent);padding-top:4px;font-size:22px}.sc-timeline__spine{align-self:stretch;position:relative}.sc-timeline__spine:after{content:"";background:var(--sc-line);width:1px;position:absolute;top:22px;bottom:-34px;left:50%}.sc-timeline__item:last-child .sc-timeline__spine:after{display:none}.sc-timeline__dot{background:var(--sc-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #d98e5f99}.sc-timeline__title{letter-spacing:-.01em;margin:0 0 8px;font-size:24px;font-weight:640}.sc-timeline__note{color:var(--sc-muted);max-width:66ch;margin:0 0 12px;font-size:16px;line-height:1.6}.sc-timeline__href{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-accent);font-size:12px;text-decoration:none}.sc-timeline__href:hover{color:var(--sc-accent-hi)}.sc-areas{grid-template-columns:repeat(3,1fr);gap:52px;display:grid}.sc-areas__col{border-left:1px solid var(--sc-line);padding-left:34px}.sc-areas__label{letter-spacing:-.01em;margin:0 0 10px;font-size:24px;font-weight:640}.sc-areas__lead{color:var(--sc-muted);max-width:40ch;margin:0 0 26px;font-size:15px;line-height:1.6}.sc-tech{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.sc-techitem{flex-direction:column;gap:8px;display:flex}.sc-techitem__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sc-techitem__name{letter-spacing:-.005em;font-size:17px;font-weight:600}.sc-techitem__concept{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-accent);font-size:11px;text-decoration:none}.sc-techitem__concept:hover{color:var(--sc-accent-hi)}.sc-techitem__note{color:var(--sc-muted);font-size:14px;line-height:1.55}.sc-techitem__tags{flex-wrap:wrap;gap:6px;display:flex}.sc-foot{border-top:1px solid var(--sc-line);background:linear-gradient(#0000,#ffffff03);padding:72px 80px 56px}.sc-foot__grid{grid-template-columns:1.3fr 1fr 1.2fr;gap:64px;margin-bottom:60px;display:grid}.sc-foot__mark{font-family:var(--font-mono);letter-spacing:.16em;font-size:16px;font-weight:700}.sc-foot__note{max-width:44ch;color:var(--sc-muted);margin:16px 0 0;font-size:15px;line-height:1.6}.sc-foot__list{flex-direction:column;gap:2px;display:flex}.sc-foot__link{font:inherit;text-align:left;color:var(--sc-muted);cursor:pointer;background:0 0;border:0;width:fit-content;padding:8px 0;font-size:16px}.sc-foot__link:hover{color:var(--sc-fg)}.sc-foot__contact-note{max-width:40ch;color:var(--sc-muted);margin:0 0 18px;font-size:15px;line-height:1.6}.sc-foot__contact-cta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-faint);font-size:12px}.sc-foot__bar{border-top:1px solid var(--sc-line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sc-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:24px;font-size:12px;display:flex}.sc-foot__top{font:inherit;color:var(--sc-accent);cursor:pointer;background:0 0;border:0;padding:4px 0}.sc-foot__top:hover{color:var(--sc-accent-hi)}.sc-detail__bar{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--sc-line);z-index:30;background:#090b0edb;align-items:center;gap:20px;padding:14px 72px;display:flex;position:sticky;top:0}.sc-detail__back{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sc-fg);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px;font-size:13px}.sc-detail__back:hover{color:var(--sc-accent-hi);background:#ffffff0d}.sc-detail__crumb{font-family:var(--font-mono);letter-spacing:.02em;color:var(--sc-faint);white-space:nowrap;margin-left:auto;font-size:12px}.sc-detail__hero{padding-top:92px}.sc-detail__name{letter-spacing:-.03em;margin:10px 0 20px;font-size:96px;font-weight:740;line-height:.98}.sc-detail__status-row{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sc-muted);align-items:center;gap:12px;margin-bottom:30px;font-size:14px;display:flex}.sc-detail__status-dot{background:var(--sc-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #d98e5fb3}.sc-detail__sep{color:var(--sc-faint)}.sc-detail__lead{max-width:64ch;color:var(--sc-fg);margin:0 0 28px;font-size:21px;line-height:1.55}.sc-detail__figure{aspect-ratio:2.25;border:1px solid var(--sc-line);border-radius:12px;max-height:470px;margin:0 72px 64px;position:relative;overflow:hidden}.sc-detail__block{padding-top:72px}.sc-detail__p{max-width:70ch;color:var(--sc-muted);margin:0 0 20px;font-size:18px;line-height:1.7}.sc-detail__tech{margin-top:24px}.sc-detail__note{border:1px solid var(--sc-line);background:#d98e5f0d;border-radius:12px;padding:32px 36px}.sc-detail__note-title{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sc-accent);margin:0 0 14px;font-size:13px}.sc-inline-code{font-family:var(--font-mono);border:1px solid var(--sc-line);background:#ffffff12;border-radius:4px;padding:2px 7px;font-size:.88em}.sc-steps{margin:0;padding:0;list-style:none}.sc-step{border-top:1px solid var(--sc-line);grid-template-columns:120px 1fr;gap:24px;padding:30px 0;display:grid}.sc-step:last-child{border-bottom:1px solid var(--sc-line)}.sc-step__num{font-family:var(--font-mono);color:var(--sc-accent);font-size:26px}.sc-step__title{letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:600}.sc-step__note{max-width:66ch;color:var(--sc-muted);margin:0;font-size:16px;line-height:1.65}.sc-dcard{border:1px solid var(--sc-line);background:#ffffff04;border-radius:12px;margin:0 0 20px;padding:28px 32px}.sc-dcard__prob{color:var(--sc-fg);margin:0 0 16px;font-size:16px;line-height:1.6}.sc-dcard__line{color:var(--sc-muted);gap:12px;margin:6px 0;font-size:15px;line-height:1.6;display:flex}.sc-dcard__tag{width:88px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sc-accent);flex:none;padding-top:3px;font-size:11px}.sc-challenge{border-left:2px solid var(--sc-line);margin:0 0 30px;padding:2px 0 2px 26px;transition:border-color .2s}.sc-challenge:hover{border-color:var(--sc-accent)}.sc-challenge__title{margin:0 0 10px;font-size:20px;font-weight:600}.sc-code{border:1px solid var(--sc-line);background:#0b0d10;border-radius:12px;margin:0 0 26px;overflow:hidden}.sc-code__head{border-bottom:1px solid var(--sc-line);font-family:var(--font-mono);letter-spacing:.06em;color:var(--sc-muted);background:#ffffff08;justify-content:space-between;gap:16px;padding:13px 18px;font-size:12px;display:flex}.sc-code__file{color:var(--sc-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sc-code__pre{font-family:var(--font-mono);color:#c9ced6;white-space:pre;margin:0;padding:22px 24px;font-size:14px;line-height:1.7;overflow-x:auto}.sc-code__note{color:var(--sc-muted);padding:12px 18px 18px;font-size:14px}.sc-bullets{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.sc-bullets li{color:var(--sc-muted);padding-left:26px;font-size:17px;line-height:1.6;position:relative}.sc-bullets li:before{content:"";background:var(--sc-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:4px}.sc-detail__links{flex-wrap:wrap;gap:14px;padding:8px 72px 48px;display:flex}.sc-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sc-fg);border:1px solid var(--sc-line);border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.sc-link:hover{color:var(--sc-fg);background:#ffffff0d;border-color:#ffffff38}.sc-link--primary{color:#101318;background:var(--sc-accent);border-color:var(--sc-accent)}.sc-link--primary:hover{color:#101318;background:var(--sc-accent-hi);border-color:var(--sc-accent-hi)}.sc-detail__end{justify-content:flex-start;padding:12px 72px 72px;display:flex}.sc-arch{margin-top:44px}.sc-arch__canvas{aspect-ratio:16/6.8;border:1px solid var(--sc-line);background:radial-gradient(120% 90% at 50% 0,#ffffff0b,#0000 55%),#0b0d10;border-radius:12px;position:relative;overflow:hidden}.sc-arch__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sc-arch__edge{fill:none;stroke:#ffffff3d;stroke-width:1.4px;vector-effect:non-scaling-stroke;transition:stroke .25s,opacity .25s}.sc-arch__edge--active{stroke:#d98e5f8c}.sc-arch__edge--dim{opacity:.14}.sc-arch__nodes{position:absolute;inset:0}.sc-arch__node{color:var(--sc-fg);font:inherit;cursor:pointer;text-align:center;background:#0b0d10eb;border:1px solid #ffffff29;border-radius:7px;flex-direction:column;align-items:center;gap:8px;max-width:180px;padding:12px 16px;transition:border-color .2s,background .2s,opacity .2s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 28px #0006}.sc-arch__node:hover,.sc-arch__node--focused{border-color:var(--sc-accent);background:#d98e5f14}.sc-arch__node--dim{opacity:.22}.sc-arch__dot{background:var(--sc-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #d98e5fcc}.sc-arch__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1.35}.sc-arch__elabels{pointer-events:none;position:absolute;inset:0}.sc-arch__elabel{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff6b;white-space:nowrap;background:#0b0d10e0;border-radius:3px;padding:3px 7px;font-size:11px;transition:opacity .25s,color .25s;position:absolute;transform:translate(-50%,-50%)}.sc-arch__elabel--dim{opacity:.12}.sc-arch__caption{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sc-faint);margin:16px 0 0;font-size:11px}.sc-arch__readout{max-width:84ch;min-height:1.6em;color:var(--sc-muted);border-left:2px solid #d98e5f80;margin:16px 0 0;padding:4px 0 4px 18px;font-size:16px;line-height:1.6}.sc-arch__stack{border-top:1px solid var(--sc-line);margin:36px 0 0;padding:0;list-style:none}.sc-arch__stack-item{border-bottom:1px solid var(--sc-line);padding:18px 0}.sc-arch__stack-toggle{font:inherit;color:var(--sc-fg);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:0;display:flex}.sc-arch__stack-toggle:hover .sc-arch__stack-label{color:var(--sc-accent-hi)}.sc-arch__stack-dot{background:var(--sc-accent);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 8px #d98e5f99}.sc-arch__stack-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:600}.sc-arch__stack-toggle[aria-expanded=true] .sc-arch__stack-label{color:var(--sc-accent)}.sc-arch__stack-trace{font-family:var(--font-mono);letter-spacing:.08em;color:var(--sc-faint);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:11px;overflow:hidden}.sc-arch__stack-desc{color:var(--sc-muted);max-width:76ch;margin:10px 0 0 18px;font-size:15px;line-height:1.6}@media (prefers-reduced-motion:reduce){.monitor-screen *,.monitor-screen :before,.monitor-screen :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.sc-reveal{opacity:1;transform:none}.sc-caret{animation:none}.sc-project__img,.sc-detail__img{transition:none}}
.scroll .about,.scroll .journey,.scroll .techmap{pointer-events:auto}.sheet{padding:clamp(96px,16vh,180px) clamp(20px,6vw,72px) clamp(60px,10vh,120px);position:relative}.sheet__header{max-width:1040px;margin-bottom:clamp(48px,10vh,88px)}.sheet__kicker{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(16px,3vh,26px);font-size:10px}.sheet__heading{letter-spacing:-.02em;text-transform:uppercase;color:var(--fg);margin-bottom:clamp(18px,3vh,30px);font-size:clamp(2.2rem,6vw,4.4rem);font-weight:600;line-height:1}.sheet__lede{max-width:58ch;color:var(--muted);font-size:clamp(14px,1.8vw,16px);line-height:1.65}.sheet__rule{background:var(--line);border:0;height:1px;margin-top:clamp(28px,4vh,44px)}.about__human{max-width:760px;margin-bottom:clamp(48px,8vh,80px)}.about__human-label{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#ffffff52;margin-bottom:clamp(14px,2.5vh,22px);font-size:10px}.about__identity{flex-direction:column;margin:0;padding:0;display:flex}.about__identity-row{border-bottom:1px solid var(--line);grid-template-columns:clamp(80px,14vw,120px) 1fr;align-items:baseline;gap:clamp(16px,3vw,32px);padding:clamp(12px,2vh,18px) 0;display:grid}.about__identity-row--long{align-items:start}.about__identity-row dt{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#fff6;font-size:10px}.about__identity-row dd{color:var(--muted);margin:0;font-size:clamp(14px,1.6vw,16px);line-height:1.6}.about__facts{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(24px,4vh,40px);margin:0;padding:0;display:grid}.about__fact{margin:0;padding:0}.about__fact-label{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:#ffffff5c;margin-bottom:clamp(6px,1vh,10px);font-size:9px}.about__fact-items{color:var(--fg);margin:0;font-size:clamp(13px,1.5vw,15px);line-height:1.55}.about__fact-items a{color:var(--fg);border-bottom:1px solid #0000;text-decoration:none;transition:color .2s,border-color .2s}.about__fact-items a:hover{color:var(--accent);border-color:#d98e5f80}.about__fact-sep{color:var(--faint);margin:0 .4em}.journey__rail{max-width:760px;padding-left:clamp(24px,4vw,48px);position:relative}.journey__rail:before{content:"";background:var(--line);width:1px;position:absolute;top:clamp(4px,.8vh,8px);bottom:0;left:clamp(7px,1.2vw,11px)}.journey__entry{padding-bottom:clamp(36px,6vh,60px);position:relative}.journey__entry:last-child{padding-bottom:0}.journey__marker{border:1px solid var(--line);background:var(--bg);border-radius:50%;width:clamp(14px,2.4vw,22px);height:clamp(14px,2.4vw,22px);position:absolute;top:clamp(4px,.6vh,8px);left:clamp(-24px,-4vw,-48px)}.journey__entry--verified .journey__marker{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 clamp(3px, .5vw, 5px) var(--accent-soft)}.journey__entry--placeholder .journey__marker{background:0 0;border-style:dashed}.journey__content{grid-template-columns:clamp(42px,7vw,60px) 1fr;gap:clamp(10px,1.5vw,16px) clamp(12px,2vw,20px);display:grid}.journey__year{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);margin:0;font-size:clamp(11px,1.4vw,13px)}.journey__title{color:var(--fg);border-bottom:1px solid #0000;margin:0;font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:600;transition:color .2s,border-color .2s}a.journey__title{text-decoration:none}a.journey__title:hover{color:var(--accent);border-color:#d98e5f66}.journey__note{color:var(--muted);grid-column:1/-1;margin:0;font-size:clamp(13px,1.5vw,15px);line-height:1.6}.journey__placeholder-hint{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#ffffff38;margin-top:clamp(4px,.8vh,8px);font-size:10px}.techmap__readout{border:1px solid var(--line);background:#ffffff09;align-items:baseline;gap:clamp(10px,1.5vw,16px);max-width:1040px;min-height:clamp(44px,5vh,56px);margin-bottom:clamp(36px,6vh,64px);padding:clamp(14px,2vh,22px) clamp(16px,2.5vw,28px);display:flex}.techmap__readout-arrow{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;font-size:clamp(11px,1.4vw,13px)}.techmap__readout-text{color:var(--fg);font-size:clamp(13px,1.5vw,15px);line-height:1.55}.techmap__areas{flex-direction:column;gap:clamp(40px,7vh,72px);max-width:1040px;display:flex}.techmap__area-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(6px,1vh,10px);font-size:clamp(9px,1.2vw,11px)}.techmap__area-lead{max-width:56ch;color:var(--muted);margin:0 0 clamp(16px,2.5vh,24px);font-size:clamp(13px,1.5vw,15px);line-height:1.55}.techmap__list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(8px,1.2vw,12px);margin:0;padding:0;list-style:none;display:grid}.techmap__item{margin:0}.techmap__btn{border:1px solid var(--line);width:100%;color:var(--fg);font-family:var(--font-sans);text-align:left;cursor:pointer;background:#ffffff08;flex-direction:column;align-items:flex-start;gap:4px;padding:clamp(12px,1.6vh,16px) clamp(14px,1.8vw,18px);font-size:14px;transition:border-color .2s,background .2s,color .2s;display:flex}.techmap__btn:hover{border-color:#d98e5f80}.techmap__btn--active{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.techmap__btn-name{font-family:var(--font-mono);letter-spacing:.04em;font-size:clamp(12px,1.4vw,14px);font-weight:600}.techmap__btn-using{color:var(--muted);font-size:11px;line-height:1.45}.techmap__btn--active .techmap__btn-using{color:#ffffffb8}.techmap__note{color:#ffffff61;max-width:1040px;margin-top:clamp(28px,4vh,44px);font-size:clamp(12px,1.4vw,14px);line-height:1.6}@media (max-width:720px){.about__identity-row{grid-template-columns:1fr;gap:4px}.about__facts{grid-template-columns:1fr}.journey__content{grid-template-columns:1fr;gap:4px 0}.techmap__readout{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.techmap__btn,.about__fact-items a,.journey__title{transition:none}}