/* reset + foundational */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--ivory);color:var(--ink);
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--font-serif);font-weight:var(--fw-reg);line-height:1.12;color:var(--ink)}
h1{font-size:var(--fs-h1)} h2{font-size:var(--fs-h2)} h3{font-size:var(--fs-h3)}
p{color:var(--muted)} a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--pad-x)}
.eyebrow{font-family:var(--font-sans);font-size:var(--fs-eyebrow);letter-spacing:.16em;
  text-transform:uppercase;color:var(--bordeaux);font-weight:var(--fw-semi)}
.section{padding:var(--sp-xl) 0}
.section--alt{background:var(--ivory-alt)}
.section__head{max-width:64ch;margin-bottom:var(--sp-lg)}
.section__head h2{margin:10px 0 12px}
.lead{font-size:var(--fs-lead);color:var(--muted)}