/* Accueil FR : ouverture photo (propositions A / B, 30 oct 2026) + espacements + bloc clan.
   Chargé uniquement par index.html ; toutes les règles visent body.v2-home. */

/* ---------- Ouverture : photo pleine largeur ---------- */
.v2-home .hero.hero-full{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  min-height:calc(100svh - 104px);max-height:none;overflow:hidden;background:#1F2620}
.v2-home .hero-full .hp-bg,.v2-home .hero-full .hp-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.v2-home .hero-full::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.v2-home .hero-full .hero-text{padding:clamp(48px,6vw,96px) var(--gut);width:100%}
.v2-home .hero-full .hero-mark{width:clamp(132px,15vw,220px);margin-bottom:clamp(28px,3.4vw,48px)}
.v2-home .hero-full .sub{margin-bottom:clamp(26px,3vw,40px)}
.v2-home .hero-full .hero-cta{align-items:center}
.v2-home .hero-full .btn{font-family:var(--sans)}

/* A : assiette vue de dessus, voile sombre, logo et textes blancs */
.v2-home .hp-a .hp-bg img{object-position:50% 50%}
.v2-home .hp-a::before{background:
  radial-gradient(ellipse 62% 58% at 50% 50%,rgba(14,20,16,.58),rgba(14,20,16,.30) 72%,rgba(14,20,16,.22)),
  linear-gradient(180deg,rgba(14,20,16,.30),rgba(14,20,16,.12) 40%,rgba(14,20,16,.40))}
.v2-home .hp-a h1,.v2-home .hp-a h1 em,.v2-home .hp-a .sub{color:#FFFFFF;text-shadow:0 1px 18px rgba(0,0,0,.28)}
.v2-home .hp-a .btn{box-shadow:0 8px 28px rgba(0,0,0,.22)}

/* B : assiette claire, voile blanc côté texte, textes encre et vert, bloc à gauche sur desktop */
.v2-home .hero.hero-full.hp-b{justify-content:flex-start}
.v2-home .hp-b .hp-bg img{object-position:50% 50%}
.v2-home .hp-b::before{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.93) 42%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 64%)}
.v2-home .hp-b h1{font-size:min(54px,calc((100vw - 2*var(--gut)) * var(--h1k)))}
.v2-home .hp-b .sub{font-size:min(20px,calc((100vw - 2*var(--gut)) * var(--subk)))}
.v2-home .hp-b .hero-text{align-items:flex-start;text-align:left;padding-left:max(var(--gut),calc((100vw - var(--max))/2 + var(--gut)));max-width:none}
.v2-home .hp-b .hero-mark{margin-left:0;margin-right:0}
.v2-home .hp-b h1,.v2-home .hp-b .sub{margin-left:0;margin-right:0;color:var(--ink)}
.v2-home .hp-b h1 em{color:#2A7359}
.v2-home .hp-b .hero-cta{align-items:flex-start}

/* ---------- Sous la photo : phrase, mots-clés, note Google (éléments existants, même ordre) ---------- */
.v2-home .hero-after{text-align:center}
.v2-home .hero-after .lead{max-width:560px;margin:0 auto 22px;color:var(--ink-2)}
.v2-home .hero-after .kw{justify-content:center;max-width:760px;margin:0 auto 28px;padding-top:0;border-top:0}
.v2-home .hero-after .hero-proof{display:flex;justify-content:center}

/* ---------- Espacements entre sections (accueil) ---------- */
.v2-home main{--pad:clamp(56px,7.2vw,104px)}
.v2-home main > .sec.hero-after{padding-top:clamp(40px,4.4vw,64px)}
/* deux sections de même fond qui se suivent : pas de double marge */
.v2-home main > .sec:not(.cream):not(.final) + .sec:not(.cream):not(.final){padding-top:clamp(8px,1.6vw,24px)}
.v2-home main > .sec.cream + .sec.cream{padding-top:clamp(8px,1.6vw,24px)}

/* ---------- Bloc clan ---------- */
.v2-home .clan{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,64px);margin-top:0}
.v2-home .clan-title{font-size:clamp(30px,3vw,40px);margin:0 0 10px}
.v2-home .clan .clan-price{display:block;text-align:left;margin:0 0 18px;font-family:var(--serif);font-size:22px;color:var(--ink);letter-spacing:.01em;max-width:none}
.v2-home .clan .clan-desc{max-width:600px;margin:0;font-size:16px}

@media (max-width:860px){
  .v2-home .hero.hero-full{min-height:calc(100svh - 76px)}
  .v2-home .hero-full .hero-text{padding:40px var(--gut) 48px}
  .v2-home .hero-full .hero-cta{align-items:stretch;width:100%;max-width:420px}
  /* B mobile : photo en bas, voile blanc en haut, textes centrés */
  .v2-home .hero.hero-full.hp-b{align-items:flex-start;justify-content:center}
  .v2-home .hp-b .hp-bg img{object-position:56% 50%}
  .v2-home .hp-b::before{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 44%,rgba(255,255,255,.6) 56%,rgba(255,255,255,0) 68%)}
  /* A mobile : voile plus dense derrière le texte (sous-titre en petit corps, seuil 4,5:1) */
  .v2-home .hp-a::before{background:
    radial-gradient(ellipse 95% 46% at 50% 50%,rgba(14,20,16,.70),rgba(14,20,16,.42) 75%,rgba(14,20,16,.30)),
    linear-gradient(180deg,rgba(14,20,16,.30),rgba(14,20,16,.18) 40%,rgba(14,20,16,.45))}
  .v2-home .hp-b .hero-text{align-items:center;text-align:center;padding:32px var(--gut) 40px}
  .v2-home .hp-b .hero-mark,.v2-home .hp-b h1,.v2-home .hp-b .sub{margin-left:auto;margin-right:auto}
  .v2-home .hp-b .hero-cta{align-items:stretch;margin:0 auto}
  .v2-home .clan{grid-template-columns:1fr;justify-items:start;align-items:start}
}

/* ---------- Mots-clés dans le bloc coaching (30 oct 21h43) ---------- */
.v2-home #coaching .kw{justify-content:center;max-width:760px;margin:clamp(28px,3vw,40px) auto 0;padding:0;border:0;
  font-size:10.5px;letter-spacing:.14em;line-height:2.1;color:var(--mute)}
.v2-home #coaching .kw li:not(:last-child)::after{color:var(--line-2,#C9C4B8)}
.v2-home #coaching .kw + .mini-acts{margin-top:clamp(28px,3vw,40px)}
/* sous la photo : seulement la phrase et la note Google */
.v2-home .hero-after .lead{margin-bottom:14px}
.v2-home main > .sec.hero-after{padding-top:clamp(32px,3.6vw,52px);padding-bottom:clamp(40px,4.4vw,64px)}
@media (max-width:860px){.v2-home #coaching .kw{font-size:10.5px;letter-spacing:.12em;line-height:2.15}}