.accueil .entete{position:fixed;left:0;right:0;background:transparent;transition:background-color .3s}.accueil .entete.compacte,.accueil .entete:has(.menu.ouvert){background:var(--bleu)}.exp{--route: clamp(5.5rem, 15vh, 9rem);--haut: 5.6rem;--voiture: min(46vw, 44rem);position:relative;background:var(--bleu);color:var(--blanc)}.exp-scene{position:relative;height:100vh;height:100svh;min-height:36rem;overflow:hidden;isolation:isolate}html.exp-actif .exp-piste{height:900vh}html.exp-actif .exp-scene{position:sticky;top:0}.exp-grille{position:absolute;inset:-10rem 0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(221,200,177,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(221,200,177,.065) 1px,transparent 1px),linear-gradient(rgba(221,200,177,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(221,200,177,.12) 1px,transparent 1px);background-size:32px 32px,32px 32px,160px 160px,160px 160px}.exp-route{position:absolute;left:0;right:0;bottom:var(--route);height:2px;background:#ddc8b18c}.exp-route span{position:absolute;left:0;right:0;top:1.6rem;height:2px;background:repeating-linear-gradient(90deg,rgba(221,200,177,.28) 0 2.4rem,transparent 2.4rem 4.8rem)}.exp-voiture{position:absolute;left:0;bottom:var(--route);width:var(--voiture);z-index:3;will-change:transform;transform:translate(calc(72vw - 50%))}.exp-voiture-caisse,.voiture-photo{position:relative}.voiture-photo>img{width:100%;height:auto;display:block}.voiture-trait{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.voiture-scan{position:absolute;top:-6%;bottom:-6%;left:0;width:2px;background:#e5b48d;box-shadow:0 0 18px 4px #e5b48d8c;opacity:0}.voiture-legende{position:absolute;left:0;top:104%;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--beige);white-space:nowrap;margin-top:.9rem}html:not(.exp-actif) .voiture-trait,html:not(.exp-actif) .voiture-legende{display:none}.exp-voiture-ombre{position:absolute;left:4%;right:6%;bottom:-.7rem;height:1.4rem;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);z-index:-1}.exp-chien{position:absolute;left:58%;bottom:96%;display:flex;align-items:flex-end;gap:.2rem;pointer-events:none;color:var(--beige)}.exp-chien svg{width:3.6rem;height:auto;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;transform:scaleX(-1) translateY(18%);order:-1}.exp-chien span{font-family:var(--manuscrit);font-size:clamp(1.15rem,1.8vw,1.6rem);line-height:1;white-space:nowrap;transform:rotate(-4deg) translateY(-1.6rem)}.exp-facade{position:absolute;left:0;bottom:var(--route);width:min(78vw,78rem);max-width:none;height:auto;overflow:visible;transform-origin:42.857% 76.3%;z-index:2;pointer-events:none;display:none}.trait,.mur,.cote,.note,.fissure,.trajet-plan,.loupe{fill:none;stroke-linecap:round;stroke-linejoin:round}.exp-facade .trait{stroke:var(--beige);stroke-width:2.4}.exp-facade .trait--fin,.exp-facade .trait .trait--fin{stroke-width:1.2;opacity:.75}.porte-plein{fill:var(--bleu)}.porte-fond{fill:#f4ede5;opacity:0}.porte{transform-box:fill-box}[data-battant=gauche]{transform-origin:left center}[data-battant=droite]{transform-origin:right center}.porte circle{fill:var(--beige);stroke:none}.fissure{stroke:#e2a878;stroke-width:1.5}.cote{stroke:#ddc8b1b3;stroke-width:1.2}.cote text,.cote-texte,.cartouche text{fill:var(--beige);stroke:none;font-family:var(--police);font-size:19px;letter-spacing:.08em}.cartouche{stroke:#ddc8b1b3;stroke-width:1.2;fill:none}.cartouche text{font-size:15px}.cartouche .cartouche-marque{font-weight:700;font-size:16px;letter-spacing:.14em}.note{stroke:#d39a6e;stroke-width:1.6}.note circle{fill:#d39a6e;stroke:none}.note text{fill:#e5b48d;stroke:none;font-family:var(--manuscrit);font-size:34px}.exp-papier{position:absolute;inset:0;z-index:4;display:none;background-color:#f4ede5;background-image:linear-gradient(rgba(25,60,84,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(25,60,84,.06) 1px,transparent 1px);background-size:24px 24px;clip-path:circle(0 at 50% 50%)}.exp-plan{position:absolute;left:0;top:0;width:1200px;height:800px;max-width:none;transform-origin:0 0;overflow:visible;will-change:transform}.exp-plan .mur{stroke:var(--bleu);stroke-width:12;stroke-linecap:square}.exp-plan .trait{stroke:var(--bleu);stroke-width:2}.exp-plan .cote{stroke:#193c548c}.exp-plan .cote text{fill:var(--bleu);font-size:18px}.exp-plan .cote path:nth-of-type(3){fill:var(--bleu)}.piece{fill:var(--beige);opacity:0;transition:opacity .2s}html.exp-actif .piece-nom{opacity:0}.piece-nom text{fill:var(--bleu);font-family:var(--police);font-weight:700;font-size:22px;letter-spacing:.16em}.piece-nom .piece-surface{font-weight:400;font-size:17px;letter-spacing:.06em;fill:var(--cuivre)}.exp-plan .fissure{stroke:var(--anthracite);stroke-width:1.8}.loupe{opacity:0}.loupe-verre{fill:#ffffff59;stroke:none}.loupe-bague{stroke:var(--cuivre);stroke-width:5}.loupe-manche{stroke:var(--bleu);stroke-width:12}.loupe-reflet{stroke:#ffffffe6;stroke-width:4}.trajet-plan{stroke:var(--cuivre);stroke-width:4;stroke-dasharray:14 12}.trajet-masque{fill:none;stroke:#fff;stroke-width:16;stroke-linecap:round}.arret{opacity:0}.arret circle{fill:var(--cuivre);stroke:#f4ede5;stroke-width:5}.arret text{fill:var(--bleu);font-family:var(--police);font-weight:700;font-size:26px;letter-spacing:.06em;text-transform:uppercase}.exp-texte{position:absolute;z-index:6;left:max(var(--marge),calc((100vw - var(--largeur)) / 2))}.exp-texte--intro{top:calc(var(--haut) + 3vh);width:min(40rem,50vw)}.exp-lieu{color:var(--beige);letter-spacing:.04em;margin-bottom:1.1rem}.exp-lead{font-size:clamp(1.05rem,1.4vw,1.25rem);max-width:32em;margin-top:1.4rem}.exp-texte .hero-actions{margin-top:1.8rem}.exp .titre{color:var(--blanc)}.exp .titre .t-fin{color:var(--beige)}.exp-texte--carte{top:50%;width:min(27rem,36vw);padding:clamp(1.4rem,2.4vw,2rem);background:var(--bleu-nuit);border:1px solid var(--filet-clair);border-radius:0 clamp(2rem,4vw,3.5rem) 0 0;transform:translateY(-50%)}.exp-texte--carte .titre{font-size:clamp(1.45rem,2.4vw,2.1rem);margin-bottom:1rem}.exp-texte--carte p+p,.exp-texte--carte p+.lien-fleche{margin-top:1rem}.exp-etiquette{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--beige);margin-bottom:.9rem}.exp-texte--piece,[data-texte=methode]{background:#fff;color:var(--texte);border-color:var(--filet);box-shadow:0 18px 50px #193c5424}.exp-texte--piece .titre,[data-texte=methode] .titre{color:var(--bleu)}.exp-texte--piece .titre .t-fin,[data-texte=methode] .titre .t-fin,.exp-texte--piece .exp-etiquette,[data-texte=methode] .exp-etiquette{color:var(--cuivre)}.exp-texte--entree{left:0;right:0;top:30%;text-align:center;color:var(--beige);font-size:clamp(3rem,9vw,7.5rem);transform:rotate(-4deg);text-shadow:0 6px 30px rgba(0,0,0,.25)}.exp-texte--sortie{top:calc(var(--haut) + 4vh);width:min(40rem,52vw)}.exp-signature{position:absolute;z-index:5;left:max(var(--marge),calc((100vw - var(--largeur)) / 2));bottom:calc(var(--route) + 1.6rem);font-size:clamp(1.5rem,2.4vw,2.2rem);color:var(--beige);transform:rotate(-4deg);transform-origin:left bottom}.exp-etapes{position:absolute;z-index:7;right:1.4rem;top:50%;transform:translateY(-50%);display:none}.exp-etapes ol{display:grid;gap:.25rem;counter-reset:etape}.exp-etapes a{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:.3rem 0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#ddc8b1b3}.exp-etapes a:after{content:"";width:.55rem;height:.55rem;border-radius:50%;border:1.5px solid currentColor;transition:background-color .2s,transform .2s}.exp-etapes a span{opacity:0;transform:translate(.4rem);transition:opacity .2s,transform .2s}.exp-etapes a:hover span,.exp-etapes a:focus-visible span,.exp-etapes a[aria-current] span{opacity:1;transform:none}.exp-etapes a[aria-current]{color:var(--beige)}.exp-etapes a[aria-current]:after{background:currentColor;transform:scale(1.25)}.sur-papier .exp-etapes a{color:#193c548c}.sur-papier .exp-etapes a[aria-current]{color:var(--cuivre)}.exp-defiler{position:absolute;z-index:6;left:50%;bottom:1.4rem;transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:.5rem;font-size:.9rem;letter-spacing:.06em;color:var(--beige);white-space:nowrap}.exp-defiler span{width:1px;height:2.4rem;background:linear-gradient(var(--beige),transparent);animation:defiler 1.8s ease-in-out infinite;transform-origin:top}@keyframes defiler{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.exp-passer{position:absolute;z-index:7;right:max(var(--marge),calc((100vw - var(--largeur)) / 2));top:calc(var(--haut) + .8rem);font-size:.85rem;color:var(--beige);text-decoration:underline;text-underline-offset:.2em;display:none}.sur-papier .exp-passer{color:var(--bleu)}html.exp-actif .exp-facade,html.exp-actif .exp-papier,html.exp-actif .exp-etapes,html.exp-actif .exp-passer{display:block}html.exp-actif .exp-defiler{display:flex}html.exp-actif .exp-texte:not(.exp-texte--intro){opacity:0;visibility:hidden}html.exp-actif [data-dessin] path,html.exp-actif .fissure,html.exp-actif .trajet-masque{stroke-dasharray:1 1;stroke-dashoffset:1}html.exp-actif .note,html.exp-actif [data-cote]{opacity:0}html:not(.exp-actif) .exp-texte:not(.exp-texte--intro){display:none}html.exp-actif .si-statique{display:none}@media (max-width: 68rem){.exp-etapes{display:none!important}}@media (max-width: 47.5rem){.exp{--voiture: 92vw;--route: clamp(4.5rem, 12vh, 7rem);--haut: 4.8rem}.exp-voiture{transform:translate(4vw)}.exp-texte--intro,.exp-texte--sortie{left:var(--marge);right:var(--marge);width:auto;top:calc(var(--haut) + 1.5vh)}.exp-texte--intro .titre--hero{font-size:clamp(1.8rem,8.4vw,2.6rem)}.exp-lead{font-size:1rem;margin-top:1rem}.exp-texte .hero-actions{margin-top:1.2rem;gap:.6rem}.exp-texte .hero-actions .btn{width:auto;flex:1 1 auto;padding:.75em 1.1em;font-size:.95rem}.exp-texte--carte{left:var(--marge);right:var(--marge);width:auto;top:calc(var(--haut) + .6rem);transform:none;padding:1.2rem 1.3rem}.exp-texte--piece,[data-texte=methode]{top:auto;bottom:5.4rem}.exp-texte--carte .titre{font-size:1.35rem;margin-bottom:.6rem}.exp-texte--carte p{font-size:1rem;line-height:1.5}.exp-signature,.exp-chien{display:none}.exp-defiler{font-size:0;gap:0}.voiture-legende{font-size:.68rem}.note{display:none}.exp-passer{top:auto;bottom:1.4rem;right:auto;left:var(--marge)}html.exp-actif .exp-piste{height:760vh}}@media (max-height: 40rem) and (min-width: 47.5rem){.exp-lead{display:none}}
