/* Accueil desktop V32 — image de héros couvrante et proportions éditoriales. */

@media (min-width: 1181px) {
  html[data-theme] body.page-home main.home-main .home-hero {
    background-size: 100% 100%, cover !important;
    background-position: center, center 52% !important;
  }

  html[data-theme] body.page-home main.home-main .home-hero .home-hero__copy {
    width: min(72vw, 84rem) !important;
  }

  html[data-theme] body.page-home main.home-main .home-hero .home-hero__title-line,
  html[data-theme] body.page-home main.home-main .home-hero .home-hero__typewriter-line {
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
  }

  html[data-theme] body.page-home main.home-main .home-method .method-v2-grid {
    grid-template-columns: minmax(20rem, 28rem) minmax(0, 68rem) !important;
    justify-content: center !important;
    gap: clamp(3rem, 4.5vw, 5.5rem) !important;
  }

  html[data-theme] body.page-home main.home-main .home-method .method-steps-v2 {
    width: 100% !important;
    max-width: 68rem !important;
    gap: clamp(.8rem, 1vw, 1rem) !important;
  }

  html[data-theme] body.page-home main.home-main .home-method .method-steps-v2 li {
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 21rem) !important;
    min-height: clamp(8.75rem, 8vw, 10rem) !important;
    padding: clamp(1.15rem, 1.35vw, 1.55rem) clamp(1.25rem, 1.8vw, 2rem) !important;
    gap: clamp(1.25rem, 1.8vw, 2rem) !important;
  }

  html[data-theme] body.page-home main.home-main .home-method .method-step-visual img {
    max-height: 8.75rem !important;
  }

  html[data-theme="light"] body.page-home main.home-main .home-final .final-cta {
    width: min(calc(100% - (2 * var(--dp-wide-gutter))), 90rem) !important;
    max-width: 90rem !important;
    margin-inline: auto !important;
  }

  html[data-theme="light"] body.page-home main.home-main .home-final .final-cta::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 0 0 50% !important;
    z-index: 1 !important;
    border-radius: 0 2.2rem 2.2rem 0 !important;
    background: linear-gradient(102deg, #f9fbff 0%, #e6efff 42%, #b3ceff 100%) !important;
    pointer-events: none !important;
  }

  html[data-theme="light"] body.page-home main.home-main .home-final .final-cta__media,
  html[data-theme="light"] body.page-home main.home-main .home-final .final-cta__media.sr-in {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: clamp(2.5rem, 5vw, 5rem) !important;
    bottom: auto !important;
    z-index: 2 !important;
    width: min(27%, 22rem) !important;
    height: auto !important;
    overflow: visible !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
  }

  html[data-theme="light"] body.page-home main.home-main .home-final .final-cta__media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }
}