/* ============================================================
   HEFT — containers, sections, shared grids
   ============================================================ */

.wrap{width:min(1320px, 100% - clamp(16px,3vw,40px));margin-inline:auto}

section{padding-block:clamp(40px,4.4vw,80px)}

.center{text-align:center;max-width:680px;margin:0 auto clamp(28px,3vw,48px)}
.center .eyebrow{display:block;margin-bottom:14px}
.center .lede{margin:14px auto 0;max-width:52ch}

.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:end;margin-bottom:clamp(24px,2.6vw,40px)}
.split .eyebrow{display:block;margin-bottom:14px}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:14px;align-items:start}}

.card{background:var(--card);border-radius:var(--r)}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}
@media(max-width:860px){.grid-2{grid-template-columns:1fr}}