@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper: #f6f5f1;--surface: #fffdfa;--ink: #151615;--ink-soft: #3b3d39;--muted: #6c6f68;--line: #deddd6;--line-strong: #c9c8c0;--accent: #1f4fff;--accent-strong: #163fd4;--live: #227a4e;--live-soft: #e9f4ee;--radius: 10px;--header-height: 64px;--max-width: 1200px;--pad-inline: clamp(18px, 4vw, 40px);--font-ui: "Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font-ui);font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{display:flex;flex-direction:column;margin:0;min-width:320px;min-height:100vh;background:var(--paper)}h1,h2,h3,p,dl,dd,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--ink);color:var(--paper)}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:9px 13px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;text-decoration:none;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#f6f5f1e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:var(--max-width);height:var(--header-height);margin:0 auto;padding-inline:var(--pad-inline)}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:15px;font-weight:650;letter-spacing:-.025em;text-decoration:none}.wordmark-mark{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:7px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:-.04em}.header-nav{display:flex;align-items:center;gap:22px;font-size:12.5px}.header-nav a{color:var(--muted);text-decoration:none;transition:color .15s ease}.header-nav a:hover{color:var(--ink)}.status,.live-badge{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.01em;white-space:nowrap}.status-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px #227a4e1a}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding-inline:var(--pad-inline)}.hub-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(40px,8vw,110px);padding:clamp(56px,9vh,108px) 0 100px}.intro{position:sticky;top:calc(var(--header-height) + 36px);animation:rise .48s ease-out both}.kicker{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.01em}.kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.intro h1{margin-top:22px;font-size:clamp(3.2rem,5.1vw,4.8rem);font-weight:600;line-height:.96;letter-spacing:-.055em;text-wrap:balance}.lede{max-width:34ch;margin-top:26px;color:var(--muted);font-size:16.5px;line-height:1.65}.index-meta{display:flex;gap:38px;margin-top:52px;padding-top:15px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}.index-meta dt{margin-bottom:4px;color:var(--muted)}.index-meta dd{color:var(--ink-soft);font-size:12px}.index-meta strong{color:var(--ink);font-weight:600}.projects{min-width:0;animation:rise .48s 80ms ease-out both}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--line)}.section-head h2{font-size:13px;font-weight:650;letter-spacing:-.01em}.section-head>span{color:var(--muted);font-family:var(--font-mono);font-size:10.5px}.project-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:center;gap:clamp(22px,3.2vw,40px);padding:26px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.project-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.live-badge{padding:4px 7px 4px 6px;border:1px solid rgba(34,122,78,.16);border-radius:4px;background:var(--live-soft);color:var(--live)}.live-badge .status-dot{width:5px;height:5px;box-shadow:none}.domain{color:var(--muted);font-family:var(--font-mono);font-size:10.5px}.project-card h3{margin-top:22px;font-size:clamp(2rem,2.7vw,2.55rem);font-weight:600;line-height:1.05;letter-spacing:-.04em}.project-card p{max-width:42ch;margin-top:14px;color:var(--muted);font-size:14.5px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:0;margin-top:20px;color:var(--muted);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.01em}.tags li{display:inline-flex;align-items:center}.tags li+li:before{content:"/";margin:0 8px;color:var(--line-strong)}.project-cta{display:inline-flex;align-items:center;gap:6px;margin-top:26px;color:var(--accent);font-size:12.5px;font-weight:650;letter-spacing:-.01em}.project-cta svg{transition:transform .18s ease}.project-card:hover .project-cta{color:var(--accent-strong)}.project-card:hover .project-cta svg{transform:translate(2px,-2px)}.project-visual{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#efeee8;transition:border-color .18s ease,box-shadow .18s ease}.project-card:hover .project-visual{border-color:var(--line-strong);box-shadow:0 10px 30px #15161514}.browser-bar{display:flex;align-items:center;gap:10px;height:28px;padding:0 10px;border-bottom:1px solid var(--line);background:#f2f1eb}.browser-dots{display:inline-flex;gap:4px}.browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:var(--line-strong)}.browser-url{overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.project-visual img{display:block;width:100%;height:auto;transition:transform .32s ease}.project-card:hover .project-visual img{transform:scale(1.015)}.next-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--line);color:var(--muted)}.next-index{font-family:var(--font-mono);font-size:10.5px;line-height:1.6}.next-row p{max-width:46ch;font-size:13.5px;line-height:1.6}.next-row strong{color:var(--ink-soft);font-weight:600}.site-footer{border-top:1px solid var(--line);background:var(--paper)}.footer-inner{display:flex;align-items:baseline;justify-content:space-between;gap:20px;width:100%;max-width:var(--max-width);margin:0 auto;padding:22px var(--pad-inline);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.01em}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:920px){.hub-grid{grid-template-columns:1fr;gap:56px;padding-top:52px;padding-bottom:72px}.intro{position:static;max-width:620px}.intro h1{font-size:clamp(3.1rem,10vw,4.6rem)}.project-card{grid-template-columns:1fr;gap:26px;padding-top:24px}.project-copy{max-width:560px}.project-visual{width:100%}}@media(max-width:600px){.header-inner{gap:12px}.header-nav{gap:14px}.hub-grid{padding-top:40px;padding-bottom:56px}.intro h1{font-size:clamp(2.8rem,14vw,3.8rem)}.lede{margin-top:20px;font-size:15px}.index-meta{margin-top:36px;gap:28px}.project-card h3{margin-top:18px;font-size:2rem}.project-card p{font-size:14px}.tags{font-size:9.5px}.footer-inner{flex-wrap:wrap;gap:6px 18px;padding-block:18px}}@media(max-width:360px){.header-nav a{display:none}.wordmark{font-size:14px}}