:root{
    --ink:#16233b;
    --ink-soft:#42506b;
    --paper:#fbfaf7;
    --panel:#ffffff;
    --line:#e4e1d8;
    --accent:#1f5e4e;
    --accent-soft:#e6f0ec;
    --gold:#b98a2e;
    --max:820px;
    --serif:"Fraunces",Georgia,"Times New Roman",serif;
    --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
  a{color:var(--accent)}
  h1,h2{font-family:var(--serif);font-weight:600;line-height:1.15;letter-spacing:-.01em}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

  header.site{border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:64px}
  .brand{font-family:var(--serif);font-size:1.45rem;font-weight:600;color:var(--ink);text-decoration:none}
  .brand span{color:var(--gold)}
  .nav a.navlink{color:var(--ink-soft);text-decoration:none;font-size:.92rem;font-weight:500}
  .nav a.navlink:hover{color:var(--ink)}

  .hero{padding:84px 0 64px}
  .kicker{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:5px 12px;border-radius:999px;margin-bottom:22px}
  .hero h1{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:22px}
  .hero p{font-size:1.15rem;color:var(--ink-soft);max-width:680px}

  section{padding:0 0 56px}
  section h2{font-size:1.5rem;margin-bottom:14px}
  section p{color:var(--ink-soft);max-width:680px;margin-bottom:14px}

  .contact-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;max-width:680px}
  .contact-card p{margin-bottom:6px}

  footer{border-top:1px solid var(--line);padding:36px 0 52px;color:var(--ink-soft);font-size:.86rem}
  footer p{max-width:680px}

  .people{list-style:none;margin:0 0 14px;padding:0}
  .people li{padding:16px 0;border-bottom:1px solid var(--line);max-width:680px}
  .people li:last-child{border-bottom:none}
  .people .name{font-family:var(--serif);font-size:1.12rem;font-weight:600;color:var(--ink)}
  .people .role{font-size:.9rem;color:var(--ink-soft)}
  .people a{font-size:.95rem}