*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.72;font-size:17.5px;font-weight:400;overflow-x:hidden;
  background-image:radial-gradient(rgba(242,233,219,.05) 1px,transparent 1px);background-size:22px 22px}
img,svg{max-width:100%;display:block}
a{color:var(--terra);text-decoration:none;transition:color .25s}
a:hover{color:var(--terra-2)}
.container{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.section{position:relative;padding:var(--s6) 0}
.section--tone{background:var(--paper-2)}
.eyebrow{font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--terra);display:flex;align-items:center;gap:14px;margin-bottom:18px}
.eyebrow::before{content:'';width:34px;height:1px;background:var(--terra)}
.center .eyebrow{justify-content:center}
.center .eyebrow::after{content:'';width:34px;height:1px;background:var(--terra)}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.06;letter-spacing:.005em;color:var(--ink);text-wrap:balance}
h1 em,h2 em,h3 em{font-style:italic;color:var(--terra)}
.h2{font-size:clamp(38px,5vw,66px)}
.lead{font-size:18.5px;color:var(--ink-2);max-width:58ch;margin-top:16px}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.rule{height:1px;background:var(--line);border:0;margin:26px 0 0;transform-origin:left}
.caps{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
::selection{background:var(--terra);color:var(--paper)}