@media (max-width: 1024px) {
  .site-header__inner { grid-template-columns: 1fr auto; }
  .primary-nav { position: absolute; top: calc(100% + 1px); right: 0; left: 0; display: none; padding: 22px var(--gutter) 28px; background: var(--white); border-bottom: 1px solid var(--line); box-shadow: 0 18px 30px color-mix(in srgb, var(--ink) 8%, transparent); }
  .primary-nav.is-open { display: grid; gap: 0; }
  .primary-nav a { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 15px; }
  .primary-nav a::after { display: none; }
  .header-cta { display: none; }
  .menu-toggle { position: relative; display: grid; width: 44px; height: 44px; place-content: center; gap: 5px; justify-self: end; padding: 0; }
  .menu-toggle > span:not(.sr-only) { display: block; width: 22px; height: 2px; background: var(--ink); transition: transform .2s ease, opacity .2s ease; }
  .menu-toggle[aria-expanded="true"] > span:nth-of-type(2) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] > span:nth-of-type(3) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] > span:nth-of-type(4) { transform: translateY(-7px) rotate(-45deg); }
  .about-grid { gap: 54px; }
  .single-project__content-grid { gap: 54px; }
}

@media (max-width: 760px) {
  .section { padding-block: 72px; }
  .hero { min-height: 700px; }
  .hero h1 { max-width: 9ch; }
  .hero__signal { display: none; }
  .section-heading, .contact-panel { align-items: start; flex-direction: column; }
  .section-heading { gap: 18px; }
  .about-grid { grid-template-columns: 1fr; }
  .about-visual { min-height: 340px; }
  .about-stats { gap: 14px; }
  .solutions-grid, .differentials-grid, .projects-grid { grid-template-columns: 1fr; }
  .solution-card { min-height: 210px; }
  .differentials-grid { gap: 0; }
  .differential { min-height: 150px; }
  .project-card__body p { min-height: 0; }
  .contact-panel .button { width: 100%; }
  .site-footer__grid, .site-footer__bottom { flex-direction: column; }
  .site-footer__grid { padding-bottom: 48px; }
  .single-project__header { padding-block: 54px 38px; }
  .single-project__content-grid { grid-template-columns: 1fr; padding-block: 54px 80px; }
  .single-project__aside { order: -1; }
  .archive-hero { padding-block: 88px 66px; }
}

@media (max-width: 420px) {
  :root { --gutter: 18px; }
  .brand__mask { width: 242px; height: 56px; }
  .brand__logo { width: 184px; max-height: 68px; transform: scale(1.43); }
  .hero { min-height: 650px; }
  .hero__content { padding-block: 80px; }
  .hero__actions { align-items: stretch; flex-direction: column; }
  .hero__actions .button { width: 100%; }
  .about-stats { grid-template-columns: 1fr; }
  .about-stats div { display: flex; align-items: baseline; gap: 12px; }
  .about-stats strong { margin: 0; }
}