@media (max-width: 1200px) {
  .hc-hero__content h1 {
    font-size: clamp(34px, 4vw, 44px);
  }

  .hc-split__content h2,
  .hc-section__header h2,
  .hc-final-cta h2,
  .hc-why h2 {
    font-size: clamp(28px, 3.2vw, 36px);
  }
}

@media (max-width: 1100px) {
  .site-nav--desktop,
  .site-header__cta,
  .site-topbar {
    display: none;
  }

  .site-menu-toggle {
    display: flex;
  }

  .site-nav-wrap__inner {
    min-height: 64px;
  }

  .hc-hero {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hc-hero__inner,
  .hc-featured__layout,
  .hc-split__inner,
  .hc-why__inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .hc-values__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .hc-testimonials__grid,
  .site-footer__top {
    grid-template-columns: 1fr;
  }

  .site-footer__bottom-inner {
    flex-direction: column;
  }

  .hc-final-cta__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .hc-container {
    width: min(100% - 32px, var(--hc-container));
  }

  .site-nav-wrap__inner {
    min-height: 64px;
  }

  .site-brand__copy em {
    display: none;
  }

  .hc-section,
  .hc-featured,
  .hc-split--comfort,
  .hc-why,
  .hc-testimonials,
  .hc-faq,
  .hc-split--about {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .hc-hero {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .hc-hero__content h1 {
    font-size: 30px;
    max-width: 320px;
    margin-bottom: 16px;
  }

  .hc-hero__content .hc-lead {
    max-width: 344px;
    margin-bottom: 22px;
  }

  .hc-btn-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .hc-btn {
    width: 100%;
    justify-content: flex-start;
  }

  .hc-hero__meta {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 20px;
    margin-top: 20px;
  }

  .hc-hero__media {
    min-height: auto;
  }

  .hc-hero__media img,
  .hc-featured__image img,
  .hc-split__media img,
  .hc-why__media img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  .hc-values {
    padding-top: 33px;
    padding-bottom: 33px;
  }

  .hc-value-item {
    align-items: flex-start;
  }

  .hc-section__header {
    margin-bottom: 48px;
  }

  .hc-faq__item summary {
    padding: 14px 16px;
  }

  .hc-faq__answer {
    padding: 14px 16px;
  }

  .hc-testimonials__grid {
    gap: 16px;
  }

  .hc-final-cta {
    padding: 56px 0;
  }

  .site-footer__top {
    gap: 28px;
  }
}