                                                           
                                                    

html.oc-seuil-passe body[data-page="index"]{
  --cv-index-ink:#14171b;
  --cv-index-paper:#f3f4f1;
  --cv-index-ivory:#e1e5e3;
  --cv-index-obsidian:#080a0d;
  --cv-index-smoke:#12161b;
  --cv-index-platinum:#cbd3d4;
}

/* La respiration globale de 132 px devenait une bande noire entre chaque
   chapitre. Sur l'accueil post-entree, les tableaux se raccordent sans vide. */
html.oc-seuil-passe body[data-page="index"] #main-content > section:not(#accueil){
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* 04 — Matière : le chapitre a été ajouté à l'accueil sans charger l'ancien
   moteur `strict-house`. Sa photographie portrait imposait donc sa hauteur
   intrinsèque au flux (plus de trois écrans à 1440 × 1000). La géométrie vit
   désormais dans cette autorité post-entrée, sans réactiver ce moteur ni
   toucher à l'image. */
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire{
  min-height:112svh;
  padding:10vh 0;
  color:#243238 !important;
  background:linear-gradient(115deg,rgba(246,248,245,.94),rgba(223,231,229,.88)),url("../assets/palette02/calcite_froide_1024.webp") center / 1024px auto !important;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire :is(h2,h3,p,.sf-n,.eyebrow,.btn){
  color:#243238 !important;
  -webkit-text-fill-color:currentColor;
  text-shadow:none;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire > .container{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  column-gap:clamp(32px,5vw,80px);
  align-items:center;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .cv-material-photo{
  grid-column:1;
  grid-row:1 / span 3;
  position:relative;
  height:min(70vh,720px);
  margin:0;
  overflow:hidden;
  clip-path:none;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .cv-material-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 50%;
  filter:none;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .cv-material-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(170deg,rgba(201,194,180,.18),transparent 28%,transparent 67%,rgba(8,10,13,.75));
  mix-blend-mode:screen;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .cv-material-photo figcaption{
  position:absolute;
  z-index:2;
  left:22px;
  bottom:22px;
  color:var(--cv-index-platinum);
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire > .container > div{
  grid-column:2;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .sf-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  background:transparent;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .sf-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px 18px;
  align-items:start;
  padding:22px 0;
  border:0;
  border-top:1px solid rgba(45,67,74,.25);
  background:transparent;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire :is(.sf-t,.sf-b){
  margin:0;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .sf-t{
  font-size:var(--cv-typo-current-fs, clamp(26px,2.35vw,36px));
  line-height:var(--cv-typo-current-lh, 1.15);
  overflow-wrap:normal;
}
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .sf-b{
  grid-column:2;
}
/* Ce titre reste un texte natif : pas de découpage glyphes ni de fond clippé. */
html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .cv-material-title{
  margin:20px 0 24px;
  font:var(--cv-typo-current-font, 400 clamp(48px,5.2vw,82px)/1.04 var(--font-display,"Bodoni Moda",serif));
  letter-spacing:var(--cv-typo-current-ls, -.035em);
  color:#182126;
  -webkit-text-fill-color:currentColor;
  background:none;
  overflow:visible;
}

/* 02 — Manifeste : la legende reste souveraine quelle que soit la veine
   claire de la pierre. La protection est locale et ne voile pas la photo. */
html.oc-seuil-passe body[data-page="index"] #manifesto .cv-manifesto-media,
html.oc-seuil-passe body[data-page="index"] #manifesto .lux-manifesto{
  position:relative;
  z-index:3 !important;
}
html.oc-seuil-passe body[data-page="index"] #manifesto .cv-manifesto-media{
  opacity:1 !important;
}
html.oc-seuil-passe body[data-page="index"] #manifesto .cv-manifesto-media figcaption{
  color:#f6f2e9 !important;
  background:#080a0d !important;
  border:1px solid rgba(239,233,220,.2) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:0 1px 12px rgba(0,0,0,.48);
}
html.oc-seuil-passe body[data-page="index"] #manifesto .cv-manifesto-media figcaption :is(span,b){
  color:#f6f2e9 !important;
  -webkit-text-fill-color:#f6f2e9 !important;
  opacity:1 !important;
}

/* Les invitations des cartes doivent etre lisibles sur le ciel, le bois ou
   le marbre : cartouche obsidienne compact, jamais un filtre global. */
html.oc-seuil-passe body[data-page="index"] #projects .proj-ovt{
  width:max-content;
  max-width:calc(100% - 32px);
  padding:10px 14px;
  color:#f7f3eb !important;
  -webkit-text-fill-color:#f7f3eb !important;
  background:rgba(6,8,11,.84) !important;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 12px 34px rgba(0,0,0,.26);
  text-shadow:0 1px 10px rgba(0,0,0,.5);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* Le mot EXPLORER appartient au curseur media, pas au contenu. Sur Carrara,
   son fond translucide initial disparaissait : on lui donne une vraie reserve. */
html.oc-seuil-passe body[data-page="index"] #cur.has-label .cur-ring,
html.oc-seuil-passe body[data-page="index"] #cur.is-media .cur-ring{
  color:#fff !important;
  background:rgba(5,7,9,.88) !important;
  border-color:rgba(244,240,232,.82) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.14) !important;
  backdrop-filter:blur(12px) saturate(.82);
  -webkit-backdrop-filter:blur(12px) saturate(.82);
}
html.oc-seuil-passe body[data-page="index"] #cur.has-label .cur-ring::after{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.72) !important;
}

