.lead .lm{display:none}
/* SIGMA Club — site une page (V2) — version test
   Maquette : Figma « Version finale 30/10 » · cahier des charges du 30/10/2026 */

@font-face{font-family:"Rhymes Display";font-style:italic;font-weight:300;font-display:swap;src:url(fonts/rhymes-display-light-italic.woff2) format("woff2")}
@font-face{font-family:"TT Norms Pro";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/tt-norms-pro-regular.woff2) format("woff2")}

:root{
  --ivoire:#E8E4DC;      /* Fond de page / texte sur photo */
  --chora:#D7CDBD;       /* CHÔRA Light */
  --sable:#AB9B82;       /* CHÔRA */
  --dark:#2B1E16;        /* DÓMOS Dark */
  --brown:#39291F;       /* DÓMOS */
  --filet:rgba(232,228,220,.25);
  --display:"Rhymes Display",Georgia,"Times New Roman",serif;
  --sans:"TT Norms Pro","Helvetica Neue",Arial,sans-serif;
  --gx:max(24px,8.3333vw);               /* 120 px à 1440 */
  --h:100vh;                              /* hauteur d'un bloc, fixée en JS (innerHeight) */
  --ease:cubic-bezier(.65,0,.35,1);
  color-scheme:dark;
}
@supports (height:100svh){:root{--h:100svh}}

*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--dark);color:var(--ivoire);overscroll-behavior:none}
body{font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
img,video{display:block}
p,h1,h2,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:1px solid var(--ivoire);outline-offset:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Navigation ---------- */
.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:104px;pointer-events:none}
.nav>*{pointer-events:auto}
.nav ul{position:absolute;top:44px;display:flex;gap:36px}
.nav .nl{left:64px}
.nav .nr{right:64px}
.lk{display:block;font-size:12px;line-height:1;letter-spacing:.14em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid transparent;transition:border-color .4s}
.lk.on{border-bottom-color:var(--ivoire)}
.sw{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1;letter-spacing:.14em;padding-bottom:5px}
.sw a{opacity:.62;transition:opacity .3s}
.sw a:hover,.sw a[aria-current]{opacity:1}
.sw a[aria-current]{border-bottom:1px solid var(--ivoire);padding-bottom:5px;margin-bottom:-6px}
.sw span{opacity:.45}
.nav .nlang{display:none}
.logo{position:absolute;left:50%;top:30px;width:150px;height:42.7px;transform:translateX(-50%)}
.logo img{width:100%;height:100%}
.burger{display:none;position:absolute;right:24px;top:24px;width:28px;height:20px}
.burger i{position:absolute;left:0;right:0;height:1px;background:var(--ivoire)}
.burger i:nth-child(1){top:6px}
.burger i:nth-child(2){top:13px}

/* menu mobile plein écran */
.menu{position:fixed;inset:0;z-index:30;background:var(--dark);visibility:hidden;opacity:0;transition:opacity .3s ease,visibility 0s linear .3s}
.menu.open{visibility:visible;opacity:1;transition:opacity .3s ease}
.menu .logo{left:24px;top:22px;width:104px;height:29.6px;transform:none}
.menu .x{position:absolute;right:24px;top:24px;width:22px;height:22px}
.menu .x::before,.menu .x::after{content:"";position:absolute;left:1px;right:1px;top:10px;height:1px;background:var(--ivoire);transform:rotate(45deg)}
.menu .x::after{transform:rotate(-45deg)}
.menu ul{position:absolute;left:24px;top:150px;display:flex;flex-direction:column;gap:18px}
.menu li button{font-family:var(--display);font-style:italic;font-weight:300;font-size:22px;line-height:1.2;white-space:nowrap}
.menu .foot{position:absolute;left:24px;bottom:calc(58px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.menu .lang{font-size:12px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--chora)}
.menu .lang a[aria-current]{color:var(--ivoire)}

/* ---------- Défilement bloc par bloc ---------- */
#deck{position:fixed;top:0;left:0;right:0;height:calc(var(--h)*8);transition:transform var(--dur,1s) var(--ease);will-change:transform}
.s{position:relative;height:var(--h);overflow:hidden;background:var(--dark)}
.bg{position:absolute;inset:0;overflow:hidden}
.bg img,.bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pd,50% 50%)}
.tabbed .bg img{opacity:0;transition:opacity .6s ease}
.tabbed .bg img.on{opacity:1}
.voile{position:absolute;inset:0;pointer-events:none}
.v-accueil{background:linear-gradient(180deg,rgba(43,31,23,.4) 0%,rgba(43,31,23,.2) 30%,rgba(43,31,23,.35) 60%,rgba(43,31,23,.75) 100%)}
.v-club,.v-bio{background:linear-gradient(90deg,rgba(43,31,23,.88) 0%,rgba(43,31,23,.6) 42%,rgba(43,31,23,.15) 75%,rgba(43,31,23,.05) 100%)}
.v-methode{background:linear-gradient(90deg,rgba(43,31,23,.9) 0%,rgba(43,31,23,.7) 42%,rgba(43,31,23,.18) 72%,rgba(43,31,23,.05) 100%)}
.v-spa{background:linear-gradient(90deg,rgba(43,31,23,.88) 0%,rgba(43,31,23,.68) 42%,rgba(43,31,23,.18) 72%,rgba(43,31,23,.05) 100%)}
.v-cercle{background:linear-gradient(90deg,rgba(43,31,23,.92) 0%,rgba(43,31,23,.75) 45%,rgba(43,31,23,.2) 70%,rgba(43,31,23,.05) 100%)}
.v-entrainement{background:linear-gradient(180deg,rgba(43,31,23,.2) 0%,rgba(43,31,23,.25) 45%,rgba(43,31,23,.75) 65%,rgba(43,31,23,.95) 100%)}
.v-adhesion{background:linear-gradient(180deg,rgba(31,23,18,0) 71.1%,rgba(31,23,18,.55) 100%),linear-gradient(rgba(43,31,23,.5),rgba(43,31,23,.5))}

