.ouverture-corps{gap:var(--e6);grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:center;display:grid}.ouverture-visuel{border:var(--filet);background:var(--millimetre);position:relative}.ouverture-visuel img{width:100%;height:auto;display:block}.ouverture-pastille{left:var(--x);top:var(--y);border:1px solid var(--teinte);width:24px;height:24px;color:var(--teinte);font-family:var(--sans);font-size:var(--corps-repere);background:#15110fd9;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.ouverture-legendes{gap:var(--e1) var(--e4);margin:var(--e2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.ouverture-legendes li{align-items:center;gap:var(--e1);font-family:var(--sans);font-size:var(--corps-legende);color:var(--encre-douce);display:flex}.ouverture-lettre{border:1px solid var(--teinte);width:20px;height:20px;color:var(--teinte);font-size:var(--corps-repere);border-radius:50%;flex:none;place-items:center;display:grid}@media (prefers-reduced-motion:no-preference){.ouverture-pastille,.ouverture-legendes li{opacity:0;animation:repere-parait var(--duree-moyenne) var(--sortie) forwards;animation-delay:calc(.4s + var(--rang) * .16s)}@keyframes repere-parait{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}to{opacity:1}}.ouverture-legendes li{animation-name:legende-parait}@keyframes legende-parait{0%{opacity:0}to{opacity:1}}}.ouverture-manifeste{font-family:var(--serif);margin:var(--e3) 0;font-size:clamp(24px,2.6vw,34px);font-style:italic;line-height:1.3}.ouverture-plat{font-family:var(--technique);font-size:var(--corps-legende);color:var(--graphite)}.ouverture-actions{gap:var(--e2);margin-top:var(--e3);flex-wrap:wrap;display:flex}.mouvement,.apercu{padding:var(--e3);border:var(--filet);border-top:var(--epaisseur-papier) solid var(--teinte);background:var(--paillasse)}.mouvement h3,.apercu h3{margin-bottom:var(--e2)}.apercu-prix{font-family:var(--technique);font-size:var(--corps-legende);color:var(--teinte-texte);margin-bottom:var(--e2)}.reperes{gap:var(--e3);margin-block:var(--e4);padding-block:var(--e3);border-top:var(--filet);border-bottom:var(--filet);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.repere-valeur{font-family:var(--serif);color:var(--teinte-texte);font-size:40px;line-height:1;display:block}.repere-libelle{font-family:var(--technique);font-size:var(--corps-legende);color:var(--graphite);margin-top:var(--e1);display:block}.grille-fiches{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (width<=900px){.ouverture-corps{gap:var(--e3);grid-template-columns:minmax(0,1fr)}}body:has(.scene){background-color:var(--fond)}body:has(.scene):before{content:"";z-index:-1;pointer-events:none;background-image:url(/images/accueil/laboratoire.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}@media (aspect-ratio<=1){body:has(.scene):before{background-position:top;background-size:auto 100%;height:100svh;position:absolute;bottom:auto}}body:has(.scene) .feuille{max-width:none;padding:0;display:block}body:has(.scene) .marge{display:none}body:has(.scene) .pied{margin-top:0}.scene{min-height:calc(100svh - var(--entete-h));align-items:flex-end;margin:0;padding:0;display:flex;position:relative}.scene:before{content:"";pointer-events:none;background: linear-gradient(to top, var(--nuit-scrim) 0%, var(--nuit-scrim) 18%, var(--nuit-scrim-nul) 62%);position:absolute;inset:0}.scene-texte{z-index:1;width:100%;max-width:1280px;padding:var(--e8) max(var(--e3), env(safe-area-inset-right)) var(--e12) max(var(--e3), env(safe-area-inset-left));gap:var(--e2);justify-items:start;margin-inline:auto;display:grid;position:relative}.scene-surtitre{font-size:var(--corps-legende);letter-spacing:.04em;color:var(--teinte-texte);margin:0}.scene-surtitre .espece{font-size:1.15em}.scene-nom{letter-spacing:.03em;margin:0;font-size:clamp(3.5rem,11vw,8.5rem);line-height:.92}.scene-lieu{max-width:30rem;color:var(--encre);margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.55}.scene-actions{gap:var(--e2);margin-top:var(--e2);flex-wrap:wrap;display:flex}.scene-secondaire{background:var(--nuit-dense)}@media (width<=600px){.scene-texte{padding-bottom:calc(var(--e8) + var(--e2))}.scene:before{background: linear-gradient(to top, var(--nuit-scrim) 0%, var(--nuit-scrim) 45%, var(--nuit-scrim-nul) 78%)}.scene-actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}}body>.intro[data-landing=oui]{width:100%;height:100svh;z-index:var(--z-lampe);position:absolute;top:0;left:0;overflow:hidden}.intro[data-landing=oui] .intro-clic{display:none}.intro-en-cours .entete,.intro-en-cours .scene-texte,.intro-en-cours .pied{opacity:0;transition:opacity var(--duree-longue) var(--sortie)}.intro-en-cours[data-lampe=allumee] .entete,.intro-en-cours[data-lampe=allumee] .scene-texte,.intro-en-cours[data-lampe=allumee] .pied{opacity:1}.intro{--lampe-x:50%;--lampe-y:42%;--lampe-r:0px;--lueur-force:0;display:none}.intro-en-cours,.intro-en-cours body{overflow:hidden}.intro-en-cours .intro,.intro[data-landing=oui]{z-index:1000;overscroll-behavior:contain;touch-action:none;width:100vw;height:100dvh;transition:opacity var(--intro-duree-fondu) var(--sortie);background:0 0;display:block;position:fixed;inset:0}.intro[data-fin=oui]{opacity:0;pointer-events:none}.intro-voile{background-color:var(--intro-noir);position:absolute;inset:0}.intro[data-etat=bulb-on] .intro-voile,.intro[data-etat=revealing] .intro-voile,.intro[data-etat=complete] .intro-voile{-webkit-mask-image: radial-gradient(circle var(--lampe-r) at var(--lampe-x) var(--lampe-y), transparent 0%, transparent 28%, #00000080 58%, #000000eb 82%, #000 100%);-webkit-mask-image: radial-gradient(circle var(--lampe-r) at var(--lampe-x) var(--lampe-y), transparent 0%, transparent 28%, #00000080 58%, #000000eb 82%, #000 100%);mask-image: radial-gradient(circle var(--lampe-r) at var(--lampe-x) var(--lampe-y), transparent 0%, transparent 28%, #00000080 58%, #000000eb 82%, #000 100%)}.intro-lueur{pointer-events:none;opacity:var(--lueur-force);mix-blend-mode:screen;background: radial-gradient(circle calc(var(--lampe-r) * 1.3) at var(--lampe-x) var(--lampe-y), var(--intro-lumiere-coeur) 0%, var(--intro-lumiere-bord) 45%, var(--intro-lumiere-nulle) 100%);transition:opacity var(--duree-moyenne) var(--sortie);position:absolute;inset:0}.intro-canvas{width:100%;height:100%;transition:opacity var(--intro-duree-scene) var(--sortie);display:block;position:absolute;inset:0}.intro[data-fondu-scene=oui] .intro-canvas{opacity:0}.intro-ui{pointer-events:none;padding:calc(env(safe-area-inset-top) + var(--e3)) calc(env(safe-area-inset-right) + var(--e3)) calc(env(safe-area-inset-bottom) + var(--e3)) calc(env(safe-area-inset-left) + var(--e3));grid-template-rows:auto 1fr auto;justify-items:center;display:grid;position:absolute;inset:0}.intro-nom{font-family:var(--serif);letter-spacing:.42em;text-indent:.42em;color:var(--intro-encre-douce);opacity:0;animation:intro-apparait var(--intro-duree-souffle) var(--sortie) var(--duree-moyenne) forwards;grid-row:1;margin:0;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:300}.intro-action{pointer-events:auto;margin-bottom:var(--e6);opacity:0;animation:intro-apparait var(--duree-longue) var(--sortie) var(--intro-retard) forwards;grid-row:3;align-self:center}.intro[data-etat=opening] .intro-action,.intro[data-etat=bulb-off] .intro-action,.intro[data-etat=bulb-on] .intro-action,.intro[data-etat=revealing] .intro-action,.intro[data-etat=complete] .intro-action{display:none}.intro[data-etat=opening] .intro-nom,.intro[data-etat=bulb-off] .intro-nom{opacity:0;transition:opacity var(--duree-longue) var(--sortie);animation:none}.intro[data-etat=bulb-on] .intro-nom,.intro[data-etat=revealing] .intro-nom,.intro[data-etat=complete] .intro-nom,.intro[data-etat=bulb-on] .intro-passer,.intro[data-etat=revealing] .intro-passer,.intro[data-etat=complete] .intro-passer{opacity:0;pointer-events:none;transition:opacity var(--duree-moyenne) var(--sortie);animation:none}.intro-ampoule{border-radius:var(--rayon-pilule);cursor:grab;pointer-events:auto;touch-action:none;opacity:0;visibility:hidden;width:96px;height:96px;transition:opacity var(--duree-longue) var(--sortie);background:0 0;border:0;margin:-48px 0 0 -48px;padding:0;position:absolute;top:0;left:0}.intro[data-etat=bulb-off] .intro-ampoule,.intro[data-etat=bulb-on] .intro-ampoule,.intro[data-etat=revealing] .intro-ampoule,.intro[data-etat=complete] .intro-ampoule,.intro[data-landing=oui] .intro-ampoule{opacity:1;visibility:visible}.intro-ampoule:active{cursor:grabbing}.intro-ampoule:after{content:"";inset:var(--e2);border-radius:var(--rayon-pilule);border:var(--trait-repere) solid transparent;transition:border-color var(--duree-courte) var(--sortie);position:absolute}.intro-ampoule:hover:after,.intro-ampoule:focus-visible:after{border-color:var(--intro-cerne)}.intro-indice{font-family:var(--sans);letter-spacing:.02em;color:var(--intro-encre);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duree-longue) var(--sortie);margin:0;font-size:15px;font-weight:400;position:absolute;top:0;left:0;transform:translate(-50%,72px)}.intro[data-indice=oui] .intro-indice{opacity:1}.intro-passer{right:calc(env(safe-area-inset-right) + var(--e2));bottom:calc(env(safe-area-inset-bottom) + var(--e2));pointer-events:auto;appearance:none;padding:var(--e1) var(--e1);min-height:44px;color:var(--intro-encre-douce);font-family:var(--sans);font-size:var(--corps-legende);letter-spacing:var(--lettrage-sans);cursor:pointer;transition:color var(--duree-courte) var(--sortie);background:0 0;border:0;font-weight:400;position:absolute}.intro-passer:hover,.intro-passer:focus-visible{color:var(--encre-douce)}@keyframes intro-apparait{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intro[data-simple=oui] .intro-canvas,.intro[data-simple=oui] .intro-ampoule,.intro[data-simple=oui] .intro-indice{display:none}.intro[data-simple=oui] .intro-voile{transition:opacity var(--intro-duree-fondu) var(--sortie);-webkit-mask-image:none;mask-image:none}.intro[data-simple=oui][data-fin=oui] .intro-voile{opacity:0}.intro[data-landing=oui]{pointer-events:none;touch-action:auto;overscroll-behavior:auto;background:0 0}.intro[data-landing=oui] .intro-voile{opacity:0;transition:opacity .62s ease-out}.intro[data-landing=oui] .intro-canvas{opacity:1}.intro[data-landing=oui] .intro-action,.intro[data-landing=oui] .intro-passer,.intro[data-landing=oui] .intro-nom,.intro[data-landing=oui] .intro-indice{display:none}.intro[data-landing=oui] .intro-ampoule{pointer-events:auto}.intro-clic{pointer-events:none;opacity:0;background-color:var(--intro-indice-clic,#ffe2b2c7);width:26px;height:26px;margin:-13px 0 0 -13px;transition:opacity .42s;position:absolute;top:0;left:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M9 11V5.6a1.6 1.6 0 0 1 3.2 0V10m0-1.2a1.5 1.5 0 0 1 3 0V11m0-1a1.5 1.5 0 0 1 3 0v4.6a5.4 5.4 0 0 1-5.4 5.4h-1.2a5 5 0 0 1-4.3-2.5L5 14.2a1.5 1.5 0 0 1 2.4-1.8L9 14.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M9 11V5.6a1.6 1.6 0 0 1 3.2 0V10m0-1.2a1.5 1.5 0 0 1 3 0V11m0-1a1.5 1.5 0 0 1 3 0v4.6a5.4 5.4 0 0 1-5.4 5.4h-1.2a5 5 0 0 1-4.3-2.5L5 14.2a1.5 1.5 0 0 1 2.4-1.8L9 14.2'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro[data-etat=closed] .intro-clic,.intro[data-etat=opening] .intro-clic,.intro[data-etat=bulb-off] .intro-clic,.intro[data-etat=revealing] .intro-clic{opacity:1;animation:2.4s ease-in-out infinite intro-clic-respire}.intro[data-indice-lanterne=fait] .intro-clic{opacity:0;animation:none}@keyframes intro-clic-respire{0%,to{opacity:.42;scale:.94}50%{opacity:.95;scale:1.06}}@media (prefers-reduced-motion:reduce){.intro-clic{animation:none!important}.intro[data-etat=closed] .intro-clic,.intro[data-etat=opening] .intro-clic,.intro[data-etat=bulb-off] .intro-clic{opacity:.7}}