@media (max-width: 1100px) {
  .site-nav,
  .header-cta {
    display: none;
  }

  .nav-toggle {
    display: flex;
  }

  .site-header__inner {
    grid-template-columns: 1fr auto;
  }

  .site-logo__tag {
    display: none;
  }
}

@media (max-width: 1024px) {
  .hero__row {
    grid-template-columns: 1fr;
  }

  .hero__media {
    min-height: clamp(260px, 60vw, 420px);
    margin-top: 0;
  }

  .hero__media-fade {
    display: none;
  }

  .hero__copy {
    max-width: none;
    padding-bottom: clamp(32px, 4vw, 48px);
  }

  .facts {
    grid-template-columns: repeat(2, 1fr);
  }

  .facts__cell:nth-child(2) {
    border-right: none;
  }

  .facts__cell:nth-child(1),
  .facts__cell:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .two-col,
  .services-anchor__head,
  .cta-close__grid,
  .page-hero-panel--split,
  .page-hero__intro,
  .founder-strip,
  .pilot,
  .svc-feature,
  .pricing__grid,
  .segment,
  .ww-step,
  .controle,
  .contact-layout,
  .two-tone {
    grid-template-columns: 1fr;
  }

  .page-hero--split .page-hero__media {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    min-height: clamp(280px, 55vw, 420px);
  }

  .page-hero__chips {
    justify-content: flex-start;
  }

  .process-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 24px;
  }

  .process-step {
    padding-right: 0;
  }

  .service-row {
    grid-template-columns: 48px 1fr 28px;
  }

  .service-row__desc {
    display: none;
  }

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

  .audience-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .audience-row__tag {
    text-align: left;
    padding-top: 0;
  }

  .pain-grid {
    grid-template-columns: 1fr;
  }

  .values-grid,
  .ook-voor,
  .segment__cols,
  .spec-grid {
    grid-template-columns: 1fr;
  }

  .svc-spec-row {
    grid-template-columns: 48px 1fr;
  }

  .svc-spec-row > :last-child {
    grid-column: 1 / -1;
  }

  .page-hero__quote-card {
    left: var(--gutter);
    right: var(--gutter);
    max-width: none;
  }

  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
  }

  .ww-step__aside {
    border-left: none;
    border-top: 2px solid var(--accent);
    padding-left: 0;
    padding-top: 18px;
  }

  .timeline-row {
    grid-template-columns: 100px 1fr;
  }
}

@media (max-width: 640px) {
  .facts {
    grid-template-columns: 1fr;
  }

  .facts__cell {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .facts__cell:last-child {
    border-bottom: none;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .audience-cards {
    grid-template-columns: 1fr;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
  }

  .hero__media {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .hero__media img {
    position: relative;
    height: clamp(240px, 58vw, 340px);
  }

  .display-h1 {
    font-size: clamp(38px, 10vw, 56px);
  }

  .cta-close__row {
    flex-direction: column;
    gap: 8px;
  }

  .cta-close__val {
    text-align: left;
  }
}