.vitrine{--nuit:#071a26;--nuit-2:#0c2433;--nuit-3:#123044;--papier:#f6f3ee;--papier-75:#f6f3eebf;--papier-60:#f6f3ee99;--papier-28:#f6f3ee47;--papier-12:#f6f3ee1f;--sable:#f0ddb5;--rouge:#c1121f;--acier:#669bbc;--encre:#0d2738;--ease-sortie:cubic-bezier(.16, 1, .3, 1);background:var(--nuit);color:var(--papier)}html:has(.vitrine){touch-action:auto;overscroll-behavior-y:auto;scroll-behavior:smooth;background:#071a26}html:has(.vitrine) body{touch-action:auto;overscroll-behavior-y:auto;scroll-behavior:smooth;background:#071a26}@media (prefers-reduced-motion:reduce){html:has(.vitrine){scroll-behavior:auto}}html:has(.vitrine){scroll-snap-type:y proximity}.intro-telephone{--l-tel:min(340px, 100vw - 2.5rem, max(17.5rem, (100svh - 5.5rem - 18px) * 390 / 844 + 18px));--h-tel:calc((var(--l-tel) - 18px) * 844 / 390 + 18px);scroll-margin-top:calc(4rem + max(0px, (100svh - 4rem - var(--h-tel)) / 2));scroll-snap-align:start}@media (pointer:fine){.intro-telephone{scroll-snap-align:none}}.recit-etape{scroll-snap-align:start;scroll-margin-top:calc(65svh + 2.9rem)}@media (min-width:1024px){.recit-etape{scroll-snap-align:center;scroll-margin-top:4rem}}.vitrine ::selection{background:var(--sable);color:var(--encre)}.vitrine :focus-visible{outline:2px solid var(--sable);outline-offset:3px}.vitrine-plan{z-index:0;pointer-events:none;position:fixed;inset:0}.vitrine-plan:before,.vitrine-plan:after{content:"";position:absolute;inset:0}.vitrine-plan:before{opacity:.05;filter:grayscale();background:url(/carte-vannes-v2.jpg) 50%/cover no-repeat}.vitrine-plan:after{background:radial-gradient(ellipse at center, transparent 30%, var(--nuit) 95%)}@supports (animation-timeline:scroll()){@keyframes plan-voyage{0%{transform:scale(1.3)translate(-4%,9%)}to{transform:scale(1.3)translate(4%,-9%)}}.vitrine-plan:before{animation:linear both plan-voyage;animation-timeline:scroll(root)}}@media (prefers-reduced-motion:reduce){.vitrine-plan:before{animation:none}}.surtitre{text-transform:uppercase;letter-spacing:.16em;color:var(--sable);font-size:.8rem;font-weight:600}.btn-principal,.btn-secondaire{white-space:nowrap;min-height:3.5rem;transition:transform .4s var(--ease-sortie), background-color .2s ease, box-shadow .4s var(--ease-sortie), border-color .2s ease;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-principal{background:var(--papier);color:var(--encre);box-shadow:0 10px 30px -14px #f0ddb573}.btn-principal:hover{background:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -14px #f0ddb599}.btn-secondaire{border:1px solid var(--papier-28);color:var(--papier);-webkit-backdrop-filter:blur(8px);background:#071a2659}.btn-secondaire:hover{border-color:var(--papier);transform:translateY(-2px)}.btn-principal:active,.btn-secondaire:active{transform:translateY(1px)scale(.98)}.btn-principal[aria-disabled=true]{background:var(--nuit-3);color:var(--papier-75);box-shadow:none;pointer-events:none}.btn-principal .fleche{transition:transform .4s var(--ease-sortie)}.btn-principal:hover .fleche{transform:translate(3px)}.reveal-pret [data-reveal]{opacity:0;transition:opacity .8s var(--ease-sortie), transform .8s var(--ease-sortie);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(14px)}.reveal-pret [data-reveal].visible{opacity:1;transform:none}.reveal-pret [data-reveal=titre]{opacity:1;clip-path:inset(0 0 100%);transition:clip-path 1s var(--ease-sortie), translate 1s var(--ease-sortie);transform:translateY(.35em)}.reveal-pret [data-reveal=titre].visible{clip-path:inset(-.3em 0 -.2em);translate:0}@media (prefers-reduced-motion:reduce){.reveal-pret [data-reveal],.reveal-pret [data-reveal=titre]{opacity:1;clip-path:none;transition:none;transform:translate(0,0)}}@keyframes monter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-entree{animation:monter 1.1s var(--ease-sortie) both;animation-delay:calc(var(--i,0) * .12s + .15s)}@media (prefers-reduced-motion:reduce){.hero-entree{animation:none}}.lanterne{--x:68%;--y:42%;--r:clamp(170px, 30vmax, 420px)}.lanterne-eclairee{-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), #000 0%, #000000d9 35%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), #000 0%, #000000d9 35%, transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), #000 0%, #000000d9 35%, transparent 100%)}.lanterne{container-type:size}.lanterne-plan{--zoom:1.3;--cible-y:74cqh;--w:max(100cqw, calc(100cqh * 1600 / 1062 * var(--zoom)));--h:calc(var(--w) * 1062 / 1600);width:var(--w);height:var(--h);top:clamp(calc(100cqh - var(--h)), calc(var(--cible-y) - var(--h) * .584), 0px);left:clamp(calc(100cqw - var(--w)), calc(66cqw - var(--w) * .658), 0px);position:absolute}@container not (min-aspect-ratio:1){.lanterne-plan{--zoom:1.7;--cible-y:30cqh}}.lanterne-halo{background:radial-gradient(circle calc(var(--r) * 1.15) at var(--x) var(--y), #f0ddb533, transparent 70%)}.sceau-cache{background:var(--rouge);opacity:.9;-webkit-mask:url(/vitrine/sceau.png) 50%/contain no-repeat;mask:url(/vitrine/sceau.png) 50%/contain no-repeat}.sceau-tampon{background:var(--rouge-fonce,#9e0f1a);opacity:0;mix-blend-mode:multiply}@keyframes descendre{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.indice-defilement{animation:2.4s ease-in-out infinite descendre}@media (prefers-reduced-motion:reduce){.indice-defilement{animation:none}}.chiffre-lettre{transition:color .3s;display:inline-block}.chiffre-lettre[data-code="1"]{color:var(--sable)}.recit-ecran{opacity:0;transition:opacity .6s var(--ease-sortie), transform .9s var(--ease-sortie);transform:scale(.97)translateY(10px)}.recit-ecran[data-actif=true]{opacity:1;transform:none}.recit-etape{opacity:.35;transition:opacity .5s}.recit-etape[data-actif=true]{opacity:1}.recit-etape-trait{transform-origin:top;transition:transform .7s var(--ease-sortie);transform:scaleY(0)}.recit-etape[data-actif=true] .recit-etape-trait{transform:none}@media (prefers-reduced-motion:reduce){.recit-ecran,.recit-etape,.recit-etape-trait{transition:none}}.lieu-point{opacity:0;transition:opacity .5s var(--ease-sortie), transform .7s var(--ease-sortie);transition-delay:calc(var(--i,0) * .11s + .3s);transform:scale(.4)}.visible .lieu-point,html:not(.reveal-pret) .lieu-point{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.lieu-point{opacity:1;transition:none;transform:none}}.avant-apres{--pos:50%}.avant-apres-haut{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.avant-apres-poignee{left:var(--pos)}.avant-apres input[type=range]{appearance:none;cursor:ew-resize;background:0 0}.avant-apres input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;width:48px;height:100%}.avant-apres input[type=range]::-moz-range-thumb{opacity:0;border:0;width:48px;height:100%}.avant-apres:has(input:focus-visible) .avant-apres-poignee span{outline:2px solid var(--sable);outline-offset:3px}.faq details{interpolate-size:allow-keywords}.faq details::details-content{height:0;transition:height .45s var(--ease-sortie), content-visibility .45s allow-discrete;overflow:clip}.faq details[open]::details-content{height:auto}.faq summary{list-style:none}.faq summary::-webkit-details-marker{display:none}.faq .signe{transition:transform .45s var(--ease-sortie)}.faq details[open] .signe{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.faq .signe{transition:none}.faq details::details-content{transition:none}}.intro-fondu{animation:intro-fondu .42s var(--ease-sortie) both}@keyframes intro-fondu{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.intro-fondu{animation:none}}.appel-lancer:before,.appel-lancer:after{content:"";border-radius:inherit;box-shadow:0 0 0 3px var(--color-nuit);opacity:0;pointer-events:none;animation:appel-onde 2.8s var(--ease-sortie) infinite;position:absolute;inset:0}.appel-lancer:after{animation-delay:.35s}@keyframes appel-onde{0%{opacity:.7;transform:scale(1)}55%,to{opacity:0;transform:scale(1.08,1.5)}}.appel-lancer-icone{animation:2.8s ease-in-out infinite appel-souffle}@keyframes appel-souffle{0%,40%,to{transform:scale(1)}15%{transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.appel-lancer:before,.appel-lancer:after,.appel-lancer-icone{animation:none}}.vitrine{--creme:var(--papier);--creme-75:var(--papier-75);--creme-55:var(--papier-60);--creme-12:var(--papier-12);--terracotta:var(--sable)}.histoire-image{opacity:0;transition:opacity .9s var(--ease-sortie), transform 1.6s var(--ease-sortie);transform:scale(1.06)}.histoire-image[data-actif=true]{opacity:1;transform:none}.histoire-etape{opacity:.28;transition:opacity .6s}.histoire-etape[data-actif=true]{opacity:1}.date-piste{transition:transform .9s var(--ease-sortie)}.mot{color:var(--papier-60);transition:color .25s}.mot[data-lu="1"]{color:var(--papier)}@keyframes onde{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.onde span{transform-origin:50%;background:currentColor;border-radius:2px;width:3px;height:18px;display:block;transform:scaleY(.35)}.onde[data-lecture="1"] span{animation:.9s ease-in-out infinite onde;animation-delay:calc(var(--i) * -140ms)}@media (prefers-reduced-motion:reduce){.histoire-image,.histoire-etape,.onde[data-lecture="1"] span{transition:none;animation:none}}.photo-parallaxe{scale:var(--sur-echelle,1.14);will-change:translate}@supports (animation-timeline:view()){@keyframes photo-parallaxe{0%{translate:0 calc(var(--amplitude,6%) * -1)}to{translate:0 var(--amplitude,6%)}}.photo-parallaxe{animation:linear both photo-parallaxe;animation-timeline:view()}}.reveal-pret [data-reveal=photo]{opacity:1;clip-path:inset(9% 7% round var(--arrondi,0px));transition:clip-path 1.3s var(--ease-sortie);transition-delay:calc(var(--i,0) * .11s);transform:none}.reveal-pret [data-reveal=photo].visible{clip-path:inset(0 round var(--arrondi,0px))}.photo-flotte{will-change:translate}@supports (animation-timeline:view()){@keyframes photo-flotte{0%{translate:0 var(--flotte,0px)}to{translate:0 calc(var(--flotte,0px) * -1)}}.photo-flotte{animation:linear both photo-flotte;animation-timeline:view()}}@media (hover:hover) and (pointer:fine){.photo-survol{transition:transform .7s var(--ease-sortie), box-shadow .7s var(--ease-sortie);border-radius:18px}.photo-survol:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 30px 60px -30px #000000e6}}@media (prefers-reduced-motion:reduce){.photo-parallaxe,.photo-flotte{animation:none;translate:none}.photo-parallaxe{scale:1}.reveal-pret [data-reveal=photo]{clip-path:none;transition:none}}@keyframes compose{0%{opacity:0;transform:translateY(14px)}}@keyframes compose-fond{0%{opacity:0}}.recit-ecran[data-actif=true] .compose{animation:compose .52s var(--ease-sortie) calc(var(--i,0) * .11s + .18s) both}.recit-ecran[data-actif=true] .compose-fond{animation:.4s ease-out .12s both compose-fond}@keyframes appui{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}55%{opacity:1;transform:translate(-50%,-50%)scale(.82)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.appui{animation:.7s ease-out both appui}@keyframes appui-bouton{35%,60%{filter:brightness(.85);transform:scale(.97)}}.appui-bouton{animation:.7s ease-out appui-bouton}@keyframes curseur{50%{opacity:0}}.curseur{animation:1s step-end infinite curseur}@media (prefers-reduced-motion:reduce){.recit-ecran[data-actif=true] .compose,.recit-ecran[data-actif=true] .compose-fond,.curseur{animation:none}.comparateur-recul{transform:none!important}}.plan-lanterne{--x:50%;--y:50%}.plan-ombre{background:radial-gradient(circle at var(--x) var(--y), transparent 0, transparent calc(9rem * var(--flamme,1)), #071a26ad calc(15rem * var(--flamme,1)));transition:opacity 1.6s var(--ease-sortie)}.plan-lanterne[data-eclaire=tout] .plan-ombre{display:none}.plan-lanterne[data-eclaire=fini] .plan-ombre{opacity:0}.lieu-pastille{background:0 0;border-color:#f0ddb58c;transition:background-color .4s,border-color .4s,box-shadow .6s,transform .5s cubic-bezier(.34,1.56,.64,1)}[data-allume] .lieu-pastille,.plan-lanterne[data-eclaire=tout] .lieu-pastille{border-color:var(--nuit);background:var(--sable);transform:scale(1.15);box-shadow:0 0 0 4px #f0ddb540,0 0 18px 4px #f0ddb573}@keyframes lieu-onde{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}[data-allume] .lieu-pastille:after{content:"";border:2px solid var(--sable);animation:lieu-onde .9s var(--ease-sortie) both;border-radius:999px;position:absolute;inset:-2px}@media (prefers-reduced-motion:reduce){[data-allume] .lieu-pastille:after{display:none}}.carte-tarif{--rx:0deg;--ry:0deg;--tx:0px;--ty:0px;--mx:50%;--my:0%;transform:perspective(1100px) translate3d(var(--tx), var(--ty), 0) rotateX(var(--rx)) rotateY(var(--ry));isolation:isolate}.carte-tarif:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(28rem circle at var(--mx) var(--my), #f0ddb51c, transparent 60%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.carte-tarif[data-survol]:before{opacity:1}@keyframes prix-pose{0%{text-shadow:0 0 #f0ddb500}35%{color:var(--sable);text-shadow:0 0 28px #f0ddb58c}to{text-shadow:0 0 #f0ddb500}}.prix-montant{display:inline-block}.prix-montant[data-pose]{animation:prix-pose 1.2s var(--ease-sortie)}@property --reflet{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes reflet-tour{to{--reflet:360deg}}.carte-duel:after{content:"";border-radius:inherit;background:conic-gradient(from var(--reflet), transparent 0deg, transparent 250deg, #fff8e6e6 300deg, transparent 340deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box xor, linear-gradient(#000 0 0);pointer-events:none;padding:1.5px;animation:5s linear infinite reflet-tour;position:absolute;inset:-1px}@media (prefers-reduced-motion:reduce){.carte-duel:after{display:none}.prix-montant[data-pose]{animation:none}}