@media (min-width: 901px) {
  /* The heading reveal needs a little room for the final glyph's overhang. */
  #clients .chapter-title > span,
  #company .chapter-title > span {
    width: max-content;
    max-width: none;
    padding-right: .14em;
  }

  /* Match the two Growth Logic visuals on their upper edge. */
  .snap-approach:not(.snap-communicate) .approach-funnel {
    top: -84px;
  }
}

.site-footer {
  grid-template-columns: 1.35fr 2fr 1fr;
}

.site-footer .footer-address p + p {
  margin-top: 2px;
}

@media (max-width: 900px) {
  .site-footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  body > .site-footer { grid-template-columns: 1fr; }
  .site-footer .footer-company { margin-top: 14px; }
}

@media (max-width: 700px) {
  .capabilities .section-heading { row-gap: 0; }
  .capabilities .section-heading > p { margin: 0; }
  .capabilities .section-heading > p:first-of-type { margin-top: 26px; }
  .capabilities .section-heading > .execution-scope { margin-top: 8px; }
}

@media (min-width: 701px) {
  .capabilities .section-heading > .execution-scope { margin-top: 6px; }
}

/* Light Structure First as its spread becomes visible. */
@keyframes structure-title-light {
  0% { color: #b8c8be; text-shadow: 0 0 0 rgba(105, 220, 168, 0); }
  48% { color: #c7ffdd; text-shadow: 0 0 19px rgba(105, 220, 168, .58), 0 0 38px rgba(105, 220, 168, .22); }
  100% { color: var(--continuity-ink); text-shadow: 0 0 10px rgba(105, 220, 168, .18); }
}

@media (min-width: 701px) and (prefers-reduced-motion: no-preference) {
  .snap-approach:not(.snap-communicate) .sequence-intro.visible h2 span {
    animation: structure-title-light 1.3s ease-out .12s both;
  }
}

@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  .snap-approach:not(.snap-communicate) .sequence-intro.visible h2 span {
    animation: none;
  }
  .snap-approach:not(.snap-communicate).heading-sequence.is-heading-receding .sequence-intro h2 span {
    animation: structure-title-light 1.3s ease-out both;
  }
}

@media (min-width: 901px) {
  /* Center the value group in the space beneath the fixed navigation. */
  .snap-company > .company {
    padding-top: var(--page-chapter-height);
    padding-bottom: var(--page-chapter-height);
  }
  .snap-company .company-top,
  .snap-company .company-values {
    position: relative;
    top: clamp(60px, 8svh, 86px);
  }

  /* Keep the chapter name below both fixed navigation rows, including on
     the return scroll from Contact. */
  .snap-company > .chapter-divider {
    height: 255px;
    min-height: 255px;
    padding-top: 153px;
    padding-bottom: 22px;
  }
  #company .chapter-title > span {
    opacity: 1;
    clip-path: none;
    transform: none;
    transition: none;
  }

  /* The Execution spread uses the same visual scale as adjacent chapters. */
  .capabilities .section-heading,
  .capabilities .capability-list {
    width: min(100%, 1240px);
    margin-left: auto;
    margin-right: auto;
    top: 0;
  }
  .capabilities .section-heading { margin-bottom: clamp(22px, 3svh, 30px); }
  .capabilities .section-heading h2.type-reveal {
    font-size: clamp(34px, 2.8vw, 46px);
    line-height: 1.17;
  }
  .capabilities .section-heading > p { font-size: 14px; margin-top: 13px; }
  .capabilities .capability { padding-top: 26px; padding-bottom: 26px; }
  .capabilities .capability h3 { font-size: clamp(20px, 1.8vw, 28px); }
  .capabilities .capability p { font-size: clamp(13px, .9vw, 15px); }
}