@media (max-width: 1040px) {
  .benefit-grid,
  .program-card-grid,
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .price-card--featured {
    transform: none;
  }
}

@media (max-width: 860px) {
  :root {
    --header-height: 74px;
  }

  .site-header__inner {
    min-height: var(--header-height);
  }

  .nav-toggle {
    display: block;
  }

  .site-nav {
    position: absolute;
    top: 100%;
    right: 16px;
    left: 16px;
    display: grid;
    gap: 0;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(10, 10, 18, .9);
    backdrop-filter: blur(26px);
    padding: 12px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease;
  }

  .site-nav.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .site-nav a:not(.btn),
  .site-nav .btn {
    justify-content: flex-start;
    width: 100%;
    min-height: 48px;
    padding: 0 16px;
  }

  .site-nav a:not(.btn)::after {
    display: none;
  }

  .hero {
    min-height: 94svh;
  }

  .fight-metrics {
    grid-template-columns: 1fr;
    max-width: 360px;
  }

  .split-grid,
  .split-grid--editorial,
  .program-detail,
  .video-grid,
  .contact-grid,
  .map-layout,
  .coach-card {
    grid-template-columns: 1fr;
  }

  .program-detail img,
  .media-panel,
  .media-panel img,
  .coach-card img {
    min-height: 320px;
  }

  .media-stack {
    min-height: 520px;
  }

  .proof-section {
    background-attachment: scroll;
  }

  .booking-band__inner,
  .final-cta__inner,
  .site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .class-finder__shell,
  .faq-layout {
    grid-template-columns: 1fr;
  }

  .goal-panel {
    grid-column: auto;
  }

  .booking-band__actions {
    width: 100%;
  }

  .booking-band__actions .btn {
    flex: 1 1 220px;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 15px;
  }

  h1 {
    font-size: clamp(3rem, 16vw, 4.9rem);
  }

  .section {
    padding: 78px 0;
  }

  .page-hero {
    min-height: 68vh;
    padding-bottom: 58px;
  }

  .benefit-grid,
  .program-card-grid,
  .pricing-grid,
  .testimonial-grid,
  .results-grid,
  .trust-grid,
  .values-grid,
  .site-footer__grid {
    grid-template-columns: 1fr;
  }

  .hero__actions,
  .booking-band__actions {
    display: grid;
  }

  .hero__copy {
    font-size: 1rem;
  }

  .mobile-booking-bar {
    display: flex;
  }

  body {
    padding-bottom: 86px;
  }

  .hero__actions .btn,
  .booking-band__actions .btn {
    width: 100%;
  }

  .feature-card,
  .value-card,
  .trust-card,
  .testimonial-card,
  .price-card,
  .contact-form {
    padding: 22px;
  }

  .stat-strip {
    position: static;
    border-radius: 0;
  }

  .media-panel {
    display: grid;
  }

  .site-footer__bottom {
    margin-top: 28px;
  }

  .media-stack {
    min-height: 390px;
  }

  .media-stack__main {
    inset: 0 0 20% 0;
    width: 100%;
    height: 80%;
    clip-path: none;
  }

  .media-stack__float {
    width: 58%;
    height: 34%;
  }

  .goal-tabs {
    grid-template-columns: 1fr;
  }

  .class-finder__shell {
    padding: 18px;
    border-radius: 26px;
  }
}