:root{--sm-u0:.2505;--sm-v0:.2075;--sm-u1:.6709;--sm-v1:.4974}



#seuil-mineral{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden;contain:layout paint;
  animation:sm-secours 1s linear 30s forwards}    
@keyframes sm-secours{to{opacity:0;visibility:hidden}}
:root.repos #seuil-mineral{display:none}           



.sm-fissure{position:absolute;inset:0;width:100%;height:100%;display:block;animation:sm-respire 2.4s ease-in-out infinite alternate;will-change:opacity}
.sm-fissure g{}    
.sm-fissure path{stroke:none}
@keyframes sm-respire{from{opacity:.78}to{opacity:1}}



.sm-signe-cadre{position:absolute;left:calc(var(--ox) + 941px * var(--s) * var(--sm-u0));top:calc(var(--oy) + 1672px * var(--s) * var(--sm-v0));
  width:calc(941px * var(--s) * (var(--sm-u1) - var(--sm-u0)));height:calc(1672px * var(--s) * (var(--sm-v1) - var(--sm-v0)));opacity:0;will-change:opacity}
:root:not(.cadre-pose) .sm-signe-cadre{visibility:hidden}
.sm-signe{display:block;width:100%;height:100%;overflow:visible}
.sm-signe g{filter:drop-shadow(0 0 5px rgba(255,220,160,.95)) drop-shadow(0 0 16px rgba(255,190,110,.65)) drop-shadow(0 0 44px rgba(255,160,80,.40))}
.sm-signe path{fill:none;stroke:#f3d6a0;stroke-dasharray:1 1.5}    
.sm-signe .sm-c{stroke-width:32;stroke-linecap:round;stroke-dashoffset:var(--sm-c,1)}         
.sm-signe .sm-t{stroke-width:24;stroke-linecap:square;stroke-dashoffset:var(--sm-t,1)}        
.sm-signe .sm-v{stroke-width:11;stroke-linecap:round;stroke-dashoffset:var(--sm-vagues,1)}    
 
.trace-complet .sm-signe g{animation:sm-pulse .3s ease-out 1 both}
@keyframes sm-pulse{50%{filter:drop-shadow(0 0 10px rgba(255,225,170,1)) drop-shadow(0 0 30px rgba(255,190,110,.85)) drop-shadow(0 0 70px rgba(255,160,80,.55))}}
.plateau[data-etat="emergence"] .sm-signe-cadre{animation:sm-scintille 1.6s ease-in-out infinite alternate}
@keyframes sm-scintille{from{opacity:.85}to{opacity:1}}



.reduit .sm-fissure{display:none}
.reduit .sm-signe path{stroke-dasharray:none;stroke-dashoffset:0}
.reduit .sm-fissure,.reduit .sm-signe g,.reduit .sm-signe-cadre{animation:none!important}
@media (prefers-reduced-motion:reduce){
  #seuil-mineral .sm-fissure{display:none}
  #seuil-mineral .sm-fissure,#seuil-mineral .sm-signe g,#seuil-mineral .sm-signe-cadre{animation:none!important}
}




:root:not(.repos) body .langues,:root:not(.repos) body .menu-ouvrir,:root:not(.repos) body .commandes{opacity:var(--p-entete,1)}
:root:not(.repos) body .commandes:hover,:root:not(.repos) body .commandes:focus-within{opacity:1}

 
:root:not(.accueil-actif):not(.repos) .langues a, :root:not(.accueil-actif):not(.repos) .menu-ouvrir, :root:not(.accueil-actif):not(.repos) .commandes button { pointer-events: none }




html:not(.repos):not(.sans-seuil){--p-wordmark:0;--p-filet:0;--p-mentions:0;--p-numero:0;--p-seuil:0;--p-entete:0}
:root:not(.repos) .entete .filet-v{opacity:var(--p-entete,1)}

 
#seuil-mineral .sm-voile{position:absolute;inset:0;background:#06100c url(plaque/SEUIL_ROCHE.jpg) center/cover no-repeat}
#seuil-mineral .sm-voile::after{content:"";position:absolute;inset:0;background:rgba(6,16,12,.52)}    
#seuil-mineral .sm-lueur{position:absolute;left:50%;top:50%;width:48vmin;height:118vmin;transform:translate(-50%,-50%) scale(calc(.55 + .45 * var(--sm-lueur,0)));
  background:radial-gradient(ellipse at center,rgba(255,206,140,.34) 0%,rgba(255,176,96,.14) 38%,rgba(255,150,70,0) 70%);mix-blend-mode:screen;opacity:var(--sm-lueur,0);pointer-events:none}