html.oc-seuil-passe body[data-page="index"] :is(
  #heritage-1948,
  #maison-transmission,
  #luxury-branch-teaser,
  #fondazione-home,
  #fin-cinematographique
){
  box-sizing:border-box;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

/* 06 — Heritage: Carrara editorial, texte en encre. */
html.oc-seuil-passe body[data-page="index"] #heritage-1948{
  min-height:760px;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  align-items:stretch;
  gap:clamp(38px,6vw,96px);
  padding:clamp(70px,8vw,124px) clamp(30px,6vw,110px);
  color:var(--cv-index-ink) !important;
  background:
    radial-gradient(48vw 42vw at 12% 18%,rgba(255,255,255,.86),transparent 72%),
    linear-gradient(118deg,#f7f4ed 0%,#e5e0d6 58%,#d0cbc1 100%) !important;
}
html.oc-seuil-passe body[data-page="index"] #heritage-1948::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.34) 48%,transparent 61%);
  opacity:.72;
}
html.oc-seuil-passe body[data-page="index"] #heritage-1948 .cv-heritage-film{
  position:relative;
  z-index:1;
  min-height:520px;
  height:100%;
  overflow:hidden;
  background:#15191e;
  border:1px solid rgba(20,23,27,.14);
  box-shadow:0 36px 100px rgba(20,23,27,.18);
}
html.oc-seuil-passe body[data-page="index"] #heritage-1948 .cv-heritage-film video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.18) saturate(.76) contrast(1.08);
}
html.oc-seuil-passe body[data-page="index"] #heritage-1948 .cv-heritage-film > span{
  position:absolute;
  left:20px;
  bottom:18px;
  padding:8px 10px;
  color:#f7f3ea !important;
  background:rgba(7,9,12,.72);
  border:1px solid rgba(255,255,255,.18);
}
html.oc-seuil-passe body[data-page="index"] #heritage-1948 .cv-heritage-copy{
  position:relative;
  z-index:2;
  align-self:center;
  max-width:620px;
  padding:clamp(18px,3vw,48px) 0;
}

