/* Codex 53 / modification 6. Desktop only: tablet/mobile retain Codex 52.
   Loaded only by the homepage; shared header/footer and other routes unchanged. */
@media (min-width: 1101px) {
  main > section[class] {
    background: linear-gradient(90deg, rgba(197,237,248,.97) 0%, rgba(248,253,254,.985) 34%, #fff 50%, rgba(248,253,254,.985) 66%, rgba(197,237,248,.97) 100%);
  }

  /* Family only: retain every heading's existing size, weight and spacing. */
  main > section[class] :is(h1, h2, h3, h4),
  main .c31-hub-copy strong,
  main .c31-application-copy strong,
  main .c31-project-feature strong,
  main .c31-project-list strong,
  main .c31-technique-links a > span,
  main .c31-faq summary,
  main .c31-quote aside > strong,
  main .c26-first-quote > strong {
    font-family: Cambria, Georgia, serif;
  }

  .c31-applications .c31-heading { text-align: center; }
  .c31-applications .c31-heading > p:last-child { margin-inline: auto; }
  .c31-application-more {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .c31-application-more::after { content: ""; flex-basis: 100%; order: 1; }
  .c31-application-more .c31-application-all { order: 2; margin-inline: 0; }

  /* Halve section top padding only. Hero and orientation are explicit exceptions. */
  .c31-section:not(.c31-orient):not(.c31-systems) {
    padding-top: clamp(38px, 4vw, 56px);
  }
  .c31-systems { padding-top: clamp(22.8px, 2.4vw, 33.6px); }
  .c26-section { padding-top: clamp(32px, 3.5vw, 52px); }
  .c31-quote { padding-top: clamp(36px, 4vw, 55px); }

  /* Previously dark section surfaces require dark foregrounds on the pale gradient.
     Photo overlays, dark inset cards and their light text remain untouched. */
  .c31-applications, .c31-technique, .c31-quote, .c26-workshop { color: #11191d; }
  .c31-applications .c31-application { color: #fff; }
  .c31-applications .c31-heading-light h2, .c26-workshop h2 { color: #11191d; }
  .c31-applications .c31-heading-light > p:last-child,
  .c31-technique-copy > p:not(.c31-eyebrow),
  .c26-workshop-copy > p:not(.c26-eyebrow),
  .c31-quote .c31-quote-grid > div > p:not(.c31-eyebrow) { color: #53636b; }
  .c26-workshop .c26-eyebrow-light { color: #087ba3; }
  .c31-application-more { border-color: #cbd9de; }
  .c31-application-more > span { color: #53636b; }
  .c31-application-more > a { color: #087ba3; }
  .c31-application-more .c31-application-all { color: #11191d; border-color: #acbbc2; }
  .c31-technique-links, .c31-technique-links a { border-color: #cbd9de; }
  .c31-technique-links a { color: #223037; }
  .c31-technique-links a:hover { background: #e7f4f8; }
  .c31-technique-links a b { color: #087ba3; }
  .c31-quote .c31-button-ghost { color: #223037; border-color: #acbbc2; }
  .c31-quote aside { color: #fff; }
  .c31-technique .c31-technique-grid .section-photos .section-photo {
    background: rgba(255,255,255,.75);
    border-color: #d7e1e5;
    border-top-color: #42c4e9;
  }
  .c31-technique .c31-technique-grid .section-photos .section-photo figcaption,
  .c31-technique .c31-technique-grid .section-photos .section-photo[data-photo-v7] figcaption span { color: #223037; }
  .c31-technique .c31-technique-grid .section-photos .section-photo[data-photo-v7] figcaption p { color: #53636b !important; }

  /* Old photo width = 1040px at these desktop widths.
     New width = viewport content width - half of the old total outside margins.
     Container units exclude the scrollbar: each outer margin is exactly halved.
     Preserve the 22px gap, image ratio and all other hero elements. */
  .c31-hero.c52-hero { container-type: inline-size; }
  .c52-hero-photos {
    width: min(calc(50cqw + 520px), calc(100cqw - 28px));
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-inline: 0;
  }
}