:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.page{flex-direction:column;min-height:100vh;padding:1.25rem;display:flex}.nav,.hero,.work,.about,.contact{width:min(100%,72rem);margin-inline:auto}.nav{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.wordmark,.nav-link,.contact a{color:inherit;text-decoration:none}.wordmark{letter-spacing:-.02em;font-size:1rem;font-weight:500}nav{gap:1.25rem;display:flex}.nav-link{color:#5d5d5d;font-size:.9rem}main{flex:1}.hero{padding:clamp(2.5rem,7vw,5rem) 0 clamp(2rem,5vw,3.25rem)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#666;margin:0;font-size:.72rem}.hero h1{letter-spacing:-.05em;max-width:14ch;margin:.9rem 0 1rem;font-size:clamp(2rem,5vw,3.6rem);font-weight:500;line-height:1}.lede{color:#5d5d5d;max-width:28rem;margin:0;font-size:1rem}.work{gap:1.5rem;display:grid}.project-card{gap:.65rem;display:grid}.project-frame{aspect-ratio:16/10;background:#efefef}.project-card h2,.project-card p,.about p,.contact p{margin:0}.project-card h2{font-size:1rem;font-weight:500}.project-card p{color:#666;font-size:.92rem}.about{padding:clamp(2.5rem,6vw,4rem) 0}.about p{color:#444;max-width:28rem;font-size:1rem;line-height:1.5}.contact{color:#666;border-top:1px solid #ddd;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:1rem;display:flex}.contact a{color:#1f1f1f}@media (width>=760px){.page{padding:2rem}.work{grid-template-columns:repeat(3,1fr)}}