/* 07 — Transmission : calcite froide, raccord avec la galerie institutionnelle. */
html.oc-seuil-passe body[data-page="index"] #maison-transmission{
  min-height:780px;
  display:grid;
  grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);
  align-items:center;
  gap:clamp(42px,7vw,112px);
  padding:clamp(76px,9vw,138px) clamp(30px,6vw,110px);
  color:var(--cv-index-ink) !important;
  background:
    linear-gradient(110deg,rgba(245,247,245,.96),rgba(232,237,234,.88)),
    url("../assets/palette02/calcite_froide_1024.webp") center / 1024px auto !important;
}
html.oc-seuil-passe body[data-page="index"] #maison-transmission::before{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 38%,rgba(230,224,212,.12) 49%,transparent 61%);
  transform:translateX(-4%);
}
html.oc-seuil-passe body[data-page="index"] #maison-transmission .cv-trans-copy{
  position:relative;
  z-index:2;
  align-self:center;
  max-width:610px;
}
html.oc-seuil-passe body[data-page="index"] #maison-transmission .cv-trans-media{
  position:relative;
  z-index:1;
  width:100%;
  min-height:560px;
  height:min(68vh,720px);
  margin:0;
  overflow:hidden;
  border:1px solid rgba(232,228,220,.16);
  box-shadow:0 44px 120px rgba(0,0,0,.42);
}
html.oc-seuil-passe body[data-page="index"] #maison-transmission .cv-trans-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.06) brightness(.9);
}
html.oc-seuil-passe body[data-page="index"] #maison-transmission .cv-trans-media figcaption{
  position:absolute;
  left:18px;
  bottom:18px;
  padding:9px 12px;
  color:#f5f1e8 !important;
  background:rgba(6,8,10,.72);
  border:1px solid rgba(255,255,255,.15);
}

/* 08 — Portale: ceremoniel sombre, aucune typographie blanche sur Carrara. */
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser{
  min-height:780px;
  display:flex;
  align-items:center;
  padding:clamp(72px,8vw,122px) 0;
  color:#f3efe7 !important;
  background:
    linear-gradient(#09251f,transparent 180px),
    radial-gradient(54vw 44vw at 76% 28%,rgba(70,114,98,.25),transparent 70%),
    linear-gradient(135deg,#09251f 0%,#153b31 56%,#071d19 100%) !important;
}
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-bg{
  opacity:.22 !important;
  filter:grayscale(.9) saturate(.52) brightness(.48) !important;
}
html.oc-seuil-passe.oc-entree-passee body[data-page="index"] .hd .lb.active{
  color:#f1f4ef !important;-webkit-text-fill-color:currentColor;
}
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-in{
  position:relative;
  z-index:2;
}
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-copy h2{
  display:block;
  margin:0 0 clamp(22px,2.4vw,34px) !important;
  line-height:var(--cv-typo-current-lh, .98) !important;
  overflow:visible !important;
  text-wrap:balance;
}
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-copy > p{
  display:block;
  margin:0 0 clamp(24px,3vw,40px) !important;
  line-height:var(--cv-typo-current-lh, 1.62) !important;
}
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-portal{
  background:rgba(5,7,9,.48);
  border:1px solid rgba(232,228,220,.15);
  box-shadow:0 38px 110px rgba(0,0,0,.45);
}

/* Fondation — sceau dimensionne, Carrara et encre. */
html.oc-seuil-passe body[data-page="index"] #fondazione-home{
  min-height:720px;
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  align-items:center;
  gap:clamp(44px,8vw,130px);
  padding:clamp(72px,8vw,126px) clamp(30px,7vw,126px);
  color:var(--cv-index-ink) !important;
  background:
    radial-gradient(42vw 42vw at 18% 50%,rgba(255,255,255,.92),transparent 72%),
    linear-gradient(118deg,#f7f4ed 0%,#e7e2d8 62%,#d4cfc5 100%) !important;
}
html.oc-seuil-passe body[data-page="index"] #fondazione-home .cv-found-mark{
  position:relative;
  z-index:1;
  width:min(30vw,390px);
  aspect-ratio:1;
  height:auto;
  margin:auto;
  display:grid;
  place-items:center;
}
html.oc-seuil-passe body[data-page="index"] #fondazione-home .cv-found-mark img{
  display:block;
  width:78%;
  max-width:310px;
  height:auto;
  opacity:.76;
  filter:grayscale(1) contrast(.82) sepia(.18);
}
html.oc-seuil-passe body[data-page="index"] #fondazione-home .cv-found-copy{
  position:relative;
  z-index:2;
  max-width:720px;
}
html.oc-seuil-passe body[data-page="index"] #fondazione-home .cv-found-copy h2{
  display:block;
  margin:0 0 clamp(22px,2.4vw,34px) !important;
  line-height:var(--cv-typo-current-lh, 1.02) !important;
  overflow:visible !important;
}
html.oc-seuil-passe body[data-page="index"] #fondazione-home .cv-found-copy > p:not(.cv-chapter-kicker){
  display:block;
  margin:0 0 clamp(24px,3vw,40px) !important;
}

