:root{--bg: #0e0f10;--surface: #17191b;--text: #e8e4dc;--muted: #8b8790;--accent: #c45c26;--line: #2a2d31;--signal: #d7a84a;--page-progress: 0;--font-display: "Fraunces", "Times New Roman", serif;--font-sans: "Satoshi", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-display: clamp(3.5rem, 8vw, 8rem);--text-h2: clamp(2.25rem, 5vw, 4.25rem);--text-lead: clamp(1.125rem, 1.6vw, 1.4rem);--text-body: 1.0625rem;--text-meta: .75rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 7rem;--page-max: 80rem;--page-pad: clamp(1.25rem, 4vw, 3rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 55%,var(--line)) var(--surface);transition:background-color 1.1s var(--ease-out-expo),color 1.1s var(--ease-out-expo)}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--line)}html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,var(--signal)) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 55%,var(--line)) 100%);border:2px solid var(--bg);border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 75%,var(--signal))}html::-webkit-scrollbar-corner{background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-body);line-height:1.6;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background-color 1.1s var(--ease-out-expo),color 1.1s var(--ease-out-expo)}body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button{cursor:none}#root{min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;top:0;left:var(--page-pad);z-index:100;padding:.75rem 1rem;background:var(--surface);color:var(--text);transform:translateY(-120%);transition:transform .25s var(--ease-out-expo)}.skip-link:focus{transform:translateY(.75rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button{cursor:auto}}.app-shell{position:relative;isolation:isolate}.app-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--page-pad);mix-blend-mode:difference;pointer-events:none}.app-nav a{pointer-events:auto;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#fff}.app-nav__links{display:flex;gap:1.5rem}.app-nav__mark{font-weight:500}.section-nav{position:fixed;right:clamp(.75rem,2vw,1.5rem);top:50%;z-index:45;transform:translateY(-50%);display:none}@media(min-width:1100px){.section-nav{display:block}}.section-nav ul{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}.section-nav a{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--muted)}.section-nav__dot{width:6px;height:6px;border-radius:50%;border:1px solid currentColor;transition:background .3s var(--ease-out-expo),border-color .3s,transform .3s}.section-nav__label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translate(6px);transition:opacity .3s,transform .3s}.section-nav a:hover .section-nav__label,.section-nav a.is-active .section-nav__label{opacity:1;transform:none}.section-nav a.is-active{color:var(--accent)}.section-nav a.is-active .section-nav__dot{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}.section-nav__progress{position:absolute;left:2px;top:0;bottom:0;width:1px;background:var(--line)}.section-nav__progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:top center;transform:scaleY(var(--page-progress, 0))}.app-main{position:relative;z-index:1}.site-footer{padding:var(--space-4) var(--page-pad);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.text-split__visual{display:inline}.split-unit{display:inline-block;will-change:transform,opacity}.parallax-layer{will-change:transform}.magnetic{display:inline-block;will-change:transform}.scroll-scene-track{position:relative}.scroll-scene-pin{position:relative;min-height:100vh;min-height:100dvh}.cursor-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.cursor-field__glow{position:absolute;width:min(48vw,32rem);height:min(48vw,32rem);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 70%);transform:translate3d(-50%,-50%,0);opacity:.9}.cursor-field__ring{position:fixed;top:0;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;border:1px solid color-mix(in srgb,var(--text) 70%,transparent);border-radius:50%;z-index:61;mix-blend-mode:difference}.cursor-field__node{position:absolute;top:0;left:0;border-radius:50%;background:color-mix(in srgb,var(--text) 65%,var(--accent));opacity:.25;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){body.is-reduced-motion .cursor-field{display:none}body.is-reduced-motion .intro__orb,body.is-reduced-motion .intro__scroll-line{animation:none}body.is-reduced-motion .reveal,body.is-reduced-motion .split-unit{opacity:1!important;transform:none!important;visibility:visible!important}}.section{position:relative;padding:calc(var(--space-6) + 1.5rem) var(--page-pad);border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:var(--bg);color:var(--text)}.section__inner{max-width:var(--page-max);margin:0 auto}.section__label{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.section__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;line-height:1.02;letter-spacing:-.03em;max-width:14ch}.section__lead{margin:0 0 var(--space-5);max-width:38rem;font-size:var(--text-lead);line-height:1.5;color:color-mix(in srgb,var(--text) 82%,var(--muted))}.intro{position:relative;min-height:100vh;min-height:100dvh;display:grid;align-items:center;padding:var(--space-6) var(--page-pad);overflow:hidden;isolation:isolate;background:var(--bg)}.intro__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--bg)}.intro__noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.intro__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;will-change:transform}.intro__orb--a{width:42vw;height:42vw;top:-10%;right:-8%;background:color-mix(in srgb,var(--accent) 38%,transparent)}.intro__orb--b{width:36vw;height:36vw;bottom:-12%;left:-10%;background:color-mix(in srgb,var(--signal) 24%,transparent)}.intro-stage__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 50% 45%,transparent 0%,color-mix(in srgb,var(--bg) 70%,transparent) 100%);opacity:0}.intro__axis{position:absolute;left:var(--page-pad);top:16%;bottom:18%;width:1px;background:linear-gradient(to bottom,transparent,var(--line) 10%,var(--line) 90%,transparent);transform-origin:top center}.intro__axis:before{content:"";position:absolute;top:0;left:50%;width:9px;height:9px;border:1px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 15%,transparent)}.intro-stage{position:relative;z-index:2;max-width:var(--page-max);width:100%;margin:0 auto;padding-left:clamp(0rem,5vw,4rem);min-height:60vh;display:grid;align-content:center}.intro-stage__meta{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.intro-stage__name{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:.9;letter-spacing:-.04em;transform-origin:left center;will-change:transform,opacity,filter}.intro-stage__thesis{margin:0;max-width:34rem;font-size:var(--text-lead);line-height:1.45;color:color-mix(in srgb,var(--text) 88%,var(--muted))}.intro-stage__hint{display:inline-flex;align-items:center;gap:.85rem;margin:var(--space-4) 0 0;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.intro__scroll-line{width:2.75rem;height:1px;background:var(--accent);transform-origin:left center;animation:scroll-line 1.8s var(--ease-out-expo) infinite}@keyframes scroll-line{0%,to{transform:scaleX(.45);opacity:.5}50%{transform:scaleX(1);opacity:1}}.intro-stage__bridge{position:absolute;left:clamp(0rem,5vw,4rem);top:48%;margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;max-width:14ch;color:var(--text);pointer-events:none}.intro.is-static .intro-stage__bridge{position:relative;left:auto;top:auto;margin-top:var(--space-4);opacity:.7}.intro__progress{position:absolute;right:var(--page-pad);bottom:var(--space-4);width:1px;height:4.5rem;background:var(--line);z-index:3}.intro__progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:top center;transform:scaleY(0)}.what-i-build--hold,.how-i-think--hold{min-height:100vh;display:grid;align-items:center;overflow:hidden;isolation:isolate;background:var(--bg)}.what-i-build--flow,.what-i-build--narrative{min-height:auto;padding-top:var(--space-6);padding-bottom:var(--space-6);overflow:visible;isolation:isolate;background:var(--bg)}.what-i-build--flow .section__inner{padding-top:var(--space-2)}.what-i-build__frame{height:1px;margin:0 0 var(--space-4);background:var(--accent);transform-origin:left center}.what-i-build__axes{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}@media(min-width:768px){.what-i-build__axes{grid-template-columns:repeat(3,1fr)}}.what-i-build__axis{padding:var(--space-3) var(--space-3) var(--space-4);background:var(--bg);transition:background .4s var(--ease-out-expo)}.what-i-build__axis:hover{background:var(--surface)}.what-i-build__axis-index{display:block;margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.12em;color:var(--muted)}.what-i-build__axis-title{margin:0 0 var(--space-1);font-size:1.2rem;font-weight:500;letter-spacing:-.02em}.what-i-build__axis-text{margin:0;color:var(--muted);font-size:.98rem}.selected-systems--narrative{min-height:100vh;overflow:hidden;isolation:isolate;background:var(--bg);padding-top:calc(var(--space-5) + 1.25rem);padding-bottom:var(--space-4)}.systems-layout{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--space-3);min-height:calc(100vh - 7rem);align-content:start}.systems-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);width:100%;position:relative;z-index:2;background:var(--bg);padding-bottom:var(--space-2)}.systems-pin-title{margin:0;font-size:clamp(1.75rem,3.5vw,2.75rem);max-width:18ch;line-height:1.05}.systems-rail{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-shrink:0;padding-bottom:.35rem}.systems-rail__current{color:var(--accent);min-width:8ch;text-align:right}.systems-rail__dots{display:flex;gap:.45rem}.systems-rail__dot{width:7px;height:7px;border-radius:50%;border:1px solid currentColor;opacity:.5}.systems-rail__dot.is-active{background:var(--accent);border-color:var(--accent);opacity:1}.systems-viewport{width:100%;overflow:hidden;position:relative;z-index:1;min-height:0}.systems-track{display:flex;flex-wrap:nowrap;width:max-content;will-change:transform}.system-slide{position:relative;flex:0 0 auto;min-height:46vh;display:grid;gap:var(--space-3);align-items:start;align-content:start;padding:var(--space-2) 1.5rem var(--space-3) 0;box-sizing:border-box;overflow:hidden}@media(min-width:900px){.system-slide{grid-template-columns:1.15fr .85fr;column-gap:var(--space-5);align-items:end}}.system-slide__domain{margin:0 0 .4rem;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.system-slide__name{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(2.75rem,6vw,5rem);font-weight:600;line-height:.95;letter-spacing:-.035em}.system-slide__summary{margin:0 0 var(--space-3);max-width:34rem;font-size:var(--text-lead);color:color-mix(in srgb,var(--text) 80%,var(--muted))}.system-slide__meta{display:grid;gap:var(--space-2);margin:0}@media(min-width:700px){.system-slide__meta{grid-template-columns:repeat(3,minmax(0,1fr))}}.system-slide__meta div{padding-top:var(--space-2);border-top:1px solid var(--line)}.system-slide__meta dt{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.system-slide__meta dd{margin:.35rem 0 0}.system-slide__metric{margin:0;text-align:left}@media(min-width:900px){.system-slide__metric{text-align:right;justify-self:end;align-self:end}}.system-slide__metric-value{display:block;font-family:var(--font-display);font-size:clamp(4rem,11vw,8rem);font-weight:600;line-height:.85;letter-spacing:-.045em}.system-slide__metric-label{display:block;margin-top:.75rem;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}.selected-systems.is-static .systems-track{display:grid;width:100%;transform:none!important}.selected-systems.is-static .system-slide{width:100%!important;min-height:0;padding-right:0;margin-bottom:var(--space-5)}.how-i-think--flow,.how-i-think--narrative{min-height:auto;overflow:visible;isolation:isolate;background:var(--bg)}.principles{margin:0;padding:0;list-style:none;display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles__item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-4) 0;background:var(--bg)}.principles__index{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.12em;color:var(--accent);padding-top:.35rem}.principles__item h3{margin:0 0 .5rem;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:500;letter-spacing:-.02em}.principles__item p{margin:0;max-width:40rem;color:var(--muted)}.timeline{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-4)}.timeline__item{padding-left:var(--space-3);border-left:1px solid var(--line)}.timeline__period{display:block;margin-bottom:.5rem;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.timeline__title{margin:0 0 .35rem;font-size:1.25rem;font-weight:500}.timeline__detail{margin:0;color:var(--muted)}.tech-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}@media(min-width:768px){.tech-grid{grid-template-columns:repeat(3,1fr)}}.tech-card{padding:var(--space-3);background:var(--bg)}.tech-card h3{margin:0 0 var(--space-2);font-size:1rem;font-weight:500}.tech-card ul{margin:0;padding:0;list-style:none;display:grid;gap:.5rem;color:var(--muted);font-family:var(--font-mono);font-size:.85rem}.about__inner,.contact__inner{max-width:48rem}.about__sign{display:grid;gap:.35rem;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}.about__mono{font-family:var(--font-display);font-size:1.75rem;font-weight:600}.about__role{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.contact__title{max-width:12ch}.contact__actions{display:grid;gap:var(--space-4)}.contact__cta{display:inline-flex;align-items:center;min-height:3.5rem;padding:0 1.5rem;border:1px solid var(--accent);color:var(--text);text-decoration:none;font-size:1.05rem;letter-spacing:-.01em;transition:background .35s var(--ease-out-expo),color .35s}.contact__cta:hover{background:var(--accent);color:#0e0f10}.contact__cta[aria-disabled=true]{opacity:.55}.contact__links{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.contact__links li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:var(--space-2);border-bottom:1px solid var(--line);font-size:.95rem}.contact__links span{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}body.is-reduced-motion .intro__scroll-line{animation:none}@media(max-width:767px){.intro-stage__bridge{position:relative;left:auto;top:auto;margin-top:var(--space-4)}.systems-head{flex-direction:column;align-items:flex-start}.systems-rail{justify-content:flex-start}.system-slide{flex-basis:calc(100vw - (var(--page-pad) * 2));width:calc(100vw - (var(--page-pad) * 2))}}