.stg-page{--stg-temps:.6s;--stg-croche:.15s;--stg-ressort:cubic-bezier(.34, 1.56, .64, 1);--stg-sortie:cubic-bezier(.16, 1, .3, 1);--stg-fond:var(--color-night-900);--stg-papier:var(--color-cream-100);font-variant-numeric:lining-nums}[data-theme=light] .stg-page{--stg-fond:var(--color-cream-300);--stg-papier:#fffaf3}.stg-page .font-display{font-variant-numeric:lining-nums}@keyframes stg-lettre{0%{opacity:0;transform:translateY(105%)rotate(6deg)}55%{opacity:1;transform:translateY(-9%)rotate(-1deg)}75%{transform:translateY(3%)rotate(0)}to{opacity:1;transform:none}}.stg-mot-titre{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.stg-lettre{animation:stg-lettre calc(var(--stg-temps) * 1.5) var(--stg-sortie) both;animation-delay:calc(var(--d,0s) + var(--i,0) * 32ms);display:inline-block}@keyframes stg-monte{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.stg-monte{animation:stg-monte calc(var(--stg-temps) * 1.2) var(--stg-sortie) both;animation-delay:var(--d,0s)}@keyframes stg-slot{0%,18%{clip-path:inset(49.6% 8%);transform:scale(1.18)}60%{clip-path:inset(0)}to{clip-path:inset(0);transform:scale(1)}}.stg-slot{animation:stg-slot calc(var(--stg-temps) * 3) var(--stg-sortie) both}@keyframes stg-fil-slot{0%{opacity:1;transform:scaleX(0)}18%{opacity:1;transform:scaleX(1)}45%{opacity:1}70%,to{opacity:0;transform:scaleX(1)}}.stg-fil-slot{transform-origin:50%;animation:stg-fil-slot calc(var(--stg-temps) * 3) var(--stg-sortie) both}.stg-chiffre{vertical-align:top;height:1em;line-height:1;display:inline-block;overflow:hidden}.stg-chiffre>span{transform:translateY(calc(var(--v) * -10%));flex-direction:column;display:flex}@keyframes stg-roule{0%{transform:translateY(0)}}.stg-chiffre>span{animation:stg-roule calc(var(--stg-temps) * 2.5) var(--stg-sortie) both;animation-delay:var(--d,0s)}@keyframes stg-tampon{0%{opacity:0;transform:scale(2.4)rotate(-16deg)}55%{opacity:1;transform:scale(.92)rotate(-7deg)}70%{transform:translate(-3px,2px)scale(1.03)rotate(-7deg)}85%{transform:translate(2px,-1px)scale(1)rotate(-7deg)}to{opacity:1;transform:rotate(-7deg)}}.stg-tampon{animation:stg-tampon calc(var(--stg-temps) * 1.4) var(--stg-sortie) both;animation-delay:var(--d,.9s);transform:rotate(-7deg)}@keyframes stg-derive-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,6%)scale(1.15)}}@keyframes stg-derive-b{0%,to{transform:translate(0)scale(1.1)}50%{transform:translate(-10%,-4%)scale(.95)}}.stg-derive-a{animation:stg-derive-a calc(var(--stg-temps) * 16) ease-in-out infinite}.stg-derive-b{animation:stg-derive-b calc(var(--stg-temps) * 20) ease-in-out infinite}.stg-grain:after{content:"";pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}@keyframes stg-descend{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}.stg-descend{animation:stg-descend calc(var(--stg-temps) * 4) var(--stg-sortie) infinite}.stg-sommaire{counter-reset:stg-chapitre}.stg-sommaire a:before{counter-increment:stg-chapitre;content:"0" counter(stg-chapitre);font-family:var(--font-display);letter-spacing:.05em;color:var(--color-or-500);transition:transform calc(var(--stg-temps) * .5) var(--stg-ressort)}[data-theme=light] .stg-sommaire a:before{color:var(--color-rouge-600)}.stg-sommaire a:hover:before{transform:translateY(-3px)}::view-transition-group(.stg-visuel){animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){::view-transition-group(.stg-visuel){animation-duration:0s}}@keyframes stg-pouls{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.stg-pouls{position:relative}.stg-pouls:after{content:"";animation:stg-pouls calc(var(--stg-temps) * 2) ease-out infinite;background:currentColor;border-radius:9999px;position:absolute;inset:0}@keyframes stg-barre{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.stg-egaliseur>span{transform-origin:bottom;animation:stg-barre var(--stg-temps) ease-in-out infinite}.stg-egaliseur>span:nth-child(2){animation-delay:calc(var(--stg-croche) * -1);animation-duration:calc(var(--stg-temps) * .75)}.stg-egaliseur>span:nth-child(3){animation-delay:calc(var(--stg-croche) * -2);animation-duration:calc(var(--stg-temps) * 1.25)}.stg-egaliseur>span:nth-child(4){animation-delay:calc(var(--stg-croche) * -3)}.stg-egaliseur>span:nth-child(5){animation-delay:calc(var(--stg-croche) * -1.5);animation-duration:calc(var(--stg-temps) * .5)}@keyframes stg-faisceau{0%{transform:translate(-130%)skew(-18deg)}55%,to{transform:translate(260%)skew(-18deg)}}.stg-faisceau{pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-or-500), transparent 72%), transparent);width:45%;animation:stg-faisceau calc(var(--stg-temps) * 6) ease-in-out infinite;position:absolute;inset:-10% auto -10% 0}@keyframes stg-flotte{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stg-flotte{animation:stg-flotte calc(var(--stg-temps) * 4) ease-in-out infinite}@keyframes stg-remplit{0%,35%{color:#0000}to{color:var(--color-or-500)}}.stg-monogramme{color:var(--color-or-500);-webkit-text-stroke:1.5px var(--color-or-500);animation:stg-remplit calc(var(--stg-temps) * 3) var(--stg-sortie) both}@keyframes stg-tourne{to{transform:rotate(360deg)}}.stg-tourne{animation:stg-tourne calc(var(--stg-temps) * 24) linear infinite}@keyframes stg-vague{0%,to{transform:none}40%{transform:translateY(-14%)}}.group:hover .stg-vague>span,.group:focus-within .stg-vague>span{animation:stg-vague calc(var(--stg-temps) * .8) var(--stg-sortie) both;animation-delay:calc(var(--i,0) * 28ms);display:inline-block}.stg-vague>span{display:inline-block}.stg-billet{--stg-encoche:var(--stg-fond)}.stg-billet-talon{transition:background-color calc(var(--stg-temps) * .6) ease}.stg-billet:hover .stg-billet-talon{background-color:color-mix(in srgb, var(--color-or-200), transparent 30%)}.stg-billet .stg-perforation{transition:color calc(var(--stg-temps) * .6) ease}.stg-billet:hover .stg-perforation{color:color-mix(in srgb, var(--color-rouge-600), transparent 40%)}.stg-perforation{background-image:linear-gradient(currentColor 55%,#0000 0);background-position:50%;background-repeat:repeat-y;background-size:1.5px 12px}.stg-encoche{background:var(--stg-encoche);border-radius:9999px;width:1.75rem;height:1.75rem;position:absolute}.stg-billet[data-conflit=true]{outline:2px solid var(--color-amber-400);outline-offset:4px}[data-theme=light] .stg-billet[data-conflit=true]{outline-color:var(--color-rouge-600)}@keyframes stg-eclat{0%,70%{transform:translate(-120%)skew(-20deg)}to{transform:translate(260%)skew(-20deg)}}.stg-eclat{isolation:isolate;position:relative;overflow:hidden}.stg-eclat:after{content:"";pointer-events:none;z-index:1;width:40%;animation:stg-eclat calc(var(--stg-temps) * 8) ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff8f08c,#0000);animation-delay:2.4s;position:absolute;inset:0 auto 0 0}.stg-halo{background:radial-gradient(520px circle at var(--px,70%) var(--py,40%), #d4a57421, transparent 62%);opacity:var(--halo,0);transition:opacity calc(var(--stg-temps) * 1.2) ease}[data-theme=light] .stg-halo{background:radial-gradient(520px circle at var(--px,70%) var(--py,40%), #c8202f14, transparent 62%)}.stg-piste-fil{display:none}.stg-piste-rail{scrollbar-width:none;scroll-padding-inline:1.25rem}.stg-piste-rail::-webkit-scrollbar{display:none}.stg-piste-points{justify-content:center;gap:.45rem;margin-top:1.25rem;display:flex}.stg-piste-points button{background:#fff8f040;border-radius:999px;width:.5rem;height:.5rem;transition:width .35s cubic-bezier(.2,.8,.2,1),background-color .25s}.stg-piste-points button.actif{background:var(--color-or-500,#d4a574);width:1.6rem}.stg-piste-points button:focus-visible{outline:2px solid var(--color-or-500,#d4a574);outline-offset:3px}[data-theme=light] .stg-piste-points button{background:#2b121433}[data-theme=light] .stg-piste-points button.actif{background:var(--color-rouge-600,#c8202f)}@media (min-width:1024px) and (min-height:680px){.stg-piste{--stg-piste-marge:max(1.25rem, calc((100vw - 1200px) / 2 + 2rem));--stg-piste-distance:max(0px, calc(var(--n) * (clamp(16rem, 24vw, 21rem) + 1.5rem) - 1.5rem + 2 * var(--stg-piste-marge) - 100vw));height:calc(100svh + var(--stg-piste-distance))}.stg-piste-scene{flex-direction:column;justify-content:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.stg-piste-rail{scroll-snap-type:none;width:max-content;padding-inline:var(--stg-piste-marge);gap:1.5rem;padding-bottom:0;overflow:visible}.stg-piste-rail>*{width:clamp(16rem,24vw,21rem)}.stg-piste-fil{display:block}.stg-piste-points{display:none}}@media (prefers-reduced-motion:reduce){.stg-piste{height:auto!important}.stg-piste-scene{height:auto!important;display:block!important;position:static!important;overflow:visible!important}.stg-piste-rail{width:auto!important;overflow-x:auto!important}.stg-piste-fil{display:none!important}.stg-piste-points{display:flex!important}}.stg-page[data-mouvement=reduit] .stg-piste{height:auto}.stg-page[data-mouvement=reduit] .stg-piste-scene{height:auto;display:block;position:static;overflow:visible}.stg-page[data-mouvement=reduit] .stg-piste-rail{width:auto;overflow-x:auto}.stg-page[data-mouvement=reduit] .stg-piste-fil{display:none}.stg-page[data-mouvement=reduit] .stg-piste-points{display:flex}@keyframes stg-defile{to{transform:translate(-50%)}}.stg-defile{width:max-content;animation:stg-defile calc(var(--stg-temps) * 40) linear infinite;display:flex}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes stg-allume{0%{opacity:.16}to{opacity:1}}.stg-mot{animation:linear both stg-allume;animation-timeline:view();animation-range:cover 12% cover 38%}@keyframes stg-rideau{0%{clip-path:inset(0 18% round 2rem)}to{clip-path:inset(0 round 1.5rem)}}.stg-rideau{animation:linear both stg-rideau;animation-timeline:view();animation-range:entry cover 45%}@keyframes stg-tend{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stg-tend{transform-origin:0;animation:linear both stg-tend;animation-timeline:view();animation-range:entry 10% cover 40%}@keyframes stg-tend-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.stg-tend-y{transform-origin:top;animation:linear both stg-tend-y;animation-timeline:view();animation-range:entry 20% exit 0%}@keyframes stg-encre{0%{background-position:0 100%}to{background-position:0 0}}.stg-encre{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px currentColor;background-image:linear-gradient(currentColor 50%,#0000 50%);background-position:0 0;background-size:100% 200%;-webkit-background-clip:text;background-clip:text;animation:linear both stg-encre;animation-timeline:view();animation-range:entry 40% cover 50%}@keyframes stg-glisse{0%{transform:translate(5%)}to{transform:translate(-5%)}}.stg-glisse{animation:linear both stg-glisse;animation-timeline:view()}@keyframes stg-perce{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.stg-billet .stg-perforation{transform-origin:top;animation:linear both stg-perce;animation-timeline:view();animation-range:entry cover 30%}@keyframes stg-parallaxe-doux{0%{object-position:50% 34%}to{object-position:50% 14%}}.stg-parallaxe-doux{animation:linear both stg-parallaxe-doux;animation-timeline:view()}@keyframes stg-progression{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stg-progression{transform-origin:0;animation:linear both stg-progression;animation-timeline:scroll(root)}}}@media (prefers-reduced-motion:reduce){.stg-page *,.stg-page :before,.stg-page :after{animation:none!important}}.stg-page[data-mouvement=reduit] *,.stg-page[data-mouvement=reduit] :before,.stg-page[data-mouvement=reduit] :after{animation:none!important}html[data-apercu-cadre] [data-pied-site]{display:none}
