/* Desktop alignment refinements against the 1920px reference capture. */
@media (min-width: 1001px) {
  .trusted,
  .about,
  .services { background: #f4f4f2; }

  .about {
    box-shadow: 0 0 0 100vmax #f4f4f2;
    clip-path: inset(0 -100vmax);
  }

  .services { padding-bottom: 210px; }
  .process { padding-bottom: 300px; }
  .projects { padding-bottom: 285px; }

  .contact-box {
    width: min(1620px, calc(100% - 80px));
    height: 670px;
    max-width: none;
  }
}

html,
body { overflow-x: hidden; }

@media (max-width: 650px) {
  .container { width: calc(100% - 36px); }
  .site-header { grid-template-columns: 1fr auto; }
  .site-header .brand { width: 135px; }
  .menu-toggle { display: block; position: absolute; right: 0; top: 21px; z-index: 5; width: 44px; height: 44px; color: #111; }
  .hero h1 { max-width: 100%; font-size: 24px; letter-spacing: -.7px; }
  .hero-chip { min-width: 80px; height: 31px; padding-inline: 10px; font-size: 7px; }
  .hero-script { max-width: 100%; font-size: 26px; white-space: nowrap; }
  .trusted > p { font-size: 10px; }
  .trust-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-logos img { width: 85%; min-width: 0; max-width: 100%; justify-self: center; }
}