/* Desktop composition uses one content boundary. Mobile keeps its existing rules. */
@media (min-width: 761px) {
  body.home-page {
    --home-content-width: 1440px;
    --home-gutter: max(clamp(24px, 5vw, 80px), calc((100vw - var(--home-content-width)) / 2));
    --aw-space: var(--home-gutter);
  }
  body.home-page .hero { background: #064638; }
  body.home-page .leadership-carousel,
  body.home-page .leadership-carousel .leadership-slide,
  body.home-page .leadership-carousel .leadership-slide .hero-visual-shade { background: transparent; }
  body.home-page .utility,
  body.home-page .site-header,
  body.home-page .global-partners,
  body.home-page .service-overview,
  body.home-page .hp-ecosystem,
  body.home-page .amwal-app-showcase,
  body.home-page .hp-why,
  body.home-page .contact,
  body.home-page > footer { padding-inline: var(--home-gutter); }
  body.home-page .service-overview,
  body.home-page .hp-ecosystem,
  body.home-page .amwal-app-showcase,
  body.home-page .hp-why,
  body.home-page .contact { padding-block: clamp(48px, 5vw, 80px); }
  body.home-page .hp-section-head h2,
  body.home-page .service-overview-heading h2,
  body.home-page .contact h2 { font-size: clamp(2rem, 3.4vw, 3.5rem); line-height: 1.12; text-wrap: balance; }
  body.home-page .service-overview-grid,
  body.home-page .hp-benefit-grid { gap: clamp(18px, 2vw, 32px); }
  body.home-page .hp-benefit p { max-width: 38ch; }
  body.home-page .amwal-app-showcase { gap: clamp(28px, 4vw, 64px); }
  body.home-page .amwal-app-showcase::before { inset-inline: max(16px, calc(var(--home-gutter) - 24px)); }
  body.home-page .footer-main,
  body.home-page .footer-bottom { min-width: 0; gap: 24px; }
  body.home-page .footer-main p { max-width: 65ch; }
  body.home-page .hero-visual-caption { overflow-wrap: break-word; }
  body.home-page .leadership-slide .hero-visual-caption {
    text-shadow: 0 1px 2px #001d17, 0 0 4px #001d17, 0 0 8px #001d17;
  }
  body.home-page .leadership-slide .hero-visual-caption > span {
    font-weight: 700;
    text-shadow: 0 1px 2px #001d17, 0 0 3px #001d17, 0 0 6px #001d17;
  }
}
@media (min-width: 1001px) {
  body.home-page .hero {
    padding-inline: var(--home-gutter);
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    min-height: 630px;
    background: #064638;
  }
  body.home-page .hero-copy.hero-architecture-copy {
    min-width: 0;
    padding: 64px clamp(32px, 3vw, 56px) 34px 0;
    overflow: visible;
  }
  body.home-page .hero-copy.hero-architecture-copy::before,
  body.home-page .hero-copy.hero-architecture-copy::after { inset-inline-start: calc(-1 * var(--home-gutter)); }
  body.home-page .hero-copy h1 { font-size: clamp(2.6rem, 3.8vw, 4.4rem); max-width: 16ch; animation: none; transform: none; }
  body.home-page .hero-copy .lead { max-width: 52ch; }
  body.home-page .leadership-carousel { min-width: 0; }
  /* One uninterrupted green canvas, including the outer desktop gutter. */
  body.home-page .leadership-carousel,
  body.home-page .leadership-carousel .leadership-slide,
  body.home-page .leadership-carousel .leadership-slide .hero-visual-shade { background: transparent; }
  body.home-page .leadership-slide .hero-visual-caption p { font-size: clamp(1.8rem, 2.6vw, 2.7rem); }
}
@media (min-width: 761px) and (max-width: 1000px) {
  body.home-page .hero-copy { padding-inline: 32px; }
  body.home-page .site-header { padding-inline: 24px; }
}