*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%}
body{overflow-x:hidden}
/* --- Hero photo de l'accueil : header réel + image en fond, toujours plein cadre --- */
.hero-cta{
  display:inline-block;
  margin-top:6px;
  padding:15px 36px;
  border-radius:40px;
  background:var(--accent);
  color:var(--card);
  font:500 12px 'Cinzel',serif;
  letter-spacing:.14em;
  text-decoration:none;
  border:1px solid rgba(245,228,211,.5);
  transition:background .2s ease;
}
.hero-cta:hover{background:#96552a}
.hero-cta span{margin-left:6px}
/* =========================
   ACCUEIL — ambiance visuelle de référence
   ========================= */
.home-page{background:var(--bg)}
/* --- MODIFICATIONS ICI : Header aligné à gauche, texte blanc --- */
.home-header{
  position:absolute;
  z-index:10;
  top:0;left:0;right:0;
  height:92px;
  padding:0 5vw;
  background:rgba(90,54,32,.35);
  border-bottom:0;
  color:var(--card);
  justify-content: flex-start;
  gap: 60px;
}
.home-header .logo{display:flex;align-items:center;gap:12px;color:var(--card);white-space:nowrap;font-size: 24px;text-shadow:0 1px 8px rgba(0,0,0,.7);}
.home-header nav{gap:50px; justify-content: flex-start;}
.home-header nav a{color:var(--card);opacity:1;font-size: 16px;letter-spacing: .18em;text-shadow:0 1px 8px rgba(0,0,0,.7);}
.home-header nav a:hover,.home-header nav .active{color:#fff;border-bottom-color:#fff}
.home-header .moon{color:var(--card);font-size:44px;line-height:1}
/* --- FIN DES MODIFICATIONS --- */
.hero h1{font-size:clamp(50px,6.7vw,88px);letter-spacing:.025em;color:var(--ink);text-shadow:0 2px 12px rgba(245,228,211,.22)}
.hero .ornament{color:var(--ink);margin:24px 0 12px}
.hero>p:last-child{color:var(--ink);font-size:21px;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 8px rgba(245,228,211,.35)}
.hero-cta{margin-top:22px;padding:16px 38px;background:var(--accent);border:1px solid rgba(245,228,211,.45);box-shadow:0 7px 20px rgba(90,54,32,.16);font-size:12px;letter-spacing:.16em}
.hero-cta:hover{background:var(--ink)}
.home-page footer{position:relative}
@media(max-width:760px){  .home-header{position:absolute;height:auto;padding:15px 5vw;align-items:center}
  .home-header .logo{font-size:16px;gap:8px}
  .home-header nav{gap:18px}
  .home-header .moon{font-size:31px}
  .hero h1{font-size:clamp(42px,12vw,64px)}
  .hero>p:last-child{font-size:15px;letter-spacing:.09em}
  .hero-cta{padding:14px 25px}

}
/* Accueil — image de référence utilisée telle quelle */
.home-exact{margin:0;padding:0;background:#DDB08C}
.home-image-wrap{position:relative;width:100%;line-height:0;overflow:hidden}
.home-exact-image{display:block;width:100%;height:auto}
.home-overlay-header{position:absolute;inset:0;z-index:5;pointer-events:none;height:100%;width:100%;padding:0;margin:0;background:none;border-bottom:0;display:block;align-items:unset}
.home-overlay-header .hit{position:absolute;display:block;pointer-events:auto;background:transparent;border:0;padding:0;margin:0}
.hero-button-hit{left:37.5%;top:56.85%;width:24.8%;height:8.5%;border-radius:40px!important}
@media(max-width:760px){  .home-image-wrap{min-height:auto}
  .home-exact-image{width:100%;height:auto;min-height:0;object-fit:contain}
  .hero-button-hit{left:30%;top:55.9%;width:40%;height:10.2%}

}
/* BOUTON RETOUR EN HAUT */
.back-to-top{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:50%;background:var(--accent);border:1px solid var(--accent);color:var(--card);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,background .2s ease;z-index:50}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--ink)}
@media(max-width:760px){  .back-to-top{right:16px;bottom:16px;width:42px;height:42px;font-size:16px}

}
/* =========================
   V28 — ACCUEIL RESPONSIVE
   ========================= */
@media (min-width:761px){  .home-page{min-height:100svh}
  .home-exact{height:100svh;min-height:100svh;overflow:hidden}
  .home-image-wrap{height:100svh;min-height:100svh}
  .home-exact-image{width:100%;height:100%;object-fit:cover;object-position:center center}

}
@media (max-width:760px){  .home-exact{height:auto;min-height:0;overflow:visible}
  .home-image-wrap{height:auto;min-height:0}
  .home-exact-image{width:100%;height:auto;object-fit:contain}
  .home-header{background:linear-gradient(rgba(90,54,32,.42),rgba(90,54,32,0));padding-bottom:22px}
  .home-header nav{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px}
  .home-header nav::-webkit-scrollbar{display:none}

}