:root{--paper:#f3efe7;--card:#fff;--ink:#1c1a17;--muted:#7c7568;--line:#dfd8ca;--cobalt:#2448c9;--serif:var(--font-inter-tight), system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--sans:var(--font-inter-tight), system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--pad:clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--paper);-webkit-font-smoothing:antialiased}body{font-family:var(--sans);color:var(--ink);background:var(--paper);margin:0;font-size:16px;line-height:1.5}a{color:inherit}img{max-width:100%;height:auto;display:block}.home{min-height:100svh}.top{padding:18px max(var(--pad), env(safe-area-inset-right)) 18px max(var(--pad), env(safe-area-inset-left));border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{object-fit:cover;border-radius:50%;width:34px;height:34px}.brand b{letter-spacing:.24em;font-size:12px;font-weight:500}.brand span{color:var(--muted);font-size:13px}.nav{align-items:center;gap:22px;margin-left:auto;font-size:13px;display:flex}.nav a{color:var(--muted);text-decoration:none}@media (hover:hover){.nav a:hover{color:var(--ink)}}.hero{padding:clamp(48px, 9vw, 120px) var(--pad) clamp(32px, 5vw, 64px);border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;display:grid}.tagline{font:200 clamp(40px, 7.6vw, 116px) / .98 var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:0}.tagline em{color:var(--cobalt);font-style:normal;font-weight:300}.hero .side{color:var(--muted);max-width:34ch}.hero .side p{margin:0}.works-block{padding:40px var(--pad)}.works{max-width:40rem;margin:0;padding:0;list-style:none}.works li{border-bottom:1px solid var(--line);padding:.45rem 0}.empty-works{color:var(--muted)}.about{margin:40px var(--pad) 0;border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:48px;padding:56px 0;display:grid}.about h2{font:200 clamp(32px, 4.4vw, 56px) / 1 var(--serif);letter-spacing:-.04em;margin:0}.about p{max-width:62ch;margin:0 0 16px}.btns{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.btn{border:1px solid var(--ink);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;text-decoration:none;display:inline-flex}.btn.fill{background:var(--ink);color:var(--paper)}footer{padding:28px var(--pad) max(40px, env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:12px;display:flex}@media (max-width:820px){.hero,.about{grid-template-columns:1fr}.hero{gap:24px}.about{gap:24px;padding:40px 0}.brand span{display:none}.nav{gap:12px;font-size:12px}}@media (max-width:480px){.nav{justify-content:space-between;width:100%;margin-left:0}}@media (pointer:coarse){.nav a{align-items:center;min-height:44px;display:inline-flex}.btn{min-height:44px}}:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}