:root{--bg:#f6f3ee;--ink:#1c1917;--muted:#6b645c;--card:#fff;--line:#e7e0d6;--accent:#0f766e}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:linear-gradient(180deg,#efe8dc,#f6f3ee 30%,#f6f3ee);color:var(--ink);line-height:1.6}
.wrap{width:min(920px,92%);margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;border-bottom:1px solid var(--line);background:rgba(246,243,238,.9);backdrop-filter:blur(8px);position:sticky;top:0}
.brand{font-weight:700;letter-spacing:.02em}.nav a{margin-left:1rem;color:var(--muted);text-decoration:none;font-size:.95rem}
.hero{padding:3.5rem 0 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--accent);font-family:system-ui,sans-serif}
h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:.4rem 0 1rem}.lede{font-size:1.15rem;color:var(--muted);max-width:38rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:1rem 0 2.5rem}
article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.2rem 1.3rem;box-shadow:0 10px 30px rgba(28,25,23,.04)}
article h2{font-size:1.15rem;margin-top:0}.about{padding:0 0 3rem}.foot{padding:1.5rem 0 2.5rem;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}