:root{color-scheme:dark;--ground: oklch(.15 .018 220);--ground-lift: oklch(.2 .02 220);--ink: oklch(.95 .012 200);--ink-muted: oklch(.78 .02 200);--ink-soft: oklch(.64 .022 205);--line: oklch(.34 .022 205);--line-strong: oklch(.49 .028 205);--accent: oklch(.84 .185 155);--aurora: oklch(.84 .185 155 / .16);--radius-pill: 999px;--radius-edge: 4px;--page: 1120px;--gutter: clamp(var(--s4), 4vw, var(--s7));--t-xs: .64rem;--t-sm: .8rem;--t-base: 1rem;--t-md: 1.25rem;--t-lg: 1.563rem;--t-xl: 1.953rem;--t-2xl: 2.441rem;--t-3xl: 3.052rem;--t-4xl: 3.815rem;--t-5xl: 4.768rem;--lh-display: 1.05;--lh-title: 1.15;--lh-body: 1.6;--track-display: -.025em;--track-label: .08em;--measure: 68ch;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 4rem;--s9: 6rem;--s10: 8rem;--rhythm-within: var(--s6);--rhythm-section: var(--s8);--rhythm-chapter: var(--s10);--ease-out: cubic-bezier(.22, .75, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, .3);--dur-state: .14s;--dur-layout: .26s}@font-face{font-family:Fraunces Display;src:url(/fonts/fraunces-display.woff2) format("woff2-variations");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Karrik;src:url(/fonts/karrik-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Karrik;src:url(/fonts/karrik-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Fraunces Fallback;src:local("Georgia"),local("Times New Roman");size-adjust:140.25%;ascent-override:69.73%;descent-override:18.18%;line-gap-override:0%}@font-face{font-family:Karrik Fallback;src:local("Helvetica Neue"),local("Arial");size-adjust:130.27%;ascent-override:57.57%;descent-override:19.19%;line-gap-override:7.68%}:root{--font-display: "Fraunces Display", "Fraunces Fallback", Georgia, serif;--font-body: "Karrik", "Karrik Fallback", "Helvetica Neue", Arial, sans-serif;--font-mono: "Radon Terminal", ui-monospace, SFMono-Regular, Menlo, monospace}:root{color:var(--ink);background:var(--ground);font-family:var(--font-body)}*{box-sizing:border-box}html{background:var(--ground)}body{position:relative;margin:0;min-height:100vh;background:var(--ground);color:var(--ink)}body[data-route=home]:before{position:absolute;inset:0 0 auto;z-index:0;height:70vh;background:repeating-linear-gradient(86deg,transparent 0 3rem,var(--aurora) 4.5rem,transparent 7rem 13rem);content:"";filter:blur(40px);mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 78%);pointer-events:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-edge)}::selection{background:var(--accent);color:var(--ground)}:root{caret-color:var(--accent)}.skip-link{position:absolute;top:var(--s2);left:var(--s2);z-index:20;padding:var(--s2) var(--s4);border-radius:var(--radius-edge);background:var(--accent);color:var(--ground);font-size:var(--t-sm);letter-spacing:var(--track-label);text-transform:uppercase;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}main:focus{outline:none}main{position:relative;z-index:1;width:100%;margin:0 auto}.error-page .link-row{gap:var(--s5)}.page-section{position:relative;isolation:isolate;width:min(var(--page),calc(100% - var(--gutter) * 2));margin:0 auto;padding:var(--rhythm-section) 0}.hero+.page-section{padding-top:var(--rhythm-chapter)}.hero{position:relative;isolation:isolate;display:grid;align-content:end;width:min(var(--page),calc(100% - var(--gutter) * 2));min-height:100svh;margin:0 auto;padding:var(--rhythm-chapter) 0 var(--rhythm-chapter)}.hero-content{position:relative;z-index:1;max-width:880px}.hero h1.hero-name{font-size:clamp(var(--t-4xl),13vw,9.313rem);line-height:.92;letter-spacing:-.045em}.hero-line{display:block}.hero-line:nth-child(2){margin-left:.06em}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-top:var(--s6);color:var(--ink-soft);font-size:var(--t-sm);letter-spacing:var(--track-label);text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s6)}.hero-scroll{position:absolute;bottom:2.2rem;left:0;z-index:1;display:inline-flex;align-items:center;gap:var(--s3);color:var(--ink-soft);font-size:var(--t-sm);letter-spacing:.14em;text-transform:uppercase;transition:color var(--dur-state) var(--ease-out)}.hero-scroll:hover,.hero-scroll:focus-visible{color:var(--accent)}.hero h1,.page-title{margin:0;color:var(--ink);font-family:var(--font-display);font-size:var(--t-5xl);font-weight:900;letter-spacing:var(--track-display);line-height:var(--lh-display);text-wrap:balance}.prose{max-width:var(--measure);margin-top:var(--s6)}.prose p{text-wrap:pretty;margin:0 0 var(--s4);color:var(--ink-muted);font-size:var(--t-base);line-height:var(--lh-body)}.project-detail{min-height:auto}.detail-header{max-width:860px}.detail-body{display:grid;grid-template-columns:minmax(0,760px) minmax(12rem,1fr);gap:var(--s7);align-items:start;margin-top:var(--s7)}.detail-aside{position:sticky;top:7rem;border-left:1px solid var(--line);padding-left:var(--s4)}.text-page{min-height:auto}.about-layout{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:var(--s7);align-items:start;margin-top:var(--s7)}.about-side{display:grid;gap:var(--s5)}.site-footer{position:relative;z-index:1;margin-top:var(--s9);padding:var(--s6) var(--s4) var(--s7);text-align:center}.site-nav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s5) var(--gutter) var(--s4);pointer-events:none}.site-nav a,.site-nav nav{pointer-events:auto}.site-name{display:inline-flex;align-items:center;gap:var(--s3);color:var(--ink);font-family:var(--font-display);font-size:var(--t-base);font-weight:800;letter-spacing:-.01em}.site-mark{width:2.1rem;height:2.1rem;border:1px solid var(--line-strong);border-radius:50%;background:var(--ground-lift);object-fit:cover}.nav-links{display:flex;gap:var(--s5);color:var(--ink-muted);font-size:var(--t-sm);letter-spacing:var(--track-label);text-transform:uppercase}.nav-links a{position:relative;transition:color var(--dur-state) var(--ease-out)}.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a[aria-current=page]:after{position:absolute;right:0;bottom:-.5rem;left:0;height:2px;border-radius:var(--radius-edge);background:var(--accent);content:""}.nav-links a:hover{color:var(--ink)}.meta-sep{width:4px;height:4px;border-radius:50%;background:var(--ink-soft);opacity:.5}.meta-status{display:inline-flex;align-items:center;color:var(--ink-muted)}.status-dot{width:7px;height:7px;margin-right:var(--s2);border-radius:50%;background:var(--accent)}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:var(--s2);border-radius:999px;padding:var(--s3) var(--s5);font-size:var(--t-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:transform var(--dur-state) var(--ease-out),border-color var(--dur-state) var(--ease-out),color var(--dur-state) var(--ease-out)}.btn-primary{color:var(--ground);background:var(--accent)}.btn-ghost{color:var(--ink);border:1px solid var(--line-strong);background:transparent}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--accent);color:var(--accent)}.btn-icon{width:1.05rem;height:1.05rem;flex:none}.scroll-line{position:relative;width:58px;height:1px;background:var(--accent)}.text-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.3em;transition:color var(--dur-state) var(--ease-out)}.text-link:hover,.text-link:focus-visible{color:var(--accent)}.kicker{margin:0 0 var(--s4);color:var(--ink-soft);font-size:var(--t-sm);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase}.blurb{text-wrap:pretty;max-width:var(--measure);margin:var(--s5) 0 0;color:var(--ink-muted);font-size:var(--t-md);line-height:var(--lh-body)}.section-heading{text-wrap:balance;margin:0 0 var(--s5);color:var(--ink);font-family:var(--font-display);font-size:var(--t-4xl);font-weight:900;letter-spacing:var(--track-display);line-height:var(--lh-display)}.project-rows{display:flex;flex-direction:column}.project-row{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--s5);align-items:start;padding:var(--s5) 0;border-top:1px solid var(--line);isolation:isolate}.project-row:last-child{border-bottom:1px solid var(--line)}.project-row:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--aurora),transparent 62%);content:"";opacity:0;transition:opacity var(--dur-state) var(--ease-out)}.project-row:hover:before,.project-row:focus-within:before{opacity:1}.row-logo{display:block;width:2rem;height:auto;margin-bottom:var(--s2);border-radius:var(--radius-edge)}.row-index{color:var(--ink-soft);font-size:var(--t-sm);font-variant-numeric:tabular-nums;letter-spacing:var(--track-label);line-height:1.9}.row-kind{display:inline-block;margin:0 0 var(--s2);color:var(--ink-soft);font-size:var(--t-sm);font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase}.row-title{text-wrap:balance;margin:0;font-family:var(--font-display);font-size:var(--t-2xl);font-weight:800;letter-spacing:var(--track-display);line-height:var(--lh-display)}.row-link{color:var(--ink);transition:color var(--dur-state) var(--ease-out)}.project-row:hover .row-link,.row-link:focus-visible{color:var(--accent)}.row-arrow{display:inline-block;margin-left:var(--s2);font-family:var(--font-body);color:currentColor;font-size:.6em;opacity:0;transform:translate(-5px,5px);transition:opacity var(--dur-state) var(--ease-out),transform var(--dur-state) var(--ease-out)}.project-row:hover .row-arrow,.row-link:focus-visible .row-arrow{opacity:1;transform:translate(0)}.row-desc{text-wrap:pretty;max-width:var(--measure);margin:var(--s4) 0 0;color:var(--ink-muted);font-size:var(--t-base);line-height:var(--lh-body)}.back-link:hover,.back-link:focus-visible{text-decoration:underline;text-underline-offset:.3em}.project-tags{display:flex;flex-wrap:wrap;gap:var(--s2);list-style:none;margin:var(--s5) 0 0;padding:0}.project-tags li{color:var(--ink-soft);font-size:var(--t-sm);letter-spacing:var(--track-label);line-height:1;text-transform:uppercase}.project-tags li+li:before{margin-right:var(--s2);color:var(--line-strong);content:"·"}.detail-tags{margin-top:var(--s6)}.link-row{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}.link-btn{padding:var(--s3) var(--s4);font-size:var(--t-sm)}.back-link{display:inline-block;margin-bottom:var(--s6);color:var(--ink-muted);font-size:var(--t-sm);font-weight:700}.aside-title{letter-spacing:var(--track-label);margin:0 0 var(--s3);color:var(--ink-soft);font-size:var(--t-sm);line-height:1.5;text-transform:uppercase}.about-photo{position:relative;margin:0}.about-photo img{display:block;width:100%;aspect-ratio:4 / 5;border:1px solid var(--line-strong);border-radius:var(--radius-edge);object-fit:cover;object-position:50% 38%}.about-facts{display:grid;gap:var(--s4);margin:0}.about-facts>div{display:grid;gap:var(--s1);border-left:1px solid var(--line);padding-left:var(--s4)}.about-facts dt{color:var(--ink-soft);font-size:var(--t-xs);letter-spacing:var(--track-label);text-transform:uppercase}.about-facts dd{margin:0;color:var(--ink-muted);font-size:var(--t-base);line-height:1.45}.footer-line{margin:0;color:var(--ink-soft);font-size:var(--t-sm);letter-spacing:.02em}.footer-line a{color:var(--ink-muted);transition:color var(--dur-state) var(--ease-out)}.footer-line a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.3em}.footer-line a:hover,.footer-line a:focus-visible{color:var(--ink)}@media(max-width:920px){.hero h1,.page-title{font-size:var(--t-4xl)}.section-heading{font-size:var(--t-3xl)}.about-layout,.detail-body{grid-template-columns:1fr}.detail-aside{position:static;border-left:0;border-top:1px solid var(--line);padding:var(--s4) 0 0}}@media(max-width:700px){.site-nav{align-items:center;padding:var(--s3) var(--s4)}.site-name span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.nav-links{gap:var(--s3);font-size:var(--t-sm)}.hero{padding:var(--rhythm-section) 0 var(--rhythm-chapter)}.hero-scroll{bottom:1.4rem}.hero-meta{font-size:var(--t-xs);gap:var(--s3)}.hero h1,.page-title{font-size:var(--t-3xl);line-height:1}.blurb{font-size:var(--t-base)}.section-heading{font-size:var(--t-2xl)}.page-section{padding:var(--s8) 0}.project-row{gap:var(--s4);padding:var(--s6) var(--s2)}.project-row:hover,.project-row:focus-within{padding-left:var(--s4)}.row-title{font-size:var(--t-xl)}}@media print{:root{--ground: #fff;--ink: #111;--ink-muted: #222;--ink-soft: #444;--line: #ccc;--line-strong: #999;--accent: #111}body[data-route=home]:before,.site-nav,.hero-scroll,.skip-link,.demo-panel{display:none}.hero,.page-section{min-height:0;padding:0 0 var(--s6)}a[href^=http]:after{content:" (" attr(href) ")";font-size:var(--t-xs);word-break:break-all}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}