:root{--paper: #f3eee4;--ink: #1c1712;--muted: #7a7268;--line: rgba(28, 23, 18, .12);--accent: #c23b22;--serif: "Noto Serif SC", "Instrument Serif", serif;--sans: "Noto Sans SC", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.7;letter-spacing:.01em}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{pointer-events:none;position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(194,59,34,.09),transparent 68%);transform:translate(-50%,-50%);z-index:0;opacity:0;transition:opacity .4s ease}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 7vw;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.mark{font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.12em}nav{display:flex;gap:28px}nav a{font-size:13px;color:var(--muted);letter-spacing:.08em}nav a:hover{color:var(--ink)}main{position:relative;z-index:1;padding:0 7vw 80px}.hero{padding:12vh 0 14vh;max-width:920px}.kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}h1{font-family:var(--serif);font-size:clamp(40px,7vw,92px);font-weight:600;line-height:1.12;letter-spacing:-.03em}h1 em{font-style:italic;color:var(--accent)}.lede{margin-top:32px;max-width:560px;font-size:17px;color:#4a433b}.hero-meta{margin-top:48px;display:flex;gap:28px;align-items:center;font-size:14px}.hero-meta span{color:var(--muted)}.hero-meta a{border-bottom:1px solid var(--ink);padding-bottom:2px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;border-top:1px solid var(--line);padding-top:28px;margin-bottom:12px}h2{font-family:var(--serif);font-size:28px;font-weight:600}.section-head p,.about p,.contact p{color:var(--muted);max-width:420px}.work-list{list-style:none}.work-list li a{display:grid;grid-template-columns:72px 1fr 220px;gap:16px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.work-list .year{font-family:var(--serif);color:var(--accent);font-size:18px}.work-list .title{font-family:var(--serif);font-size:clamp(28px,4vw,44px);line-height:1.1}.work-list .role{color:var(--muted);font-size:13px;letter-spacing:.04em;justify-self:end}.work-list p{grid-column:2 / 3;color:#5c554c;font-size:15px;max-width:520px}.work-list li a:hover .title{color:var(--accent)}.about{padding:90px 0 40px}.about-grid{display:grid;grid-template-columns:180px 1fr;gap:40px;border-top:1px solid var(--line);padding-top:28px}.about p+p{margin-top:18px}.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:28px}.chips li{border:1px solid var(--line);padding:6px 12px;font-size:12px;letter-spacing:.08em;color:var(--muted)}.contact{padding:80px 0 40px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(32px,5vw,56px);margin-bottom:16px}.mail{display:inline-block;margin-top:28px;font-family:var(--serif);font-size:clamp(22px,3vw,36px);border-bottom:1px solid var(--accent);color:var(--accent)}footer{display:flex;justify-content:space-between;padding:24px 7vw 40px;color:var(--muted);font-size:12px;letter-spacing:.08em}@media(max-width:800px){.work-list li a{grid-template-columns:56px 1fr}.work-list .role,.work-list p{grid-column:2;justify-self:start}.about-grid{grid-template-columns:1fr;gap:16px}.section-head{flex-direction:column;align-items:start}}