/* =========================================================
   Le Clos — Maison (single) + Page Les Maisons
========================================================= */

.leclosdelacroixduserre-maison{
  width: 100%;
}

/* =========================================================
   HERO SINGLE MAISON
========================================================= */

.leclosdelacroixduserre-maison-hero{
  width: 100%;
  padding: 0;
  overflow: visible;
}

.leclosdelacroixduserre-maison-ariane,
.leclosdelacroixduserre-maison-titre,
.leclosdelacroixduserre-maison-chapo{
  display: none !important;
}

.leclosdelacroixduserre-maison-hero img,
.leclosdelacroixduserre-maison-hero .leclosdelacroixduserre-hero-accueil-img{
  width: 100%;
  height: 60vh;
  object-fit: cover;
  object-position: center center;
  display: block;
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 0.6s ease, transform 1s ease;
}

.leclosdelacroixduserre-accueil-anime .leclosdelacroixduserre-maison-hero img,
.leclosdelacroixduserre-accueil-anime .leclosdelacroixduserre-maison-hero .leclosdelacroixduserre-hero-accueil-img{
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-hero img,
  .leclosdelacroixduserre-maison-hero .leclosdelacroixduserre-hero-accueil-img{
    height: 40vh;
  }
}

/* =========================================================
   SECTION 1
========================================================= */