/* texte : positions de la maquette 1440 × 900, ramenées à la hauteur d'écran */
.txt{position:absolute;left:var(--gx);top:calc(var(--h)/900*var(--t,345));display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.eyebrow{font-size:11.5px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--chora);white-space:pre}
.accueil .eyebrow{color:var(--ivoire)}
h1,h2{font-family:var(--display);font-style:italic;font-weight:300;color:var(--ivoire);white-space:nowrap}
h1{font-size:48px;line-height:1.08}
h2{font-size:36px;line-height:1.12}
.lead{max-width:470px;font-size:16px;line-height:1.6;color:var(--ivoire)}
.small{font-size:13.5px;line-height:1.6;color:var(--chora)}
.accueil .txt{gap:28px}

.btn{display:inline-flex;align-items:center;padding:12px 22px;font-size:11.5px;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.btn-out{border:1px solid var(--ivoire);color:var(--ivoire)}
a.btn-out:hover,button.btn-out:hover{background:var(--ivoire);color:var(--dark)}
.btn-full{background:var(--ivoire);color:var(--dark);border:1px solid var(--ivoire)}
.btn-full:hover{background:transparent;color:var(--ivoire)}
.btn.static{cursor:default}

/* La Méthode */
.methode .txt{gap:24px}
.methode .sign{width:470px;border-top:1px solid var(--chora);padding-top:20px;display:flex;flex-direction:column;gap:6px;white-space:nowrap}
.methode .credit{width:470px;padding-top:18px;font-size:13.5px;line-height:1.6;color:var(--chora)}

/* blocs à onglets : vignettes identiques et au même endroit dans les trois blocs */
.tabbed .c{display:contents}
.tabbed .head{position:absolute;left:var(--gx);bottom:calc(34.22% + 24px);display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.tabs{position:absolute;left:var(--gx);top:65.78%;display:flex;gap:24px}
.tab{display:flex;flex-direction:column;gap:10px;width:152px;opacity:.8;transition:opacity .3s ease}
.tab:hover,.tab[aria-selected="true"]{opacity:1}
.tab .th{display:block;width:152px;height:96px;border:1px solid transparent;overflow:hidden;transition:border-color .3s ease}
.tab .th img{width:100%;height:100%;object-fit:cover}
.tab[aria-selected="true"] .th{border-color:var(--ivoire)}
.tab .lb{align-self:flex-start;font-size:13.5px;line-height:1.6;padding-bottom:6px;border-bottom:1px solid transparent;white-space:nowrap;transition:border-color .3s ease}
.tab[aria-selected="true"] .lb{border-bottom-color:var(--ivoire)}
.tab .lb-m{display:none}
.phrase{position:absolute;left:var(--gx);top:calc(65.78% + 158px);width:680px;font-size:16px;line-height:1.6;color:var(--chora);transition:opacity .35s ease}
.entrainement .phrase{color:var(--ivoire)}
.phrase .pm{display:none}

/* Adhésion + infos pratiques intégrées */
.adhesion .txt{left:0;right:0;align-items:center;text-align:center;gap:26px;top:calc(var(--h)/900*262)}
.adhesion .lead{max-width:600px;color:var(--chora)}
.infos{position:absolute;left:var(--gx);right:var(--gx);bottom:42px;border-top:1px solid var(--filet);padding-top:28px;display:grid;grid-template-columns:1fr auto;column-gap:32px;row-gap:14.4px;font-size:13.5px;line-height:1.6;color:var(--chora)}
.infos .r{text-align:right}
.infos .a{opacity:.85}
.infos .b{opacity:.6}
.infos .sep{display:inline-block;margin:0 .5em}
.infos a,.infos button{display:inline;transition:opacity .3s ease}
.infos a:hover,.infos button:hover{opacity:1;color:var(--ivoire)}
.infos [aria-current]{color:var(--ivoire)}
.infos .m{display:none}

/* pagination latérale : 8 points */
.dots{position:fixed;z-index:20;right:34px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px}
.dots button{position:relative;display:block;width:4px;height:4px;border-radius:50%;background:rgba(232,228,220,.38);box-shadow:0 0 3px rgba(31,23,18,.35);transition:background-color .6s ease,width .6s ease,height .6s ease}
.dots button::after{content:"";position:absolute;inset:-7px}
.dots button:hover{background:rgba(232,228,220,.7)}
.dots button[aria-current="true"]{width:6px;height:6px;background:rgba(232,228,220,.9)}

/* ---------- Fenêtre « Rejoindre SIGMA Club » (formulaire Brevo) ---------- */
.ov{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:rgba(10,8,6,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .4s ease}
.ov.show{display:flex}
.ov.in{opacity:1}
.md{position:relative;width:440px;max-width:90vw;max-height:90vh;overflow-y:auto;background:#fff;color:var(--brown);transform:translateY(20px);opacity:0;transition:transform .4s ease,opacity .4s ease}
.ov.in .md{transform:none;opacity:1}
.md-top{background:var(--brown);padding:32px 40px;text-align:center}
.md-top img{width:96px;height:auto;margin:0 auto}
.md .close{position:absolute;top:16px;right:20px;width:28px;height:28px;color:var(--sable);font-size:22px;line-height:1;text-align:center}
.md-body{padding:36px 40px 40px}
.md-title{margin-bottom:28px;text-align:center;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#B5A89A}
.fld{margin-bottom:16px}
.fld.last{margin-bottom:28px}
.fld label{display:block;margin-bottom:6px;font-size:10px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--sable)}
.fld input,.fld select{display:block;width:100%;padding:12px 14px;border:1px solid var(--chora);background:#FAFAF8;border-radius:0;font:inherit;font-size:14px;color:var(--brown);outline:none;transition:border-color .3s ease;-webkit-appearance:none;appearance:none}
.fld select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M0 0l6 8 6-8' fill='%23AB9B82'/></svg>");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.fld input:focus,.fld select:focus{border-color:var(--sable)}
.fld input::placeholder{color:var(--chora);opacity:.6}
.fld .hint{margin-top:4px;font-size:9px;letter-spacing:.03em;color:#C4B8A5}
.consent{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;cursor:pointer;font-size:10px;line-height:1.5;color:var(--sable)}
.consent input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--brown);cursor:pointer}
.consent a,.consent button{display:inline;color:var(--brown);text-decoration:underline;text-underline-offset:2px}
.send{display:block;width:100%;padding:15px 20px;background:var(--brown);color:var(--chora);font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-align:center;transition:background-color .3s ease}
.send:hover{background:#4a3828}
.md .note{margin-top:12px;text-align:center;font-size:10px;letter-spacing:.03em;color:#C4B8A5}
.md .err{display:none;margin-top:12px;text-align:center;font-size:12px;color:#8B3A3A}
.md .err a{color:inherit;text-decoration:underline}
.md .ok{display:none;padding:20px 0;text-align:center}
.md .ok .t{margin-bottom:16px;font-family:var(--display);font-style:italic;font-weight:300;font-size:22px;line-height:1.3;color:var(--brown)}
.md .ok .s2{font-size:13px;line-height:1.6;color:#6D5B50}
.md .ok .s2.mb{margin-bottom:20px}
.md .ok .send,.md .ok .ghost{margin-bottom:10px}
.md .ok .ghost{display:block;width:100%;padding:13px 20px;border:1px solid var(--chora);color:#6D5B50;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-align:center}
.md .ok .send{padding:13px 20px}
.md-priv{width:520px;max-height:80vh}
.md-priv .md-top{padding:28px 40px}
.md-priv .md-top p{font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.md-priv .txt2{padding:32px 40px;font-size:12px;line-height:1.8;color:#6D5B50}
.md-priv .txt2 p{margin-bottom:16px}
.md-priv .txt2 p:last-child{margin-bottom:0}
.md-priv strong{font-weight:400;color:var(--brown);letter-spacing:.04em}
.md-priv a{color:var(--brown);text-decoration:underline}
body.modal-open{overflow:hidden}

/* ---------- Tablette : navigation burger ---------- */
@media (max-width:1180px){
  .nav .nl{left:32px}.nav .nr{right:32px}
  .nav ul{gap:24px}
}
@media (max-width:1000px){
  .nav .nl,.nav .nr{display:none}
  .nav .nlang{display:flex;position:absolute;right:68px;top:28px;font-size:11px}
  .nav .logo{left:24px;top:22px;width:104px;height:29.6px;transform:none}
  .burger{display:block}
}

/* ---------- Mobile (maquette 390) ---------- */
@media (max-width:820px){
  .bg img,.bg video{object-position:var(--pm,var(--pd,50% 50%))}
  .voile{background:linear-gradient(180deg,rgba(43,31,23,.3) 0%,rgba(43,31,23,.15) 40%,rgba(43,31,23,.92) 100%)}
  .voile.v-accueil{background:linear-gradient(180deg,rgba(43,31,23,.4) 0%,rgba(43,31,23,.2) 30%,rgba(43,31,23,.35) 60%,rgba(43,31,23,.75) 100%)}
  .voile.v-adhesion{background:linear-gradient(180deg,rgba(31,23,18,0) 61%,rgba(31,23,18,.55) 100%),linear-gradient(rgba(43,31,23,.5),rgba(43,31,23,.5))}
  .db{display:none}
  h1,h2{white-space:normal;font-size:31px;line-height:1.12}
  h1{font-size:34px;line-height:1.1}
  .txt,.tabbed .head{position:absolute;left:24px;right:24px;top:auto;bottom:calc(40px + env(safe-area-inset-bottom,0px));gap:16px}
  .tabbed .head{position:static}
  .lead{font-size:13.5px;max-width:320px}
  .lead .ld{display:none}
  .lead .lm{display:inline}
  .small{font-size:13.5px}
  .accueil .txt{gap:20px}
  .accueil .eyebrow{white-space:normal}
  .methode .txt{gap:14px}
  .methode .sign,.methode .credit{width:100%;white-space:normal}
  .methode .sign{padding-top:14px;gap:2px;font-size:13.5px}
  .methode .credit{padding-top:4px;font-size:12px}
  /* onglets : texte en capitales sur une ligne défilante */
  .tabbed .c{position:absolute;left:24px;right:24px;bottom:calc(40px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px}
  .tabbed .head{gap:16px}
  .tabs{position:static;gap:20px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -24px;padding:0 24px}
  .tabs::-webkit-scrollbar{display:none}
  .tab{width:auto;flex:none;gap:0;opacity:.7;padding-bottom:0}
  .tab .th{display:none}
  .tab .lb{font-size:12px;line-height:1;letter-spacing:.14em;text-transform:uppercase;padding-bottom:6px}
  .tab .lb-d{display:none}
  .tab .lb-m{display:inline}
  .phrase{position:static;width:auto;max-width:320px;min-height:3.2em;font-size:13.5px;color:var(--ivoire)}
  .phrase .pd{display:none}
  .phrase .pm{display:inline}
  .adhesion .txt{left:24px;right:24px;top:calc(var(--h)*.29);bottom:auto;align-items:flex-start;text-align:left;gap:16px}
  .adhesion .lead{max-width:320px;color:var(--ivoire)}
  .infos{left:24px;right:24px;bottom:calc(28px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;padding-top:24px;row-gap:6px;font-size:13.5px}
  .infos .r{text-align:left}
  .infos .b.first{margin-top:10px}
  .infos .dk{display:none}
  .infos .m{display:inline}
  .dots{right:8px;gap:12px}
  .md-top,.md-priv .md-top{padding:28px 24px}
  .md-body,.md-priv .txt2{padding:28px 24px 32px}
}
@media (max-width:820px) and (max-height:700px){
  .lead.hide-short{display:none}
  .methode .credit{display:none}
}

@media (prefers-reduced-motion:reduce){
  #deck{transition-duration:.01s!important}
  .tabbed .bg img,.phrase,.menu,.ov,.md{transition-duration:.01s}
}