#seuil-mineral[data-etat="revelation"] .sm-lueur{transition:opacity .3s ease-out;opacity:0}
.reduit .sm-lueur{display:none}

 
.sm-fissure{mix-blend-mode:screen}
.sm-fissure .sm-f-or{animation:sm-or-respire 2.6s ease-in-out infinite alternate}
.sm-fissure .sm-f-ambre{animation:sm-ambre-respire 3.4s ease-in-out infinite alternate}
@keyframes sm-or-respire{from{opacity:.80}to{opacity:1}}
@keyframes sm-ambre-respire{from{opacity:.42}to{opacity:.62}}
.plateau .sm-fissure .sm-f-coeur{animation:sm-coeur-vie 1.8s ease-in-out infinite alternate}
@keyframes sm-coeur-vie{from{opacity:.86}to{opacity:1}}
#seuil-mineral .sm-lueur{background:radial-gradient(ellipse at center,rgba(255,196,120,.42) 0%,rgba(255,168,88,.18) 36%,rgba(255,150,70,0) 70%)}

 
@media (min-aspect-ratio: 1/1){#seuil-mineral .sm-voile{background-image:url(plaque/SEUIL_ROCHE_PAYSAGE.jpg)}}
@keyframes sm-ambre-respire{from{opacity:.58}to{opacity:.80}}

 
#seuil-mineral .sm-voile{filter:brightness(.88) saturate(.40) contrast(1.25)}    
#seuil-mineral .sm-voile::after{background:rgba(6,12,12,.30)}
#seuil-mineral .sm-roche-lit{position:absolute;inset:0;background:url(plaque/SEUIL_ROCHE.jpg) center/cover no-repeat;filter:brightness(1.55) sepia(.62) saturate(1.8) contrast(1.4);
  mix-blend-mode:screen;opacity:calc(var(--sm-lueur,0) * .95);pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,transparent 30%,rgba(0,0,0,.9) 47%,#000 50%,rgba(0,0,0,.9) 53%,transparent 70%);mask-image:linear-gradient(to right,transparent 30%,rgba(0,0,0,.9) 47%,#000 50%,rgba(0,0,0,.9) 53%,transparent 70%);
  clip-path:inset(calc(50% - var(--sm-lueur,0) * 42%) 0 calc(50% - var(--sm-lueur,0) * 42%) 0)}
