/* Sprint 1A.7 — permanent homepage visuals and restore all validated sections. */
.hnf-hero-art {
  min-height: 420px;
  border-radius: 36px;
  background: var(--hnf-media-homepage-hero) center/cover no-repeat;
  overflow: hidden;
}
.hnf-hero-art::before {
  position: relative;
  z-index: 2;
  width: min(390px, 68%);
  filter: drop-shadow(0 28px 35px rgba(34,39,75,.18));
}
.hnf-hero-art::after { display: none; }
.hnf-card:nth-child(1) .hnf-card__visual { background-image: var(--hnf-media-category-sommeil); }
.hnf-card:nth-child(2) .hnf-card__visual { background-image: var(--hnf-media-category-stress-apaisement); }
.hnf-card:nth-child(3) .hnf-card__visual { background-image: var(--hnf-media-category-confiance); }
.hnf-card:nth-child(4) .hnf-card__visual { background-image: var(--hnf-media-category-habitudes); }
.hnf-card:nth-child(5) .hnf-card__visual { background-image: var(--hnf-media-category-peurs-blocages); }
.hnf-card:nth-child(6) .hnf-card__visual { background-image: var(--hnf-media-category-energie-motivation); }

/* Explicitly undo the temporary Sprint 1A.1 rule that hid the lower homepage. */
.hnf-home > .hnf-section--lavender,
.hnf-home > .hnf-section--lavender ~ .hnf-section {
  display: block !important;
}

@media (max-width: 767px) {
  .hnf-hero__inner {
    grid-template-columns: 1fr;
    padding-block: 36px 44px;
    gap: 24px;
  }
  .hnf-hero-art {
    grid-row: auto;
    min-height: 245px;
    border-radius: 26px;
  }
  .hnf-hero-art::before { width: min(235px,62%); }
  .hnf-title { font-size: clamp(42px,13vw,56px); }
  .hnf-personal { display: grid !important; }
  .hnf-trust { display: grid !important; }
}

@media (max-width: 430px) {
  .hnf-card__visual { height: 118px; }
}