:root{--paper: oklch(.971 .002 250);--paper-2: oklch(.948 .003 250);--ink: oklch(.205 .012 265);--ink-2: oklch(.355 .011 265);--ink-3: oklch(.505 .008 265);--line: oklch(.885 .004 265);--line-strong: oklch(.8 .005 265);--accent: oklch(.555 .205 27);--accent-deep: oklch(.485 .185 27);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--maxw: 60rem;--ease: cubic-bezier(.2, .75, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink-2);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in oklch,var(--accent) 20%,transparent);color:var(--ink)}#app{max-width:var(--maxw);margin:0 auto;padding:clamp(3.5rem,9vw,7rem) clamp(1.25rem,5vw,2.5rem) 5rem}.arrow{display:inline-block;margin-left:.35em;transition:transform .25s var(--ease)}.masthead{margin-bottom:clamp(3rem,7vw,5rem);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(1.5rem,5vw,3.5rem)}.masthead__figure{color:var(--ink);width:clamp(11rem,18vw,15rem);margin-top:.5rem;justify-self:end}.masthead__figure svg{display:block;width:100%;height:auto}.masthead__title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,7vw,4.75rem);line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:0 0 1.5rem;max-width:16ch;text-wrap:balance}.masthead__em{font-style:normal;color:var(--accent)}.masthead__lede{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5;color:var(--ink-2);max-width:54ch;margin:0 0 1.75rem;text-wrap:pretty}.masthead__meta{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-3);margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.masthead__sep{color:var(--line-strong)}.masthead__repo{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong);padding-bottom:1px;transition:color .2s var(--ease),border-color .2s var(--ease)}.masthead__repo:hover{color:var(--accent);border-color:var(--accent)}.masthead__repo:hover .arrow{transform:translate(2px,-2px)}.ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}.proj{display:grid;grid-template-columns:minmax(0,1fr) 13.5rem;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(2.25rem,5vw,3.75rem) 0;border-bottom:1px solid var(--line)}.proj:last-child{border-bottom:none}.proj__title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.45rem,3vw,2rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0 0 .5rem}.proj__tagline{font-size:1.02rem;font-weight:500;color:var(--ink);margin:0 0 .85rem}.proj__summary{margin:0 0 1.4rem;max-width:60ch;color:var(--ink-2)}.proj__figure{margin:0 0 1.4rem;padding:1.25rem 1.25rem .75rem;background:var(--paper-2);border:1px solid var(--line);border-radius:4px;max-width:34rem}.depth{display:block;width:100%;height:auto}.proj__figcaption{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-3);margin:.6rem 0 0}.proj__vs{margin:0 0 1.4rem;border-top:1px solid var(--line);padding-top:.9rem}.proj__vs-summary{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3);cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:.35em;align-items:baseline}.proj__vs-summary::-webkit-details-marker{display:none}.proj__vs-summary:before{content:"+";display:inline-block;width:.9em;color:var(--accent);font-weight:600}.proj__vs[open] .proj__vs-summary:before{content:"–"}.proj__vs-names{color:var(--ink)}.proj__vs-note{margin:.75rem 0 0;font-size:.9rem;color:var(--ink-2);max-width:58ch}.proj__stack{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.01em;color:var(--ink-3);margin:0}.proj__rail{text-align:right;display:flex;flex-direction:column;gap:1.1rem}.metrics{list-style:none;margin:0;padding:0;font-family:var(--font-mono);display:flex;flex-direction:column;gap:.3rem}.metric{font-size:.82rem;color:var(--ink-3);font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.metric--lead{font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:.15rem}.proj__status{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em;color:var(--ink-3);margin:0;display:inline-flex;align-items:center;gap:.45rem;justify-content:flex-end}.proj__status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.proj__status.is-live{color:var(--accent-deep)}.proj__status.is-live:before{background:var(--accent)}.proj__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}.act{font-family:var(--font-mono);font-size:.86rem;font-weight:500;text-decoration:none;white-space:nowrap}.act--primary{color:var(--accent);font-size:.95rem;font-weight:600}.act--primary:hover{color:var(--accent-deep)}.act--primary:hover .arrow{transform:translate(3px,-3px)}.act--ghost{color:var(--ink);border-bottom:1px solid var(--line-strong);padding-bottom:1px;transition:border-color .2s var(--ease)}.act--ghost:hover{border-color:var(--ink)}.act--ghost:hover .arrow{transform:translate(2px,-2px)}.proj__note{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-3);margin:0;max-width:13rem}@media (max-width: 720px){.masthead{grid-template-columns:1fr}.masthead__figure{grid-row:1;justify-self:start;width:clamp(9rem,40vw,12rem);margin:0 0 1.5rem}.proj{grid-template-columns:1fr;gap:1.5rem}.proj__rail{text-align:left;flex-direction:column;align-items:flex-start}.metrics{flex-flow:row wrap;gap:.4rem 1.25rem;align-items:baseline}.metric--lead{width:100%}.proj__status{justify-content:flex-start}.proj__actions{flex-flow:row wrap;align-items:center;gap:1.25rem}}@media (prefers-reduced-motion: no-preference){.masthead__title,.masthead__lede,.masthead__meta,.masthead__figure,.proj{opacity:0;transform:translateY(14px);animation:rise .7s var(--ease) forwards}.masthead__figure{transform:none;animation:fade 1.1s var(--ease) .35s forwards}.masthead__title{animation-delay:.05s}.masthead__lede{animation-delay:.13s}.masthead__meta{animation-delay:.21s}.proj{animation-delay:calc(.28s + var(--i) * .08s)}}@keyframes rise{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}