/* Le reveal historique translate encore certains H2 de 26px apres lecture.
   Le flux, lui, ne bouge pas : le titre recouvre alors le paragraphe suivant. */
html.oc-seuil-passe body[data-page="index"] :is(
  #heritage-1948 .cv-heritage-copy,
  #maison-transmission .cv-trans-copy,
  #fondazione-home .cv-found-copy
) > h2{
  transform:none !important;
}

/* Fin — tableau cinematique compact, jamais une page blanche. */
html.oc-seuil-passe body[data-page="index"] #fin-cinematographique{
  min-height:680px;
  height:min(86svh,820px);
  display:grid;
  place-items:center;
  color:#f4f0e8 !important;
  background:#07090b !important;
}
html.oc-seuil-passe body[data-page="index"] #fin-cinematographique .cv-ending-stone{
  position:absolute;
  inset:clamp(40px,6vh,76px) clamp(24px,7vw,112px);
  z-index:0;
  overflow:hidden;
  opacity:.58;
  clip-path:polygon(5% 0,95% 4%,100% 88%,82% 100%,3% 93%,0 16%);
}
html.oc-seuil-passe body[data-page="index"] #fin-cinematographique .cv-ending-stone img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(.72) saturate(.55) contrast(1.36) brightness(.55);
}
html.oc-seuil-passe body[data-page="index"] #fin-cinematographique .cv-ending-copy{
  position:relative;
  z-index:3;
  text-align:center;
}
html.oc-seuil-passe body[data-page="index"] #fin-cinematographique .cv-ending-copy h2{
  margin:0;
  font-size:var(--cv-typo-current-fs, clamp(76px,15vw,230px)) !important;
  line-height:var(--cv-typo-current-lh, .78) !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:1px rgba(244,240,232,.84);
}
html.oc-seuil-passe body[data-page="index"] #fin-cinematographique .cv-ending-light{
  position:absolute;
  z-index:2;
  width:1px;
  height:62%;
  background:linear-gradient(transparent,rgba(201,194,180,.82),transparent);
  box-shadow:0 0 60px rgba(201,194,180,.24);
}

/* Couleurs explicites : aucune cascade generique ne doit les reprendre. */
html.oc-seuil-passe body[data-page="index"] :is(#heritage-1948,#fondazione-home) :is(h1,h2,h3,p,a,blockquote,span){
  color:var(--cv-index-ink) !important;
  -webkit-text-fill-color:currentColor;
}
html.oc-seuil-passe body[data-page="index"] :is(#heritage-1948,#fondazione-home) .cv-chapter-kicker{
  color:#4c5c64 !important;
}
html.oc-seuil-passe body[data-page="index"] :is(#heritage-1948,#fondazione-home) :is(.cv-heritage-copy>p:not(.cv-chapter-kicker),.cv-found-copy>p:not(.cv-chapter-kicker)){
  color:rgba(20,23,27,.76) !important;
}
html.oc-seuil-passe body[data-page="index"] :is(#luxury-branch-teaser,#fin-cinematographique) :is(h1,h2,h3,p,a,blockquote,span){
  color:#f4f0e8 !important;
  -webkit-text-fill-color:currentColor;
}
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser :is(.kicker,.clb-home-caption,.clb-home-text),
html.oc-seuil-passe body[data-page="index"] #fin-cinematographique .cv-ending-copy p{
  color:var(--cv-index-platinum) !important;
}
html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-copy>p{
  color:rgba(244,240,232,.78) !important;
}
html.oc-seuil-passe body[data-page="index"] #maison-transmission .cv-trans-copy :is(h2,p,blockquote,span,a){
  color:#243238 !important;
  -webkit-text-fill-color:currentColor;
  text-shadow:none;
}