.leclosdelacroixduserre-maison-section-1{
  width: 80%;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.leclosdelacroixduserre-maison-section-1.is-inview{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-maison-section-1-conteneur{
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: center;
  padding: 3rem 0;
}

.leclosdelacroixduserre-maison-section-1-texte{
  max-width: 32rem;
}

.leclosdelacroixduserre-maison-section-1-titre{
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  line-height: 1.05;
  font-size: 3.4rem;
  color: #6f7a5c;
  margin: 0 0 2rem 0;
}

.leclosdelacroixduserre-maison-section-1-paragraphe{
  margin: 0 0 1.4rem 0;
  font-size: 1rem;
  font-weight: 300;
  color: #111;
  max-width: 30rem;
}

.leclosdelacroixduserre-maison-section-1-image{
  width: 100%;
}

.leclosdelacroixduserre-maison-section-1-image img{
  width: 100% !important;
  height: auto !important;
  display: block;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover;
  max-width: none;
}

.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-maison-section-1-titre,
.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-maison-section-1-paragraphe,
.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-bouton,
.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-maison-section-1-image{
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.leclosdelacroixduserre-maison-section-1.is-inview .leclosdelacroixduserre-maison-section-1-titre,
.leclosdelacroixduserre-maison-section-1.is-inview .leclosdelacroixduserre-maison-section-1-paragraphe,
.leclosdelacroixduserre-maison-section-1.is-inview .leclosdelacroixduserre-bouton,
.leclosdelacroixduserre-maison-section-1.is-inview .leclosdelacroixduserre-maison-section-1-image{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-maison-section-1-titre{ transition-delay: 0.05s; }
.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-maison-section-1-paragraphe{ transition-delay: 0.15s; }
.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-bouton{ transition-delay: 0.25s; }
.leclosdelacroixduserre-maison-section-1 .leclosdelacroixduserre-maison-section-1-image{ transition-delay: 0.12s; }

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-section-1{
    width: 90%;
  }

  .leclosdelacroixduserre-maison-section-1-conteneur{
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 3rem 0 0 0;
  }

  .leclosdelacroixduserre-maison-section-1-texte{
    max-width: none;
    justify-self: start;
  }

  .leclosdelacroixduserre-maison-section-1-titre{
    font-size: 2.4rem;
  }
}

/* =========================================================
   PICTOGRAMMES
========================================================= */

.leclosdelacroixduserre-maison-pictos{
  width: 100%;
}

.leclosdelacroixduserre-maison-pictos-conteneur{
  width: 90%;
  margin: 0 auto;
}

.leclosdelacroixduserre-maison-pictos-grille{
  width: 80%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3rem;
  text-align: center;
  align-items: start;
  padding: 5% 0;
}

.leclosdelacroixduserre-maison-picto img{
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  display: block;
  margin: 0 auto 1.2rem auto;
}

.leclosdelacroixduserre-maison-picto-chiffre,
.leclosdelacroixduserre-maison-picto-texte{
  margin: 0;
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  color: #c9a892;
  line-height: 1.2;
}

.leclosdelacroixduserre-maison-picto-chiffre{
  font-size: 1.2rem;
}

.leclosdelacroixduserre-maison-picto-texte{
  font-size: 1.2rem;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate .leclosdelacroixduserre-maison-picto{
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate.is-visible .leclosdelacroixduserre-maison-picto{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate.is-visible .leclosdelacroixduserre-maison-picto:nth-child(1){ transition-delay: 0.05s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate.is-visible .leclosdelacroixduserre-maison-picto:nth-child(2){ transition-delay: 0.15s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate.is-visible .leclosdelacroixduserre-maison-picto:nth-child(3){ transition-delay: 0.25s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate.is-visible .leclosdelacroixduserre-maison-picto:nth-child(4){ transition-delay: 0.35s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate.is-visible .leclosdelacroixduserre-maison-picto:nth-child(5){ transition-delay: 0.45s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-pictos.is-animate.is-visible .leclosdelacroixduserre-maison-picto:nth-child(6){ transition-delay: 0.55s; }

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-pictos-grille{
    width: 90%;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding-top: 20%;
  }

  .leclosdelacroixduserre-maison-picto:last-child{
    grid-column: auto;
    justify-self: stretch;
    max-width: none;
  }

  .leclosdelacroixduserre-maison-picto-chiffre,
  .leclosdelacroixduserre-maison-picto-texte{
    font-size: 1.15rem;
  }
}

/* =========================================================
   SECTION 3
========================================================= */

.leclosdelacroixduserre-maison-section-3{
  width: 80%;
  padding: 3rem 0;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.leclosdelacroixduserre-maison-section-3.is-inview{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-maison-section-3-conteneur{
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: center;
}

.leclosdelacroixduserre-maison-section-3-image{
  width: 100%;
}

.leclosdelacroixduserre-maison-section-3-image img{
  width: 100%;
  display: block;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.leclosdelacroixduserre-maison-section-3-texte{
  max-width: 32rem;
  justify-self: end;
}

.leclosdelacroixduserre-maison-section-3-titre{
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  line-height: 1.05;
  font-size: 3.4rem;
  color: #6f7a5c;
  margin: 0 0 2rem 0;
}

.leclosdelacroixduserre-maison-section-3-paragraphes p{
  margin: 0 0 1.4rem 0;
  font-size: 1rem;
  font-weight: 300;
  color: #111;
  max-width: 30rem;
}

.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-maison-section-3-titre,
.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-maison-section-3-paragraphes,
.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-bouton,
.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-maison-section-3-image{
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.leclosdelacroixduserre-maison-section-3.is-inview .leclosdelacroixduserre-maison-section-3-titre,
.leclosdelacroixduserre-maison-section-3.is-inview .leclosdelacroixduserre-maison-section-3-paragraphes,
.leclosdelacroixduserre-maison-section-3.is-inview .leclosdelacroixduserre-bouton,
.leclosdelacroixduserre-maison-section-3.is-inview .leclosdelacroixduserre-maison-section-3-image{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-maison-section-3-image{ transition-delay: 0.10s; }
.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-maison-section-3-titre{ transition-delay: 0.05s; }
.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-maison-section-3-paragraphes{ transition-delay: 0.15s; }
.leclosdelacroixduserre-maison-section-3 .leclosdelacroixduserre-bouton{ transition-delay: 0.25s; }

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-section-3{
    width: 90%;
  }

  .leclosdelacroixduserre-maison-section-3-conteneur{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }

  .leclosdelacroixduserre-maison-section-3-texte{
    max-width: none;
    justify-self: start;
    order: 2;
  }

  .leclosdelacroixduserre-maison-section-3-image{
    order: 1;
  }

  .leclosdelacroixduserre-maison-section-3-titre{
    font-size: 2.4rem;
  }
}

/* =========================================================
   SECTION 4
========================================================= */

.leclosdelacroixduserre-maison-section-4{
  width: 100%;
  overflow: hidden;
}

.leclosdelacroixduserre-maison-section-4 img{
  width: 100%;
  height: 60vh;
  object-fit: cover;
  object-position: center center;
  display: block;
}

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-section-4 img{
    height: 40vh;
  }
}

/* =========================================================
   SECTION 5
========================================================= */

.leclosdelacroixduserre-maison-section-5{
  width: 100%;
  padding: 3rem 0;
}

.leclosdelacroixduserre-maison-section-5-conteneur{
  margin: 0 auto;
}

.leclosdelacroixduserre-maison-section-5-grille{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.leclosdelacroixduserre-maison-section-5-bloc{
  background: #e7e2d9;
  border: 0.1rem solid rgba(17,17,17,0.08);
  padding: 5rem 4rem;
  display: flex;
  flex-direction: column;
}

.leclosdelacroixduserre-maison-section-5-picto{
  display: flex;
  justify-content: center;
  margin: 0 0 2rem 0;
}

.leclosdelacroixduserre-maison-section-5-picto img{
  width: 6rem;
  height: 3rem;
  object-fit: contain;
  display: block;
}

.leclosdelacroixduserre-maison-section-5-titre{
  margin: 0 0 2rem 0;
  color: #6f7a5c;
  font-size: 3.4rem;
  text-align: center;
}

.leclosdelacroixduserre-maison-section-5-texte{
  margin: 0 5rem 2rem 5rem;
  font-size: 1rem;
  font-weight: 300;
  color: #111;
  text-align: center;
}

.leclosdelacroixduserre-maison-section-5-bas{
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leclosdelacroixduserre-maison-section-5-bouton{
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border: 0.1rem solid #6f7a5c;
  padding: 0.6rem 1.2rem;
  color: #6f7a5c;
  display: inline-block;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.leclosdelacroixduserre-maison-section-5-bouton:hover{
  background: #c9a892;
  color: #ffffff;
  border: 0.1rem solid #c9a892;
}

.leclosdelacroixduserre-maison-section-5 .leclosdelacroixduserre-maison-section-5-bloc{
  opacity: 0;
  transform: translateY(1.2rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.leclosdelacroixduserre-maison-section-5 .leclosdelacroixduserre-maison-section-5-bloc:nth-child(2){
  transition-delay: 0.12s;
}

.leclosdelacroixduserre-maison-section-5.is-visible .leclosdelacroixduserre-maison-section-5-bloc{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-section-5{
    padding: 4rem 0;
  }

  .leclosdelacroixduserre-maison-section-5-grille{
    grid-template-columns: 1fr;
  }

  .leclosdelacroixduserre-maison-section-5-bloc{
    padding: 3rem 2rem;
  }

  .leclosdelacroixduserre-maison-section-5-titre{
    font-size: 2.2rem;
    line-height: 1.2;
  }

  .leclosdelacroixduserre-maison-section-5-texte{
    max-width: none;
    margin: 0 5% 10% 5%;
  }
}

/* =========================================================
   SECTION 6 — GALERIE SINGLE
   -> clone visuel exact de la galerie accueil
========================================================= */

.leclosdelacroixduserre-maison-galerie{
  width: 100%;
  overflow: visible;
  padding: 3rem 0;
}

.leclosdelacroixduserre-maison-galerie-conteneur{
  width: 90%;
  margin: 0 auto;
}

/* Wrapper global */
.leclosdelacroixduserre-maison-galerie-rail-wrap{
  position: relative;
  width: 90%;
  margin: 0 auto;
}

/* Rail centré */
.leclosdelacroixduserre-maison-galerie-rail{
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  gap: 1.2rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
}

.leclosdelacroixduserre-maison-galerie-rail::-webkit-scrollbar{
  display: none;
}

.leclosdelacroixduserre-maison-galerie-rail.is-dragging{
  cursor: grabbing;
  user-select: none;
}

/* Items */
.leclosdelacroixduserre-maison-galerie-item{
  margin: 0 !important;
  flex: 0 0 16rem;
  height: 22rem;
  overflow: hidden;
  transition: flex-basis 0.3s ease;
}

.leclosdelacroixduserre-maison-galerie-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.03);
  transition: transform 0.3s ease;
}

/* Dépliage au hover */
.leclosdelacroixduserre-maison-galerie-item:hover{
  flex-basis: 34rem;
}

.leclosdelacroixduserre-maison-galerie-item:hover img{
  transform: scale(1);
}

/* Sécurité images */
.leclosdelacroixduserre-maison-galerie img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =========================================================
   FLÈCHES
========================================================= */

.leclosdelacroixduserre-maison-galerie-fleche{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 20;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}

.leclosdelacroixduserre-maison-galerie-fleche:hover{
  opacity: 1;
}

.leclosdelacroixduserre-maison-galerie-prev{
  left: -3rem;
}

.leclosdelacroixduserre-maison-galerie-next{
  right: -3rem;
}

.leclosdelacroixduserre-maison-galerie-icone{
  width: 1.5rem;
  height: auto;
  display: block;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.leclosdelacroixduserre-maison-galerie-fleche:hover .leclosdelacroixduserre-maison-galerie-icone{
  transform: scale(1.08);
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px){

  .leclosdelacroixduserre-maison-galerie{
    padding: 2rem 0;
  }

  .leclosdelacroixduserre-maison-galerie-conteneur{
    width: 88%;
    margin: 0 auto;
  }

  .leclosdelacroixduserre-maison-galerie-rail-wrap{
    width: 100%;
    padding: 0 2.5rem;
    box-sizing: border-box;
  }

  .leclosdelacroixduserre-maison-galerie-rail{
    width: 100%;
    margin: 0 auto;
    gap: 0.8rem;
  }

  .leclosdelacroixduserre-maison-galerie-item{
    flex: 0 0 11rem;
    height: 15rem;
  }

  .leclosdelacroixduserre-maison-galerie-item:hover{
    flex-basis: 11rem;
  }

  .leclosdelacroixduserre-maison-galerie-fleche{
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .leclosdelacroixduserre-maison-galerie-prev{
    left: 0.2rem;
  }

  .leclosdelacroixduserre-maison-galerie-next{
    right: 0.2rem;
  }

  .leclosdelacroixduserre-maison-galerie-icone{
    width: 1.4rem;
    max-width: 100%;
    height: auto;
    opacity: 1;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce){
  .leclosdelacroixduserre-maison-galerie-rail,
  .leclosdelacroixduserre-maison-galerie-item,
  .leclosdelacroixduserre-maison-galerie-item img,
  .leclosdelacroixduserre-maison-galerie-icone,
  .leclosdelacroixduserre-maison-galerie-fleche{
    transition: none !important;
  }
}

/* =========================================================
   DRAG / SÉLECTION
========================================================= */

.leclosdelacroixduserre-maison-galerie-rail img{
  -webkit-user-drag: none;
  user-select: none;
}

.leclosdelacroixduserre-maison-galerie-rail,
.leclosdelacroixduserre-maison-galerie-rail *{
  -webkit-user-select: none;
  user-select: none;
}

.leclosdelacroixduserre-maison-galerie-rail{
  touch-action: pan-y;
}

/* =========================================================
   SECTION 7
========================================================= */

.leclosdelacroixduserre-maison-section-7{
  width: 100%;
}

.leclosdelacroixduserre-maison-section-7-conteneur{
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 3rem 0;
}

.leclosdelacroixduserre-maison-section-7-titre{
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  line-height: 1.05;
  font-size: 3.4rem;
  color: #6f7a5c;
  margin: 0 0 2rem 0;
}

.leclosdelacroixduserre-maison-section-7-intro{
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 300;
  color: #111;
  max-width: 46rem;
}

.leclosdelacroixduserre-maison-section-7-grille{
  width: 60%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: center;
  align-items: start;
  padding: 3rem 0;
}

.leclosdelacroixduserre-maison-section-7-picto img{
  width: 4rem;
  height: 2.5rem;
  object-fit: contain;
  display: block;
  margin: 0 auto 1.2rem auto;
}

.leclosdelacroixduserre-maison-section-7-picto-texte{
  margin: 0;
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  color: #c9a892;
  line-height: 1.2;
  font-size: 1.2rem;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-7.is-animate .leclosdelacroixduserre-maison-section-7-picto{
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-7.is-animate.is-visible .leclosdelacroixduserre-maison-section-7-picto{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-7.is-animate.is-visible .leclosdelacroixduserre-maison-section-7-picto:nth-child(1){ transition-delay: 0.05s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-7.is-animate.is-visible .leclosdelacroixduserre-maison-section-7-picto:nth-child(2){ transition-delay: 0.15s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-7.is-animate.is-visible .leclosdelacroixduserre-maison-section-7-picto:nth-child(3){ transition-delay: 0.25s; }

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-section-7-conteneur{
    padding: 3rem 0 0 0;
  }

  .leclosdelacroixduserre-maison-section-7-titre{
    font-size: 2.4rem;
  }

  .leclosdelacroixduserre-maison-section-7-grille{
    width: 90%;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 3rem 0 0 0;
  }

  .leclosdelacroixduserre-maison-section-7-picto-texte{
    font-size: 1.15rem;
  }
}

/* =========================================================
   SECTION 8
========================================================= */

.leclosdelacroixduserre-maison-section-8{
  width: 100%;
  padding: 0 0 3rem 0;
}

.leclosdelacroixduserre-maison-section-8-conteneur{
  width: 90%;
  margin: 0 auto;
}

.leclosdelacroixduserre-maison-section-8-grille{
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  align-items: stretch;
}

.leclosdelacroixduserre-maison-section-8-carte{
  display: block;
  text-decoration: none;
}

.leclosdelacroixduserre-maison-section-8-media{
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1 / 1.55;
}

.leclosdelacroixduserre-maison-section-8-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform 0.3s ease;
}

.leclosdelacroixduserre-maison-section-8-filtre{
  position: absolute;
  inset: 0;
  background: rgba(111, 122, 92, 0.85);
  transition: background 0.3s ease;
}

.leclosdelacroixduserre-maison-section-8-texte{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 10%;
  color: #f5f5f3;
  font-family: var(--leclosdelacroixduserre-font-titre);
}

.leclosdelacroixduserre-maison-section-8-titre{
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
}

.leclosdelacroixduserre-maison-section-8-paragraphe{
  margin: 8% 0 0 0;
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
}

.leclosdelacroixduserre-maison-section-8-paragraphe p{
  margin: 0;
  font-weight: 400;
}

.leclosdelacroixduserre-maison-section-8-bouton{
  display: inline-block;
  width: fit-content;
  margin: 12% auto 0 auto;
  padding: 0.5rem 1rem;
  border: 0.1rem solid #f5f5f3;
  color: #111;
  background: #f5f5f3;
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 700;
  text-transform: uppercase;
  transition: background 0.3s ease, color 0.3s ease;
}

.leclosdelacroixduserre-maison-section-8-carte:hover .leclosdelacroixduserre-maison-section-8-media img{
  transform: scale(1.05);
}

.leclosdelacroixduserre-maison-section-8-carte:hover .leclosdelacroixduserre-maison-section-8-filtre{
  background: rgba(201, 168, 146, 0.85);
}

.leclosdelacroixduserre-maison-section-8-carte:hover .leclosdelacroixduserre-maison-section-8-bouton{
  background: transparent;
  color: #f5f5f3;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-8{
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-8.is-visible{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-8 .leclosdelacroixduserre-maison-section-8-carte{
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-8.is-visible .leclosdelacroixduserre-maison-section-8-carte{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-8.is-visible .leclosdelacroixduserre-maison-section-8-carte:nth-child(1){ transition-delay: 0.1s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-8.is-visible .leclosdelacroixduserre-maison-section-8-carte:nth-child(2){ transition-delay: 0.25s; }
.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-8.is-visible .leclosdelacroixduserre-maison-section-8-carte:nth-child(3){ transition-delay: 0.4s; }

.leclosdelacroixduserre-maison-section-8 img{
  -webkit-user-drag: none;
  user-select: none;
}

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-section-8{
    padding: 3rem 0;
  }

  .leclosdelacroixduserre-maison-section-8-grille{
    width: 100%;
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .leclosdelacroixduserre-maison-section-8-media{
    aspect-ratio: 1 / 1.5;
    width: 100%;
  }

  .leclosdelacroixduserre-maison-section-8-titre{
    font-size: 2.5rem;
  }

  .leclosdelacroixduserre-maison-section-8-paragraphe{
    font-size: 1.3rem;
  }
}

/* =========================================================
   SECTION 9
========================================================= */

.leclosdelacroixduserre-maison-section-9{
  width: 100%;
  padding: 0 0 3rem 0;
}

.leclosdelacroixduserre-maison-section-9-conteneur{
  width: 70%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: start;
}

.leclosdelacroixduserre-maison-section-9-bloc{
  max-width: 32rem;
}

.leclosdelacroixduserre-maison-section-9-bloc-reserver{
  justify-self: start;
  text-align: left;
}

.leclosdelacroixduserre-maison-section-9-bloc-contact{
  justify-self: end;
  text-align: right;
  margin-top: 10rem;
}

.leclosdelacroixduserre-maison-section-9-titre{
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  line-height: 1.05;
  font-size: 3.4rem;
  color: #6f7a5c;
  margin: 0 0 2rem 0;
}

.leclosdelacroixduserre-maison-section-9-texte{
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
  color: #111;
  max-width: 30rem;
}

.leclosdelacroixduserre-maison-section-9-bloc-contact .leclosdelacroixduserre-maison-section-9-texte{
  margin-left: auto;
  margin-right: 0;
}

.leclosdelacroixduserre-maison-section-9-boutons{
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.leclosdelacroixduserre-maison-section-9-bloc-contact .leclosdelacroixduserre-maison-section-9-boutons{
  justify-content: flex-end;
}

.leclosdelacroixduserre-maison-section-9-bouton{
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border: 0.1rem solid #c9a892;
  padding: 0.6rem 1.2rem;
  color: #c9a892;
  display: inline-block;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.leclosdelacroixduserre-maison-section-9-bouton:hover{
  background: #c9a892;
  color: #ffffff;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-9{
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-9.is-visible{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-9 .leclosdelacroixduserre-maison-section-9-bloc{
  opacity: 0;
  transform: translateY(1.2rem);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-9.is-visible .leclosdelacroixduserre-maison-section-9-bloc{
  opacity: 1;
  transform: translateY(0);
}

.leclosdelacroixduserre-js .leclosdelacroixduserre-maison-section-9.is-visible .leclosdelacroixduserre-maison-section-9-bloc-contact{
  transition-delay: 0.12s;
}

@media (max-width: 900px){
  .leclosdelacroixduserre-maison-section-9{
    padding: 0 0 3rem 0;
  }

  .leclosdelacroixduserre-maison-section-9-conteneur{
    width: 90%;
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .leclosdelacroixduserre-maison-section-9-bloc{
    max-width: none;
  }

  .leclosdelacroixduserre-maison-section-9-bloc-contact{
    margin-top: 0;
    justify-self: start;
    text-align: left;
  }

  .leclosdelacroixduserre-maison-section-9-bloc-contact .leclosdelacroixduserre-maison-section-9-texte{
    margin-left: 0;
  }

  .leclosdelacroixduserre-maison-section-9-titre{
    font-size: 2.4rem;
  }

  .leclosdelacroixduserre-maison-section-9-boutons,
  .leclosdelacroixduserre-maison-section-9-bloc-contact .leclosdelacroixduserre-maison-section-9-boutons{
    justify-content: flex-start;
  }
}

/* =========================================================
   PAGE LES MAISONS — HERO
========================================================= */

.leclosdelacroixduserre-hero-page-maisons{
  width: 100%;
}

.leclosdelacroixduserre-hero-page-maisons-conteneur{
  width: 90%;
  margin: 0 auto;
}

.leclosdelacroixduserre-hero-page-maisons img{
  width: 100%;
  height: 60vh;
  object-fit: cover;
  object-position: center center;
  display: block;
  opacity: 0;
  transform: scale(1.03);
  transition: opacity 0.6s ease, transform 1s ease;
}

.leclosdelacroixduserre-page-maisons-anime .leclosdelacroixduserre-hero-page-maisons img{
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 900px){
  .leclosdelacroixduserre-hero-page-maisons img{
    height: 40vh;
  }
}

/* =========================================================
   PAGE LES MAISONS — INTRO
========================================================= */

.leclosdelacroixduserre-intro-page-maisons{
  width: 100%;
  padding: 1rem 0;
  text-align: center;
}

.leclosdelacroixduserre-intro-page-maisons-conteneur{
  width: 80%;
  margin: 0 auto;
}

.leclosdelacroixduserre-intro-page-maisons-titre,
.leclosdelacroixduserre-intro-page-maisons-trait,
.leclosdelacroixduserre-intro-page-maisons-texte,
.leclosdelacroixduserre-bouton{
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.leclosdelacroixduserre-intro-page-maisons-titre{
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  font-size: 2.5rem;
  color: #6f7a5c;
  margin-bottom: 2rem;
  transition-delay: 0.2s;
}

.leclosdelacroixduserre-intro-page-maisons-trait{
  width: 40%;
  height: 0.1rem;
  background: #c9a892;
  margin: 2rem auto;
  opacity: 0.3;
  transition-delay: 0.35s;
}

.leclosdelacroixduserre-intro-page-maisons-texte{
  font-size: 1rem;
  margin: 1rem 10rem 2rem 10rem;
  transition-delay: 0.5s;
}

.leclosdelacroixduserre-page-maisons-anime .leclosdelacroixduserre-intro-page-maisons-titre,
.leclosdelacroixduserre-page-maisons-anime .leclosdelacroixduserre-intro-page-maisons-trait,
.leclosdelacroixduserre-page-maisons-anime .leclosdelacroixduserre-intro-page-maisons-texte,
.leclosdelacroixduserre-page-maisons-anime .leclosdelacroixduserre-bouton{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 900px){
  .leclosdelacroixduserre-intro-page-maisons-conteneur{
    width: 80%;
  }

  .leclosdelacroixduserre-intro-page-maisons-titre{
    font-size: 2rem;
  }

  .leclosdelacroixduserre-intro-page-maisons-texte{
    margin: 1rem 0 2rem 0;
  }
}

/* =========================================================
   PAGE LES MAISONS — CARTES
========================================================= */

.leclosdelacroixduserre-page-maisons-liste{
  width: 100%;
  padding: 3rem 0;
}

.leclosdelacroixduserre-page-maisons-conteneur{
  width: 90%;
  margin: 0 auto;
}

.leclosdelacroixduserre-page-maisons-grille{
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: stretch;
}

.leclosdelacroixduserre-page-carte-maison{
  display: block;
  text-decoration: none;
}

.leclosdelacroixduserre-page-carte-maison-media{
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3 / 2;
}

.leclosdelacroixduserre-page-carte-maison-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}

.leclosdelacroixduserre-page-carte-maison-filtre{
  position: absolute;
  inset: 0;
  background: rgba(111, 122, 92, 0.85);
  transition: background 0.3s ease;
}

.leclosdelacroixduserre-page-carte-maison-texte{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 10%;
  color: #f5f5f3;
  font-family: var(--leclosdelacroixduserre-font-titre);
}

.leclosdelacroixduserre-page-carte-titre{
  font-size: 2rem;
  font-weight: 500;
  margin: 0;
}

.leclosdelacroixduserre-page-carte-details{
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

.leclosdelacroixduserre-page-carte-localisation{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.95;
  margin: 0;
}

.leclosdelacroixduserre-page-carte-bouton{
  display: inline-block;
  width: fit-content;
  margin: 10% auto 0 auto;
  padding: 0.5rem 1rem;
  border: 0.1rem solid #f5f5f3;
  color: #f5f5f3;
  font-family: var(--leclosdelacroixduserre-font-titre);
  font-weight: 500;
  text-transform: uppercase;
  transition: background 0.3s ease, color 0.3s ease;
}

.leclosdelacroixduserre-page-carte-maison:hover .leclosdelacroixduserre-page-carte-maison-media img{
  transform: scale(1.05);
}

.leclosdelacroixduserre-page-carte-maison:hover .leclosdelacroixduserre-page-carte-maison-filtre{
  background: rgba(201, 168, 146, 0.85);
}

.leclosdelacroixduserre-page-carte-maison:hover .leclosdelacroixduserre-page-carte-bouton{
  background: #f5f5f3;
  color: #6f7a5c;
}

@media (max-width: 900px){
  .leclosdelacroixduserre-page-carte-maison-media{
    aspect-ratio: 1 / 1.2;
  }

  .leclosdelacroixduserre-page-maisons-grille{
    width: 100%;
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .leclosdelacroixduserre-page-carte-titre{
    font-size: 2.5rem;
  }

  .leclosdelacroixduserre-page-carte-details{
    font-size: 1.8rem;
  }

  .leclosdelacroixduserre-page-carte-localisation{
    font-size: 1.3rem;
  }

}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce){
  .leclosdelacroixduserre-maison-hero img,
  .leclosdelacroixduserre-maison-hero .leclosdelacroixduserre-hero-accueil-img,
  .leclosdelacroixduserre-maison-section-1,
  .leclosdelacroixduserre-maison-section-1 *,
  .leclosdelacroixduserre-maison-pictos *,
  .leclosdelacroixduserre-maison-section-3,
  .leclosdelacroixduserre-maison-section-3 *,
  .leclosdelacroixduserre-maison-section-5 .leclosdelacroixduserre-maison-section-5-bloc,
  .leclosdelacroixduserre-maison-galerie-rail,
  .leclosdelacroixduserre-maison-galerie-item,
  .leclosdelacroixduserre-maison-galerie-item img,
  .leclosdelacroixduserre-maison-section-7 *,
  .leclosdelacroixduserre-maison-section-8,
  .leclosdelacroixduserre-maison-section-8 *,
  .leclosdelacroixduserre-maison-section-9,
  .leclosdelacroixduserre-maison-section-9 *,
  .leclosdelacroixduserre-hero-page-maisons img,
  .leclosdelacroixduserre-intro-page-maisons-titre,
  .leclosdelacroixduserre-intro-page-maisons-trait,
  .leclosdelacroixduserre-intro-page-maisons-texte,
  .leclosdelacroixduserre-bouton{
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}