:root{
  --ink:#171714;
  --muted:#4f5148;
  --paper:#e3e8d2;
  --card:#f3f4e9;
  --line:#c7cdb8;
  --accent:#df8b4b;
  --accent2:#c5d0a9;
  --olive:#8ea16f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit}
.wrap{max-width:1000px;margin:auto;padding:0 24px}
nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.name{font-weight:700;letter-spacing:.01em;text-decoration:none}
.links{display:flex;gap:25px;font-size:.95rem}
.links a{text-decoration:none}
.links a:hover{text-decoration:underline}
.hero{padding:85px 0 75px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:55px;align-items:center}
.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:750;color:var(--accent);margin-bottom:12px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif} h1{font-size:clamp(2.8rem,7vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}
h2{font-size:2rem;line-height:1.15;margin:0 0 18px;letter-spacing:-.025em}
h3{margin:0 0 9px;line-height:1.25}
.lead{font-size:1.25rem;color:var(--muted);max-width:740px}
.button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:13px 20px;border-radius:4px;font-weight:700;margin-top:16px}
section{padding:70px 0;border-top:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:var(--card);padding:28px;border:1px solid var(--line);border-radius:6px}
.card p{color:var(--muted);margin-bottom:0}
.muted{color:var(--muted)}
ul{padding-left:21px}
li{margin-bottom:9px}
.cta{background:var(--accent);color:white;border-radius:8px;padding:42px}
.cta .button{background:white;color:var(--accent)}
footer{padding:35px 0 60px;color:var(--muted);font-size:.9rem}
.page-head{padding:70px 0 55px;max-width:800px}
.page-head h1,h2,h3{font-family:Georgia,"Times New Roman",serif} h1{font-size:clamp(2.6rem,6vw,4.2rem)}
.note{background:var(--accent2);padding:28px;border-radius:6px}
@media(max-width:760px){
  .links{gap:14px;font-size:.86rem}
  .two,.grid{grid-template-columns:1fr}
  .hero{padding:58px 0}
  section{padding:55px 0}
}
@media(max-width:560px){
  nav{align-items:flex-start;gap:15px}
  .links{flex-wrap:wrap;justify-content:flex-end}
}

.hero-copy{min-width:0}
.hero-photo{justify-self:end;width:260px}
.hero-photo img{display:block;width:100%;height:290px;object-fit:cover;object-position:center;border:8px solid var(--accent);border-radius:4px}
.office-photo-section{padding-top:20px}
.office-photo{display:block;width:100%;max-width:760px;height:auto;border:1px solid var(--line);border-radius:6px}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;gap:34px}
  .hero-photo{justify-self:start;width:210px}
  .hero-photo img{height:235px}
  .office-photo-section{padding-top:10px}
}

.page-head-photo{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:50px;align-items:center}
.page-head-copy{min-width:0;max-width:800px}
.about-photo{justify-self:end;width:220px}
.about-photo img{display:block;width:100%;height:245px;object-fit:cover;object-position:center;border:8px solid var(--accent);border-radius:4px}
@media(max-width:760px){
  .page-head-photo{grid-template-columns:1fr;gap:30px}
  .about-photo{justify-self:start;width:180px;order:-1}
  .about-photo img{height:200px}
}