:root{--bg: #0a0a09;--bg-elevated: #121211;--fg: #f0ede6;--fg-muted: #9c9890;--fg-faint: #6e6b64;--line: rgba(240, 237, 230, .1);--line-strong: rgba(240, 237, 230, .22);--surface: rgba(240, 237, 230, .035);--surface-hover: rgba(240, 237, 230, .07);--invert: #f0ede6;--invert-fg: #0a0a09;--font: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;--display: "Syne", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Monaco, monospace;--serif: "Source Serif 4", Georgia, serif;--ease: cubic-bezier(.22, 1, .36, 1);--max: 1180px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100dvh;background:var(--bg);color:var(--fg)}html{font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:clip}body{margin:0}::selection{background:var(--fg);color:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}.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}.mesh-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.mesh-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#0a0a09eb,#0a0a098c 46%,#0a0a0926),radial-gradient(ellipse at 72% 42%,transparent 0%,rgba(10,10,9,.55) 58%,#0a0a09 100%)}.scroll-progress{position:fixed;top:0;left:0;z-index:40;width:100%;height:2px;background:var(--fg);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}.topbar{position:fixed;top:max(.7rem,env(safe-area-inset-top));left:50%;z-index:30;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 1.4rem),1320px);min-height:3.5rem;padding:.3rem .35rem .3rem .95rem;border:1px solid transparent;border-radius:999px;transform:translate(-50%);transition:background .32s var(--ease),border-color .32s var(--ease),backdrop-filter .32s var(--ease)}.topbar.is-scrolled{background:#0a0a09b8;border-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{font-family:var(--mono);font-weight:500;letter-spacing:.22em;font-size:.78rem;text-transform:lowercase}.mode-switch{display:flex;gap:.15rem;padding:.15rem;border-radius:999px;background:var(--surface)}.mode-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:2.15rem;padding:0 .9rem;border-radius:999px;color:var(--fg-muted);letter-spacing:.08em;text-transform:lowercase;font-family:var(--mono);font-size:.72rem}.mode-switch a:hover{color:var(--fg)}.mode-switch .is-active{color:var(--invert-fg);background:var(--invert)}.app-shell{position:relative;z-index:1}.site{padding:6.5rem 0 4rem}.site-wrap{width:min(var(--max),calc(100% - 2.4rem));margin:0 auto}.section-nav{display:flex;flex-wrap:wrap;gap:.35rem .2rem;margin-bottom:1.75rem}.section-nav button{position:relative;padding:.35rem .7rem;border:0;background:none;color:var(--fg-faint);font-family:var(--mono);font-size:.78rem;cursor:pointer}.section-nav button:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.15rem;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.section-nav button:hover,.section-nav button.is-active{color:var(--fg)}.section-nav button.is-active:after{transform:scaleX(1)}.hero{padding:.25rem 0 clamp(3rem,8vw,5.5rem)}.hero-copy{width:min(46rem,100%)}.kicker{margin:0 0 1rem;color:var(--fg-muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.display,.site h2,.work-name,.log-item h3{font-family:var(--display);font-weight:700;letter-spacing:-.045em;line-height:.92;color:var(--fg)}.display{margin:0;font-size:clamp(4.4rem,12vw,8.6rem)}.site h2{margin:0 0 1.25rem;font-size:clamp(2.4rem,5vw,4.2rem)}.role-line{display:flex;align-items:center;gap:.55rem;min-height:1.8rem;margin:1.35rem 0 0;font-family:var(--mono);font-size:.95rem;color:var(--fg-muted)}.role-prompt{color:var(--fg)}.role-word{display:inline-block;color:var(--fg);animation:role-in .45s var(--ease)}.caret{width:.55rem;height:1.05rem;background:var(--fg);animation:blink 1s steps(1) infinite}.lead{max-width:36rem;margin:1.15rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--fg-muted)}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:1.4rem}.status{display:inline-flex;align-items:center;gap:.45rem}.status-dot{width:.45rem;height:.45rem;border-radius:50%;background:#b7c4a4;box-shadow:0 0 #b7c4a499;animation:pulse 2.4s var(--ease) infinite}.meta{margin:0;color:var(--fg-faint);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.85rem;padding:.55rem 1.15rem;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer;transition:background .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease)}.magnet{transform:translate3d(var(--mx, 0px),var(--my, 0px),0)}.btn:hover{border-color:var(--fg)}.btn-fill{background:var(--invert);color:var(--invert-fg);border-color:var(--invert)}.btn-fill:hover{background:#fff;border-color:#fff}.btn:focus-visible,.section-nav button:focus-visible,.mode-switch a:focus-visible,.work-row:focus-visible,.ls-row:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0a0959}.marquee-track{display:flex;width:max-content;gap:2.5rem;padding:.85rem 0;animation:marquee 28s linear infinite}.marquee-track span{font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.marquee-track span:before{content:"·";margin-right:2.5rem;color:var(--fg-faint)}.section{padding:clamp(4.5rem,10vw,7.5rem) 0;scroll-margin-top:5.5rem}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem 3rem;align-items:start}.body{margin:0 0 1rem;max-width:38rem;color:var(--fg-muted);font-size:1.05rem}.portrait-wrap{justify-self:end;width:min(18rem,100%)}.portrait{aspect-ratio:1;overflow:hidden;border:1px solid var(--line-strong);background:var(--bg-elevated)}.portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .8s var(--ease)}.portrait:hover img{transform:scale(1)}.portrait-cap{display:block;margin-top:.7rem;color:var(--fg-faint);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-align:center}.stat-list{margin-top:2.75rem;border-top:1px solid var(--line)}.stat-row{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.stat-row dt{margin:0;color:var(--fg-faint);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.stat-row dd{margin:0}.log{margin-top:2.5rem}.log-item{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.log-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.35rem}.log-item h3{margin:0;font-size:1.7rem}.log-item .body{margin:0}.idx{color:var(--fg-faint);font-family:var(--mono);font-size:.75rem;padding-top:.35rem}.work-list{margin-top:.5rem;border-top:1px solid var(--line)}.work-row{display:grid;grid-template-columns:3.2rem 1fr auto;gap:1rem 1.5rem;align-items:center;padding:1.6rem .2rem;border-bottom:1px solid var(--line);color:inherit;transition:background .35s var(--ease),padding .45s var(--ease)}.work-row:hover{background:var(--surface-hover);padding-left:1rem;padding-right:1rem}.work-index,.work-role,.work-host{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.work-main{display:grid;gap:.25rem}.work-name{font-size:clamp(2rem,4vw,3.2rem)}.work-summary{max-width:36rem;color:var(--fg-muted);max-height:0;overflow:hidden;opacity:0;transform:translateY(6px);transition:max-height .45s var(--ease),opacity .35s var(--ease),transform .45s var(--ease),margin .45s var(--ease)}.work-row:hover .work-summary,.work-row:focus-visible .work-summary{max-height:5rem;margin-top:.35rem;opacity:1;transform:none}.work-host{display:inline-flex;align-items:center;gap:.4rem}.work-host .arrow{transition:transform .35s var(--ease)}.work-row:hover .arrow{transform:translate(3px,-3px)}.team-block{margin-top:2.5rem}.team-grid,.social-grid,.stack-grid{display:grid;gap:.75rem}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.85rem}.team-card,.social-card{display:flex;align-items:center;gap:.85rem;min-height:4.4rem;padding:.8rem .95rem;border:1px solid var(--line);background:var(--surface);color:inherit;transition:border-color .24s var(--ease),background .24s var(--ease),transform .35s var(--ease)}.team-card:hover,.social-card:hover{border-color:var(--line-strong);background:var(--surface-hover);transform:translateY(-3px)}.team-card img,.team-initials{width:44px;height:44px;border-radius:50%;flex-shrink:0}.team-card img{object-fit:cover}.team-initials{display:grid;place-items:center;border:1px solid var(--line-strong);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em}div.team-card{cursor:default}.team-card strong,.social-name{display:block;font-weight:600}.team-card span{display:grid}.quote-section{display:grid;grid-template-columns:minmax(0,16rem) 1fr;gap:2rem 3.5rem;align-items:center;max-width:none}.quote-figure{margin:0;overflow:hidden;border:1px solid var(--line)}.quote-figure img{display:block;width:100%;height:auto}blockquote{margin:0 0 1.25rem;font-family:var(--serif);font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:500;line-height:1.25;letter-spacing:-.02em}.quote-name{margin:0 0 .25rem;font-weight:600}.stack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:.5rem}.pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.pill{padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--fg-muted);font-size:.92rem;transition:border-color .24s var(--ease),color .24s var(--ease),transform .35s var(--ease)}.pill:hover{border-color:var(--fg);color:var(--fg);transform:translateY(-2px)}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}.social-card{position:relative}.social-icon{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0}.social-copy{display:grid;min-width:0}.handle{color:var(--fg-faint);font-family:var(--mono);font-size:.75rem}.social-arrow{width:12px;height:12px;margin-left:auto;color:var(--fg-faint);transition:transform .35s var(--ease)}.social-card:hover .social-arrow{transform:translate(3px,-3px);color:var(--fg)}.site-footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--fg-faint);font-family:var(--mono);font-size:.75rem;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero-rise{animation:rise .9s var(--ease) both}.term-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:6.2rem 1.1rem 2.5rem;cursor:text}.term-window{width:min(52rem,100%);max-height:min(42rem,calc(100dvh - 8rem));display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:16px;background:#121211c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000059;overflow:hidden;animation:rise .75s var(--ease) both}.term-bar{display:flex;align-items:center;gap:.75rem;min-height:2.7rem;padding:0 1rem;border-bottom:1px solid var(--line);color:var(--fg-muted);font-family:var(--mono);font-size:.72rem;letter-spacing:.04em}.dots{display:flex;gap:.35rem}.dots i{width:.55rem;height:.55rem;border-radius:50%;background:#f0ede647}.term-title{margin-right:auto}.term-live{color:var(--fg-faint)}.term{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.15rem 1.2rem .4rem;font-family:var(--mono);font-size:.86rem;line-height:1.65;scroll-behavior:smooth}.ascii{color:var(--fg);line-height:1.15;font-size:.78rem;margin:0 0 1rem;white-space:pre;overflow-x:auto}.brand-name{margin:0 0 .35rem;font-family:var(--display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:.28em;text-transform:lowercase;color:var(--fg)}.term-block{margin:0 0 .35rem;animation:line-in .35s var(--ease) both}.term-line{white-space:pre-wrap;word-break:break-word}.term-line.is-empty{height:1em}.term-input-row{display:flex;align-items:center;gap:.55rem;margin-top:.35rem}.term-prompt,.term-cmd,.cyan{color:var(--fg)}.muted{color:var(--fg-faint)}.term-input{flex:1;min-width:0;margin:0;padding:0;border:0;outline:none;background:transparent;caret-color:var(--fg)}.help-row,.ls-row{display:grid;grid-template-columns:16ch 1fr;column-gap:1ch}.ls-row{width:100%;margin:0;padding:.12rem 0;border:0;background:none;text-align:left;cursor:pointer}.ls-row:hover .ls-name,.ls-row:focus-visible .ls-name{color:var(--fg);text-decoration:underline;text-underline-offset:.18em}.ls-name.dir{color:var(--fg)}.link-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.link-row a{text-decoration:underline;text-underline-offset:.18em}.term-chips{display:flex;flex-wrap:wrap;gap:.4rem;flex-shrink:0;padding:.85rem 1.2rem 1.05rem;border-top:1px solid var(--line)}.term-chips button{padding:.28rem .65rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg-muted);font-family:var(--mono);font-size:.72rem;cursor:pointer;transition:border-color .24s var(--ease),color .24s var(--ease),background .24s var(--ease)}.term-chips button:hover{border-color:var(--fg);color:var(--fg);background:var(--surface)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes role-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes pulse{0%{box-shadow:0 0 #b7c4a473}70%{box-shadow:0 0 0 8px #b7c4a400}to{box-shadow:0 0 #b7c4a400}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:900px){.split,.quote-section,.stack-grid,.team-grid,.social-grid{grid-template-columns:1fr}.portrait-wrap{justify-self:start;width:min(16rem,70vw)}.work-row{grid-template-columns:2.4rem 1fr}.work-host{grid-column:2}.work-summary{max-height:none;opacity:1;transform:none;margin-top:.35rem}}@media(max-width:640px){html{font-size:16px}.site-wrap{width:min(var(--max),calc(100% - 1.5rem))}.display{font-size:clamp(3.3rem,16vw,4.6rem)}.stat-row,.help-row,.ls-row,.log-item{grid-template-columns:1fr;gap:.2rem}.term-page{align-items:flex-start}.term-input{font-size:16px}.wordmark{letter-spacing:.14em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-rise,.term-window,.term-block,.role-word{opacity:1;transform:none;animation:none;transition:none}.marquee-track,.caret,.status-dot{animation:none}.portrait img,.work-row,.team-card,.social-card,.pill{transition:none}}body.splash-active{overflow:hidden!important;touch-action:none}#splash-screen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;z-index:999999;background-color:#000;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;opacity:1;transform:scale(1);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),visibility .7s;will-change:opacity,transform}#splash-screen.splash-fading{opacity:0;transform:scale(1.06);pointer-events:none;visibility:hidden}.splash-logo-container{position:relative;display:flex;align-items:center;justify-content:center;width:min(200px,42vw);height:min(200px,42vw);max-width:220px;max-height:220px}.splash-logo-container svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 0 24px rgba(255,255,255,.08))}.splash-path-dr{stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2310;stroke-dashoffset:2310;fill:#fff;fill-opacity:0;animation:drDraw 1.8s cubic-bezier(.65,0,.35,1) forwards,drFill .7s ease 1.7s forwards}#root{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s cubic-bezier(.22,1,.36,1)}#root.app-revealed{opacity:1;visibility:visible;pointer-events:auto}
