.storefront-hero-compact {
  padding: clamp(1.8rem, 4vw, 3.4rem) 0;
}

.storefront-hero-compact .shell {
  max-width: 980px;
}

.storefront-hero-compact .storefront-hero-grid {
  display: block;
  max-width: 980px;
}

.storefront-hero-compact .storefront-hero-media {
  display: none;
}

.storefront-hero-compact h1 {
  max-width: none;
  margin: .25rem 0 1rem;
  font-size: clamp(2.8rem, 6vw, 5.5rem);
  line-height: .94;
}

.storefront-hero-compact .storefront-hero-lead {
  max-width: 820px;
  margin-bottom: 1.25rem;
}

.storefront-products {
  padding-top: clamp(2rem, 4vw, 4rem);
}

.storefront-products .section-heading {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

@media (max-width: 700px) {
  .storefront-hero-compact {
    padding: 1.5rem 0 1.8rem;
  }

  .storefront-hero-compact h1 {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }

  .storefront-products {
    padding-top: 1.75rem;
  }
}