:root{
  --sand:#F3F3E0; --navy:#133E87; --sky:#608BC1; --powder:#CBDCEB;
  --bg:var(--sand); --surface:var(--powder); --text:var(--navy); --muted:var(--sky);
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial; color:var(--text); background:linear-gradient(180deg,var(--bg),var(--powder))}
h1{font-family:'Fraunces',serif; font-size:clamp(40px,9vw,72px); margin:0 0 12px}
.section-title{font-family:'Fraunces',serif; font-size:clamp(22px,3vw,28px); margin:0 0 12px}
.subtitle{margin:6px 0 0; font-size:15px; color:var(--muted)}
a{color:#133E87; text-decoration:none} a:hover{text-decoration:underline}

.wrap{max-width:880px;margin:0 auto;padding:24px 16px 72px}

.single-column{display:grid;grid-template-columns:1fr;gap:28px}

.grid{display:grid;grid-template-columns:1fr;gap:28px}

.profile-pic{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid #F3F3E0;box-shadow:0 0 0 3px #133E87}