html.oc-seuil-passe body[data-page="index"] :is(
  #heritage-1948,
  #maison-transmission,
  #luxury-branch-teaser,
  #fondazione-home,
  #fin-cinematographique
) :is(h1,h2,h3,p,a,blockquote,span){
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}

@media (max-width:820px){
  html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire{
    min-height:0;
    padding:10vh 20px;
  }
  html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire > .container{
    grid-template-columns:1fr;
    padding:0;
  }
  html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .cv-material-photo{
    grid-column:1;
    grid-row:auto;
    height:54svh;
    min-height:340px;
    margin-bottom:7vh;
  }
  html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire > .container > div,
  html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .sf-grid{
    grid-column:1;
  }
  html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .sf-item{
    grid-template-columns:34px 1fr;
  }
  html.oc-seuil-passe body[data-page="index"] #matiere-savoir-faire .sf-b{
    grid-column:2;
  }
  html.oc-seuil-passe body[data-page="index"] :is(#heritage-1948,#maison-transmission,#fondazione-home){
    min-height:0;
    grid-template-columns:1fr;
    gap:34px;
    padding:70px 22px 82px;
  }
  html.oc-seuil-passe body[data-page="index"] #heritage-1948 .cv-heritage-film{
    min-height:0;
    height:58svh;
    grid-row:1;
  }
  html.oc-seuil-passe body[data-page="index"] #heritage-1948 .cv-heritage-copy{
    grid-row:2;
    padding:0;
  }
  html.oc-seuil-passe body[data-page="index"] #maison-transmission .cv-trans-copy{
    grid-row:1;
  }
  html.oc-seuil-passe body[data-page="index"] #maison-transmission .cv-trans-media{
    grid-row:2;
    min-height:0;
    height:68svh;
  }
  html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser{
    min-height:0;
    padding:78px 0 88px;
  }
  html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-in{
    gap:48px;
  }
  html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-copy h2{
    max-width:12ch;
    font-size:var(--cv-typo-current-fs, clamp(44px,11.5vw,66px)) !important;
    line-height:var(--cv-typo-current-lh, 1.01) !important;
    margin-bottom:28px !important;
  }
  html.oc-seuil-passe body[data-page="index"] #luxury-branch-teaser .clb-home-copy > p{
    margin-top:0 !important;
  }
  html.oc-seuil-passe body[data-page="index"] #fondazione-home .cv-found-mark{
    width:min(72vw,320px);
    grid-row:1;
  }
  html.oc-seuil-passe body[data-page="index"] #fondazione-home .cv-found-copy{
    grid-row:2;
  }
  html.oc-seuil-passe body[data-page="index"] #fin-cinematographique{
    min-height:620px;
    height:76svh;
  }
  html.oc-seuil-passe body[data-page="index"] #fin-cinematographique .cv-ending-copy h2{
    font-size:var(--cv-typo-current-fs, clamp(54px,16vw,96px)) !important;
  }
}

/* Le hamburger demeure actif jusqu'à 1180 px. L'accueil reprend donc la
   colonne plein écran déjà éprouvée par la navigation des pages intérieures. */
