:root{--neutral-1:#fdfcfc;--neutral-2:#faf8f8;--neutral-3:#f3f0ee;--neutral-4:#ebe7e5;--neutral-5:#e3dcda;--neutral-6:#d8d0cd;--neutral-7:#cbc1bd;--neutral-8:#b3a8a4;--neutral-9:#a69893;--neutral-10:#938681;--neutral-11:#69615e;--neutral-12:#312d2b;--accent-1:#fffcfb;--accent-2:#fff7f4;--accent-3:#ffece4;--accent-4:#ffe0d4;--accent-5:#ffd3c2;--accent-6:#ffc2aa;--accent-7:#faaf91;--accent-8:#e9916d;--accent-9:#e47a4e;--accent-10:#cc6a40;--accent-11:#8c523a;--accent-12:#432519;--accent-on-solid:#150a07;--error-3:#ffebe9;--error-9:#e1524f;--error-11:#974843;--success-3:#e0f8e0;--success-9:#5ad664;--success-11:#337437;--warning-3:#f9f0dd;--warning-9:#dbb155;--warning-11:#76602f;--info-3:#e3f3ff;--info-9:#5baee5;--info-11:#3d6886;--background:var(--neutral-1);--surface:var(--neutral-2);--surface-hover:var(--neutral-3);--surface-active:var(--neutral-4);--border-subtle:var(--neutral-6);--border:var(--neutral-7);--border-strong:var(--neutral-8);--text-secondary:var(--neutral-11);--text:var(--neutral-12);--accent-bg-subtle:var(--accent-3);--accent-solid:var(--accent-9);--accent-solid-hover:var(--accent-10);--accent-text:var(--accent-11);--font-sans:"Archivo", "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--step--1:.8rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.5625rem;--step-3:1.953rem;--step-4:2.441rem;--step-5:3.052rem;--step-6:clamp(3.5rem, 8vw, 4.768rem);--step-7:clamp(4.2rem, 11vw, 6.5rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--ease:cubic-bezier(.2, 0, 0, 1);--t-micro:.12s;--t-std:.16s;--t-large:.24s;--rail:132px;--measure:1180px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--neutral-1:#131212;--neutral-2:#1a1919;--neutral-3:#242121;--neutral-4:#2d2928;--neutral-5:#36312f;--neutral-6:#413a38;--neutral-7:#4f4744;--neutral-8:#685e5a;--neutral-9:#a69893;--neutral-10:#b8aba6;--neutral-11:#beb5b2;--neutral-12:#ece7e4;--accent-1:#161110;--accent-2:#1f1714;--accent-3:#2f1d16;--accent-4:#3d2217;--accent-5:#4d2616;--accent-6:#5e2b16;--accent-7:#733418;--accent-8:#964623;--accent-9:#e47a4e;--accent-10:#f58f65;--accent-11:#e7a68b;--accent-12:#ffe0d4;--accent-on-solid:#150a07;--error-3:#331a18;--error-9:#e1524f;--error-11:#f49c95;--success-3:#152715;--success-9:#5ad664;--success-11:#88cb8a;--warning-3:#282113;--warning-9:#dbb155;--warning-11:#cdb482;--info-3:#17242d;--info-9:#5baee5;--info-11:#90bedf}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;font-size:16px;line-height:1.6}#root{min-height:100svh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent-9);color:var(--accent-on-solid)}:focus-visible{outline:2px solid var(--accent-9);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.page{max-width:var(--measure);padding:0 var(--sp-5);border-inline:1px solid var(--border-subtle);margin:0 auto}.wrap{display:block}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:saturate(1.1)blur(6px);backdrop-filter:saturate(1.1)blur(6px);border-bottom:1px solid var(--border-subtle);display:flex;position:sticky;top:0}.monogram{font-family:var(--font-mono);font-weight:600;font-size:var(--step--1);letter-spacing:.14em;color:var(--text)}.monogram .mark{color:var(--accent-solid)}.index-nav{gap:var(--sp-5);display:flex}.index-link{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-secondary);transition:color var(--t-micro) var(--ease);align-items:baseline;gap:6px;font-size:.72rem;display:inline-flex}.index-link .idx{opacity:.55}.index-link .lbl{text-transform:uppercase}.index-link:hover,.index-link.is-current{color:var(--text)}.index-link.is-current .idx{color:var(--accent-solid);opacity:1}.theme-toggle{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:border-color var(--t-micro) var(--ease), color var(--t-micro) var(--ease);background:0 0;padding:6px 10px;font-size:.68rem}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong)}.entry{grid-template-columns:var(--rail) 1fr;gap:var(--sp-7);padding:var(--sp-9) 0;border-bottom:1px solid var(--border-subtle);display:grid}.entry:last-of-type{border-bottom:0}.rail{flex-direction:column;align-self:start;gap:6px;height:max-content;display:flex;position:sticky;top:96px}.rail-idx{font-family:var(--font-mono);color:var(--accent-solid);letter-spacing:.04em;font-size:.9rem;font-weight:600}.rail-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--text-secondary);border-top:1px solid var(--border);padding-top:6px;font-size:.68rem}.body{min-width:0}.hero{padding-top:var(--sp-10)}.name{font-size:var(--step-7);letter-spacing:-.03em;color:var(--text);margin-bottom:var(--sp-4);font-weight:800;line-height:1.02}.role-deck{font-size:var(--step-1);letter-spacing:-.01em;color:var(--text-secondary);margin-bottom:var(--sp-5);align-items:center;gap:10px;font-weight:500;display:flex}.role-tick{background:var(--accent-solid);flex-shrink:0;width:22px;height:3px}.lede{font-size:var(--step-1);max-width:44ch;color:var(--text-secondary);margin-bottom:var(--sp-7);line-height:1.55}.lede,.name{text-wrap:balance}.hero-meta{justify-content:space-between;align-items:flex-end;gap:var(--sp-6);border-top:1px solid var(--border);padding-top:var(--sp-5);flex-wrap:wrap;display:flex}.facts{gap:var(--sp-6);flex-wrap:wrap;display:flex}.facts div{flex-direction:column;gap:3px;display:flex}.facts dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);font-size:.64rem}.facts dd{color:var(--text);align-items:center;gap:7px;font-size:.95rem;display:inline-flex}.dot{background:var(--accent-solid);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-3);border-radius:50%}.hero-links{gap:var(--sp-3);display:flex}.btn{border:1px solid var(--border-strong);color:var(--text);transition:background var(--t-micro) var(--ease), color var(--t-micro) var(--ease), border-color var(--t-micro) var(--ease), transform var(--t-micro) var(--ease);align-items:center;gap:8px;padding:11px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-solid{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--accent-on-solid)}.btn-solid:hover{background:var(--accent-solid-hover);border-color:var(--accent-solid-hover)}.btn-ghost{background:0 0}.btn-ghost:hover{border-color:var(--text)}.btn:not(.btn-solid):not(.btn-ghost){background:var(--text);color:var(--background);border-color:var(--text)}.projects{gap:var(--sp-8);flex-direction:column;list-style:none;display:flex}.project-open{gap:var(--sp-6);text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;grid-template-columns:1.15fr 1fr;padding:0;display:grid}.project+.project{border-top:1px solid var(--border-subtle);padding-top:var(--sp-8)}.shot{border:1px solid var(--border);background:var(--surface);aspect-ratio:4/3;overflow:hidden}.shot img{object-fit:cover;object-position:top center;filter:saturate(.96);width:100%;height:100%;transition:transform var(--t-large) var(--ease), filter var(--t-large) var(--ease)}.project-open:hover .shot img{filter:saturate(1.05);transform:scale(1.03)}.project-copy{flex-direction:column;align-self:center;display:flex}.project-head{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.project-no{font-family:var(--font-mono);color:var(--accent-solid);font-size:.8rem;font-weight:600}.project-name{font-size:var(--step-3);letter-spacing:-.02em;color:var(--text);font-weight:700}.project-year{font-family:var(--font-mono);color:var(--text-secondary);margin-left:auto;font-size:.72rem}.project-tagline{color:var(--text);margin-bottom:var(--sp-3);font-size:.95rem;font-weight:500}.project-desc{color:var(--text-secondary);max-width:52ch;margin-bottom:var(--sp-4);font-size:.95rem;line-height:1.6}.tech{margin-bottom:var(--sp-4);flex-wrap:wrap;gap:6px 14px;list-style:none;display:flex}.tech li{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.02em;padding-left:13px;font-size:.7rem;position:relative}.tech li:before{content:"";background:var(--accent-solid);width:5px;height:1px;position:absolute;top:.55em;left:0}.inspect{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text);border-bottom:1px solid var(--accent-solid);transition:gap var(--t-micro) var(--ease);align-self:flex-start;padding-bottom:2px;font-size:.75rem}.project-open:hover .inspect{color:var(--accent-text)}.stack-grid{gap:var(--sp-7) var(--sp-6);grid-template-columns:repeat(2,1fr);display:grid}.stack-group{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);padding-bottom:var(--sp-3);margin-bottom:var(--sp-3);border-bottom:1px solid var(--border);font-size:.72rem}.stack-list{flex-direction:column;gap:10px;list-style:none;display:flex}.stack-list li{font-size:var(--step-1);letter-spacing:-.01em;color:var(--text);font-weight:500}.section-title{font-size:var(--step-4);letter-spacing:-.02em;color:var(--text);margin-bottom:var(--sp-3);font-weight:700}.section-sub{font-size:var(--step-0);color:var(--text-secondary);max-width:46ch;margin-bottom:var(--sp-7)}.contact-grid{gap:var(--sp-7);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.contact-form{gap:var(--sp-4);flex-direction:column;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:.68rem}.field input,.field textarea{font-family:var(--font-sans);color:var(--text);background:var(--surface);border:1px solid var(--border);transition:border-color var(--t-micro) var(--ease), background var(--t-micro) var(--ease);resize:vertical;padding:11px 13px;font-size:.95rem}.field input::placeholder,.field textarea::placeholder{color:var(--neutral-9)}.field input:focus,.field textarea:focus{border-color:var(--accent-solid);background:var(--background);outline:none}.field input:disabled,.field textarea:disabled{opacity:.6}.form-error{color:var(--error-11);margin-top:2px;font-size:.85rem}.form-success{border:1px solid var(--border);border-left:3px solid var(--accent-solid);padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;align-items:flex-start;display:flex}.success-head{font-size:var(--step-1);color:var(--text);font-weight:700}.success-body{color:var(--text-secondary);font-size:.95rem}.direct{border-top:1px solid var(--border);padding-top:var(--sp-4)}.direct-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);margin-bottom:var(--sp-4);font-size:.68rem}.direct-list{gap:var(--sp-4);flex-direction:column;list-style:none;display:flex}.direct-list li{flex-direction:column;gap:3px;display:flex}.direct-k{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:.64rem}.direct-list a{color:var(--text);word-break:break-word;width:max-content;max-width:100%;transition:border-color var(--t-micro) var(--ease), color var(--t-micro) var(--ease);border-bottom:1px solid #0000;font-size:.95rem}.direct-list a:hover{color:var(--accent-text);border-bottom-color:var(--accent-solid)}.colophon{gap:var(--sp-3) var(--sp-5);padding:var(--sp-6) 0;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;font-size:.68rem;display:flex}.overlay{z-index:100;background:color-mix(in srgb, var(--neutral-12) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--sp-6) var(--sp-4);animation:overlay-in var(--t-std) var(--ease);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--background);border:1px solid var(--border-strong);grid-template-columns:var(--rail) 1fr;width:100%;max-width:940px;animation:sheet-in var(--t-large) var(--ease);margin:auto;display:grid}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sheet-rail{padding:var(--sp-6) var(--sp-4);border-right:1px solid var(--border-subtle);flex-direction:column;gap:6px;display:flex}.sheet-main{padding:var(--sp-6);min-width:0;position:relative}.sheet-close{top:var(--sp-4);right:var(--sp-5);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);cursor:pointer;transition:color var(--t-micro) var(--ease);background:0 0;border:0;font-size:.72rem;position:absolute}.sheet-close:hover{color:var(--accent-text)}.sheet-head{margin-bottom:var(--sp-5);padding-right:60px}.sheet-head h3{font-size:var(--step-4);letter-spacing:-.02em;color:var(--text);font-weight:700}.sheet-tagline{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.sheet-shot{border:1px solid var(--border);background:var(--surface);margin-bottom:var(--sp-5);max-height:380px;overflow:hidden}.sheet-shot img{object-fit:cover;object-position:top center;width:100%;height:100%}.sheet-meta{gap:var(--sp-5);padding:var(--sp-4) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.sheet-meta div{flex-direction:column;gap:3px;display:flex}.sheet-meta-stack{flex:100%}.sheet-meta dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);font-size:.62rem}.sheet-meta dd{color:var(--text);font-size:.85rem;font-family:var(--font-mono)}.sheet-meta-stack dd{line-height:1.7}.sheet-body{margin-bottom:var(--sp-6)}.sheet-body p{color:var(--text-secondary);margin-bottom:var(--sp-4);font-size:.95rem;line-height:1.65}.sheet-body strong{color:var(--text);font-weight:600}@media (width<=860px){.index-nav .lbl{display:none}.index-nav{gap:var(--sp-4)}.project-open{gap:var(--sp-4);grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.stack-grid{gap:var(--sp-6) var(--sp-5)}}@media (width<=680px){.page{padding:0 var(--sp-4);border-inline:0}.entry{gap:var(--sp-4);padding:var(--sp-8) 0;grid-template-columns:1fr}.rail{align-items:baseline;gap:var(--sp-3);flex-direction:row;position:static}.rail-label{border-top:0;padding-top:0}.hero{padding-top:var(--sp-7)}.stack-grid{grid-template-columns:1fr}.hero-meta{flex-direction:column;align-items:flex-start}.index-nav{display:none}.sheet{grid-template-columns:1fr}.sheet-rail{gap:var(--sp-3);border-right:0;border-bottom:1px solid var(--border-subtle);flex-direction:row}}@media (prefers-reduced-motion:reduce){.overlay,.sheet{animation:none}.project-open:hover .shot img,.btn:hover{transform:none}}