.banner { position: relative; }
.banner img { width: 100%; height: min(56vw, 440px); object-fit: cover; }
.banner .cap {
  position: absolute; inset: auto 0 0; padding: 28px 0 32px;
  background: linear-gradient(transparent, rgba(0,0,0,.72)); color: #fff;
}
.banner h1 { margin: 0 0 8px; font-size: clamp(2rem, 7vw, 3.8rem); line-height: 1.05; letter-spacing: -.045em; font-weight: 800; }
.banner h1 span { color: var(--yellow); }
.banner p { margin: 0; max-width: 46ch; color: #eee; }
.block { padding: 24px 0 56px; max-width: 760px; }
@media (min-width: 760px) {
  .banner img { height: 420px; }
  .banner .cap { padding: 40px 0 48px; }
}