@media (max-width:1180px){
  html.oc-seuil-passe body[data-page="index"].nopen > .hd{
    position:fixed !important;
    inset:0 0 auto !important;
    z-index:8500 !important;
    overflow:visible !important;
    transform:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  html.oc-seuil-passe body[data-page="index"].nopen .nav{
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100svh !important;
    min-height:100svh !important;
    padding:max(92px,calc(env(safe-area-inset-top) + 72px)) 22px
            max(38px,calc(env(safe-area-inset-bottom) + 24px)) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
  html.oc-seuil-passe body[data-page="index"].nopen .nav > .nl,
  html.oc-seuil-passe body[data-page="index"].nopen .nav > .ncta{
    box-sizing:border-box !important;
    flex:0 0 auto !important;
    display:block !important;
    width:100% !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 4px !important;
    line-height:var(--cv-typo-current-lh, 1.15) !important;
    white-space:normal !important;
  }
  html.oc-seuil-passe body[data-page="index"].nopen .nav > .lang-sw{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    min-height:44px !important;
    margin:14px 0 0 !important;
  }
}

/* Sur téléphone, aucune position flottante ne reste sûre pendant tout le
   défilement. Le son et le Concierge rejoignent donc le menu plein écran :
   ils demeurent accessibles en un geste sans jamais recouvrir un chapitre.
   L'indicateur météo display-only, déjà dupliqué par la scène, s'efface. */
@media (min-width:701px){
  /* Le rail conserve ses commandes dans la gouttière, hors des colonnes.
     Le libellé de visite demeure accessible, puis se déploie au focus. */
  html.oc-seuil-passe body[data-page="index"] :is(#vg-btn,#oc-sound-toggle){
    left:4px !important;
    width:32px !important;
    min-width:32px !important;
    height:36px !important;
    padding:0 !important;
    border-radius:2px !important;
    box-shadow:0 2px 10px rgba(22,35,40,.18) !important;
  }
  html.oc-seuil-passe body[data-page="index"] #oc-sound-toggle{
    font-size:var(--cv-typo-current-fs, 7px) !important;
    letter-spacing:var(--cv-typo-current-ls, .05em) !important;
  }
  html.oc-seuil-passe body[data-page="index"] #oc-sound-toggle i{ display:none; }
  html.oc-seuil-passe body[data-page="index"] #vg-trigger{
    width:32px !important;
    min-width:32px !important;
    height:36px !important;
    padding:7px !important;
    justify-content:center !important;
  }
  html.oc-seuil-passe body[data-page="index"] #vg-tooltip{
    position:absolute;
    width:1px;height:1px;
    overflow:hidden;
    clip-path:inset(50%);
  }
  html.oc-seuil-passe body[data-page="index"] #vg-trigger:is(:hover,:focus-visible) #vg-tooltip{
    left:38px;bottom:0;
    width:max-content;height:auto;
    padding:10px 14px;
    clip-path:none;
    color:#e8eeeb;background:#223940;
  }
}
@media (max-width:700px){
  html.oc-seuil-passe body[data-page="index"].nopen .nav{
    padding-bottom:max(108px,calc(env(safe-area-inset-bottom) + 94px)) !important;
  }
  html.oc-seuil-passe body[data-page="index"] #cv-atmosphere-control.cv-atmo-control--display-only{
    display:none !important;
  }
  html.oc-seuil-passe body[data-page="index"] :is(#oc-sound-toggle,#aiw){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
  html.oc-seuil-passe body[data-page="index"].nopen #oc-sound-toggle{
    top:auto !important;
    right:auto !important;
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px)) !important;
    left:14px !important;
    z-index:9300 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  html.oc-seuil-passe body[data-page="index"].nopen #aiw,
  html.oc-seuil-passe body[data-page="index"].ai-open #aiw{
    top:auto !important;
    right:14px !important;
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px)) !important;
    left:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  html.oc-seuil-passe body[data-page="index"] #aiw .ai-pn.ai-pn{
    position:fixed !important;
    top:102px !important;
    right:10px !important;
    bottom:12px !important;
    left:10px !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
  }
  html.oc-seuil-passe body[data-page="index"].ai-open #oc-sound-toggle{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  html.oc-seuil-passe body[data-page="index"] :is(
    #heritage-1948,
    #maison-transmission,
    #luxury-branch-teaser,
    #fondazione-home,
    #fin-cinematographique
  )::before,
  html.oc-seuil-passe body[data-page="index"] :is(
    #heritage-1948,
    #maison-transmission,
    #luxury-branch-teaser,
    #fondazione-home,
    #fin-cinematographique
  )::after{
    animation:none !important;
    transform:none !important;
  }
}