@media (min-aspect-ratio: 1/1){#seuil-mineral .sm-roche-lit{background-image:url(plaque/SEUIL_ROCHE_PAYSAGE.jpg);-webkit-mask-image:linear-gradient(to right,transparent 40%,rgba(0,0,0,.9) 48%,#000 50%,rgba(0,0,0,.9) 52%,transparent 60%);mask-image:linear-gradient(to right,transparent 40%,rgba(0,0,0,.9) 48%,#000 50%,rgba(0,0,0,.9) 52%,transparent 60%)}}
#seuil-mineral[data-etat="revelation"] .sm-roche-lit{transition:opacity .3s ease-out;opacity:0}
.sm-poussiere{opacity:calc(var(--sm-lueur,0) * .9)}
.sm-grain{animation:sm-grain-monte 8s linear infinite,sm-grain-scintille 2.2s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
@keyframes sm-grain-monte{from{transform:translateY(40px)}to{transform:translateY(-60px)}}
@keyframes sm-grain-scintille{from{opacity:.05}to{opacity:.85}}
.reduit .sm-poussiere,.reduit .sm-roche-lit{display:none}
@media(prefers-reduced-motion:reduce){.sm-grain{animation:none;opacity:.4}}

 
#seuil-mineral .sm-roche-lit,#seuil-mineral .sm-roche-lit{clip-path:none;
  -webkit-mask-image:radial-gradient(ellipse 24% calc(8% + var(--sm-lueur,0) * 56%) at 50% 50%,rgba(0,0,0,1) 28%,rgba(0,0,0,.55) 62%,rgba(0,0,0,0) 100%);
  mask-image:radial-gradient(ellipse 24% calc(8% + var(--sm-lueur,0) * 56%) at 50% 50%,rgba(0,0,0,1) 28%,rgba(0,0,0,.55) 62%,rgba(0,0,0,0) 100%)}
@media (min-aspect-ratio: 1/1){#seuil-mineral .sm-roche-lit{-webkit-mask-image:radial-gradient(ellipse 15% calc(8% + var(--sm-lueur,0) * 56%) at 50% 50%,rgba(0,0,0,1) 28%,rgba(0,0,0,.55) 62%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse 15% calc(8% + var(--sm-lueur,0) * 56%) at 50% 50%,rgba(0,0,0,1) 28%,rgba(0,0,0,.55) 62%,rgba(0,0,0,0) 100%)}}

 
html[data-atmosphere="nuit_profonde"] #seuil-mineral .sm-voile{filter:brightness(.62) saturate(.25) contrast(1.35) hue-rotate(190deg)}
html[data-atmosphere="nuit_profonde"] #seuil-mineral .sm-voile::after{background:rgba(4,8,14,.42)}
html[data-atmosphere="nuit_profonde"] .sm-fissure .sm-f-ambre{fill:#7fb2ff}
html[data-atmosphere="nuit_profonde"] .sm-fissure .sm-f-or,html[data-atmosphere="nuit_profonde"] .sm-fissure .sm-f-branches{fill:#dcebff}
html[data-atmosphere="nuit_profonde"] .sm-fissure .sm-f-coeur{fill:#ffffff}
html[data-atmosphere="nuit_profonde"] #sm-or-degrade stop:nth-child(1){stop-color:#ffffff}
html[data-atmosphere="nuit_profonde"] #sm-or-degrade stop:nth-child(2){stop-color:#e4efff}
html[data-atmosphere="nuit_profonde"] #sm-or-degrade stop:nth-child(3){stop-color:#b9d2ff}
html[data-atmosphere="nuit_profonde"] .sm-signe g{filter:drop-shadow(0 0 5px rgba(220,235,255,.95)) drop-shadow(0 0 16px rgba(150,190,255,.6)) drop-shadow(0 0 44px rgba(110,160,255,.35))}
html[data-atmosphere="nuit_profonde"] .sm-poussiere{fill:#e6f0ff}
html[data-atmosphere="nuit_profonde"] #seuil-mineral .sm-roche-lit{filter:brightness(1.7) saturate(.4) contrast(1.4) hue-rotate(190deg) sepia(.15)}
html[data-atmosphere="nuit_profonde"] #seuil-mineral .sm-lueur{background:radial-gradient(ellipse at center,rgba(190,215,255,.34) 0%,rgba(140,180,255,.14) 36%,rgba(120,160,255,0) 70%)}
 
html[data-atmosphere="lumiere_doree"] #seuil-mineral .sm-voile{filter:brightness(.95) saturate(.55) contrast(1.2) sepia(.28)}
html[data-atmosphere="lumiere_doree"] .sm-fissure .sm-f-ambre{fill:#f08a2a}
html[data-atmosphere="lumiere_doree"] .sm-fissure .sm-f-or,html[data-atmosphere="lumiere_doree"] .sm-fissure .sm-f-branches{fill:#ffc35e}
html[data-atmosphere="lumiere_doree"] .sm-fissure .sm-f-coeur{fill:#fff1c8}
html[data-atmosphere="lumiere_doree"] #sm-or-degrade stop:nth-child(1){stop-color:#ffe6a8}
html[data-atmosphere="lumiere_doree"] #sm-or-degrade stop:nth-child(2){stop-color:#f4b95a}
html[data-atmosphere="lumiere_doree"] #sm-or-degrade stop:nth-child(3){stop-color:#d98b2c}
html[data-atmosphere="lumiere_doree"] .sm-signe g{filter:drop-shadow(0 0 5px rgba(255,210,130,.95)) drop-shadow(0 0 18px rgba(255,170,70,.7)) drop-shadow(0 0 48px rgba(255,140,40,.45))}
html[data-atmosphere="lumiere_doree"] .sm-poussiere{fill:#ffd88a}
html[data-atmosphere="lumiere_doree"] #seuil-mineral .sm-roche-lit{filter:brightness(1.7) sepia(.75) saturate(2.1) contrast(1.35)}
html[data-atmosphere="lumiere_doree"] #seuil-mineral .sm-lueur{background:radial-gradient(ellipse at center,rgba(255,190,110,.46) 0%,rgba(255,160,70,.18) 36%,rgba(255,140,50,0) 70%)}