@media (max-width: 1080px) {
  :root {
    --container: 960px;
  }
}

@media (max-width: 900px) {
  .hero {
    min-height: auto;
    padding-block: 8rem 4rem;
  }
}

@media (max-width: 600px) {
  .btn {
    width: 100%;
  }
  .hero-actions .btn,
  .cta-band .btn {
    width: auto;
  }
  .cta-band {
    margin-inline: var(--gutter);
  }
}