/* ==========================================================================
   Studio Auralis Production — thème clair pour la page d'accueil
   (blanc cassé, alternance image/texte). À charger en plus de
   auralis-extra.css.
   ========================================================================== */

:root{
  --aur-fond-clair:     #f7f4ee;
  --aur-fond-carte:     #ffffff;
  --aur-anthracite:     #232220;
  --aur-anthracite-mute:#6b675e;
  --aur-or-fonce:       #a8801c;
}

.aur-page-claire{ background:var(--aur-fond-clair); color:var(--aur-anthracite); }

/* ---------- Hero carrousel ---------- */
.aur-hero-carrousel{
  position:relative;
  height:95vh;        /* montez à 92vh ou 95vh si besoin */
  min-height:560px;
  overflow:hidden;
  color:#fff;
}
.aur-hero-carrousel__image{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center 35%;
  opacity:0;
  transition:opacity 1.4s ease;
}
.aur-hero-carrousel__image.est-active{ opacity:1; }
.aur-hero-carrousel__voile{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(15,14,12,.35) 0%, rgba(15,14,12,.25) 45%, var(--aur-fond-clair) 100%);
}
.aur-hero-carrousel__contenu{
  position:relative; z-index:2;
  height:100%;
  display:flex; flex-direction:column; justify-content:center;
  padding:0 8vw 90px;
  max-width:1100px;   /* au lieu de 880px, ajustez selon votre goût */
}
.aur-hero-carrousel__eyebrow{
  font-family:var(--aur-serif-corps); letter-spacing:.18em; text-transform:uppercase;
  color:var(--aur-or-clair); font-size:.85rem; margin:0 0 18px;
}
.aur-hero-carrousel h1{
  font-family:var(--aur-serif-display); font-weight:600;
  font-size:clamp(2.4rem, 5.5vw, 4.2rem); letter-spacing:.02em; margin:0 0 20px; line-height:1.08;
}
.aur-hero-carrousel p{ font-size:1.25rem; line-height:1.6; max-width:560px; color:#f1efe8; margin:0; }

.aur-hero-carrousel__puces{
  position:absolute; z-index:2; left:8vw; bottom:34px; display:flex; gap:10px;
}
.aur-hero-carrousel__puce{
  width:32px; height:3px; background:rgba(255,255,255,.4); border:none; padding:0; cursor:pointer;
  transition:background .25s ease;
}
.aur-hero-carrousel__puce.est-active{ background:var(--aur-or-clair); }

/* ---------- Sections qui alternent image / texte ---------- */
.aur-alterne{
  display:flex;
  align-items:center;
  gap:64px;
  padding:90px 8vw;
  background:var(--aur-fond-clair);
}
.aur-alterne--inverse{ flex-direction:row-reverse; }
.aur-alterne__image{
  flex:1 1 0;
  aspect-ratio:4/3;
  background-size:cover;
  background-position:center;
  border-radius:2px;
  box-shadow:0 30px 60px -30px rgba(35,34,32,.35);
}
.aur-alterne__texte{ flex:1 1 0; }
.aur-alterne__eyebrow{
  font-family:var(--aur-serif-corps); letter-spacing:.16em; text-transform:uppercase;
  color:var(--aur-or-fonce); font-size:.82rem; margin:0 0 14px;
}
.aur-alterne__titre{
  font-family:var(--aur-serif-display); font-size:clamp(1.7rem, 3vw, 2.5rem);
  margin:0 0 18px; color:var(--aur-anthracite); line-height:1.15;
}
.aur-alterne__texte p{
  font-family:var(--aur-serif-corps); font-size:1.15rem; line-height:1.65;
  color:var(--aur-anthracite-mute); margin:0 0 14px;
}
.aur-alterne__lien{
  display:inline-flex; align-items:center; gap:8px; margin-top:10px;
  font-family:var(--aur-serif-corps); font-weight:600; letter-spacing:.04em;
  color:var(--aur-or-fonce); text-decoration:none; border-bottom:1px solid transparent;
  transition:border-color .2s ease;
}
.aur-alterne__lien:hover{ border-color:var(--aur-or-fonce); }

@media (max-width: 880px){
  .aur-alterne, .aur-alterne--inverse{ flex-direction:column; gap:32px; padding:64px 7vw; }
}

/* ---------- Bandeau CTA de fin de page ---------- */
.aur-cta-final{
  background:var(--aur-fond-carte);
  border-top:1px solid rgba(35,34,32,.08);
  text-align:center;
  padding:100px 8vw;
}
.aur-cta-final__titre{
  font-family:var(--aur-serif-display); font-size:clamp(1.8rem, 3.4vw, 2.6rem);
  color:var(--aur-anthracite); margin:0 0 18px;
}
.aur-cta-final p{ color:var(--aur-anthracite-mute); font-size:1.1rem; max-width:560px; margin:0 auto 32px; }
.aur-cta-final__boutons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }

.aur-btn--clair{
  background:var(--aur-anthracite); border-color:var(--aur-anthracite); color:#fff;
}
.aur-btn--clair:hover{ background:transparent; color:var(--aur-anthracite); }
.aur-btn--contour-clair{
  background:transparent; border-color:var(--aur-anthracite); color:var(--aur-anthracite);
}
.aur-btn--contour-clair:hover{ background:var(--aur-anthracite); color:#fff; }

@media (prefers-reduced-motion: reduce){
  .aur-hero-carrousel__image{ transition:none; }
}