/* Grow the desktop layout toward its 125% size without changing browser zoom.
   Keep native coordinates for the flying cards, anchors and fixed contact dock. */
@media (min-width: 1001px) {
  :root {
    --desktop-width: clamp(1160px, 94vw, 1450px);
    --desktop-gutter: clamp(40px, 3.25vw, 50px);
    --desktop-copy: clamp(16px, 1.3vw, 20px);
  }
  .wrap { max-width: var(--desktop-width); padding-inline: var(--desktop-gutter); }
  .header, .hero {
    max-width: none;
    padding-inline: max(var(--desktop-gutter), calc((100% - var(--desktop-width)) / 2 + var(--desktop-gutter)));
  }
  .hero .scroll-note {
    left: max(var(--desktop-gutter), calc((100% - var(--desktop-width)) / 2 + var(--desktop-gutter)));
    right: max(var(--desktop-gutter), calc((100% - var(--desktop-width)) / 2 + var(--desktop-gutter)));
  }
  body { font-size: var(--desktop-copy); }
  .hero h1 { font-size: clamp(60px, 6.15vw, 95px); }
  .hero-description { font-size: clamp(18px, 1.46vw, 22.5px); max-width: 675px; }
  .hero {
    gap: clamp(32px, 3.9vw, 60px);
    /* Shift only the photo; keep the text gradients in place. */
    background-position: center, center, calc(50% + clamp(60px, 5vw, 96px)) center;
  }
  h2 { font-size: clamp(45px, 5vw, 77.5px); }
  .section-heading > p,
  .company-info > p:not(.company-region), .group-note p,
  .statement .wrap > p:last-child, .body-copy, .capability-list p,
  .legacy-copy p, .network-main p, .regions p, .faq details p {
    font-size: var(--desktop-copy);
  }
  .header nav, .button, .text-link { font-size: clamp(12px, .98vw, 15px); }
  .company-info h3, .legacy-copy h3, .regions h3 { font-size: clamp(22px, 1.79vw, 27.5px); }
  .faq summary { font-size: var(--desktop-copy); }
  .section { padding-block: clamp(110px, 8.94vw, 137.5px); }
  .art-space { height: clamp(326px, 26.5vw, 407.5px); }
  .body-copy { max-width: 462px; }
  .section-heading > p { max-width: 325px; }
  .company-info > p:not(.company-region) { max-width: 550px; }
  body:before { left: calc(50% - var(--desktop-width) / 2); }
  body:after { right: calc(50% - var(--desktop-width) / 2); }
}