html.gifs-refined #root #services .national-services a{color:#244735;text-decoration:underline;text-underline-offset:4px}
html.gifs-refined #root #services .national-services a:hover{color:#813b39}
/*
 * GIFS / wide editorial composition, 20 October 2026.
 * Load after refined, service-upgrade and the motion styles.
 * CSS viewport gate includes 3440x1440 and the 125% / 150% scaled desktop.
 * Keep compact windows on the existing responsive layout.
 */
@media (min-width: 2000px) and (min-aspect-ratio: 2/1) {
  :root {
    --gifs-wide-content: clamp(1480px, 60vw, 1760px);
  }

  /* Let multi-column information use the screen; retain text measures below. */
  html.gifs-refined #root #services > :is(.guide-intro, .national-services, .guide-services, .guide-case, .guide-process, .guide-faq, .guide-footer),
  html.gifs-refined #root #approach > :is(.automation-scope, .flight-story),
  html.gifs-refined #root #case > :is(.final-case-flow, .case-layout, .next-chapter) {
    max-width: var(--gifs-wide-content);
  }

  html.gifs-refined #root :is(#approach, #case) > .section-intro {
    max-width: var(--gifs-wide-content) !important;
  }

  html.gifs-refined #root #services :is(.guide-intro, .guide-services, .guide-case, .guide-faq),
  html.gifs-refined #root #approach .flight-chapter {
    column-gap: clamp(80px, 4vw, 128px);
  }

  html.gifs-refined #root #services .guide-explanation > :is(p, ul, .guide-example),
  html.gifs-refined #root #services .guide-process ol p {
    max-width: 65ch;
  }

  /* AI's old 1640px border box includes 216px of side padding. */
  html.gifs-refined #root #ai {
    box-sizing: border-box;
    width: 100%;
    max-width: calc(var(--gifs-wide-content) + 216px) !important;
  }

  html.gifs-refined #root #ai > .mp-scene,
  html.gifs-refined #root #chatbots.mp-ready > .mp-scene {
    max-width: var(--gifs-wide-content);
  }

  html.gifs-refined #root #chatbots :is(.chatbot-web-intro, .lead-outcomes, .lead-demo-intro, .botl, .botl-proof, .bot5-exp, .lead-launch, .lead-final) {
    width: 100%;
    max-width: var(--gifs-wide-content) !important;
    margin-inline: auto;
  }

  html.gifs-refined #root #chatbots .lead-connect {
    width: 100% !important;
    max-width: var(--gifs-wide-content);
    margin-inline: auto !important;
  }

  html.gifs-refined #root #chatbots .lead-connect-head {
    max-width: none;
  }

  html.gifs-refined #root #chatbots .botl-msg {
    max-width: min(84%, 54ch) !important;
  }

  /* A contact column puts the actual next steps beside the invitation. */
  html.gifs-refined #root #contact .contact-window {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(400px, .9fr);
    column-gap: clamp(80px, 5vw, 140px);
    align-content: center;
    align-items: start;
    max-width: var(--gifs-wide-content) !important;
  }

  html.gifs-refined #root #contact .contact-window > :is(.eyebrow, h1, .contact-lead, .contact-actions) {
    grid-column: 1;
    min-width: 0;
  }

  html.gifs-refined #root #contact .direct-contacts {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    width: 100%;
    max-width: 620px;
    margin: 0 !important;
  }

  /* The standalone routes share a wider grid, with readable paragraph lines. */
  .su-page .seo-wrap {
    width: min(var(--gifs-wide-content), calc(100% - 160px));
  }

  .su-page :is(.su-rows p, .su-notes span, .seo-steps p, .su-scope-grid p, .seo-faq p, .su-case-copy p) {
    font-size: 1rem;
    line-height: 1.75;
    max-width: 68ch;
  }

  .su-page .seo-steps {
    gap: 40px;
  }

  .su-page .su-delivery-lead p {
    max-width: 48ch;
  }

  .su-page .seo-wrap > .mp-scene {
    max-width: var(--gifs-wide-content);
  }

  .su-case #catalog > .su-image,
  .su-case .su-case-copy {
    max-width: 1440px;
  }

  /* Larger process sheets gain reading room, not larger decorative machinery. */
  :is(#ai, #chatbots, .seo-wrap) > .mp-scene .mp-node h3 {
    font-size: 18px;
  }

  :is(#ai, #chatbots, .seo-wrap) > .mp-scene .mp-node p {
    font-size: 15px;
    line-height: 1.6;
    max-width: 48ch;
  }
}