html.mode-plongee,html.mode-plongee body{overscroll-behavior:none;height:100%;overflow:hidden}.vitrine[data-mode=plongee]{--haut-station:calc(env(safe-area-inset-top,0px) + 4.75rem);--bas-station:calc(env(safe-area-inset-bottom,0px) + 1.25rem)}.vitrine[data-mode=plongee] :where(#accueil,#observatoire,#origines,#filieres,#carte,#chiffres,#bevtk,#plateforme,#initiatives,#partenaires,#recenser,#pied){z-index:10;width:100%;height:100%;min-height:0;padding:var(--haut-station) 0 var(--bas-station);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7fd6e059 transparent;content-visibility:hidden;contain:none;opacity:0;visibility:hidden;pointer-events:none;transition-behavior:allow-discrete;background:0 0;flex-direction:column;justify-content:safe center;margin:0;transition:opacity .45s,visibility 0s linear .45s,content-visibility 0s linear .45s;display:flex;position:fixed;inset:0;overflow:hidden auto}.vitrine[data-mode=plongee] [data-station-visible]{content-visibility:visible;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s 50ms,visibility,content-visibility}.vitrine[data-mode=plongee] :is(#observatoire,#origines,#filieres,#chiffres,#bevtk,#plateforme,#initiatives,#partenaires):before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#031119b3 0%,#03111970 34%,#03111914 62%,#03111900 100%);position:absolute;inset:0}.vitrine[data-mode=plongee] :is(#chiffres,#initiatives):before{background:radial-gradient(120% 90%,#03111975 0%,#0311191f 60%,#03111900 100%)}.vitrine[data-mode=plongee] #partenaires:before{background:linear-gradient(#0311199e 0%,#0311193d 30%,#03111900 48% 58%,#03111980 100%)}.vitrine[data-mode=plongee] #partenaires :is(.surtitre,.titre-section){text-shadow:0 2px 18px #031119bf}.vitrine[data-mode=plongee] #partenaires .surtitre{color:var(--color-ecume)}.vitrine[data-mode=plongee] .ambiance{display:none}.vitrine[data-mode=plongee] :is(h1,h2)[tabindex="-1"]:focus{outline:none}.vitrine[data-mode=plongee]{--marge-jauge:0rem}@media (width>=1280px) and (height>=640px){.vitrine[data-mode=plongee]{--marge-jauge:5.25rem}}.vitrine[data-mode=plongee] [data-station-visible] [data-revele]{animation:plongee-entree 1s var(--ease-houle) both}.vitrine[data-mode=plongee] [data-station-visible] [data-revele]:nth-of-type(2){animation-delay:.12s}.vitrine[data-mode=plongee] [data-station-visible] [data-revele]:nth-of-type(3){animation-delay:.24s}.vitrine[data-mode=plongee] [data-station-visible] [data-revele]:nth-of-type(4){animation-delay:.36s}.vitrine[data-mode=plongee] [data-revele][data-apparition]{opacity:1;transform:none}@keyframes plongee-entree{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}.vitrine[data-mode=plongee] [data-bloc-cache]{display:none!important}.vitrine[data-mode=plongee] [data-bloc]{animation:plongee-entree .8s var(--ease-houle) both}.vitrine[data-mode=plongee] #accueil{justify-content:flex-start;padding:0}.vitrine[data-mode=plongee] #accueil .hero-piste{height:100%}.vitrine[data-mode=plongee] #accueil .hero-scene{height:100%;min-height:0;position:relative}.vitrine[data-mode=plongee] #accueil :is(.vue-3d,.plongee,.ecume-immersion){display:none}.vitrine[data-mode=plongee][data-ocean-pret] #accueil .scene-fixe{opacity:0;transition:opacity 1.4s}.vitrine[data-mode=plongee] #accueil .hero-contenu,.vitrine[data-mode=plongee] #accueil .indice-defiler{opacity:1!important;transform:none!important}.vitrine[data-mode=plongee] #accueil .indice-defiler{display:flex!important}.indice-doigt{display:none}@media (pointer:coarse){.indice-souris{display:none}.indice-doigt{display:inline}}.vitrine[data-mode=plongee] #observatoire .etapes-piste{height:auto}.vitrine[data-mode=plongee] #observatoire .etapes-scene{position:static}.vitrine[data-mode=plongee] #observatoire .conteneur{align-items:center}.vitrine[data-mode=plongee] #observatoire .lg\:pt-24{padding-top:0}.vitrine[data-mode=plongee] #origines :is(.photo-fond,.mirage-vue,.vue-3d){display:none}.vitrine[data-mode=plongee] #origines .indice-toucher{transition:opacity .25s;top:50%;left:63%}.vitrine[data-mode=plongee] #origines[data-etat=toucher] .indice-toucher{opacity:0}.vitrine[data-mode=plongee] #origines .mirage-portulan.pour-ordinateur{top:50%;right:calc(var(--marge-jauge) + 1.5rem);width:min(40vw,620px);left:auto;translate:0 -50%}.vitrine[data-mode=plongee] #filieres .scene-filiere{background:0 0;border-color:#7fd6e047;box-shadow:inset 0 0 60px #7fd6e014}.vitrine[data-mode=plongee] #filieres :is(.scene-fixe,.vue-3d){display:none}.vitrine[data-mode=plongee] #filieres .filieres-vitrine{background:0 0}.vitrine[data-mode=plongee] #filieres .filieres-grille{margin-top:clamp(1rem,3vh,2.25rem)}.vitrine[data-mode=plongee] #filieres .carte-filiere{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#2fa5b833,#04151f8c);padding:.7rem .85rem .8rem}.vitrine[data-mode=plongee] #filieres .carte-filiere .nb{font-size:clamp(1.3rem,2vw,1.8rem)}.vitrine[data-mode=plongee] #filieres .titre-section{font-size:clamp(1.8rem,3.6vw,3rem)}@media (height<=760px){.vitrine[data-mode=plongee] #filieres .chapo{display:none}}.vitrine[data-mode=plongee] #carte{pointer-events:none;justify-content:flex-start;overflow:hidden}.vitrine[data-mode=plongee] #accueil{overflow:hidden}.vitrine[data-mode=plongee] #carte[data-station-visible]>.conteneur{pointer-events:none}.vitrine[data-mode=plongee] #carte .cadre-carte{z-index:-1;aspect-ratio:auto;pointer-events:none;background:0 0;border:0;border-radius:0;position:fixed;inset:0}.vitrine[data-mode=plongee] #carte .scene-fixe{display:none}.vitrine[data-mode=plongee] #carte[data-station-visible] :is(.balise,button,a,aside){pointer-events:auto}.vitrine[data-mode=plongee] #carte .carte-entete{border-bottom:1px solid #9fc0c629;margin-bottom:1.1rem;padding-bottom:1rem}.vitrine[data-mode=plongee] #carte .carte-entete .titre-section{margin-top:.5rem;font-size:clamp(1.35rem,1.9vw,1.75rem)}.vitrine[data-mode=plongee] #carte .carte-entete .chapo{margin-top:.6rem;font-size:.9rem}.vitrine[data-mode=plongee] #carte .mt-10.grid{margin:0;display:block}.vitrine[data-mode=plongee] #carte aside{right:calc(var(--marge-jauge) + clamp(.75rem, 1.6vw, 1.5rem));top:calc(var(--haut-station) + .25rem);width:min(360px,30vw);max-height:calc(100% - var(--haut-station) - 1.5rem);overscroll-behavior:contain;background:#04151fbd;position:fixed;bottom:auto;overflow-y:auto}.vitrine[data-mode=plongee] #carte .cadre-carte>.btn{right:calc(var(--marge-jauge) + min(360px, 30vw) + 2.5rem);pointer-events:auto;position:fixed;bottom:1.25rem}.vitrine[data-mode=plongee] #carte :is([data-balise],[data-repere]){transition:opacity .35s}.vitrine[data-mode=plongee] #carte [data-geste] :is([data-balise],[data-repere]){opacity:0;transition-duration:.15s}.vitrine[data-mode=plongee] .abysses{background:0 0}.vitrine[data-mode=plongee] .abysses-fond{display:none}.vitrine[data-mode=plongee] #chiffres .carrousel-piste{height:auto}.vitrine[data-mode=plongee] #chiffres .carrousel-scene{height:auto;min-height:0;position:static}.vitrine[data-mode=plongee] #chiffres .chiffres-details{margin-top:0}.vitrine[data-mode=plongee] #bevtk .conteneur{align-items:center}.vitrine[data-mode=plongee] #plateforme .etapes-piste{height:auto}.vitrine[data-mode=plongee] #plateforme .etapes-scene{position:static}.vitrine[data-mode=plongee] #plateforme .scene-captures{min-height:min(clamp(340px,42vw,560px),62vh)!important}.vitrine[data-mode=plongee] #plateforme .conteneur{align-items:center}.vitrine[data-mode=plongee] #initiatives{padding-block:var(--haut-station) var(--bas-station)!important}.vitrine[data-mode=plongee] #initiatives .photo-initiative{width:clamp(190px,min(24vw,34vh),330px)}.vitrine[data-mode=plongee] #initiatives .carrousel-fenetre{margin-top:clamp(1rem,3.5vh,2.5rem)}.vitrine[data-mode=plongee] #partenaires{justify-content:space-between}.vitrine[data-mode=plongee] #partenaires[data-bouee] .medaillon{display:none}.vitrine[data-mode=plongee] #partenaires[data-bouee] .partenaires-logos{align-items:flex-start;gap:clamp(1.25rem,4vw,3.5rem);margin-top:0}.vitrine[data-mode=plongee] #partenaires[data-bouee] .partenaire-nom{text-shadow:0 2px 14px #031119d9;margin-top:0;font-size:clamp(1rem,1.6vw,1.25rem)}.vitrine[data-mode=plongee] #partenaires[data-bouee] .partenaire-long{text-shadow:0 1px 10px #031119e6;font-size:.82rem}.vitrine[data-mode=plongee] .attraper-bouee{margin-top:1rem}.vitrine[data-mode=plongee] .bouee-noms{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%)}.vitrine[data-mode=plongee] .bouee-noms-piste{will-change:transform;margin:0;padding:0;list-style:none;display:flex}.vitrine[data-mode=plongee] .bouee-nom{text-align:center;flex:0 0 min(62vw,30rem);padding:0 1rem}.vitrine[data-mode=plongee] :is(#recenser,#pied){overscroll-behavior:contain;scrollbar-width:thin;justify-content:flex-start;padding-bottom:2rem;overflow-y:auto}.vitrine[data-mode=plongee] #recenser .rayons{display:none}.vitrine[data-mode=plongee] #recenser>.conteneur{background:linear-gradient(#dff3f4f7 0%,#fff6e8fa 22%);border-radius:28px;margin-top:clamp(1rem,12vh,7rem);box-shadow:0 40px 90px -40px #031119cc;padding-top:clamp(1.75rem,4vw,3rem)!important;padding-bottom:clamp(1.75rem,4vw,3rem)!important}.vitrine[data-mode=plongee] #pied{color:var(--color-encre);background:0 0}.vitrine[data-mode=plongee] #pied>*{position:relative}.vitrine[data-mode=plongee] #pied>.conteneur{background:#fff6e8f7;border-radius:28px;margin-top:clamp(1rem,16vh,9rem);box-shadow:0 40px 90px -40px #031119cc}.vitrine[data-mode=plongee] #pied .houle-pied{display:none}.vitrine[data-mode=plongee] .surface-fin{z-index:10;padding:0 0 var(--bas-station);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#07293a4d transparent;content-visibility:hidden;opacity:0;visibility:hidden;pointer-events:none;transition-behavior:allow-discrete;transition:opacity .45s,visibility 0s linear .45s,content-visibility 0s linear .45s;position:fixed;inset:0;overflow:hidden auto}.vitrine[data-mode=plongee] .surface-fin:has(>#recenser[data-station-visible]){content-visibility:visible;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s 50ms,visibility,content-visibility}.vitrine[data-mode=plongee] .surface-fin>:is(#recenser,#pied){overscroll-behavior:auto;content-visibility:visible;opacity:1;height:auto;min-height:0;visibility:inherit;pointer-events:inherit;transition:none;position:static;inset:auto;overflow:visible}.vitrine[data-mode=plongee] .surface-fin>#recenser{padding:var(--haut-station) 0 0}.vitrine[data-mode=plongee] .surface-fin>#pied{background:#fff6e8f7;border-radius:28px;width:min(100%,1240px);margin:1rem auto 0;padding:.5rem 0 0;display:block;overflow:clip;box-shadow:0 40px 90px -40px #031119cc}.vitrine[data-mode=plongee] .surface-fin>#pied>.conteneur{box-shadow:none;background:0 0;border-radius:0;margin-top:0}.commandes-parcours{z-index:30;pointer-events:none;position:fixed;inset:0}.commandes-parcours>*{pointer-events:auto}.voile-eau{opacity:0;background:radial-gradient(130% 100% at 50% 20%,#1b6b7c 0%,#0b3a4b 55%,#06222f 100%);position:fixed;inset:0;pointer-events:none!important}.ecume-surface{opacity:0;background:radial-gradient(90% 32% at 50% 55%,#ffffffd1,#c8f0fa59 45%,#0000 75%),radial-gradient(60% 18% at 30% 40%,#ffffff80,#0000 70%);position:fixed;inset:-40% 0;pointer-events:none!important}.ecume-surface[data-jaillit]{animation:1.2s ease-out ecume-surface}@keyframes ecume-surface{0%{opacity:0;transform:translateY(28%)}18%{opacity:1}to{opacity:0;transform:translateY(-36%)}}.parcours-passer{color:var(--color-ecume);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;animation:plongee-entree .6s var(--ease-houle) 1.2s both;background:#04151f80;border:1px solid #e8f4f24d;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.9rem;display:inline-flex;position:fixed;bottom:clamp(1rem,4vh,2rem);right:clamp(1rem,3vw,2rem)}.parcours-passer:hover{background:#04151fb8}.parcours-continuer{left:50%;top:calc(var(--haut-station,5rem) + .25rem);letter-spacing:.02em;color:var(--color-ecume);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;animation:plongee-entree .9s var(--ease-houle) 1.6s both;background:#04151f61;border:1px solid #7fd6e059;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.86rem;display:inline-flex;position:fixed;translate:-50%}.parcours-continuer:hover{background:#04151f99;border-color:#7fd6e0b3}.parcours-continuer.parcours-continuer-ocean{letter-spacing:.01em;min-height:0;color:var(--color-encre);background:var(--color-aube);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;padding:.62rem 1.2rem;font-size:.95rem;font-weight:600;top:82%;left:36%;translate:-50% -50%;box-shadow:0 10px 30px -12px #f4a66acc}.parcours-continuer.parcours-continuer-ocean:hover{background:#f7b889}.parcours-continuer svg{animation:2.4s ease-in-out infinite continuer-monte}@keyframes continuer-monte{50%{transform:translateY(-3px)}}.parcours-attente{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-ecume);background:#04151f99;border:1px solid #7fd6e04d;border-radius:999px;align-items:center;gap:.6rem;margin:0;padding:.5rem .95rem;font-size:.74rem;display:inline-flex;position:fixed;bottom:clamp(1.25rem,6vh,3rem);left:50%;translate:-50%}.parcours-attente-bulle{border:1.5px solid var(--color-lagune-clair);border-radius:50%;width:.7rem;height:.7rem;animation:1.4s ease-in-out infinite attente-bulle}@keyframes attente-bulle{50%{opacity:.6;transform:translateY(-5px)scale(1.15)}}.parcours-pas{right:.75rem;bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);flex-direction:column;gap:.5rem;display:flex;position:fixed}.parcours-pas button{width:2.75rem;height:2.75rem;color:var(--color-ecume);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04151f73;border:1px solid #e8f4f240;border-radius:50%;place-items:center;display:grid}@media (width<=1023px),(height<=599px){.vitrine[data-mode=plongee]{--haut-station:calc(env(safe-area-inset-top,0px) + 4.25rem)}.vitrine[data-mode=plongee] :is(#observatoire,#origines,#filieres,#chiffres,#bevtk,#plateforme,#initiatives,#partenaires):before{background:linear-gradient(#03111900 0%,#0311191f 28%,#0311198c 58%,#031119d1 100%)}.vitrine[data-mode=plongee] :is(#observatoire,#origines,#bevtk,#plateforme){justify-content:flex-end}.vitrine[data-mode=plongee] #origines .indice-toucher{top:27%;left:50%}.vitrine[data-mode=plongee] #filieres{overscroll-behavior:contain;justify-content:flex-start;overflow-y:auto}.vitrine[data-mode=plongee] #filieres .filieres-vitrine{top:0}.vitrine[data-mode=plongee] #carte :is(.surtitre,.chapo){display:none}.vitrine[data-mode=plongee] #carte .titre-section{max-width:70vw;font-size:1.35rem}.vitrine[data-mode=plongee] #carte aside{width:auto;max-height:40vh;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);border-radius:22px 22px 0 0;inset:auto 0 0}.vitrine[data-mode=plongee] #carte .cadre-carte>.btn{bottom:calc(40vh + .75rem);right:1rem}.vitrine[data-mode=plongee] .parcours-pas{bottom:calc(env(safe-area-inset-bottom,0px) + .75rem)}.vitrine[data-mode=plongee][data-station=carte] .parcours-pas{display:none}.vitrine[data-mode=plongee] #initiatives .photo-initiative{width:clamp(180px,58vw,280px)}}@media (height<=780px) and (width>=1024px){.vitrine[data-mode=plongee] .titre-section{font-size:clamp(1.7rem,3.1vw,2.55rem)}.vitrine[data-mode=plongee] .chapo{font-size:1rem}.vitrine[data-mode=plongee] #observatoire .mt-10{margin-top:1.25rem}.vitrine[data-mode=plongee] #observatoire .chapo.mt-6{margin-top:1rem}.vitrine[data-mode=plongee] #filieres .carte-filiere{padding:.55rem .75rem .6rem}.vitrine[data-mode=plongee] #filieres .carte-filiere .nb{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){.vitrine[data-mode=plongee] [data-station-visible] [data-revele],.vitrine[data-mode=plongee] [data-bloc]{animation:none}}
