/* Reserve the lower part of every slide for the carousel navigation. */
.hero { min-height: 640px; }
.hero-content {
  position: relative;
  z-index: 2;
  width: min(var(--shell), calc(100% - 48px));
  max-width: none;
  padding-top: clamp(64px, 9vh, 110px);
  padding-bottom: 132px;
}
.hero-content h1,
.hero-content .hero-heading { max-width: 690px; font-size: clamp(40px, 4.7vw, 68px); line-height: 1.03; letter-spacing: -.045em; margin: 0 0 24px; }
.hero-content p { margin-bottom: 0; }
.hero-controls { z-index: 3; bottom: 28px; }

@media (max-width: 680px) {
  .hero { min-height: 620px; }
  .hero-content { padding-top: 78px; padding-bottom: 110px; }
  .hero-content h1,
  .hero-content .hero-heading { font-size: 42px; }
}