.accueil{background:#0a1226;color:var(--papier)}.accueil .entete:not(.entete--pleine){color:var(--papier)}.experience{position:relative;height:450vh}.experience__fixe{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.experience__toile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.experience__voile{position:absolute;inset:auto 0 0 0;height:48%;pointer-events:none;background:linear-gradient(to top,#0a1226eb,#0a12268c 45%,#0a122600)}.coins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.74rem;line-height:1.5;letter-spacing:.02em;color:var(--brume)}.coin{position:absolute;margin:0;max-width:16rem}.coin--lieu{left:var(--gouttiere);top:calc(var(--entete) + 1rem)}.coin--progression{right:var(--gouttiere);top:calc(var(--entete) + 1rem);font-variant-numeric:tabular-nums}.coin--indice{left:var(--gouttiere);bottom:1.4rem;opacity:1;transition:opacity .4s}.coin--indice:after{content:"";display:inline-block;width:.5rem;height:.5rem;margin-left:.5rem;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);animation:indice 1.6s ease-in-out infinite}@keyframes indice{0%,to{transform:rotate(45deg) translateY(-2px)}50%{transform:rotate(45deg) translateY(3px)}}.coin--indice.est-cache{opacity:0}.etiquettes,.leviers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.etiquette,.levier{position:absolute;left:0;top:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s;will-change:transform}.etiquette{padding:.35rem .7rem;border:1px solid rgba(255,138,61,.55);border-radius:999px;background:#0a1226b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;white-space:nowrap;color:#ffd0b0}.etiquette:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:.45rem;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange)}.etiquette.est-visible{opacity:1}.levier{display:grid;gap:.1rem;min-width:11rem;padding:.7rem .95rem;border:1px solid rgba(179,163,255,.5);border-radius:12px;background:#0a1226c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--papier);text-decoration:none;transition:opacity .4s,border-color .2s,background-color .2s}.levier span{font-weight:700;font-stretch:112%;font-size:.98rem}.levier small{color:var(--brume);font-size:.78rem}.levier.est-visible{opacity:1;pointer-events:auto}.levier:hover,.levier:focus-visible{border-color:var(--violet-clair);background:#6c4dff59;color:var(--blanc)}.etape-texte{position:absolute;max-width:34rem;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;pointer-events:none}.etape-texte.est-visible{opacity:1;transform:none;pointer-events:auto}.etape-texte h2{max-width:12ch;margin-bottom:.8rem;font-size:clamp(2rem,1.2rem + 3vw,3.6rem)}.etape-texte p{margin:0;color:var(--brume);max-width:34ch}.etape-texte .actions{margin-top:1.4rem}.numero{margin-bottom:.6rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.74rem;color:var(--violet-clair)}.etape-texte--titre{left:var(--gouttiere);top:50%;transform:translateY(calc(-50% + 14px));max-width:38rem}.etape-texte--titre.est-visible{transform:translateY(-50%)}.etape-texte--titre h1{margin-bottom:1rem;font-size:clamp(2.6rem,1.4rem + 5vw,5.6rem)}.etape-texte--titre .chapeau{color:var(--brume);max-width:40ch}.etape-texte--droite{right:var(--gouttiere);bottom:14vh;text-align:right}.etape-texte--droite h2,.etape-texte--droite p{margin-left:auto}.etape-texte--gauche{left:var(--gouttiere);bottom:14vh}.etape-texte--centre{left:50%;bottom:9vh;transform:translate(-50%,14px);text-align:center}.etape-texte--centre.est-visible{transform:translate(-50%)}.etape-texte--centre h2,.etape-texte--centre p{margin-inline:auto}.etape-texte--centre .actions{justify-content:center}.apres{border-top:1px solid var(--trait-clair)}.apres__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:start}.apres__liens{list-style:none;display:grid;gap:.6rem}.apres__liens a{display:grid;gap:.15rem;padding:1rem 1.2rem;border:1px solid var(--trait-clair);border-radius:12px;text-decoration:none;font-weight:650;font-stretch:108%;transition:border-color .2s,background-color .2s}.apres__liens a:hover{border-color:var(--violet-clair);background:#6c4dff2e;color:var(--papier)}.apres__liens small{color:var(--brume);font-weight:400;font-stretch:100%}.accueil.sans-scene .experience{height:auto}.accueil.sans-scene .experience__fixe{position:relative;height:auto;min-height:0;padding:calc(var(--entete) + 2rem) var(--gouttiere) 3rem;display:grid;gap:2.5rem}.accueil.sans-scene .experience__toile,.accueil.sans-scene .experience__voile,.accueil.sans-scene .etiquettes,.accueil.sans-scene .coins{display:none}.accueil.sans-scene .etape-texte,.accueil.sans-scene .etape-texte--titre,.accueil.sans-scene .etape-texte--centre{position:static;opacity:1;transform:none;pointer-events:auto;text-align:left}.accueil.sans-scene .etape-texte--centre .actions{justify-content:flex-start}.accueil.sans-scene .leviers{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem;pointer-events:auto}.accueil.sans-scene .levier{position:static;transform:none;opacity:1;pointer-events:auto}html:not(.js) .accueil .experience{height:auto}html:not(.js) .accueil .experience__fixe{position:relative;height:auto;padding:calc(var(--entete) + 2rem) var(--gouttiere) 3rem;display:grid;gap:2.5rem}html:not(.js) .accueil .experience__toile,html:not(.js) .accueil .experience__voile,html:not(.js) .accueil .etiquettes,html:not(.js) .accueil .coins{display:none}html:not(.js) .accueil .etape-texte,html:not(.js) .accueil .leviers,html:not(.js) .accueil .levier{position:static;opacity:1;transform:none;pointer-events:auto}html:not(.js) .accueil .leviers{display:grid;gap:.8rem}@media(max-width:900px){.experience{height:380vh}.coin--progression{display:none}.coin--lieu{top:calc(var(--entete) + .6rem);font-size:.68rem}.etape-texte{max-width:calc(100vw - 2 * var(--gouttiere))}.etape-texte--titre{top:auto;bottom:7vh;transform:translateY(14px)}.etape-texte--titre.est-visible{transform:none}.etape-texte--titre h1{font-size:clamp(2.3rem,10.5vw,3.2rem)}.etape-texte--titre .actions .bouton{width:100%}.etape-texte--droite,.etape-texte--gauche,.etape-texte--centre{left:var(--gouttiere);right:var(--gouttiere);bottom:6vh;text-align:left;transform:translateY(14px)}.etape-texte--droite.est-visible,.etape-texte--gauche.est-visible,.etape-texte--centre.est-visible{transform:none}.etape-texte--droite h2,.etape-texte--droite p,.etape-texte--centre h2,.etape-texte--centre p{margin-left:0}.etape-texte--centre .actions{justify-content:flex-start}.etape-texte h2{font-size:1.9rem}.leviers{inset:auto var(--gouttiere) 33vh;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.levier{position:static;transform:none!important;min-width:0;padding:.55rem .7rem;text-align:center}.levier span{font-size:.85rem}.levier small{display:none}.etiquette{font-size:.64rem}.etiquette:nth-child(2),.etiquette:nth-child(4){display:none}.apres__grille{grid-template-columns:1fr}}
