/* Digipure desktop full-wide composition.
   The page background already spans the viewport; this layer lets the useful
   content follow it on large screens while keeping text measures readable. */
@media (min-width: 1181px) {
  :root {
    --dp-wide-gutter: clamp(1.5rem, 1.6vw, 3rem);
  }

  body.svc-sea .ga-hero__inner {
    width: calc(100% - (2 * var(--dp-wide-gutter))) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body.svc-sea .ga-hero__copy {
    width: min(47vw, 58rem) !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  body.svc-sea .ga-hero {
    background-size: clamp(66rem, 60vw, 96rem) auto !important;
    background-position: right bottom !important;
  }

  body.svc-sea .ga-hero h1 {
    max-width: 12ch !important;
    font-size: clamp(3.8rem, 4.35vw, 6.15rem) !important;
  }

  html body.page-nos-solutions > .footer > .container-lg {
    width: calc(100% - (2 * var(--dp-wide-gutter))) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
}

/* Vite regroupe les feuilles par page et peut placer ce chunk avant les CSS
   historiques. Ces sélecteurs décrivent la hiérarchie réelle des pages : leur
   spécificité garantit que les anciens plafonds !important ne reprennent pas
   la main après le build. */
@media (min-width: 1181px) {

  html[data-theme] body.svc-sea main .ga-hero .ga-hero__inner {
    width: calc(100% - (2 * var(--dp-wide-gutter))) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
}