/* Hero A — desktop layer (≥1024px). The nav is the floating pill, so the copy clears nav-top + nav-h. */
.ha__copy { padding-top: calc(var(--nav-top) + var(--nav-h) + clamp(18px, 4.5svh, 48px)); }
.ha__title { max-width: none; }
.ha__lead { max-width: 44ch; }
.ha__cta { grid-auto-flow: column; align-items: center; gap: 22px; }
.ha__stage { min-height: 170px; }
.slab { padding-inline: 14px; }
.ha::before { height: 18px; }