.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--coral-soft)}
.lede{font-size:clamp(1.05rem,1.1vw + .7rem,1.3rem);color:var(--muted);max-width:44ch}
.tag{display:inline-block;font-size:.75rem;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--sage-soft);color:var(--sage-ink)}
.tag.amber{background:var(--lantern-soft);color:var(--lantern-ink)}
.note{font-size:.85rem;color:var(--muted)}
.sec{padding:clamp(56px,8vw,112px) 0}
.sec.tight{padding:clamp(40px,5vw,72px) 0}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:clamp(28px,4vw,48px)}
.sec-head p{max-width:46ch;color:var(--muted);margin:0}
.grid{display:grid;gap:clamp(16px,2vw,28px)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}
.is-dark{background:var(--ink);color:var(--paper)}
.is-dark .lede,.is-dark .sec-head p,.is-dark .note{color:var(--on-dark-muted)}
.is-dark a:not(.btn){color:var(--lantern)}
.is-cream{background:var(--paper-2)}

.cta-band .btn.ghost{border-color:var(--paper);--fg:var(--paper)}
.cta-band .btn.ghost:hover{background:color-mix(in srgb, var(--paper) 10%, transparent)}