@media (max-width: 63.999rem) {
  .home-story__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .culture-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 47.999rem) {
  :root {
    --header-height: 4.5rem;
  }

  .header__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
  }

  .brand img {
    width: 7.75rem;
  }

  html.js .nav-toggle {
    display: inline-flex;
  }

  .site-nav {
    grid-column: 1 / -1;
    width: 100%;
    padding-bottom: 1rem;
  }

  html.js .site-nav:not(.is-open) {
    display: none;
  }

  .site-nav__list {
    align-items: stretch;
    flex-direction: column;
    gap: 0.25rem;
  }

  .site-nav__link {
    width: 100%;
    min-height: 3rem;
    padding-inline: 0.75rem;
  }

  .site-nav__link[aria-current="page"] {
    background: var(--color-brand-light);
    box-shadow: inset 0.1875rem 0 var(--color-brand-primary);
  }

  .site-nav__link--cta,
  .site-nav__link--cta[aria-current="page"] {
    margin-top: 0.35rem;
    justify-content: center;
    box-shadow: none;
  }

  .foundation-hero {
    min-height: 26rem;
  }

  .home-hero__inner {
    min-height: 34rem;
  }

  .home-story__copy {
    padding-top: 1.25rem;
    padding-left: 0;
    border-top: 0.25rem solid var(--color-accent);
    border-left: 0;
  }

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

  .solution-grid,
  .technology-grid {
    grid-template-columns: 1fr;
  }

  .solution-card {
    min-height: 16rem;
  }

  .technology-card__media {
    min-height: 17rem;
  }

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

  .page-hero__inner {
    min-height: 30rem;
  }

  .about-story__grid,
  .principles-grid,
  .capability-grid,
  .quality-preview__grid,
  .business-service__grid,
  .business-service__grid--reverse,
  .business-service__intro,
  .production-processes {
    grid-template-columns: 1fr;
  }

  .business-process {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .business-process li:not(:last-child)::after {
    top: auto;
    right: 50%;
    bottom: -2.1rem;
    content: "\2193";
    transform: translateX(50%);
  }

  .business-process a {
    min-height: 8.5rem;
  }

  .business-service__grid--reverse .business-service__content,
  .business-service__grid--reverse .business-service__media-pair {
    grid-column: auto;
    grid-row: auto;
  }

  .business-service__media-pair {
    grid-template-columns: 1fr;
  }

  .business-service__figure--supporting {
    margin-bottom: 0;
  }

  .business-service__media-pair .business-service__figure > img {
    min-height: 15rem;
  }

  .business-service__intro > p {
    margin-bottom: 0;
    padding-top: 1.25rem;
    padding-left: 0;
    border-top: 0.25rem solid var(--color-accent);
    border-left: 0;
  }

  .production-process {
    min-height: 31rem;
  }

  .production-process__visuals {
    min-height: 18rem;
  }

  .vision-card,
  .mission-card {
    min-height: auto;
  }

  .principle-card__label {
    margin-bottom: 2.5rem;
  }

  .capability-card__media {
    min-height: 16rem;
  }

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

@media (max-width: 24rem) {
  .nav-toggle__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

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

@media (min-width: 80rem) {
  .site-nav__list {
    gap: 1.5rem;
  }
}