:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f5f1;color:#191919}
body{margin:0}
.container{width:min(1000px,calc(100% - 48px));margin:auto}
header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9c9c3}
.logo{font-size:14px;font-weight:800;letter-spacing:.22em}
nav{display:flex;gap:28px}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.hero{padding:110px 0 90px;max-width:790px}
.label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}
h1{font-size:clamp(42px,8vw,82px);line-height:.98;letter-spacing:-.04em;margin:18px 0 28px}
.lead{font-size:20px;line-height:1.6;max-width:620px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:#c9c9c3;border:1px solid #c9c9c3}
.grid article{background:#f5f5f1;padding:32px;min-height:180px}
.grid span{font-size:12px}
.grid h2{margin-top:45px}
.page{max-width:720px;padding:100px 0}
.page p{font-size:18px;line-height:1.7}
.entry{border-top:1px solid #c9c9c3;padding:24px 0}
.entry h2{margin-bottom:5px}
footer{margin-top:80px;padding:35px 0 60px;border-top:1px solid #c9c9c3;font-size:12px}