/* Six Degrés — Menu plein écran (partagé sur toutes les pages)
   Couleur : accent du levier si défini (--lev), sinon corail (--acc). */
.sdm-trig{position:fixed;top:20px;right:var(--mx);z-index:94;display:inline-flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;color:#fff;mix-blend-mode:difference;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.sdm-trig .bg{display:flex;flex-direction:column;gap:5px;width:26px}
.sdm-trig .bg i{height:1.7px;width:100%;background:#fff;transition:transform .4s var(--e),opacity .3s,background-color .3s}
.menu-open .sdm-trig{mix-blend-mode:normal;color:var(--levfg,var(--accfg))}
.menu-open .sdm-trig .bg i{background:var(--levfg,var(--accfg))}
.menu-open .sdm-trig .bg i:nth-child(1){transform:translateY(6.7px) rotate(45deg)}
.menu-open .sdm-trig .bg i:nth-child(2){opacity:0}
.menu-open .sdm-trig .bg i:nth-child(3){transform:translateY(-6.7px) rotate(-45deg)}

.sdm-panel{position:fixed;inset:0;z-index:93;background:var(--lev,var(--acc));color:var(--levfg,var(--accfg));display:flex;flex-direction:column;justify-content:center;padding:0 var(--mx);clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path .4s var(--e)}
.menu-open .sdm-panel{clip-path:inset(0 0 0 0);pointer-events:auto}
.sdm-panel nav{display:flex;flex-direction:column;gap:0}
/* La taille est bornée par la hauteur d'écran, pas seulement par la largeur :
   les 7 entrées à line-height 1 doivent tenir en entier dans le cadre. En
   ajouter oblige à redescendre cette valeur, sinon les extrémités du menu
   sortent du cadre. */
.sdm-panel .lk{display:flex;align-items:baseline;gap:22px;width:100%;padding:clamp(1px,.3vh,6px) 0;font-family:var(--disp);text-transform:uppercase;font-size:clamp(40px,min(8.4vw,9.1vh),132px);line-height:1;color:var(--levfg,var(--accfg));opacity:0;transform:translateY(46px);transition:opacity .5s var(--e),transform .6s var(--e),color .1s}
.sdm-panel .lk .n{font-family:var(--sans);font-size:clamp(12px,1vw,16px);font-weight:700;opacity:.55;letter-spacing:.05em}
.sdm-panel .lk:hover{color:var(--cream);transition:opacity .5s var(--e),transform .6s var(--e),color .04s}
/* Le focus atterrit ici à l'ouverture (menu.js déplace le focus sur le
   premier lien) : sans style dédié, le navigateur affiche son contour par
   défaut. Choix du site : aucun indicateur visuel ici. Le focus reste posé
   (utile au clavier pour la suite de la tabulation, et aux lecteurs d'écran,
   qui l'annoncent indépendamment de tout style visuel) ; seul le contour est
   supprimé. */
.sdm-panel .lk:focus-visible{outline:none}
.menu-open .sdm-panel .lk{opacity:1;transform:none}
/* transition-delay à 3 valeurs (opacity, transform, color) : le décalage en
   cascade ne doit jouer que sur l'entrée du panneau, pas sur le survol —
   sinon le survol hérite du même délai et met jusqu'à ~0,75s à blanchir.
   Le pas couvre les 7 entrées : une entrée sans délai apparaîtrait avant
   celles du dessus. */
.sdm-panel .lk:nth-child(1){transition-delay:.10s,.10s,0s}
.sdm-panel .lk:nth-child(2){transition-delay:.15s,.15s,0s}
.sdm-panel .lk:nth-child(3){transition-delay:.20s,.20s,0s}
.sdm-panel .lk:nth-child(4){transition-delay:.25s,.25s,0s}
.sdm-panel .lk:nth-child(5){transition-delay:.30s,.30s,0s}
.sdm-panel .lk:nth-child(6){transition-delay:.35s,.35s,0s}
.sdm-panel .lk:nth-child(7){transition-delay:.40s,.40s,0s}
.sdm-foot{position:absolute;left:var(--mx);bottom:44px;display:flex;gap:34px;flex-wrap:wrap;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.04em;opacity:0;transition:opacity .5s var(--e) .5s}
.menu-open .sdm-foot{opacity:.82}

@media(max-width:760px){
  .sdm-panel .lk{font-size:clamp(34px,11vw,66px)}
  .sdm-foot{gap:18px 26px;bottom:32px}
}
@media(max-height:640px){
  .sdm-panel .lk{font-size:clamp(24px,7vh,64px)}
  .sdm-foot{display:none}
}