.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.hero--with-media{align-items:center;display:grid;gap:clamp(2rem,5vw,4rem)}@media (min-width:768px){.hero--with-media{grid-template-columns:1.15fr 1fr}}.hero__media img{border-radius:var(--radius-lg)}