.hero{padding-top:clamp(48px,6vw,80px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr);grid-template-areas:"eyebrow visual" "title visual" "lead visual" "actions visual";column-gap:clamp(48px,5vw,72px);align-items:start}
.hero-eyebrow{grid-area:eyebrow}
.hero-grid h1{grid-area:title;max-width:790px;margin:0 0 26px;font-size:clamp(50px,5vw,72px);line-height:.98}
.hero-lead{grid-area:lead;max-width:680px;margin-bottom:32px;color:var(--steel);font-size:clamp(18px,1.5vw,21px);line-height:1.45;text-wrap:pretty}
.hero-actions{display:flex;align-items:center;gap:28px}
.hero-actions{grid-area:actions}
.hero-actions .button{white-space:nowrap}
.hero-actions p{margin:0;color:var(--steel);font-size:13px;line-height:1.55}
.hero-visual{grid-area:visual;align-self:center;margin:0;overflow:hidden;background:var(--card)}
.hero-visual picture,.hero-visual img{display:block;width:100%}
.hero-visual img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}