/* À relier aux variables du site */
:root{
  --d-fond:#15130f;
  --d-arrivee:#ece5da;
  --d-texte:#fbf8f3;
  --d-accent:#c39240;
  --d-police:"Cabinet Grotesk",sans-serif;
  --d-titre:"Cabinet Grotesk",sans-serif;
  --d-ease:cubic-bezier(.2,.7,.1,1);
}
#descente{display:none}
html.descente #descente{display:block;position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--d-fond)}
html.verrou{overflow:hidden}
html.descente .barre{opacity:0;pointer-events:none;transition:opacity .6s var(--d-ease)}
html.descente.sortie .barre{opacity:1;pointer-events:auto}
#descente canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#descente .voile{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,oklch(0.16 0.015 172 / .7))}
#descente .fondu{position:absolute;inset:0;pointer-events:none;background:var(--d-arrivee);opacity:0}
#descente .phrase{position:absolute;left:clamp(1rem,6vw,5rem);bottom:clamp(5rem,16vh,10rem);max-width:min(34rem,86vw);opacity:0;pointer-events:none}
#descente .phrase p{margin:0;font-family:var(--d-police);font-size:clamp(1.35rem,2.6vw,2.2rem);line-height:1.2;font-weight:800;text-transform:uppercase;color:var(--d-texte);text-shadow:0 2px 18px oklch(0.12 0.01 172 / .85)}
#descente .ligne{display:block;overflow:hidden}
#descente .ligne>span{display:block;transform:translateY(110%)}
#descente .indice{position:absolute;left:50%;bottom:1.6rem;transform:translateX(-50%);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-texte);opacity:.8}
#descente .passer{position:absolute;top:1.2rem;right:clamp(1rem,4vw,3rem);z-index:2;min-height:44px;padding:.6rem 1.1rem;border-radius:0;border:1px solid oklch(0.94 0.014 92 / .3);background:oklch(0.22 0.017 172 / .5);color:var(--d-texte);font:inherit;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px)}
#pre{display:none}
html.descente #pre{position:fixed;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:1rem;background:var(--d-fond);transition:opacity .8s var(--d-ease)}
#pre.fini{opacity:0;pointer-events:none}
#pre b{font-family:var(--d-titre);font-weight:900;font-style:italic;font-size:clamp(4rem,12vw,8rem);line-height:1;color:var(--d-accent)}
#pre span{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--d-texte);opacity:.8}
#pre i{display:block;width:min(16rem,60vw);height:2px;background:oklch(0.94 0.014 92 / .18)}
#pre i::after{content:"";display:block;height:100%;background:var(--d-accent);transform-origin:left;transform:scaleX(var(--p,0))}