@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolagegrotesque-600-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolagegrotesque-600-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolagegrotesque-800-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolagegrotesque-800-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrumentsans-400-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrumentsans-400-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/instrumentsans-500-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/instrumentsans-500-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/instrumentsans-600-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/instrumentsans-600-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
:root{
  --abyss:#04121f; --deep:#07253c; --mid:#0b3f61; --pass:#1882c5;
  --lagoon:#7fd4e8; --surface:#dff2f5; --foam:#f7fbfc;
  --ink:#0b2233; --ink-soft:#3d5567; --gold:#e9a159; --gold-deep:#c77f35;
  --line-light:#d5e6ea;
  --link:#1069a1;   
  --r-card:clamp(20px,2.5vw,32px); --r-sm:16px; --r-pill:100vmax;  
  --ease:cubic-bezier(.16,1,.3,1);            
  --dur-1:.7s; --dur-2:1.1s;
  --fs-hero:clamp(2.6rem,7.5vw,5.6rem);
  --fs-h1:clamp(2.1rem,5vw,3.6rem);
  --fs-h2:clamp(1.5rem,3.2vw,2.3rem);
  --fs-depth:clamp(3rem,9vw,7rem);
  --fs-xs:.8rem; --fs-sm:.9rem; --fs-lg:1.12rem;
  --white:#ffffff; --wash:#eef6f8; --danger:#c0392b; --gold-bright:#f2b46e;
  --surface-2:#bfe4ec; --surface-3:#6db8d4;
  --water-90:#e8f3f6; --water-80:#dcecf1; --water-60:#c3d9e0; --water-40:#9dbcc7;
  --ok-bg:#e8f7ee; --ok-line:#33c15e; --ok-ink:#14683a;
  --err-bg:#fdeeee; --err-line:#e74c3c; --err-ink:#8c2b22; --gold-wash:#fdf3e7;
}
*{margin:0;padding:0;box-sizing:border-box}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{overflow-x:clip;font-family:'Instrument Sans',system-ui,sans-serif;color:var(--ink);
  font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.75;background:var(--foam)}
 

h1,h2,h3,h4,p,li,td,th,figcaption,blockquote{overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--mid)}
h1,h2,h3,h4{font-family:'Bricolage Grotesque','Instrument Sans',sans-serif;line-height:1.08;
  font-weight:800;letter-spacing:-.015em;color:var(--ink)}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2);margin-bottom:.6em}
h3{font-size:1.2rem;margin-bottom:.4em;font-weight:600;line-height:1.35}
h4{line-height:1.35}
p{margin-bottom:1.1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.wrap-narrow{max-width:820px;margin:0 auto;padding:0 24px}
::selection{background:var(--gold);color:var(--abyss)}
:focus-visible{outline:4px solid var(--gold);outline-offset:2px;border-radius:4px}
 





[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}

 
@view-transition{navigation:auto}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}

 
header.nav{position:fixed;inset:0 0 auto 0;z-index:80;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);
  }
@media(prefers-reduced-motion:reduce){header.nav{transition:none}}
header.nav{background-color:rgba(4,18,31,.64);
  transition:transform .5s var(--ease),box-shadow .45s var(--ease),background-color .45s var(--ease)}
 
header.nav:before{content:"";position:absolute;inset:0 0 -34px 0;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,18,.5),transparent);
  transition:opacity .45s var(--ease)}
 

body.page-dark header.nav:not(.solid){background-color:transparent}
body.page-dark header.nav:not(.solid):before{opacity:0}
body.page-dark header.nav:not(.solid) nav.main a.top,
body.page-dark header.nav:not(.solid) nav.main span.top,
body.page-dark header.nav:not(.solid) .langbtn{color:var(--abyss)}
body.page-dark header.nav:not(.solid) .langbtn:hover,
body.page-dark header.nav:not(.solid) .langdd:hover .langbtn{color:var(--ink)}
body.page-dark header.nav:not(.solid) nav.main a.top:hover,
body.page-dark header.nav:not(.solid) nav.main span.top:hover{color:var(--gold-deep)}
body.page-dark header.nav:not(.solid) .brand img{filter:brightness(0)}
body.page-dark header.nav:not(.solid) .burger{border-color:rgba(4,18,31,.35);color:var(--abyss)}
body.page-dark header.nav:not(.solid) a.top svg{stroke:var(--abyss)}
header.nav.solid{background-color:rgba(4,18,31,.92);
  -webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);
  box-shadow:0 10px 30px rgba(2,10,18,.4)}
header.nav.solid:before{opacity:0}
 
header.nav .navrow{transition:min-height .4s var(--ease)}
header.nav.solid .navrow{min-height:60px}
header.nav .brand img{transition:height .4s var(--ease)}
header.nav.solid .brand img{height:32px}
header.nav.solid .navcta{padding-top:9px;padding-bottom:9px}
@media(prefers-reduced-motion:reduce){
  header.nav,header.nav .navrow,header.nav .brand img{transition:none}
}
header.nav.hid{transform:translateY(-110%)}
.navrow{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.brand img{height:40px;width:auto;filter:brightness(0) invert(1)}
nav.main{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
nav.main>div{position:relative}
nav.main a.top,nav.main span.top{display:block;padding:8px 12px;color:var(--water-90);font-weight:500;
  font-size:var(--fs-sm);cursor:pointer;letter-spacing:.01em;white-space:nowrap}
nav.main a.top:hover,nav.main span.top:hover{color:var(--gold)}
.top .car{display:inline-block;font-style:normal;font-size:10px;margin:0 2px 0 7px;
  translate:0 -1px;opacity:.75;transition:translate .25s var(--ease)}
nav.main>div:hover .car,nav.main>div:focus-within .car,nav.main>div.open .car{translate:0 1px;opacity:1}
 



nav.main .drop{display:none;position:absolute;left:0;top:100%;
  background:rgba(251,250,246,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid var(--line-light);border-radius:var(--r-card);min-width:264px;
  box-shadow:0 24px 48px -12px rgba(2,10,18,.35),0 2px 8px rgba(2,10,18,.08);
  padding:10px;z-index:90}
 

nav.main .drop:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
nav.main>div:hover .drop,nav.main>div:focus-within .drop{display:block}
 



 



@media(min-width:1080.02px){
  nav.main>div.open .drop{display:block}
   




  html.js nav.main>div.langdd:hover .drop,
  html.js nav.main>div.langdd:focus-within .drop{display:none}
  html.js nav.main>div.langdd.open .drop{display:block}
}
.drop a{display:block;padding:9px 14px;border-radius:var(--r-sm);color:var(--ink);
  font-size:var(--fs-sm);font-weight:600;line-height:1.35}
.drop a:hover,.drop a:focus-visible{background:var(--wash);color:var(--link)}
.drop b.on{display:block;padding:9px 14px;border-radius:var(--r-sm);
  color:var(--gold-deep);font-size:var(--fs-sm);font-weight:800}
.navcta{background:var(--gold);color:var(--abyss)!important;border-radius:var(--r-pill);
  padding:12px 24px!important;font-weight:600;white-space:nowrap;font-size:var(--fs-sm)!important}
.navcta:hover{background:var(--gold-bright)}
 

.langbtn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;
  font-family:inherit;font-size:var(--fs-xs);letter-spacing:.09em;font-weight:600;
  color:var(--water-40);padding:8px 10px;white-space:nowrap}
.langbtn:hover,.langdd:hover .langbtn,.langdd:focus-within .langbtn,.langdd.open .langbtn{color:var(--white)}
.langbtn .car{display:inline-block;font-style:normal;font-size:10px;translate:0 -1px;
  opacity:.75;transition:translate .25s var(--ease),opacity .25s var(--ease)}
.langdd:hover .car,.langdd:focus-within .car{translate:0 1px;opacity:1}
nav.main .langdd .drop{min-width:132px}
.burger{display:none;background:none;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-sm);
  padding:8px 12px;font-size:1.2rem;color:var(--white);cursor:pointer}
@media(max-width:1080px){
  .burger{display:block}
   


  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--abyss);
    flex-direction:column;flex-wrap:nowrap;align-items:stretch;
    padding:12px 0 calc(16px + env(safe-area-inset-bottom));
    box-shadow:0 24px 40px rgba(2,10,18,.6);max-height:calc(100dvh - 76px);overflow-y:auto}
  nav.main.open{display:flex}
   



  nav.main a.top,nav.main span.top,
  body.page-dark header.nav:not(.solid) nav.main a.top,
  body.page-dark header.nav:not(.solid) nav.main span.top{color:var(--water-90)}
  nav.main a.top:hover,nav.main span.top:hover{color:var(--gold)}
   
  .navcta{margin:12px 20px;align-self:flex-start;white-space:normal}
  nav.main .drop{display:block;position:static;border:0;box-shadow:none;padding-left:16px;min-width:0;background:none}
  nav.main .drop a{padding:7px 12px;color:var(--water-80)}
   

  nav.main .drop a,nav.main .top{min-height:44px;display:flex;align-items:center}
  nav.main .drop a:hover{background:none;color:var(--gold)}
   
  nav.main .langbtn{color:var(--water-90)}
  nav.main .langbtn:hover{color:var(--gold)}
  nav.main .langdd .drop{display:flex;flex-direction:row;gap:2px;padding:0 0 4px 16px}
  nav.main .langdd .drop a,nav.main .langdd .drop b{padding:9px 12px}
  nav.main .langdd .drop a:hover{background:rgba(127,212,232,.12)}
   






  nav.main .langdd{order:-1;margin:0 0 8px;padding:0 20px 10px;
    border-bottom:1px solid rgba(226,242,247,.14)}
  nav.main .langdd .langbtn{display:none}
  nav.main .langdd .drop{padding:0;gap:4px}
   

  nav.main .langdd .drop a,nav.main .langdd .drop b{min-height:44px;display:flex;
    align-items:center;padding:10px 16px;
    border:1px solid rgba(226,242,247,.14);border-radius:var(--r-sm);font-size:var(--fs-sm)}
  nav.main .langdd .drop b.on{border-color:rgba(233,161,89,.5)}
   


  nav.main>div.langdd:hover .drop,
  nav.main>div.langdd:focus-within .drop,
  nav.main>div.langdd.open .drop{display:flex;flex-direction:row}
}

 
 


 


:root{
   

  --card-bg:linear-gradient(180deg,rgba(226,242,247,.10),rgba(2,12,22,.22));
  --card-border:1px solid rgba(226,242,247,.13);
  --card-shadow:inset 0 1px 0 rgba(226,242,247,.14), 0 18px 44px rgba(2,10,18,.28);
   






  --gap-marque:clamp(20px,2.25vw,32px);
  --gap-bloc:clamp(44px,5vw,72px);
  --instr-x:clamp(6px,1.6vw,26px);--instr-w:clamp(84px,8.6vw,128px)}
.diver{position:fixed;right:var(--instr-x);top:0;z-index:70;width:var(--instr-w);
  aspect-ratio:210/190;pointer-events:none;opacity:0;transition:opacity .8s var(--ease)}
.diver.on{opacity:1}
 

.diver .body{position:relative;display:block;height:100%;transform-origin:43% 50%}

 

 



.diver .rig{position:absolute;inset:0;display:block;
  background-image:url("/images/fauna/plongeur-seq.webp");
  background-repeat:no-repeat;background-size:2800% 100%;background-position:0 0;
  filter:drop-shadow(0 10px 24px rgba(2,10,18,.4))}

@media(prefers-reduced-motion:no-preference){
  .diver .body{animation:float-idle 3.4s ease-in-out infinite}
  @keyframes float-idle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(8px) rotate(2deg)}}
  .diver.swim .body{animation:swim-kick .9s ease-in-out infinite}
  @keyframes swim-kick{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(6px) rotate(-1deg)}}
   
  .diver:not(.descending) .body{animation:none}
}
 






.gauge{position:fixed;right:calc(var(--instr-x) + var(--instr-w) + 6px);
  top:calc(34vh - 82px);height:164px;width:2px;z-index:69;opacity:0;pointer-events:none;
  transition:opacity .6s var(--ease);
  background:repeating-linear-gradient(180deg, rgba(233,161,89,.55) 0 2px, rgba(233,161,89,.16) 2px 16px)}
.gauge.on{opacity:1}

 
.gauge b{position:absolute;right:calc(100% + 10px);top:calc(var(--p,0)*100%);translate:0 -50%;
  font-family:'Bricolage Grotesque';font-weight:800;font-size:var(--fs-xs);color:var(--gold);
  background:rgba(4,18,31,.6);padding:2px 8px;border-radius:var(--r-sm);white-space:nowrap}
@media(max-width:860px){
  :root{--instr-x:8px;--instr-w:62px}
   



  .diver-line{display:none}
  .gauge{height:132px;top:calc(34vh - 66px)}
}
 




 


@media(max-width:1250px){.surface-life{--jsc:.85}}
@media(max-width:1100px){.surface-life{--jsc:.75}}
@media(max-width:950px){.surface-life{--jsc:.65}}
@media(max-width:760px){.surface-life{--jsc:.55}}
@media(max-width:700px){.surface-life{--jsc:.45}}
@media(max-width:560px){.surface-life{--jsc:.3}}
@media(prefers-reduced-motion:reduce){.diver{display:none}}

 


.fstep{border:0;padding:0;margin:0;display:contents}
.stepbar{display:none}
.js-steps .stepbar{display:block;margin:0 0 30px}
.js-steps .fstep{display:none}
.js-steps .fstep.on{display:contents}
.js-steps .fnav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.fnav{display:none}
 
.steprail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
  margin-bottom:14px}
 


.steprail:before{content:"";position:absolute;left:12.5%;right:12.5%;top:11px;height:2px;z-index:0;
  background:rgba(4,18,31,.12);border-radius:2px}
.steprail b{z-index:1}
.steprail i{position:absolute;left:12.5%;top:11px;height:2px;border-radius:2px;z-index:0;
  background:linear-gradient(90deg,var(--pass),var(--gold));
   

  width:calc(var(--prog,0%) * .75);transition:width .55s var(--ease)}
.steprail b{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;color:var(--ink-soft);
  text-transform:uppercase}
.steprail b:before{content:"";width:12px;height:12px;border-radius:50%;
  background:var(--white);border:2px solid rgba(4,18,31,.2);
  transition:border-color .4s var(--ease),background .4s var(--ease),scale .4s var(--ease)}
.steprail b.done:before{background:var(--pass);border-color:var(--pass)}
.steprail b.cur:before{background:var(--gold);border-color:var(--gold);scale:1.35}
.steprail b.cur{color:var(--ink)}
.stephead{display:flex;align-items:baseline;gap:14px;margin-bottom:4px}
.stephead .dep{font-family:'Bricolage Grotesque';font-weight:800;color:var(--gold-deep);
  font-size:1.5rem;line-height:1}
.stephead h3{font-size:1.1rem;color:var(--ink)}
.stepsub{color:var(--ink);font-size:var(--fs-sm);margin:0 0 18px}
@media(prefers-reduced-motion:reduce){.fdiver,.steprail i{transition:none}}
@media(max-width:640px){.steprail b span{display:none}}

 



.surface-life{position:absolute;left:0;right:0;bottom:100%;height:clamp(190px,23vw,340px);
  overflow:hidden;pointer-events:none;z-index:1;display:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 96px,#000 calc(100% - 96px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 96px,#000 calc(100% - 96px),transparent 100%)}
@media(prefers-reduced-motion:no-preference){.surface-life{display:block}}

 






.lane{position:absolute;bottom:var(--sink,-54px);left:0;width:var(--w,170px);
  animation:lane-swim var(--dur,17s) linear infinite}
.lane .leap{display:block;animation:leap-arc var(--dur,17s) linear infinite}
.lane .tilt{display:block;transform-origin:50% 50%;animation:leap-tilt var(--dur,17s) linear infinite}
.lane img{width:100%;height:auto;display:block;scale:-1 1}
.lane.rtl img{scale:1 1}
 
@keyframes lane-swim{from{translate:-18vw 0}to{translate:118vw 0}}
 

@keyframes leap-arc{
  0%,44%   {translate:0 0}
  49%      {translate:0 calc(var(--jump,150px) * -.34)}
  53%      {translate:0 calc(var(--jump,150px) * -.72)}
  57%      {translate:0 calc(var(--jump,150px) * -.95)}
  60%      {translate:0 calc(var(--jump,150px) * -1)}
  63%      {translate:0 calc(var(--jump,150px) * -.93)}
  67%      {translate:0 calc(var(--jump,150px) * -.66)}
  71%      {translate:0 calc(var(--jump,150px) * -.26)}
  74%,100%{translate:0 0}
}
 

@keyframes leap-tilt{
  0%,42%  {rotate:0deg}
  46%     {rotate:-34deg}
  53%     {rotate:-20deg}
  60%     {rotate:0deg}
  67%     {rotate:20deg}
  72%     {rotate:34deg}
  76%,100%{rotate:0deg}
}
 

.lane .spl{position:absolute;left:50%;bottom:calc(var(--sink,-54px) * -1);width:var(--sw,110px);
  height:22px;translate:-50% 50%;border-radius:50%;opacity:0;
  background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,.3) 55%,transparent);
  animation:spl-pop var(--dur,17s) linear infinite}@keyframes spl-pop{
  0%,43%{opacity:0;scale:.25 .3}
  45%{opacity:.95;scale:1 .9}
  49%{opacity:0;scale:1.7 1.1}
  71%{opacity:0;scale:.25 .3}
  74%{opacity:1;scale:1.25 1}
  79%,100%{opacity:0;scale:2 1.25}
}
.lane .spl i{position:absolute;bottom:6px;left:50%;width:4px;height:4px;border-radius:50%;
  background:rgba(255,255,255,.92);animation:spl-drop var(--dur,17s) linear infinite}
.lane .spl i:nth-child(1){--dx:-30px;--dy:-26px}
.lane .spl i:nth-child(2){--dx:-12px;--dy:-36px;width:3px;height:3px}
.lane .spl i:nth-child(3){--dx:14px;--dy:-33px}
.lane .spl i:nth-child(4){--dx:32px;--dy:-21px;width:3px;height:3px}@keyframes spl-drop{
  0%,73%{opacity:0;translate:0 0}
  75%{opacity:1;translate:calc(var(--dx)*.5) var(--dy)}
  81%{opacity:0;translate:var(--dx) 8px}
  100%{opacity:0}
}
@media(prefers-reduced-motion:reduce){.lane,.lane .leap,.lane .tilt,.lane .spl,.lane .spl i{animation:none}}

@media(max-width:700px){.surface-life{height:clamp(96px,24vw,150px)}}

 
.sea-life{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none}
@media(prefers-reduced-motion:no-preference){.sea-life{display:block}}
.sea-life .sp{position:absolute;left:-18%;opacity:.9}
.sea-life .sp{animation:swim-across linear infinite}@keyframes swim-across{0%{translate:-24vw 0}48%{translate:52vw 1.8vh}100%{translate:136vw 0}}
.sea-life .sp.rtl{animation-name:swim-across-rtl}@keyframes swim-across-rtl{0%{translate:136vw 0}52%{translate:48vw -1.6vh}100%{translate:-24vw 0}}
 
 
.sea-life .sp .mv{display:block;will-change:transform}
 
.sea-life .sp img{width:100%;height:auto;display:block;transform:scaleX(-1);
  filter:saturate(.92) brightness(.96)}
.sea-life .sp.rtl img{transform:none}
 
.zone[data-depth="14"] .sea-life img{filter:saturate(.78) brightness(.9)}
.zone[data-depth="22"] .sea-life img{filter:saturate(.6) brightness(.82)}
.z-blue .sea-life img{filter:saturate(.45) brightness(.72)}
 
.sw-glide .mv{animation:sw-glide 2.2s ease-in-out infinite}@keyframes sw-glide{0%,100%{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(1.2deg) translateY(4px)}}
 
.sw-dart .mv{animation:sw-dart 1.1s ease-in-out infinite}@keyframes sw-dart{0%,100%{transform:rotate(-2.5deg) translateY(0) scaleX(1)}50%{transform:rotate(2.5deg) translateY(3px) scaleX(.985)}}
 
.sw-flap .mv{animation:sw-flap 3.2s ease-in-out infinite;transform-origin:50% 40%}@keyframes sw-flap{0%,100%{transform:scaleY(1) translateY(0) rotate(-1deg)}45%{transform:scaleY(.86) translateY(10px) rotate(1.5deg)}72%{transform:scaleY(.97) translateY(4px) rotate(0deg)}}
 
.sw-paddle .mv{animation:sw-paddle 4.6s cubic-bezier(.45,.05,.35,1) infinite}@keyframes sw-paddle{0%{transform:translateX(0) rotate(0)}18%{transform:translateX(-8px) rotate(-1.8deg)}36%{transform:translateX(3px) rotate(.9deg)}60%,100%{transform:translateX(0) rotate(0)}}
 
.sw-pod .mv{animation:sw-pod 2s ease-in-out infinite}@keyframes sw-pod{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3.5deg)}}
 
.sw-labri .mv{animation:sw-labri 1.6s ease-in-out infinite}@keyframes sw-labri{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
 
.sea-life .sp.hold{left:auto;animation:hold-drift 9s ease-in-out infinite alternate}
.sea-life .sp.hold img{transform:none}
.sp.hold .mv{animation:sw-hold 2.1s ease-in-out infinite}@keyframes hold-drift{from{translate:0 0}to{translate:-16px 7px}}@keyframes sw-hold{0%,100%{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}
 
 



 


.species-line{font-size:max(16px,var(--fs-sm));line-height:1.6;color:rgba(157,188,199,.5);
  letter-spacing:.07em;font-weight:400;margin-top:12px;max-width:58ch}
.species-line b{color:inherit;font-weight:400}
 

.light-note{font-size:max(16px,var(--fs-sm));color:var(--water-40);max-width:44ch;
  margin:22px auto 0;line-height:1.6;position:relative;padding-top:18px}
.light-note:before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:44px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(233,161,89,.5),transparent)}
.light-note b{color:var(--water-60);font-weight:600}

 

.has-tiputa{padding-bottom:clamp(56px,6vw,88px)}
.tiputa{display:none}

 



.dropoff{position:relative;height:clamp(60px,6vw,96px);margin-top:-1px;background:transparent}

 

.dropoff .wall{display:none}

 
.dropoff .beam{display:none}

 
.dropoff .void{display:none}

@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .dropoff .wall{animation:wall-recede linear both;animation-timeline:view();animation-range:entry 0% exit 60%}
    .dropoff .beam{animation:beam-slide linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes wall-recede{from{translate:0 -18px;opacity:1}to{translate:0 16px;opacity:.55}}
    @keyframes beam-slide{from{translate:-6% 0}to{translate:6% 0}}
  }
}
@media(max-width:860px){.dropoff{height:clamp(110px,20vw,150px)}}
 
.dropoff + .zone{padding-top:clamp(16px,2vw,26px)}
 
.zone.has-tiputa{padding-bottom:clamp(64px,7vw,100px)}

 
.maprdc{position:relative;margin:0;border-radius:var(--r-card);overflow:hidden;
  box-shadow:0 18px 50px rgba(2,10,18,.35)}
.maprdc img{width:100%;height:auto;display:block}
.maprdc .mapgo{position:absolute;left:18px;bottom:18px}
 

 


.panel.maphead .map-etiquette{display:none}
.maprdc .map-etiquette{position:absolute;left:50%;top:50%;transform:translate(-50%,22px);
  background:rgba(4,18,31,.9);color:#fff;font-family:'Bricolage Grotesque',sans-serif;
  font-weight:800;font-size:max(13px,.9rem);padding:6px 12px;border-radius:8px;white-space:nowrap;
  pointer-events:none}
 


@media(max-width:640px){
  .maprdc .map-etiquette{transform:translate(-50%,-46px);font-size:13px;padding:5px 10px}
  .maprdc .mapgo{left:12px;bottom:12px;min-height:40px;padding:8px 14px;font-size:.88rem}
}

 






.panel.maphead{padding:0;overflow:hidden}
.panel.maphead .maptxt{padding:clamp(26px,2.8vw,38px)}
.panel.maphead .maprdc{margin:0;border-radius:0;box-shadow:none}

@media(min-width:861px){
  .panel.maphead{display:grid;grid-template-columns:minmax(290px,.88fr) 1.12fr;
    align-items:center;min-height:clamp(300px,25vw,368px)}
   

  .panel.maphead .maprdc{height:100%}
  .panel.maphead .maprdc img{height:100%;object-fit:cover;object-position:46% 58%}
  .panel.maphead .maprdc:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;
    background:rgba(226,242,247,.13);z-index:1}
}

@media(max-width:860px){
   
  .panel.maphead .maprdc:before{content:"";position:absolute;inset:0 0 auto;height:1px;
    background:rgba(226,242,247,.13);z-index:1}
   


  .panel.maphead .maprdc img{height:265px;object-fit:cover;object-position:48% 68%}
  .panel.maphead .maprdc .mapgo{left:14px;bottom:14px;
    padding:10px 16px;font-size:max(15px,var(--fs-sm))}
}

 
.partners-sec{text-align:center}
 


.partners-sec .species-line{max-width:none;margin:0 auto;font-size:var(--fs-xs);
  text-transform:uppercase;letter-spacing:.18em;color:var(--water-40);opacity:.7}
.partners-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:clamp(28px,4.5vw,64px);margin-top:36px}
.partners-strip a{display:block}
.partners-strip img{height:clamp(36px,4vw,52px);width:auto;display:block;
  filter:brightness(0) invert(1);opacity:.72;transition:filter .45s var(--ease),opacity .45s var(--ease)}
.partners-strip a:hover img,.partners-strip a:focus-visible img{filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.partners-strip img{transition:none}}

 
.dive{background-color:var(--deep);  
  background-image:linear-gradient(180deg,
  var(--surface) 0%, var(--surface-2) 5%, var(--surface-3) 8%, var(--pass) 11%,
  var(--mid) 16%, var(--deep) 40%, var(--abyss) 72%)}
.dive .zone{position:relative;color:var(--water-90)}
 


.zone .wrap,.zone .wrap-narrow{position:relative;z-index:2}

 
.dive-body{position:relative;z-index:2;border-radius:var(--r-card) var(--r-card) 0 0;
  box-shadow:0 -30px 80px rgba(2,10,18,.45);
  background-color:var(--deep);
  background-image:linear-gradient(180deg, var(--pass) 0%, var(--mid) 9%,
    var(--deep) 42%, #05192a 66%, var(--abyss) 100%)}

 
.z-surface{background-color:var(--surface);min-height:100svh;position:sticky;top:0;z-index:1;display:flex;flex-direction:column;justify-content:center;
  background-size:cover;background-position:50% 50%;
  justify-content:center;padding-top:76px;padding-bottom:0;
  text-align:center;color:var(--ink);overflow:hidden;position:relative}
.z-surface .surface-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.z-surface .godrays{position:absolute;inset:0;pointer-events:none;opacity:.22;background:
  radial-gradient(60% 45% at 50% -5%, rgba(255,244,214,.85), transparent 70%),
  conic-gradient(from 178deg at 50% -20%, transparent 44%, rgba(255,236,180,.35) 47%, transparent 50%,
    rgba(255,236,180,.28) 55%, transparent 58%, rgba(255,236,180,.22) 63%, transparent 66%)}
 
.z-surface .caustics{display:none;position:absolute;inset:0;pointer-events:none;opacity:.16;
  background:
    radial-gradient(38% 30% at 22% 30%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(30% 26% at 74% 22%, rgba(255,255,255,.4), transparent 60%),
    radial-gradient(26% 30% at 55% 60%, rgba(255,255,255,.3), transparent 60%);
  filter:blur(24px)}
@media(prefers-reduced-motion:no-preference){
  .z-surface .caustics{animation:caustics 14s var(--ease) infinite alternate}
  @keyframes caustics{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,1.5%,0) scale(1.06)}}
}
 
.zrays{position:absolute;inset:0 1.5%;pointer-events:none;opacity:.55;
  background:linear-gradient(102deg,transparent 18%,rgba(180,220,235,.10) 21%,transparent 25%,
    transparent 38%,rgba(180,220,235,.08) 42%,transparent 47%,
    transparent 66%,rgba(180,220,235,.07) 70%,transparent 75%);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 62%);
  mask-image:linear-gradient(180deg,#000,transparent 62%)}
@media(prefers-reduced-motion:no-preference){
  .zrays{animation:rays-sway 18s var(--ease) infinite alternate}
  @keyframes rays-sway{from{transform:translateX(-1.5%)}to{transform:translateX(1.5%)}}
}
 
.bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none}
@media(prefers-reduced-motion:no-preference){.bubbles{display:block}}
.bubbles i{position:absolute;bottom:-24px;border-radius:var(--r-pill);
  border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);
  animation:rise linear infinite}
.bubbles i:nth-child(1){left:12%;width:8px;height:8px;animation-duration:11s}
.bubbles i:nth-child(2){left:28%;width:4px;height:4px;animation-duration:14s;animation-delay:3s}
.bubbles i:nth-child(3){left:55%;width:12px;height:12px;animation-duration:9s;animation-delay:1s}
.bubbles i:nth-child(4){left:72%;width:4px;height:4px;animation-duration:13s;animation-delay:5s}
.bubbles i:nth-child(5){left:88%;width:8px;height:8px;animation-duration:12s;animation-delay:2s}@keyframes rise{from{transform:translateY(0);opacity:0}8%{opacity:1}to{transform:translateY(-110vh);opacity:0}}
 
.z-surface:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(76% 58% at 50% 49%, rgba(236,247,251,.94) 0%, rgba(232,246,250,.86) 40%,
      rgba(216,239,247,.5) 70%, transparent 94%),
    linear-gradient(180deg,rgba(236,247,251,.45) 0%,transparent 18%)}
@media(max-width:860px){
  .z-surface:after{background:linear-gradient(180deg,
    rgba(236,247,251,.9) 0%, rgba(232,246,250,.84) 40%, rgba(228,244,250,.68) 62%,
    rgba(224,242,249,.58) 82%, rgba(220,240,248,.52) 100%)}
}
.z-surface .kicker{text-transform:uppercase;letter-spacing:.34em;font-size:var(--fs-xs);
  color:var(--ink-soft);margin-bottom:20px;font-weight:600}
.z-surface h1{font-size:var(--fs-hero);font-weight:800;color:var(--ink)}
.z-surface .lead{font-size:clamp(1.05rem,2.2vw,1.35rem);max-width:820px;margin:28px auto 0;
  color:var(--ink-soft);font-weight:400}
.z-surface .motto{font-family:'Bricolage Grotesque';font-weight:600;
  font-size:clamp(1.15rem,2.2vw,1.35rem);margin:20px auto 8px;color:var(--ink)}
.z-surface .sub{color:var(--ink-soft);font-size:1rem;margin-bottom:32px;max-width:64ch;margin-left:auto;margin-right:auto}
 
@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: scroll()){
    .z-surface .wrap{animation:sink linear both;animation-timeline:scroll();animation-range:0 100svh}
    @keyframes sink{to{transform:translateY(-88px);opacity:0}}
    .z-surface .godrays,.z-surface .caustics{animation-name:fade-light;animation-timing-function:linear;
      animation-fill-mode:both;animation-timeline:scroll();animation-range:0 80svh}
    @keyframes fade-light{to{opacity:0}}
  }
}
 


.scrollcue{pointer-events:none;position:absolute;bottom:clamp(40px,7vw,86px);left:50%;translate:-50% 0;z-index:3;
  display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 14px;border-radius:var(--r-pill);
  color:var(--abyss);font-size:var(--fs-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  background:rgba(236,247,251,.82);border:1px solid rgba(4,18,31,.1);
  box-shadow:0 8px 24px rgba(2,10,18,.16)}
.scrollcue:before{content:"";width:11px;height:11px;flex:0 0 auto;margin-top:-4px;
  border:2px solid var(--gold);border-top:0;border-right:0;rotate:-45deg}
@media(prefers-reduced-motion:no-preference){
  .scrollcue{animation:cue-float 2.6s var(--ease) infinite}
  .scrollcue:before{animation:cue-dive 2.6s var(--ease) infinite}
  @keyframes cue-float{0%,100%{translate:-50% 0}50%{translate:-50% 7px}}
  @keyframes cue-dive{0%,100%{translate:0 0;opacity:.9}50%{translate:0 4px;opacity:1}}
}
@media(max-width:700px){.scrollcue{display:none}.z-surface{padding-top:96px}}


 
.depthmark{display:flex;align-items:baseline;gap:20px;margin-bottom:clamp(20px,3vw,32px)}
.depthmark:after{content:"";flex:0 1 120px;height:2px;align-self:center;border-radius:2px;
  background:linear-gradient(90deg,var(--gold),transparent);opacity:.6}
@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .depthmark:after{transform-origin:left;animation:rule-draw var(--dur-2) var(--ease) both;
      animation-timeline:view();animation-range:entry 10% entry 60%}
    @keyframes rule-draw{from{scale:0 1}to{scale:1 1}}
  }
}
.depthmark .n{font-family:'Bricolage Grotesque';font-weight:800;font-size:var(--fs-depth);
  line-height:.9;color:var(--gold);opacity:.92;letter-spacing:-.02em}
.depthmark .lbl{font-size:1.5rem;color:var(--white);font-weight:600;
  font-family:'Bricolage Grotesque',sans-serif;margin:0;line-height:1.2;letter-spacing:-.01em}
.zone{padding:96px 0}
@media(max-width:720px){.zone{padding:64px 0}}
.zone p.big{font-size:clamp(1.1rem,2vw,1.35rem);max-width:760px;font-weight:400;color:var(--water-80)}
.zone p.big b{font-weight:600;color:var(--white)}
.zone h2{color:var(--white)}
.zone a:not(.btn):not(.pillar):not(.frame):not(.ftlogo):not(.soc):not(.door){color:var(--lagoon);background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1.5px;
  transition:background-size .5s var(--ease);padding-bottom:2px}
.zone a:not(.btn):not(.pillar):not(.frame):not(.ftlogo):not(.soc):not(.door):hover{background-size:100% 1.5px}
@media(prefers-reduced-motion:reduce){.zone a{transition:none}}
.zone a:hover{color:var(--white)}
.zone a.btn{color:var(--abyss)}
.zone a.btn:hover{color:var(--abyss)}
.zone a.some,.zone .some a{color:var(--white)}

 
.zone.overlap{border-radius:var(--r-card) var(--r-card) 0 0;margin-top:calc(-1*var(--r-card))}
@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
     

    .zone.overlap:not(.drift){animation:zone-lift linear both;animation-timeline:view();
      animation-range:entry 0% entry 40%}
    @keyframes zone-lift{from{transform:translateY(26px)}to{transform:none}}
  }
}

 
.pillars{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}


 



.zone .wrap > * + *,
.stop .wrap > * + *,
.pricing .wrap > * + *,
.wallwrap > .wrap + .wrap{margin-top:var(--gap-bloc)}
.zone .wrap > .depthmark + *{margin-top:var(--gap-marque)}

.panel{position:relative;border-radius:var(--r-card);padding:32px;
  background:var(--card-bg);border:var(--card-border);box-shadow:var(--card-shadow);
  margin-bottom:0}
.panel > :first-child{margin-top:0}
.panel > :last-child{margin-bottom:0}
@media(max-width:640px){.panel{padding:22px;border-radius:20px}}
 


 


.eng .pillars{gap:28px;margin-top:22px}
@media(max-width:860px){.eng .pillars{gap:24px}}
.eng > h2{margin:0}
.stophead .gauge-read{margin-bottom:20px}
.stophead .prov{margin-bottom:0}
 


.maphead h2{margin:0}
.maphead .lead-s{margin:10px 0 0}
.mapcta{margin:16px 0 0;font-size:max(16px,var(--fs-sm))}
.partpan .partners-sec{margin-top:0}
.levels .doors{gap:28px}
@media(max-width:860px){.levels .doors{gap:22px}}
.tail .species-line{margin-top:0}
.intro h2{margin:0}
.passe-copy .big:first-child{margin-top:0}
.deep-copy{max-width:none}
 

@media(max-width:640px){.deep-copy .light-note,.deep-copy .species-line{text-align:left;margin-left:0}}
.deep-copy .quote{margin-top:24px}

 
.pricing .pcard{margin-top:28px;border-radius:var(--r-sm);overflow:hidden;
  background:rgba(2,12,22,.20);border:1px solid rgba(226,242,247,.10);box-shadow:none}
.pricing .pcard:before{background:linear-gradient(90deg,var(--gold),rgba(233,161,89,.08))}

.pillar{position:relative;display:flex;flex-direction:column;isolation:isolate;
  border:var(--card-border);border-radius:var(--r-card);
  padding:clamp(22px,2vw,28px);color:var(--water-60);
  background:var(--card-bg);box-shadow:var(--card-shadow);
  transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}
 
.pillar:hover{border-color:rgba(233,161,89,.45);color:var(--water-80);
  box-shadow:inset 0 1px 0 rgba(226,242,247,.34), 0 26px 52px rgba(2,10,18,.5)}
.pillar .med{flex:0 0 auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  margin-bottom:16px;border:1.5px solid rgba(127,212,232,.3);
  background:radial-gradient(circle at 32% 30%,rgba(127,212,232,.14),rgba(4,18,31,.55))}
.pillar svg{width:26px;height:26px;stroke:var(--water-80);display:block;margin:0}
.pillar h3{color:var(--white);font-size:1.02rem}
.pillar p{font-size:1rem;color:var(--water-60);margin:8px 0 0}
.pillar .more{display:inline-block;margin-top:auto;padding-top:16px;font-size:var(--fs-xs);color:var(--gold);font-weight:600;letter-spacing:.06em}
.pillar .more .arr{display:inline-block;font-style:normal;transition:translate .35s var(--ease)}
.pillar:hover .more .arr{translate:5px 0}
.ptxt{display:flex;flex-direction:column;flex:1;min-height:0}
 



.pillar.lead-card{grid-column:span 7;padding:clamp(26px,2.4vw,34px);min-height:264px;
  background-image:
    linear-gradient(180deg,rgba(226,242,247,.18) 0%,rgba(226,242,247,.06) 28%,rgba(2,12,22,.46) 100%)}
.pillar.lead-card h3{font-family:'Bricolage Grotesque';font-weight:800;letter-spacing:-.01em;
  font-size:clamp(1.5rem,2.6vw,2.05rem)}
.pillar.lead-card p{max-width:46ch}
.pillar.lead-card svg{stroke:var(--gold)}
.pillar.lead-card .med{border-color:rgba(233,161,89,.4)}
.pillar.side{grid-column:span 5}
.pillar.mini{grid-column:span 6;flex-direction:row;align-items:flex-start;gap:18px;padding:22px 24px}
.pillar.mini .med{margin-bottom:0;width:46px;height:46px}
.pillar.mini svg{width:22px;height:22px}
.pillar.mini h3{font-size:1rem}

.pillar.green svg{stroke:var(--lagoon)}
@media(max-width:980px){.pillar.lead-card,.pillar.side{grid-column:span 12}.pillar.mini{grid-column:span 6}}
@media(max-width:640px){.pillar.mini{grid-column:span 12}}

 


.wallwrap{position:relative}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.4vw,20px)}
.frame{position:relative;margin:0;border-radius:var(--r-card);overflow:hidden;
  border:1px solid rgba(226,242,247,.2);background:var(--deep);
  box-shadow:inset 0 1px 0 rgba(226,242,247,.26), 0 18px 40px rgba(2,10,18,.4);
  transition:border-color .5s var(--ease),box-shadow .5s var(--ease),transform .5s var(--ease)}
.frame .fr-in{display:block;position:relative;height:100%;overflow:hidden;border-radius:inherit}
.frame img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 1.1s var(--ease),filter .6s var(--ease);filter:saturate(.86) brightness(.92)}
.frame figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 16px;
  color:var(--white);font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-sm);
  background:rgba(4,18,31,.74);backdrop-filter:blur(6px);
  translate:0 14px;opacity:0;transition:translate .45s var(--ease),opacity .45s var(--ease)}
 



.frame:hover figcaption,.frame:focus-within figcaption{translate:0 0;opacity:1}
 
.frame.w7{grid-column:span 7}.frame.w6{grid-column:span 6}
.frame.w5{grid-column:span 5}.frame.w4{grid-column:span 4}
.frame{aspect-ratio:4/3}.frame.t{aspect-ratio:16/10}
@media(max-width:860px){
  .mosaic{grid-template-columns:repeat(6,1fr)}
  .frame.w7,.frame.w6,.frame.w5,.frame.w4{grid-column:span 6}
  .frame,.frame.t{aspect-ratio:4/3}
  .frame figcaption{translate:0 0;opacity:1}
}
 


@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .frame{animation:rv-in linear backwards;animation-timeline:view();
      animation-range:entry 0px entry var(--rv-win);
      animation-timing-function:var(--rv-ease)}
     

    .frame:nth-child(3n+2){animation-range:entry 26px entry calc(var(--rv-win) + 26px)}
    .frame:nth-child(3n){animation-range:entry 52px entry calc(var(--rv-win) + 52px)}
  }
}
@media print{.frame{animation:none !important}}

 
.z-blue{text-align:center}
.z-blue .quote{font-family:'Bricolage Grotesque';font-weight:600;
  font-size:clamp(1.4rem,3.6vw,2.5rem);max-width:900px;margin:0 auto 16px;color:var(--white);line-height:1.25}
.z-blue .by{color:var(--water-40);font-size:var(--fs-sm);letter-spacing:.14em;text-transform:uppercase}

 
.passe-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:center}
@media(max-width:860px){.passe-grid{grid-template-columns:1fr}}
.passe-photos{position:relative;min-height:420px}
.passe-photos img{position:absolute;border-radius:var(--r-card);object-fit:cover;
  border:1px solid rgba(226,242,247,.22);background:var(--deep);
  box-shadow:inset 0 1px 0 rgba(226,242,247,.28), 0 26px 60px rgba(2,10,18,.55);
  transition:scale .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease)}
.passe-photos img:hover{scale:1.03;border-color:rgba(233,161,89,.5);
  box-shadow:inset 0 1px 0 rgba(226,242,247,.34), 0 34px 74px rgba(2,10,18,.65)}
.passe-photos img:first-child{width:72%;aspect-ratio:4/5;right:0;top:0;z-index:2}
.passe-photos img:last-child{width:52%;aspect-ratio:1/1;left:0;bottom:0;z-index:3}
@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .passe-photos img:first-child{animation:float-a linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    .passe-photos img:last-child{animation:float-b linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes float-a{from{transform:translateY(48px)}to{transform:translateY(-48px)}}
    @keyframes float-b{from{transform:translateY(-24px)}to{transform:translateY(40px)}}
  }
}
@media(max-width:860px){.passe-photos{min-height:340px}}

 
.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;
  background:var(--gold);color:var(--abyss);font-weight:600;text-decoration:none;line-height:1.2;
  min-height:56px;padding:14px 32px;border-radius:var(--r-pill);border:0;font-size:1rem;cursor:pointer;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease)}
.btn:hover{background:var(--gold-bright);color:var(--abyss);transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(233,161,89,.45), 0 0 0 4px rgba(233,161,89,.18)}
.btn.ghost{background:transparent;border:1.5px solid currentColor;color:inherit}
.btn.ghost:hover{background:rgba(255,255,255,.12);box-shadow:none;color:inherit}
.btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

 
.pagehead{position:relative;color:var(--white);background-color:var(--deep);padding:calc(76px + clamp(64px,10vh,120px)) 0 clamp(64px,9vh,112px);
  background-image:linear-gradient(180deg,var(--mid),var(--deep) 70%,var(--abyss));overflow:hidden}
.pagehead .ph-img{position:absolute;inset:0;background-size:cover;background-position:center 42%;
  filter:saturate(.85) brightness(.95);opacity:.55;z-index:0}
.pagehead img.ph-img{width:100%;height:100%;object-fit:cover;object-position:center;
  filter:none;opacity:1;animation:none}
.pagehead img.ph-img{top:76px;height:calc(100% - 76px)}
@media(min-width:861px){
  .pagehead img.ph-img{width:auto;max-width:65%;left:auto;right:0;object-fit:contain;object-position:right center;
    mask-image:linear-gradient(90deg,transparent,#000 24%)}
  .pagehead:has(img.ph-img) h1{max-width:64%}
  .pagehead:has(img.ph-img) .sub{max-width:56%}
}
@media(max-width:860px){
  .pagehead img.ph-img{object-position:var(--photo-mobile-x,50%) 50%}
  .pagehead:has(img.ph-img) .wrap{top:32px}
}
.drift-clip{margin:2rem 0}
.drift-clip video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r-card);background:var(--deep)}
.drift-clip figcaption{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:.5rem}
@media(prefers-reduced-motion:no-preference){
  .pagehead .ph-img{opacity:0;animation:ph-in 1.2s var(--ease) .15s forwards}
  @keyframes ph-in{to{opacity:.55}}
}
 


.pagehead:before{content:"";position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg, rgba(7,37,60,.30), rgba(4,18,31,.78)),
  radial-gradient(70% 60% at 50% -10%, rgba(127,212,232,.20), transparent 70%)}
.pagehead:has(img.ph-img):before{background:
  linear-gradient(90deg,rgba(4,18,31,.74),rgba(4,18,31,.40) 48%,rgba(4,18,31,.12)),
  linear-gradient(180deg,rgba(7,37,60,.24),transparent 42%,rgba(4,18,31,.38))}
@media(max-width:860px){.pagehead:has(img.ph-img):before{background:
  linear-gradient(180deg,rgba(7,37,60,.28),rgba(4,18,31,.48) 48%,rgba(4,18,31,.68))}}
.pagehead .ambient{z-index:2}
.pagehead .wrap{position:relative;z-index:2}
.pagehead .depthtag{font-family:'Bricolage Grotesque';font-weight:800;color:var(--gold);
  font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:.02em}
.pagehead h1{color:var(--white);margin:8px 0 12px}
.pagehead .sub{color:var(--water-60);font-size:var(--fs-lg);max-width:700px}
 


@media(prefers-reduced-motion:no-preference){
  .pagehead .wrap>*{animation:ph-rise .8s var(--ease) both}
  .pagehead .wrap>:nth-child(2){animation-delay:.09s}
  .pagehead .wrap>:nth-child(3){animation-delay:.18s}
  @keyframes ph-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:none}}
}
@media print{.pagehead .wrap>*{animation:none !important}}
 


section.sec{padding:clamp(52px,8vh,88px) 0}
section.sec.alt{background:var(--wash)}
section.sec.dark{background:var(--abyss);color:var(--water-80)}
section.sec.dark h2,section.sec.dark h3{color:var(--white)}
section.sec.dark a{color:var(--lagoon)}
.sec-head{max-width:780px;margin:0 auto 40px;text-align:center}
.sec-head:after{content:"";display:block;width:64px;height:4px;border-radius:var(--r-sm);
  background:var(--gold);margin:20px auto 0}
.lead-p{font-size:var(--fs-lg);color:var(--ink-soft)}

 
 















.rv{opacity:1}
:root{--rv-win:180px;--rv-lift:14px;--rv-blur:5px;--rv-ease:cubic-bezier(0,0,.2,1)}
@media(max-width:640px){:root{--rv-win:140px;--rv-lift:10px;--rv-blur:4px}}

 
.zone[data-depth="6"] {--d:.15}
.zone[data-depth="14"]{--d:.45}
.zone[data-depth="22"]{--d:.75}
.zone[data-depth="30"]{--d:1}
.stop                 {--d:.35}    
.pricing,.mapsec      {--d:.1}

@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .rv{animation:rv-in linear backwards;                        
      animation-timeline:view();                            

      animation-range:entry 0px entry var(--rv-win);
      animation-timing-function:var(--rv-ease)}
    @keyframes rv-in{
      from{opacity:0;pointer-events:none;
        translate:0 calc(var(--rv-lift) * (1 - .36 * clamp(0, var(--d, .3), 1)));
        filter:blur(calc(var(--rv-blur) * (1 + .8 * clamp(0, var(--d, .3), 1))))}
       



      to{opacity:1;pointer-events:auto;translate:none;filter:none}}

     




    .levels,.eng,.team{view-timeline-name:--carte}
    .levels .door,.eng .pillar,.team .people li{
      animation:rv-fils linear backwards;
      animation-timeline:--carte;
      animation-range:entry calc(var(--rv-win) * .35 + var(--i,0) * 26px)
                      entry calc(var(--rv-win) * 1.05 + var(--i,0) * 26px);
      animation-timing-function:var(--rv-ease)}
    @keyframes rv-fils{from{opacity:0;pointer-events:none;translate:0 8px}
      to{opacity:1;pointer-events:auto;translate:none}}
    .levels .door:nth-child(2),.eng .pillar:nth-child(2),.team .people li:nth-child(2){--i:1}
    .levels .door:nth-child(3),.eng .pillar:nth-child(3),.team .people li:nth-child(3){--i:2}
    .eng .pillar:nth-child(4),.team .people li:nth-child(4){--i:3}
     

    .levels .door:nth-child(4){--i:3}
    .levels .door:nth-child(n+5),.eng .pillar:nth-child(n+5),
    .team .people li:nth-child(n+5){--i:4}
  }
}

 





 



@media(prefers-reduced-motion:reduce){
  .rv,.frame,.levels .door,.eng .pillar,.team .people li{animation:none !important}
}
 

 



.rv:focus-within,.rv:target,.rv:has(:target),
.frame:focus-within,.frame:has(:target),
.levels .door:focus-within,.levels .door:has(:target),
.eng .pillar:focus-within,.eng .pillar:has(:target),
.team .people li:focus-within,.team .people li:has(:target){
  animation:none !important}
@media print{.rv,.frame,.levels .door,.eng .pillar,.team .people li{animation:none !important}}

 
.tblwrap{overflow-x:auto;border-radius:var(--r-sm);border:1px solid var(--line-light)}
table.prices{width:100%;border-collapse:collapse;background:var(--white);font-size:var(--fs-sm)}
table.prices th,table.prices td{padding:12px 16px;border-bottom:1px solid var(--line-light);text-align:left}
table.prices th{background:var(--wash);font-family:'Bricolage Grotesque';font-size:var(--fs-xs);
  text-transform:uppercase;letter-spacing:.08em;font-weight:600}
table.prices td:nth-child(2),table.prices td:nth-child(3),
table.prices th:nth-child(2),table.prices th:nth-child(3){text-align:right;white-space:nowrap;
  font-variant-numeric:tabular-nums}
table.prices tr:last-child td{border-bottom:0}
table.prices tr:hover td{background:#f7fbfc}

.box{position:relative;margin:38px 0;padding:26px 0 0;max-width:62ch;
  font-size:1.06rem;line-height:1.65;color:var(--ink-soft)}
.box:before{content:"";position:absolute;top:0;left:0;width:52px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--pass),rgba(127,212,232,.15))}
.box.honest:before{background:linear-gradient(90deg,var(--gold),rgba(233,161,89,.15))}
.box p{margin:0}
 
.dive .box,.page-dark .box{color:var(--water-60)}
.charte-list{counter-reset:pt;list-style:none;display:grid;gap:12px}
.charte-list li{background:var(--white);border:1px solid var(--line-light);border-radius:var(--r-sm);
  padding:16px 20px 16px 64px;position:relative}
.charte-list li:before{counter-increment:pt;content:counter(pt);position:absolute;left:16px;
  top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;
  background:var(--deep);color:var(--gold);font-weight:600;font-size:var(--fs-xs);display:flex;
  align-items:center;justify-content:center;font-family:'Bricolage Grotesque'}

 

 

.prov{position:relative;margin-top:24px;padding-left:16px;font-size:max(16px,var(--fs-sm));
  line-height:1.6;color:rgba(157,188,199,.62);max-width:62ch}
.prov:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,rgba(233,161,89,.55),rgba(233,161,89,.08))}
.lead-s{font-size:max(16px,1rem);line-height:1.6;color:var(--water-60);max-width:60ch;margin:0 0 28px}

 


.levels{margin:0}
.levels h2{margin-bottom:14px}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
@media(max-width:860px){.doors{grid-template-columns:1fr}}
.door{position:relative;display:flex;flex-direction:column;gap:8px;
  padding:24px 24px;border-radius:var(--r-card);text-decoration:none;
  background:linear-gradient(180deg,rgba(226,242,247,.09),rgba(2,12,22,.30));
  border:1px solid rgba(226,242,247,.10);
  transition:border-color .45s var(--ease),transform .45s var(--ease),background .45s var(--ease)}
.door:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--gold),rgba(233,161,89,.10));
  opacity:.5;transition:opacity .45s var(--ease)}
 


.door:hover,.door:focus-visible{border-color:rgba(233,161,89,.34)}
.door:hover:before,.door:focus-visible:before{opacity:1}
.door .dk{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.16em;
  color:var(--gold);font-weight:600}
.door .dt{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.125rem;
  line-height:1.2;color:var(--white)}
.door .dd{font-size:max(16px,1rem);line-height:1.55;color:var(--water-60)}
.door .da{margin-top:8px;color:var(--gold);font-size:1.05rem;
  transition:translate .35s var(--ease)}
.door:hover .da{translate:6px 0}

 
.team{margin:0}
.team h2{margin-bottom:14px}
.teamgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(22px,3vw,46px);align-items:start}
@media(max-width:860px){.teamgrid{grid-template-columns:1fr}}
.teamgrid figure{margin:0;border-radius:var(--r-card);overflow:hidden;
  box-shadow:0 20px 48px rgba(2,10,18,.42)}
.teamgrid img{width:100%;height:auto;display:block}
.people{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.people li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;
  padding:12px 0;border-bottom:1px solid rgba(226,242,247,.09)}
.people li:last-child{border-bottom:0}
.people b{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.125rem;color:var(--white)}
.people span{font-size:max(16px,1rem);line-height:1.5;color:var(--water-60)}
.certifline{margin-top:24px;font-size:max(16px,var(--fs-sm));line-height:1.6;color:var(--water-40)}
.certifline b{display:block;margin-bottom:4px;color:var(--water-60);
  font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em}

 


.season{margin:0}
.season h2{margin-bottom:14px}

 

 



.stop{position:relative;padding:112px 0 80px;overflow:clip;
  color:var(--water-60)}

 

.stop .wrap{position:relative;z-index:1;max-width:1000px}
@media(max-width:860px){.stop{padding:72px 0 56px}}
 
.stop h2{color:var(--white);margin-bottom:12px}
 

.stop .btn-row{justify-content:flex-start}
.stop .partners-sec{text-align:center}
.stop .partners-strip{justify-content:center}
.stop .some{justify-content:center}
 

.stop .partners-sec .species-line{max-width:none;margin:0 auto;font-size:max(16px,var(--fs-sm));
  text-transform:none;letter-spacing:.03em;color:rgba(157,188,199,.55);opacity:1}
.stop h3{color:var(--white)}
.stop .lead-s{max-width:56ch}

 

.gauge-read{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px;
  margin:48px 0 32px;
  padding-bottom:20px;border-bottom:1px solid rgba(226,242,247,.12)}
.gauge-read b{font-family:'Bricolage Grotesque';font-weight:800;
  font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;color:var(--gold);letter-spacing:-.02em}
.gauge-read .o{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.5rem;
  color:var(--water-40)}
.gauge-read .sep{width:1px;height:22px;background:rgba(226,242,247,.18);margin:0 4px}
.gauge-read .cnt{font-size:max(16px,var(--fs-sm));letter-spacing:.05em;color:var(--water-40)}
.gauge-read .tsrc{margin-left:auto;font-size:max(16px,var(--fs-sm))}
@media(max-width:640px){.gauge-read .tsrc{margin-left:0;flex:1 0 100%;margin-top:10px}}

 

 





.avispan{position:relative;border-radius:var(--r-card);padding:32px;
  background:linear-gradient(180deg,rgba(226,242,247,.10),rgba(2,12,22,.22));
  border:1px solid rgba(226,242,247,.13);
  box-shadow:inset 0 1px 0 rgba(226,242,247,.14), 0 18px 44px rgba(2,10,18,.28)}
@media(max-width:640px){.avispan{padding:22px;border-radius:20px}}
.avis-tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 18px;
  padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid rgba(226,242,247,.12)}
 
.avispan .gauge-read{margin:0;padding:0;border:0;flex:0 0 auto}
 

.avis-t{margin:0 0 0 auto;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;
  font-size:clamp(1.05rem,1.7vw,1.4rem);color:var(--water-60);letter-spacing:-.01em}
@media(max-width:640px){.avis-t{margin:12px 0 0;flex:1 0 100%}}

 






.avis-google{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;
  padding:18px 20px;margin-bottom:26px;border-radius:var(--r-card);
  background:rgba(233,161,89,.08);border:1px solid rgba(233,161,89,.42)}
.avis-note{display:flex;align-items:baseline;gap:0 10px;flex-wrap:wrap}
.avis-note .src-nom{flex:1 0 100%;font-size:var(--fs-xs);letter-spacing:.14em;
  text-transform:uppercase;font-weight:600;color:var(--water-40);margin-bottom:2px}
.avis-note.prime .src-nom{color:var(--gold)}
.avis-note .cnt{font-size:max(16px,var(--fs-sm));color:var(--water-40)}
.avis-note .gauge-read{margin:0;padding:0;border:0;gap:0 4px}
 
.avis-tete .avis-note .gauge-read b{font-size:clamp(1.5rem,2.6vw,1.9rem);color:var(--water-60)}
.avis-tete .avis-note .gauge-read .o{font-size:1rem}
.avis-actions{display:flex;flex-wrap:wrap;gap:10px 14px;margin-left:auto}
.avis-actions .btn{flex:0 1 auto;max-width:100%}

 

.rev-src{display:inline-block;margin-left:10px;padding:2px 8px;border-radius:999px;
  font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  color:var(--water-40);border:1px solid rgba(226,242,247,.16)}
.rev-src[data-src="google"]{color:var(--gold);border-color:rgba(233,161,89,.4)}
.lien-ta{font-size:max(16px,var(--fs-sm));color:var(--water-40);text-decoration:none;
  border-bottom:1px solid rgba(226,242,247,.22);padding-bottom:2px}
.lien-ta:hover{color:var(--gold);border-color:rgba(233,161,89,.5)}
@media(max-width:640px){
  .avis-actions{margin-left:0;width:100%}
  .avis-actions .btn{flex:1 1 auto;text-align:center}
}

 
.avis-pied{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;
  margin-top:28px;padding-top:22px;border-top:1px solid rgba(226,242,247,.12)}
 


.avis-pied .btn{flex:0 1 auto;max-width:100%}
@media(max-width:400px){
  .avis-pied .btn{padding-left:16px;padding-right:16px;white-space:normal;text-align:center}
}
.avis-pied .prov{margin:0;flex:1;min-width:min(100%,30ch)}

.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:1080px){.revs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.revs{grid-template-columns:1fr}}
 

.logent{position:relative;margin:0;display:flex;flex-direction:column;gap:12px;
  padding:24px;border-radius:var(--r-card);
  background:var(--card-bg);border:var(--card-border);box-shadow:var(--card-shadow)}
.logent:before{content:"";position:absolute;left:0;top:20px;width:2px;height:28px;
  border-radius:2px;background:linear-gradient(180deg,var(--gold),rgba(233,161,89,.12))}
.stars{display:flex;gap:3px}
.stars svg{width:14px;height:14px;fill:var(--gold);display:block}
.logent blockquote{margin:0;font-size:max(16px,1rem);line-height:1.6;color:var(--water-60);
  text-wrap:pretty}
.logent figcaption{margin-top:auto;padding-top:4px;font-size:max(16px,var(--fs-sm));
  color:rgba(157,188,199,.58)}

 


.pricing{position:relative;padding:96px 0 88px}
@media(max-width:860px){.pricing{padding:64px 0 56px}}
.pricing .wrap{max-width:1000px}
.pkick{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.2em;
  color:var(--gold);font-weight:600;margin:0 0 12px}
.pricing h2{color:var(--white);margin-bottom:12px}
.pricing .lead-s{max-width:58ch}
.pcard{position:relative;margin-top:36px;border-radius:var(--r-card);overflow:hidden;
  background:linear-gradient(180deg,rgba(226,242,247,.085),rgba(2,12,22,.34));
  border:1px solid rgba(226,242,247,.12);
  box-shadow:inset 0 1px 0 rgba(226,242,247,.10), 0 24px 60px rgba(2,10,18,.42)}
.pcard:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--gold),rgba(233,161,89,.10))}
.ptable{list-style:none;margin:0;padding:clamp(20px,2.4vw,32px) clamp(20px,2.4vw,32px) 8px}
.prow{display:grid;grid-template-columns:minmax(180px,1fr) minmax(80px,1.15fr) auto;
  align-items:center;gap:24px;padding:16px 0;border-top:1px solid rgba(226,242,247,.10)}
.prow:first-child{border-top:0}
 
.prow:last-child .pbar i{box-shadow:0 0 12px rgba(233,161,89,.4)}
.prow:last-child .pv b{color:var(--gold)}
@media(max-width:720px){.prow{grid-template-columns:1fr auto;gap:8px 16px}
  .prow .pbar{grid-column:1/-1;order:3}}
@media(max-width:420px){
  .prow{grid-template-columns:minmax(0,1fr);gap:8px;padding:15px 0}
  .prow .pl{min-width:0;overflow-wrap:anywhere}
  .prow .pv{justify-self:start}
  .prow .pbar{grid-column:1;order:3;width:100%}
}
.pl{font-size:max(16px,1rem);line-height:1.4;color:var(--water-80);display:flex;
  flex-direction:column;gap:4px}
.pn{font-size:max(16px,var(--fs-sm));color:rgba(157,188,199,.62)}
.pbar{display:block;height:6px;border-radius:3px;background:rgba(226,242,247,.09);overflow:hidden}
.pbar i{display:block;height:100%;border-radius:3px;
  background:linear-gradient(90deg,rgba(233,161,89,.35),var(--gold))}
.pv{display:flex;align-items:baseline;gap:6px;white-space:nowrap;justify-self:end}
.pv b{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.5rem;color:var(--white)}
.pv em{font-style:normal;font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;
  color:var(--water-40)}
.prow-end{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px}
 
.mapsec{padding-top:88px}
@media(max-width:860px){.mapsec{padding-top:56px}}
.plink{font-size:max(16px,var(--fs-sm))}
.pfoot{border-top:1px solid rgba(226,242,247,.10);background:rgba(2,12,22,.30);
  padding:20px clamp(20px,2.4vw,32px) 24px}
.pricing .mnote{margin:0;max-width:62ch;font-size:max(16px,var(--fs-sm));
  line-height:1.6;color:var(--water-60)}
@media(max-width:920px){.jgrid{grid-template-columns:1fr;gap:44px}}

@media(prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
     
    .jsteps:after{animation:jfill linear both;animation-timeline:view();
      animation-range:entry 30% cover 62%}
    @keyframes jfill{to{height:calc(100% - 20px)}}
    @keyframes jrise{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
  }
}

 
.wrap-form{max-width:1040px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
 




 















body.page-plongee{background:#04121f;color:var(--ink)}
@media(min-width:1000px){
  body.page-plongee{height:100dvh;overflow:hidden}
  body.page-plongee main{height:100dvh}
}
.pl-ecran{display:grid;grid-template-rows:1fr auto;min-height:100dvh;
  position:relative;z-index:1;box-sizing:border-box}
@media(min-width:1000px){
   


  .pl-ecran{grid-template-rows:none;grid-template-columns:1fr;place-items:center;
    height:100dvh;box-sizing:border-box;
    padding:clamp(16px,2.2vh,28px) clamp(16px,2vw,34px)}
  body.page-plongee .formsec{grid-column:1;grid-row:1;width:min(660px,92vw)}
}

 




.pl-film{position:fixed;inset:0;z-index:0;overflow:hidden;background:#04121f;
  pointer-events:none}
 

.pl-film:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,18,.34),rgba(2,10,18,.44) 55%,rgba(2,10,18,.62))}
body.page-plongee main{position:relative;z-index:1}

 









 





.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.4vw,44px);align-items:center}
.split > img{width:100%;height:100%;max-height:520px;object-fit:cover;border-radius:var(--r-card);
  box-shadow:0 18px 40px rgba(2,10,18,.18)}
@media(max-width:860px){.split{grid-template-columns:1fr}
  .split > img{max-height:320px}}

.pl-fond{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;
  object-fit:cover;object-position:50% 45%}
 

@media(max-width:999px){.pl-fond{object-position:58% 40%}}
 


@media(prefers-reduced-motion:no-preference){
  .pl-fond{animation:fond-respire 46s ease-in-out infinite alternate}
  @keyframes fond-respire{from{transform:scale(1.05)}to{transform:scale(1.13) translate(-1%,.6%)}}
}
 



.pl-rais{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.pl-rais i{position:absolute;top:-30%;height:165%;width:clamp(120px,16vw,300px);
  transform-origin:top center;filter:blur(18px);opacity:0;
  background:linear-gradient(180deg,rgba(150,214,236,.15),rgba(150,214,236,.05) 55%,transparent 85%)}
@media(prefers-reduced-motion:no-preference){
  .pl-rais i{animation:rai-derive 15s ease-in-out infinite alternate}
  .pl-rais i:nth-child(1){left:12%;transform:rotate(9deg)}
  .pl-rais i:nth-child(2){left:44%;width:clamp(180px,24vw,420px);transform:rotate(-6deg);
    animation-duration:21s;animation-delay:-7s;
    background:linear-gradient(180deg,rgba(150,214,236,.20),rgba(150,214,236,.06) 50%,transparent 80%)}
  .pl-rais i:nth-child(3){left:77%;transform:rotate(13deg);animation-duration:26s;animation-delay:-14s}
  @keyframes rai-derive{0%{opacity:.5;translate:0 0}100%{opacity:1;translate:2.5vw 0}}
}
 


.pl-neige{z-index:2}

.pl-bulles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.pl-bulles span{position:absolute;bottom:-10vh;left:var(--x);
  width:var(--s);height:var(--s);border-radius:50%;opacity:0;
  background:radial-gradient(circle at 32% 28%,
    rgba(255,255,255,.70),rgba(190,228,244,.18) 56%,rgba(190,228,244,0) 72%);
  box-shadow:inset 0 0 0 1px rgba(226,242,247,.20);
   

  animation:pl-monte var(--v) linear var(--r) infinite}@keyframes pl-monte{
  0%{translate:0 0;opacity:0}
  9%{opacity:.52}
  72%{opacity:.38}
  100%{translate:var(--d) -120vh;opacity:0}
}
 

@media(prefers-reduced-motion:reduce){.pl-bulles{display:none}}

.pl-eau{position:absolute;inset:0;z-index:2;pointer-events:none;
   


  background:
    radial-gradient(124% 104% at 50% 46%,rgba(4,18,31,0) 28%,rgba(4,18,31,.34) 74%,rgba(4,18,31,.56) 100%),
    linear-gradient(180deg,rgba(4,18,31,.26),rgba(4,18,31,0) 34%,rgba(4,18,31,.38));
  opacity:calc(.72 + var(--fp,0) * .28);transition:opacity 1.1s var(--ease)}
@media(max-width:999px){
  .pl-eau{background:
    linear-gradient(180deg,rgba(4,18,31,.16) 0%,rgba(4,18,31,.06) 26%,rgba(4,18,31,.50) 62%,rgba(4,18,31,.66) 100%)}
}
 


@media(prefers-reduced-motion:reduce){.pl-eau{transition:none}}
.pl-plan.on{opacity:1;visibility:visible;scale:1;transition-delay:0s}
@media(prefers-reduced-motion:reduce){.pl-plan{scale:1;transition:none}}
@media(max-width:999px){.pl-video{object-position:50% 30%}
  .pl-plan[data-plan="1"] .pl-video{object-position:0% 30%}}


 


@media(prefers-reduced-motion:reduce){
  .pl-video{display:none}
  .pl-plan{background-size:cover;background-position:38% center}
}

 
 
 



 

 

 



.pl-retour{position:fixed;z-index:55;top:clamp(12px,2vw,22px);left:clamp(12px,2vw,22px);
  display:inline-flex;align-items:center;gap:7px;padding:9px 16px 9px 11px;border-radius:999px;
   



  background:rgba(4,18,31,.93);color:#eaf6fb;
  border:1px solid rgba(226,242,247,.22);font-size:var(--fs-sm);font-weight:600;
  text-decoration:none;transition:background .3s var(--ease),transform .3s var(--ease)}
.pl-retour:hover,.pl-retour:focus-visible{background:rgba(4,18,31,.93);transform:translateX(-2px)}
.pl-retour svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round}
 




.pl-langue{position:fixed;z-index:55;top:clamp(12px,2vw,22px);right:clamp(12px,2vw,22px);
  display:inline-flex;align-items:center;gap:2px;padding:5px 7px;border-radius:999px;
  background:rgba(4,18,31,.93);border:1px solid rgba(226,242,247,.22)}
.pl-langue a,.pl-langue b{display:flex;align-items:center;justify-content:center;
  min-height:44px;min-width:44px;padding:5px 12px;border-radius:999px;
  font-size:var(--fs-xs);letter-spacing:.08em;font-weight:600;text-decoration:none;
  color:rgba(234,246,251,.72);transition:background .3s var(--ease),color .3s var(--ease)}
.pl-langue a:hover,.pl-langue a:focus-visible{background:rgba(226,242,247,.14);color:#eaf6fb}
.pl-langue b.on{color:var(--gold);background:rgba(233,161,89,.14)}
@media(max-width:999px){body.clavier .pl-langue{transform:scale(.86);transform-origin:top right}}


 


@media(max-width:999px){
  body.clavier .pl-film{min-height:0;height:74px}
  body.clavier .pl-plan{opacity:0;pointer-events:none}
  body.clavier .pl-retour{transform:scale(.86);transform-origin:top left}
}

 





@media(min-width:1000px){
   


  body.page-plongee .checks{gap:6px}
  body.page-plongee .checks label{display:inline-flex;align-items:center;gap:7px;
    padding:6px 11px;font-size:var(--fs-xs);line-height:1.25}
  body.page-plongee .formlead{display:none}
  body.page-plongee form.f label.consent{padding:10px 14px;gap:12px}
   



  body.page-plongee .checks label input[type=checkbox]{width:16px;height:16px;
    flex:0 0 16px;margin:0}
  body.page-plongee form.f textarea{min-height:44px}
  body.page-plongee .fstep fieldset legend{margin-bottom:3px}
  body.page-plongee .fstep .stephead{margin-bottom:2px}
  body.page-plongee .fstep .stepsub{margin-bottom:2px}
  body.page-plongee .consent{font-size:var(--fs-xs);line-height:1.4}
}
 


@media(min-width:1000px) and (max-height:840px){
  body.page-plongee .wrap-form{padding-top:14px;padding-bottom:10px}
  body.page-plongee form.f{gap:8px 16px}
  body.page-plongee .checks{gap:5px}
  body.page-plongee .checks label{padding:5px 10px}
  body.page-plongee form.f textarea{min-height:34px}
  body.page-plongee form.f label.consent{padding:8px 13px}
  body.page-plongee .stepbar{margin-bottom:14px}
  body.page-plongee .wrap-form > h1{font-size:clamp(19px,2vw,24px)}
   
  body.page-plongee .formlead{display:none}
}

 





@media(min-width:1000px){
  body.page-plongee .fgauge{display:none}
  body.page-plongee form.f{padding-left:clamp(20px,2vw,30px)}
}

 
@media(min-width:1000px){
  body.page-plongee .wrap-form{display:block}
  body.page-plongee form.f{width:100%}
}

 




body.page-plongee .skip{position:fixed;width:auto;height:auto;overflow:visible;
  clip-path:none;white-space:nowrap;left:12px;top:-120px;padding:12px 16px;
  border-radius:10px;font-weight:600;transition:top .2s ease}
body.page-plongee .skip:focus{top:12px}

 

 




body.page-plongee .wrap-form > h1{font-size:clamp(21px,2.2vw,30px);margin:0 0 4px;
  line-height:1.22;letter-spacing:-.015em}
.formlead{margin:0 0 clamp(12px,1.8vh,18px);font-size:max(16px,var(--fs-sm));
  color:var(--ink-soft)}
body.page-plongee .wrap-form > h2{line-height:1.22}

 






body.page-plongee .formsec{background:none}
body.page-plongee form.f{background:none;border:0;border-radius:0;box-shadow:none;
  padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(min-width:1000px){
  body.page-plongee form.f{padding-left:0}
}
body.page-plongee form.f:before{display:none}

 

body.page-plongee .stepbar{margin:0 0 clamp(14px,2vh,22px);max-width:none}
body.page-plongee .steprail{max-width:none}
body.page-plongee .steprail:before{background:rgba(226,242,247,.18);top:15px}
body.page-plongee .steprail i{top:15px;height:3px;
  background:linear-gradient(90deg,var(--pass),var(--gold));
  box-shadow:0 0 12px rgba(233,161,89,.5)}
 
body.page-plongee .steprail b:before{content:counter(etape);counter-increment:etape;
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font-family:'Bricolage Grotesque';font-weight:800;font-size:13px;
  background:rgba(255,255,255,.10);border:1px solid rgba(226,242,247,.35);
  color:var(--vitre-soft);transition:all .4s var(--ease)}
body.page-plongee .steprail{counter-reset:etape}
body.page-plongee .steprail b.done:before{content:"✓";
  background:linear-gradient(150deg,var(--pass),#0d6a9e);border-color:transparent;color:#fff}
body.page-plongee .steprail b.cur:before{scale:1.15;
  background:linear-gradient(150deg,var(--gold),#c97b2f);border-color:transparent;
  color:#08131c;box-shadow:0 4px 18px rgba(233,161,89,.5)}


 

.fi-plus{min-height:44px;padding:10px 14px}
.f-intro .formwhy-q{display:inline-block;margin:10px 0 12px;
  font-size:clamp(18px,1.9vw,22px);line-height:1.3;color:#fff;
  font-family:'Bricolage Grotesque';font-weight:800;letter-spacing:-.01em;
  background:linear-gradient(90deg,#fff 0%,#fff 12%,var(--gold) 52%,var(--lagoon) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:none}
.fi-lead{margin:0 0 12px;font-size:max(16px,var(--fs-sm));line-height:1.5;color:var(--vitre-soft)}
.fi-plus{display:inline-flex;align-items:center;min-height:40px;margin:-7px 0 -7px 4px;
  padding:7px 4px;border:0;background:none;font:inherit;
  font-size:max(16px,var(--fs-sm));font-weight:600;color:var(--gold);cursor:pointer;
  text-decoration:underline;text-underline-offset:2px}
 

.fi-detail{display:block;margin:0 0 12px;padding:10px 14px;border-radius:12px;
  background:rgba(127,212,232,.09);border:1px solid rgba(127,212,232,.2)}
.fi-detail.replie{display:none}
.fi-detail p{margin:0 0 8px;font-size:max(16px,var(--fs-sm));line-height:1.5;color:var(--vitre-soft)}
.fi-detail p:last-child{margin-bottom:0}
 
.fi-chips{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:0}
.fi-chips li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(226,242,247,.22);
  font-size:var(--fs-sm);font-weight:600;color:var(--vitre-soft);white-space:nowrap}
.fi-chips svg{width:17px;height:17px;color:var(--gold);flex:none}
 
.fi-process{list-style:none;margin:0 0 12px;padding:0;counter-reset:fip;position:relative}
.fi-process:before{content:"";position:absolute;left:12px;top:10px;bottom:10px;width:2px;
  border-radius:2px;background:linear-gradient(180deg,var(--pass),var(--gold));opacity:.5}
.fi-process li{counter-increment:fip;position:relative;padding:0 0 11px 38px;
  font-size:max(16px,var(--fs-sm));line-height:1.4}
.fi-process li:last-child{padding-bottom:0}
.fi-process li:before{content:"0" counter(fip);position:absolute;left:0;top:1px;
  width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  font-family:'Bricolage Grotesque';font-weight:800;font-size:11.5px;
  background:rgba(8,28,44,.9);border:1px solid rgba(226,242,247,.3);color:var(--gold)}
.fi-process b{color:var(--vitre-ink);font-weight:600}
.fi-process span{display:block;color:var(--vitre-mute)}
 
 



.fi-nature{margin:14px 0 0;padding:9px 13px;border-radius:11px;font-size:max(16px,var(--fs-sm));
  line-height:1.45;background:rgba(127,212,232,.08);border:1px solid rgba(127,212,232,.18);
  color:var(--vitre-mute)}
 



.fi-depot{margin:14px 0 0;padding:12px 14px;border-radius:var(--r-sm);
  background:rgba(233,161,89,.07);border:1px solid rgba(233,161,89,.28);
  font-size:max(16px,var(--fs-sm));line-height:1.55;color:var(--water-80)}
 

 



.fnav.fi-nav{display:flex;justify-content:flex-end;margin-top:18px}
 
.wrap-form.avec-intro form.f{display:none}
.wrap-form.avec-intro .alert{display:none}
.wrap-form.avec-intro .formlead{display:none}
.f-intro[hidden]{display:none !important}
@media(prefers-reduced-motion:no-preference){
  .f-intro > *{animation:champ-entre .5s var(--ease) both}
  .f-intro > *:nth-child(2){animation-delay:.06s}
  .f-intro > *:nth-child(3){animation-delay:.12s}
  .f-intro > *:nth-child(4){animation-delay:.18s}
  .f-intro > *:nth-child(5){animation-delay:.24s}
  .f-intro > *:nth-child(6){animation-delay:.30s}
  .f-intro > *:nth-child(7){animation-delay:.36s}
}

 


body.page-plongee .stephead .dep{display:none}
body.page-plongee .btn.ghost{color:var(--vitre-ink);border-color:rgba(226,242,247,.4)}
body.page-plongee .btn.ghost:hover{background:rgba(226,242,247,.12)}
body.page-plongee .stephead{gap:0}
body.page-plongee .stephead h3{font-size:clamp(17px,1.7vw,21px);letter-spacing:-.01em}

 

body.page-plongee form.f input,
body.page-plongee form.f select,
body.page-plongee form.f textarea{border-radius:11px;border-color:rgba(24,60,84,.26);
  padding:11px 14px;background:#fff}
body.page-plongee form.f input:not([type=checkbox]),
body.page-plongee form.f select{height:44px}
body.page-plongee form.f label{margin-bottom:6px;font-size:var(--fs-xs);
  letter-spacing:.01em;color:var(--ink)}

 



 


body.page-plongee .formsec{position:relative;z-index:50;pointer-events:none;min-height:0;background:none;
  display:flex;flex-direction:column;justify-content:center;overflow:visible}
body.page-plongee .formsec:before{display:none}
 





 



body.page-plongee .wrap-form{width:100%;max-width:none;margin:0;
  background:
    linear-gradient(168deg,rgba(4,20,34,.80),rgba(3,13,24,.68)) padding-box,
    linear-gradient(150deg,rgba(127,212,232,.55),rgba(233,161,89,.4) 40%,rgba(127,212,232,.08)) border-box;
  border:1px solid transparent;border-radius:clamp(16px,1.6vw,24px);
  box-shadow:0 34px 90px rgba(2,10,18,.5), inset 0 1px 0 rgba(226,242,247,.14);
  padding:clamp(20px,2.8vh,34px) clamp(18px,2vw,32px) clamp(22px,3vh,36px);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

 
body.page-plongee .wrap-form{pointer-events:auto;--vitre-ink:#ffffff;--vitre-soft:rgba(235,247,252,.95);
  --vitre-mute:rgba(226,242,247,.78);color:var(--vitre-soft)}
body.page-plongee .wrap-form > h1{color:var(--vitre-ink)}
body.page-plongee .formlead{color:var(--vitre-mute)}
body.page-plongee .jpromise{color:var(--vitre-ink) !important;border-top-color:rgba(127,212,232,.22)}
body.page-plongee .stephead h3{color:var(--vitre-ink)}
body.page-plongee .stepsub{color:var(--vitre-mute)}
body.page-plongee form.f label{color:var(--vitre-soft)}
 

body.page-plongee .checks label{background:rgba(255,255,255,.10);
  border-color:rgba(226,242,247,.30);color:var(--vitre-ink)}
body.page-plongee .checks label:hover{border-color:rgba(226,242,247,.55)}
body.page-plongee .checks label:has(input:checked){background:rgba(233,161,89,.22);
  border-color:var(--gold);color:#fff}
 



body.page-plongee .checks label input[type=checkbox],
body.page-plongee form.f label.consent input[type=checkbox]{
  appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:0 0 17px;
  margin:0;border-radius:5px;border:1.5px solid rgba(226,242,247,.42);
  background:rgba(4,20,34,.42);cursor:pointer;
  transition:background .22s var(--ease),border-color .22s var(--ease)}
body.page-plongee .checks label input[type=checkbox]:checked,
body.page-plongee form.f label.consent input[type=checkbox]:checked{
  border-color:var(--gold);background:var(--gold)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23123' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.5 5.5L20 7'/%3E%3C/svg%3E")
    center/11px no-repeat}
 





body.page-plongee .fecho{display:flex;align-items:center;gap:9px;margin:-4px 0 2px;
  font-size:var(--fs-xs);font-weight:500;color:var(--gold-bright);
  letter-spacing:.005em;line-height:1.4}
body.page-plongee .fecho:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 0 4px rgba(233,161,89,.16)}
 

body.page-plongee .fstep:has(.fecho:not([hidden])) .stepsub{display:none}
body.page-plongee .fstep:has(.fecho:not([hidden])) .fecho{margin-top:0;margin-bottom:14px;
  font-size:var(--fs-sm)}
 
@media(min-width:1000px) and (max-height:879px),(min-width:1000px) and (max-width:1360px){
  body.page-plongee .fstep:has(.fecho:not([hidden])) .fecho{margin-bottom:6px}
}
@media(prefers-reduced-motion:no-preference){
  @keyframes echo-monte{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
  body.page-plongee .fecho{animation:echo-monte .45s var(--ease) both}
}
 


body.page-plongee form.f label.consent{align-items:center;gap:12px;
  background:rgba(255,255,255,.05);border:1px solid rgba(226,242,247,.16);
  border-radius:12px;padding:11px 14px;cursor:pointer;font-weight:400;
  line-height:1.45;color:var(--vitre-mute);
  transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease)}
body.page-plongee form.f label.consent:hover{border-color:rgba(226,242,247,.34);
  background:rgba(255,255,255,.075)}
body.page-plongee form.f label.consent:has(input:checked){
  background:rgba(233,161,89,.09);border-color:rgba(233,161,89,.34);color:var(--vitre-ink)}
body.page-plongee form.f label.consent input{margin-top:0}
 
@keyframes consent-pose{from{scale:.6;opacity:.4}to{scale:1;opacity:1}}
@media(prefers-reduced-motion:no-preference){
  body.page-plongee form.f label.consent input[type=checkbox]:checked{
    animation:consent-pose .28s var(--ease)}
}
body.page-plongee .consent{color:var(--vitre-soft)}
body.page-plongee .steprail b span{color:var(--vitre-mute)}
body.page-plongee .steprail b.cur span,body.page-plongee .steprail b.done span{color:var(--vitre-ink)}
body.page-plongee .pl-fini h2{color:var(--vitre-ink)}
body.page-plongee .pl-fini p{color:var(--vitre-soft)}

 
body.page-plongee form.f input,
body.page-plongee form.f select,
body.page-plongee form.f textarea{background-color:rgba(255,255,255,.10);
  border-color:rgba(226,242,247,.30);color:var(--vitre-ink);
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}
body.page-plongee form.f input::placeholder,
body.page-plongee form.f textarea::placeholder{color:rgba(226,242,247,.42)}
body.page-plongee form.f input:focus,
body.page-plongee form.f select:focus,
body.page-plongee form.f textarea:focus{border-color:var(--gold);outline:none;
   
  background-color:rgba(255,255,255,.15);box-shadow:0 0 0 3px rgba(233,161,89,.28)}
 
body.page-plongee form.f select option{color:#0b2233;background:#fff}
 

body.page-plongee form.f input[type=date]{color-scheme:dark}
 

body.page-plongee form.f select{appearance:none;-webkit-appearance:none;
  padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2f2f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:15px}

 


body.page-plongee .wrap-form > h1{margin:0 0 2px}
body.page-plongee .formlead{margin:0 0 16px}

body.page-plongee .stepbar{margin:0 0 22px}
body.page-plongee .stephead{margin:0 0 2px}
body.page-plongee .stepsub{margin:0 0 18px}
 


body.page-plongee form.f{gap:14px 16px}
 



body.page-plongee form.f{align-items:end}
body.page-plongee form.f label{margin-bottom:5px;font-size:var(--fs-sm);font-weight:600}
body.page-plongee .formlead{font-size:max(16px,var(--fs-sm))}
body.page-plongee .stepsub{font-size:max(16px,var(--fs-sm))}
body.page-plongee .fnav{margin-top:10px}

 
@media(prefers-reduced-motion:no-preference){
   
  @keyframes vitre-entre{from{opacity:0;translate:0 22px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
  body.page-plongee .wrap-form{animation:vitre-entre .8s var(--ease) both}
   

  @keyframes champ-entre{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
  .js-steps .fstep.on > *{animation:champ-entre .45s var(--ease) both}
  .js-steps .fstep.on > *:nth-child(2){animation-delay:.05s}
  .js-steps .fstep.on > *:nth-child(3){animation-delay:.10s}
  .js-steps .fstep.on > *:nth-child(4){animation-delay:.15s}
  .js-steps .fstep.on > *:nth-child(5){animation-delay:.20s}
  .js-steps .fstep.on > *:nth-child(6){animation-delay:.25s}
  .js-steps .fstep.on > *:nth-child(7){animation-delay:.30s}
   
  @keyframes pastille-vit{0%,100%{box-shadow:0 0 0 0 rgba(233,161,89,.45)}50%{box-shadow:0 0 0 7px rgba(233,161,89,0)}}
  body.page-plongee .steprail b.cur:before{animation:pastille-vit 2.6s ease-in-out infinite}
   
  body.page-plongee .btn{transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease)}
  body.page-plongee .btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(233,161,89,.35)}
  body.page-plongee .btn:active{transform:translateY(0) scale(.98)}
}
@media(min-width:1000px){
  body.page-plongee .wrap-form{max-height:calc(100dvh - clamp(32px,4.4vh,56px))}
}
 

 

@media(min-width:1000px) and (min-height:880px){
   

   


  body.page-plongee .wrap-form{height:auto;max-height:min(820px,calc(100dvh - 72px))}
}
@media(min-width:1000px) and (max-height:879px){
   

}
 

@media(min-width:1000px) and (max-width:1360px){
  body.page-plongee .checks{gap:5px}
  body.page-plongee .checks label{padding:5px 10px}
  body.page-plongee form.f textarea{min-height:38px}
}
@media(max-width:999px){
   

  body.page-plongee .formsec{padding:64px clamp(12px,3vw,20px) clamp(20px,4vh,32px)}
  body.page-plongee .wrap-form{overflow:visible}
}

 




body.page-plongee .wrap-form > h1{font-size:clamp(21px,2.2vw,30px);margin:0 0 4px;
  line-height:1.22;letter-spacing:-.015em}
.formlead{margin:0 0 clamp(12px,1.8vh,18px);font-size:max(16px,var(--fs-sm));
  color:var(--ink-soft)}
body.page-plongee .wrap-form > h2{line-height:1.22}

 


 




 


body.page-plongee .formsec{position:relative;z-index:50;pointer-events:none;min-height:0;background:none;
  display:flex;flex-direction:column;justify-content:center;overflow:visible}
 



body.page-plongee .formsec:before{display:none}
body.page-plongee .wrap-form{width:100%;max-width:none;margin:0;
  padding:clamp(20px,3.4vh,40px) clamp(18px,2.6vw,44px) clamp(24px,4vh,48px);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body.page-plongee .wrap-form > h2{font-size:clamp(21px,2.2vw,30px);margin:0 0 10px}
 



@media(min-width:1000px) and (max-height:879px){
  body.page-plongee .wrap-form{padding-bottom:18px}
}
 




@media(max-width:999px){
  body.page-plongee .wrap-form{overflow:visible;overscroll-behavior:auto}
}

 
 
@media(prefers-reduced-motion:no-preference){
  @keyframes scene-arrive{from{scale:1.12;filter:brightness(.55)}to{scale:1;filter:brightness(1)}}
  body.page-plongee .pl-plan[data-plan="0"].on .pl-video{animation:scene-arrive 1.8s var(--ease) both}
  @keyframes titre-or{from{background-position:120% 0;opacity:0;translate:0 10px}
    to{background-position:0% 0;opacity:1;translate:0 0}}
  .fi-process:before{transform-origin:top;scale:1 0;animation:filet-trace .9s var(--ease) .7s forwards}
  @keyframes filet-trace{to{scale:1 1}}
  .fi-process li:before{scale:0;animation:pastille-pose .45s cubic-bezier(.34,1.56,.64,1) forwards}
  .fi-process li:nth-child(1):before{animation-delay:.8s}
  .fi-process li:nth-child(2):before{animation-delay:1.0s}
  .fi-process li:nth-child(3):before{animation-delay:1.2s}
  .fi-process li:nth-child(4):before{animation-delay:1.4s}
  @keyframes pastille-pose{to{scale:1}}
  .fi-chips li{opacity:0;translate:0 10px;scale:.92;
    animation:puce-claque .4s cubic-bezier(.34,1.56,.64,1) forwards}
  .fi-chips li:nth-child(1){animation-delay:.55s}
  .fi-chips li:nth-child(2){animation-delay:.65s}
  .fi-chips li:nth-child(3){animation-delay:.75s}
  .fi-chips li:nth-child(4){animation-delay:.85s}
  @keyframes puce-claque{to{opacity:1;translate:0 0;scale:1}}
  .fnav.fi-nav .btn{position:relative}
  .fnav.fi-nav .btn:after{content:"";position:absolute;inset:-3px;border-radius:inherit;
    box-shadow:0 0 26px 6px rgba(233,161,89,.55);opacity:0;pointer-events:none;
    animation:halo-respire 2.8s ease-in-out 1.8s infinite}
  @keyframes halo-respire{0%,100%{opacity:0}50%{opacity:.85}}
}

 






.fini-kick{margin:0 0 2px;font-size:var(--fs-xs);letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);font-weight:600}
.fini-titre .mot{display:inline-block}
.fini-bulles{position:fixed;inset:0;z-index:2;pointer-events:none;display:none}
body.envoyee .fini-bulles{display:block}
.fini-bulles i{position:absolute;left:var(--x);bottom:-24px;width:var(--s);height:var(--s);
  border-radius:50%;border:1.5px solid rgba(226,242,247,.8);
  background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.55),rgba(226,242,247,.06) 60%);
  opacity:0}
.fini-24{position:relative;overflow:hidden}
.fini-24:after{content:"";position:absolute;inset:0;translate:-110% 0;
  background:linear-gradient(105deg,transparent 38%,rgba(255,235,205,.35) 50%,transparent 62%)}
@media(prefers-reduced-motion:no-preference){
  .fini-titre .mot{opacity:0;translate:0 26px;clip-path:inset(0 0 100% 0);
    animation:mot-monte .6s var(--ease) calc(.5s + var(--i) * .09s) forwards}
  @keyframes mot-monte{to{opacity:1;translate:0 0;clip-path:inset(-10% 0 -10% 0)}}
  body.envoyee .fini-bulles i{animation:bulle-monte var(--t) ease-in var(--d) 1 both}
  @keyframes bulle-monte{
    0%{opacity:0;transform:translateY(0) translateX(0)}
    12%{opacity:.9}
    60%{transform:translateY(-58vh) translateX(10px)}
    100%{opacity:0;transform:translateY(-104vh) translateX(-8px)}}
  .fini-items li:first-child{translate:-26px 0;opacity:0;
    animation:fini-glisse .55s var(--ease) .95s forwards}
  .fini-items li.fini-24{translate:26px 0;opacity:0;
    animation:fini-glisse .55s var(--ease) 1.15s forwards}
  @keyframes fini-glisse{to{translate:0 0;opacity:1}}
  .fini-24:after{animation:fini-eclat 1.1s ease-out 1.9s 1 both}
  @keyframes fini-eclat{to{translate:110% 0}}
  .fini-note{opacity:0;animation:champ-entre .5s var(--ease) 1.5s forwards}
  .pl-fini .btn.ghost{opacity:0;animation:champ-entre .5s var(--ease) 1.75s forwards}
}
.pl-fini h2{font-family:'Bricolage Grotesque';font-size:clamp(26px,3vw,40px);letter-spacing:-.02em;
  margin:0 0 10px;color:var(--vitre-ink)}
.fini-merci{margin:0 0 14px;font-size:max(17px,var(--fs-md));color:var(--vitre-soft)}
.fini-items{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.fini-items li{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:12px;
  background:rgba(255,255,255,.08);border:1px solid rgba(226,242,247,.2);
  font-size:max(16px,var(--fs-sm));line-height:1.5;color:var(--vitre-soft)}
.fini-items svg{width:19px;height:19px;flex:none;margin-top:2px;color:var(--pass)}
.fini-items li.fini-24{background:rgba(233,161,89,.16);border-color:rgba(233,161,89,.5);
  color:var(--vitre-ink);font-weight:600}
.fini-items li.fini-24 svg{color:var(--gold)}
.fini-note{margin:0 0 16px;font-size:var(--fs-sm);color:var(--vitre-mute)}
@media(prefers-reduced-motion:no-preference){
   
  .pl-fini .fini-trace{stroke-dasharray:26;stroke-dashoffset:26;
    animation:fini-trace .6s var(--ease) .25s forwards}
  @keyframes fini-trace{to{stroke-dashoffset:0}}
  .pl-fini-ok{animation:fini-pop .5s cubic-bezier(.34,1.56,.64,1) both}
  @keyframes fini-pop{from{scale:.4;opacity:0}to{scale:1;opacity:1}}
   
  .pl-fini > *:not(.pl-fini-ok){animation:champ-entre .5s var(--ease) both}
  .pl-fini > *:nth-child(2){animation-delay:.15s}
  .pl-fini > *:nth-child(3){animation-delay:.25s}
  .pl-fini > *:nth-child(4){animation-delay:.38s}
  .pl-fini > *:nth-child(5){animation-delay:.52s}
  .pl-fini > *:nth-child(6){animation-delay:.66s}
  .pl-fini > *:nth-child(7){animation-delay:.80s}
   
  .pl-plan-fin.on .pl-video{animation:fini-plonge 16s ease-out both}
  @keyframes fini-plonge{from{scale:1}to{scale:1.08}}
}
.pl-fini{display:flex;flex-direction:column;align-items:flex-start;gap:14px;
  padding:clamp(22px,3vh,34px) 0}
.pl-fini-ok{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;
  background:rgba(45,150,110,.13);border:1px solid rgba(45,150,110,.4)}
.pl-fini-ok svg{width:26px;height:26px;fill:none;stroke:#2d966e;stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:30;stroke-dashoffset:30;animation:pl-coche .6s .15s var(--ease) forwards}@keyframes pl-coche{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.pl-fini-ok svg{animation:none;stroke-dashoffset:0}}
.pl-fini h2{margin:0;font-size:clamp(22px,2.4vw,32px)}
.pl-fini p{margin:0;font-size:var(--fs-sm);line-height:1.62;color:var(--ink-soft);max-width:46ch}
.pl-fini .btn{margin-top:8px}

 










.formsec{position:relative;overflow:clip;--fp:0;--fveil:220px;
   

  background:linear-gradient(180deg,#eef7fa 0%,#dcedf4 42%,#cfe6f0 100%)}
 



.formsec:before{content:"";position:absolute;left:0;right:0;top:var(--fveil);bottom:0;
  z-index:0;pointer-events:none;
  background:linear-gradient(180deg, transparent 0, #06283f 76px, #041c2e 100%);
  opacity:calc(var(--fp) * .94);
  transition:opacity 1.1s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.formsec:before{transition:none}}
@media(prefers-reduced-motion:no-preference){
  .frays s{animation:fray 19s ease-in-out infinite alternate}
  .frays s:nth-child(2){animation-duration:24s;animation-delay:-6s}
  .frays s:nth-child(3){animation-duration:21s;animation-delay:-11s}
  .frays s:nth-child(4){animation-duration:27s;animation-delay:-3s}
  @keyframes fray{from{translate:-1.5% 0;scale:1 1}to{translate:1.5% 0;scale:1.06 1}}
}
@media(prefers-reduced-motion:no-preference){
  .fsnow u{animation:fsnow var(--d) linear infinite;animation-delay:var(--y)}
  @keyframes fsnow{to{translate:14px -125vh}}
}
@media(prefers-reduced-motion:reduce){.fsnow u{animation:none;top:auto;bottom:calc(var(--s) * 9%)}}
.fsp.rtl{left:auto;right:-18%}
.fsp.rtl img{scale:-1 1}
@media(prefers-reduced-motion:no-preference){
  .fsp{animation:fswim var(--d) linear infinite}
  .fsp.rtl{animation-name:fswim-rtl}
  @keyframes fswim{to{translate:calc(100vw + 22%) 0}}
  @keyframes fswim-rtl{to{translate:calc(-100vw - 22%) 0}}
}
@media(prefers-reduced-motion:reduce){
   

  .fsp{animation:none;left:12%}.fsp.rtl{left:auto;right:12%}}
@media(max-width:640px){.fsea,.frays{opacity:.55}}

 
.formsec form.f{
  box-shadow:0 calc(24px + var(--fp) * 26px) calc(60px + var(--fp) * 50px)
    rgba(2,10,18,calc(.10 + var(--fp) * .30));
  transition:box-shadow 1.1s cubic-bezier(.22,1,.36,1)}
 

@media(prefers-reduced-motion:reduce){
  .formsec form.f,.formsec form.f:before,.fsp,.fg-fill,.fg-read,.formsec:before,
  .frays s,.fsnow,.fsnow u{transition:none !important;animation:none !important}
}

 

 
.formsec form.f{position:relative;z-index:1}

 



.formsec form.f:before{content:"";position:absolute;inset:0;border-radius:inherit;
  pointer-events:none;z-index:0;mix-blend-mode:soft-light;
  opacity:calc((1 - var(--fp)) * .55);
  background:
    radial-gradient(58% 34% at 18% 12%, rgba(255,255,255,.85), transparent 62%),
    radial-gradient(44% 26% at 72% 28%, rgba(214,240,248,.7), transparent 66%),
    radial-gradient(38% 30% at 42% 78%, rgba(255,255,255,.55), transparent 64%),
    radial-gradient(30% 22% at 88% 66%, rgba(214,240,248,.5), transparent 62%);
  background-size:180% 180%;background-position:0% 0%}
@media(prefers-reduced-motion:no-preference){
   


  .formsec form.f:before{animation:caustiques 21s ease-in-out infinite alternate}
  @keyframes caustiques{
    from{background-position:0% 0%;background-size:180% 180%}
    to{background-position:100% 60%;background-size:220% 200%}}
}
 


.formsec form.f > *:not(.fgauge){position:relative;z-index:1}
.fgauge{z-index:1}

 
.fgauge{position:relative;grid-column:1/-1;height:74px;margin:0 0 22px;
  display:block;pointer-events:none}
 



@media(max-width:999px){.fgauge{display:none}}

 
.fg-line,.fg-fill{position:absolute;left:50%;translate:-50% 0;width:2px;border-radius:2px}
.fg-line{top:0;bottom:0;background:repeating-linear-gradient(180deg,
  rgba(24,60,84,.30) 0 2px, rgba(24,60,84,.09) 2px 13px)}
.fg-fill{top:0;height:calc(var(--fp) * 100%);
  background:linear-gradient(180deg,var(--gold),var(--pass));
  transition:height 1.1s cubic-bezier(.22,1,.36,1)}
@media(max-width:999px){
  .fg-line,.fg-fill{left:0;top:50%;translate:0 -50%;width:auto;right:0;height:2px}
  .fg-line{background:repeating-linear-gradient(90deg,
    rgba(24,60,84,.30) 0 2px, rgba(24,60,84,.09) 2px 13px)}
  .fg-fill{right:auto;width:calc(var(--fp) * 100%);height:2px;
    transition:width 1.1s cubic-bezier(.22,1,.36,1)}
}

 
.fg-tick{position:absolute;left:50%;translate:-50% -50%;top:calc(var(--t) * 100%);
  width:22px;height:1px;background:rgba(24,60,84,.22)}
.fg-tick s{position:absolute;right:26px;top:50%;translate:0 -50%;text-decoration:none;
  font-size:11px;letter-spacing:.06em;color:var(--ink-soft);opacity:.55;white-space:nowrap}
@media(max-width:999px){
  .fg-tick{top:50%;left:calc(var(--t) * 100%);translate:-50% -50%;width:1px;height:16px}
  .fg-tick s{right:auto;left:50%;top:20px;translate:-50% 0}
}

 
.fg-read{position:absolute;left:50%;translate:6px -50%;top:calc(var(--fp) * 100%);
  display:flex;align-items:baseline;gap:1px;
  font-family:'Bricolage Grotesque';font-weight:800;color:var(--ink);
  background:var(--white);border-radius:999px;padding:5px 9px;
  box-shadow:0 2px 10px rgba(12,38,56,.14);
  transition:top 1.1s cubic-bezier(.22,1,.36,1)}
.fg-read em{font-style:normal;font-size:max(16px,var(--fs-sm));line-height:1}
.fg-read i{font-style:normal;font-size:11px;opacity:1;color:var(--ink-soft)}
@media(max-width:999px){
  .fg-read{top:50%;left:calc(var(--fp) * 100%);translate:-50% -50%}
}

 
 

.fg-diver{display:none}

 

.fg-bulles{position:absolute;left:50%;top:calc(var(--fp) * 100%);translate:-50% 0;
  width:30px;height:0}
.fg-bulles i{position:absolute;left:50%;bottom:0;width:5px;height:5px;border-radius:50%;
  background:rgba(127,212,232,.55);border:1px solid rgba(226,242,247,.7);opacity:0}
@media(prefers-reduced-motion:no-preference){
  .formsec.plonge .fg-bulles i{animation:fbul 1.15s ease-out forwards}
  .fg-bulles i:nth-child(2){animation-delay:.09s;--dx:-8px;width:4px;height:4px}
  .fg-bulles i:nth-child(3){animation-delay:.19s;--dx:7px;width:6px;height:6px}
  .fg-bulles i:nth-child(4){animation-delay:.3s;--dx:-4px}
  .fg-bulles i:nth-child(5){animation-delay:.42s;--dx:10px;width:3px;height:3px}
  @keyframes fbul{
    0%{opacity:0;translate:-50% 0}
    18%{opacity:.9}
    100%{opacity:0;translate:calc(-50% + var(--dx,3px)) -54px}}
}
@media(max-width:999px){.fg-bulles{display:none}}

 


@media(prefers-reduced-motion:no-preference){
   

  .fstep.on > *{animation:fstep-in .5s cubic-bezier(0,0,.2,1) backwards}
  .fstep.on > *:nth-child(2){animation-delay:.04s}
  .fstep.on > *:nth-child(3){animation-delay:.08s}
  .fstep.on > *:nth-child(4){animation-delay:.12s}
  .fstep.on > *:nth-child(n+5){animation-delay:.16s}
  @keyframes fstep-in{from{opacity:0;translate:0 9px}to{opacity:1;translate:none}}
}
 
@media(prefers-reduced-motion:reduce){
  .fstep.on > *{animation:none}
  .fg-fill,.fg-read,.formsec:before{transition:none}
  .fg-bulles{display:none}
}

.formsec{position:relative;overflow:clip}
 
.formsec .fwater{position:absolute;inset:-12% 0;pointer-events:none;z-index:0;opacity:.55;
  background:
    radial-gradient(46% 34% at 22% 18%, rgba(127,212,232,.16), transparent 62%),
    radial-gradient(38% 30% at 78% 72%, rgba(233,161,89,.10), transparent 64%),
    radial-gradient(52% 40% at 60% 12%, rgba(127,212,232,.09), transparent 66%)}
@media(prefers-reduced-motion:no-preference){
  .formsec .fwater{animation:fdrift 26s ease-in-out infinite alternate}
  @keyframes fdrift{from{translate:-2% -1%;scale:1}to{translate:2% 1.5%;scale:1.06}}
}
 

.formsec .fwater{opacity:calc(.55 - var(--fp) * .28)}
 



.formsec form.f{position:relative;
   


  background:rgba(250,253,255,calc(.50 + var(--fp) * .12));
  -webkit-backdrop-filter:blur(16px) saturate(1.18);
  backdrop-filter:blur(16px) saturate(1.18);
  transition:background-color 1.1s cubic-bezier(.22,1,.36,1);
  border:1px solid rgba(255,255,255,.55);border-radius:var(--r-card);
  padding:clamp(26px,3vw,44px);box-shadow:0 24px 60px rgba(12,38,56,.10)}
@media(min-width:1000px){
   



  .formsec form.f{padding-left:calc(clamp(26px,3vw,44px) + 116px)}
  .fgauge{position:absolute;left:clamp(26px,3vw,44px);top:clamp(30px,3.2vw,50px);
    bottom:clamp(26px,3vw,44px);width:88px;height:auto;margin:0;grid-column:auto}
}
.formsec .stepbar{grid-column:1/-1;max-width:min(100%,780px);margin:0 auto 10px}
.formsec .formnote{max-width:60ch}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}
@media(max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.step{background:var(--white);border:1px solid var(--line-light);border-radius:var(--r-card);padding:28px 24px}
.step:before{counter-increment:step;content:"0" counter(step);font-family:'Bricolage Grotesque';
  font-weight:800;font-size:1.6rem;color:var(--gold-deep);
  display:block;margin-bottom:12px}
.step h3{font-size:1rem}
.step p{font-size:1rem;color:var(--ink-soft);margin:0}

form.f{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:720px){form.f{grid-template-columns:1fr}}
form.f .full{grid-column:1/-1}
 



form.f .fstep > div{position:relative}
form.f .fstep > div:focus-within{z-index:70}
form.f label{display:block;font-weight:600;font-size:var(--fs-sm);margin-bottom:8px}
form.f label .req{color:var(--danger)}
 

form.f input,form.f select,form.f textarea{width:100%;padding:12px 16px;
  border:1.5px solid rgba(24,60,84,.16);border-radius:var(--r-sm);font:inherit;font-size:var(--fs-sm);
  background:#fff;color:var(--ink);transition:border-color .3s var(--ease)}
form.f input:focus,form.f select:focus,form.f textarea:focus{outline:none;border-color:var(--pass);
  box-shadow:0 0 0 4px rgba(24,130,197,.15)}
form.f textarea{min-height:120px;resize:vertical}

 



@media not all and (pointer:coarse){
  form.f input[type=date]::-webkit-calendar-picker-indicator{display:none}
  form.f input[type=date]{cursor:pointer;padding-right:44px}
}
.dfield{position:relative}
 




.dfield .dtxt{position:absolute;left:16px;top:50%;translate:0 -50%;pointer-events:none;
  font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap}
.dfield.rempli .dtxt{color:var(--ink);font-weight:500}
body.page-plongee .dfield .dtxt{color:rgba(226,242,247,.55)}
body.page-plongee .dfield.rempli .dtxt{color:var(--vitre-ink)}
.dfield input[type=date]{color:transparent}
.dfield input[type=date]::-webkit-datetime-edit{opacity:0}
.dfield input[type=date]::-moz-placeholder{opacity:0}
body.page-plongee .dbtn{color:rgba(226,242,247,.75)}
body.page-plongee .dbtn:hover,body.page-plongee .dbtn:focus-visible{color:var(--gold);
  background:rgba(233,161,89,.18)}
.dbtn{position:absolute;right:12px;top:50%;translate:0 -50%;width:26px;height:26px;
  display:grid;place-items:center;border:0;background:none;cursor:pointer;
  color:var(--ink-soft);border-radius:8px;transition:color .25s var(--ease),background .25s var(--ease)}
.dbtn:hover,.dbtn:focus-visible{color:var(--gold-deep);background:rgba(233,161,89,.12)}
.dbtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}

 


.cal.haut{top:auto;bottom:calc(100% + 8px)}
 


 


 

body.page-plongee .cal{max-height:calc(100dvh - 24px);overflow:auto}
 

.cal{position:absolute;z-index:60;top:calc(100% + 8px);left:0;
  width:min(302px, calc(100vw - 34px));max-width:calc(100vw - 34px);
  background:var(--white);border:1px solid var(--line-light);border-radius:var(--r-card);
  box-shadow:0 26px 60px rgba(12,38,56,.20), 0 2px 8px rgba(12,38,56,.08);
  padding:16px;opacity:0;translate:0 -6px;pointer-events:none;
   

  visibility:hidden;
  transition:opacity .22s var(--ease),translate .22s var(--ease),visibility 0s .22s}
.cal.on{opacity:1;translate:0 0;pointer-events:auto;visibility:visible;
  transition:opacity .22s var(--ease),translate .22s var(--ease),visibility 0s}
@media(prefers-reduced-motion:reduce){.cal{transition:none}}
 
.cal.droite{left:auto;right:0}

.cal-tete{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cal-mois{font-family:'Bricolage Grotesque';font-weight:600;font-size:.95rem;color:var(--ink);
  text-transform:capitalize}
.cal-nav{display:flex;gap:4px}
.cal-nav button{width:30px;height:30px;border:1px solid var(--line-light);background:var(--white);
  border-radius:9px;cursor:pointer;display:grid;place-items:center;color:var(--ink-soft);
  transition:border-color .25s var(--ease),color .25s var(--ease)}
.cal-nav button:hover,.cal-nav button:focus-visible{border-color:var(--gold);color:var(--gold-deep)}
.cal-nav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

.cal-jours,.cal-grille{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal-jours span{text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-soft);opacity:.65;padding:4px 0 6px}
.cal-grille button{aspect-ratio:1;border:0;background:none;border-radius:10px;cursor:pointer;
  font:inherit;font-size:.85rem;color:var(--ink);
  transition:background .2s var(--ease),color .2s var(--ease)}
.cal-grille button:hover:not(:disabled){background:rgba(24,130,197,.12)}
.cal-grille button:focus-visible{outline:2px solid var(--pass);outline-offset:1px}
.cal-grille button.hors{color:var(--ink-soft);opacity:.32}
.cal-grille button:disabled{opacity:.22;cursor:not-allowed}
.cal-grille button.auj{box-shadow:inset 0 0 0 1.5px var(--gold)}
.cal-grille button.pris{background:var(--gold);color:var(--abyss);font-weight:600}
.cal-pied{display:flex;justify-content:space-between;align-items:center;
  margin-top:12px;padding-top:11px;border-top:1px solid var(--line-light)}
.cal-pied button{border:0;background:none;cursor:pointer;font:inherit;
  font-size:max(16px,var(--fs-sm));color:var(--link);padding:2px 4px;border-radius:6px}
.cal-pied button:hover,.cal-pied button:focus-visible{text-decoration:underline}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{display:inline-flex;align-items:center;gap:8px;font-weight:500;
  border:1.5px solid var(--line-light);border-radius:var(--r-pill);padding:8px 16px;cursor:pointer;
  margin:0;background:var(--white);transition:all .3s var(--ease)}
.checks input{width:auto}
.checks label:has(input:checked){border-color:var(--gold-deep);background:var(--gold-wash)}
 


form.f label.consent{display:flex;gap:12px;align-items:flex-start;
  font-size:var(--fs-sm);color:var(--ink-soft)}
form.f label.consent input{width:auto;margin-top:3px;flex:0 0 auto}
 


[hidden]{display:none !important}
.formnote{font-size:1rem;color:var(--ink-soft);max-width:66ch}
.alert{border-radius:var(--r-sm);padding:16px 20px;margin-bottom:20px;display:none}
.alert.ok{background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok-ink)}
.alert.err{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err-ink)}

 
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.grid{grid-template-columns:1fr}}
.tile{position:relative;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;background:var(--deep)}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.tile:hover img{transform:scale(1.05)}
.tile figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 16px;
  background:rgba(4,18,31,.62);border-radius:var(--r-sm);color:var(--white);font-size:var(--fs-sm);font-weight:500}
@media(max-width:720px){.imgrow{grid-template-columns:1fr}}
.lodgings{columns:3;font-size:var(--fs-sm);color:var(--ink-soft)}
@media(max-width:720px){.lodgings{columns:2}}
.lodgings li{break-inside:avoid;padding:4px 0;list-style:none}

.dwu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:960px){.dwu-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dwu-cards{grid-template-columns:1fr}}
.dwu-card{border:1px solid var(--line-light);border-radius:var(--r-card);padding:24px;
  color:var(--ink);background:var(--white);transition:transform .5s var(--ease),border-color .5s var(--ease)}
.dwu-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.dwu-card h2{font-size:1rem;color:var(--link);font-weight:600;margin:0;line-height:1.35;letter-spacing:0}
.dwu-card p{margin:6px 0 0;font-size:var(--fs-sm);color:var(--ink-soft)}
 


.dwu-card .ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  margin-bottom:12px;border:1.5px solid rgba(127,212,232,.35);
  background:radial-gradient(circle at 32% 30%,rgba(127,212,232,.14),rgba(4,18,31,.05))}
.dwu-card .ic svg{width:22px;height:22px;stroke:var(--link);display:block;margin:0}

 




.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:clamp(28px,3.5vw,52px);align-items:start}
@media(max-width:1020px){.page-grid{grid-template-columns:1fr}}
.matiere{position:sticky;top:calc(76px + 20px);display:grid;gap:16px;font-size:var(--fs-sm)}
@media(max-width:1020px){.matiere{position:static}}
.side-card{background:var(--white);border:1px solid var(--line-light);border-radius:var(--r-sm);padding:20px 22px}
.side-titre{display:block;font-family:'Bricolage Grotesque';font-weight:800;font-size:.74rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px}
.side-ess .row{display:flex;gap:10px;align-items:flex-start}
.side-ess .row>svg{flex:0 0 auto;width:18px;height:18px;stroke:var(--gold-deep);margin-top:2px}
.side-ess p{margin:0;color:var(--ink-soft)}
.side-voisins{display:grid;gap:2px;list-style:none;margin:0;padding:0}
.side-voisins a{display:flex;align-items:center;gap:9px;padding:8px 10px;margin:0 -10px;
  border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-weight:600;line-height:1.35;
  transition:background .3s var(--ease),color .3s var(--ease)}
.side-voisins a:hover{background:var(--wash);color:var(--link)}
.side-voisins .ic{flex:0 0 auto;display:inline-grid;place-items:center;width:28px;height:28px;
  border-radius:50%;border:1.2px solid rgba(127,212,232,.4);
  background:radial-gradient(circle at 32% 30%,rgba(127,212,232,.12),rgba(4,18,31,.03))}
.side-voisins .ic svg{width:15px;height:15px;stroke:var(--link)}
.side-cta{width:100%;min-height:52px;padding:12px 24px}
.partage{display:flex;gap:10px}
.partage a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  border:1.2px solid var(--line-light);color:var(--ink);transition:border-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.partage a:hover{border-color:var(--gold);color:var(--gold-deep);transform:translateY(-2px)}
.partage svg{width:18px;height:18px;fill:currentColor}
 

.partage a svg{width:18px !important;height:18px !important}
 
.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(24px,3vw,36px)}
@media(max-width:720px){.photo-strip{grid-template-columns:1fr}}
.photo-strip figure{margin:0}
.photo-strip img{width:100%;height:172px;object-fit:cover;border-radius:var(--r-sm);display:block;
  transition:transform .9s var(--ease)}
.photo-strip figure:hover img{transform:scale(1.04)}
.photo-strip figcaption{margin-top:8px;font-size:var(--fs-xs);color:var(--ink-soft);font-weight:600;letter-spacing:.02em}
 
.art{max-width:700px}
.art h2{margin:1.6em 0 .5em}
.art .lead-p{margin-bottom:6px}
.art-sec{display:block}
 
.etapes{counter-reset:st;display:grid;gap:12px;list-style:none;margin:0;padding:0}
.etapes li{position:relative;background:var(--white);border:1px solid var(--line-light);
  border-radius:var(--r-sm);padding:16px 18px 16px 60px}
.etapes li:before{counter-increment:st;content:counter(st);position:absolute;left:16px;top:15px;
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font-family:'Bricolage Grotesque';font-weight:800;font-size:.95rem;color:var(--gold-deep);
  border:1.5px solid rgba(233,161,89,.45)}
.etapes b{display:block;color:var(--ink);font-weight:600}
.etapes p{margin:3px 0 0;font-size:var(--fs-sm);color:var(--ink-soft)}
 
.info-rows{display:grid;gap:14px;list-style:none;margin:0;padding:0}
.info-rows li{display:flex;gap:14px;align-items:flex-start}
.info-rows .ic{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  border:1.5px solid rgba(127,212,232,.35);
  background:radial-gradient(circle at 32% 30%,rgba(127,212,232,.14),rgba(4,18,31,.05))}
.info-rows .ic svg{width:20px;height:20px;stroke:var(--link);display:block}
.info-rows b{display:block;font-weight:600}
.info-rows p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--ink-soft)}
 
.depths{width:100%;border-collapse:collapse;background:var(--white);
  border:1px solid var(--line-light);border-radius:var(--r-sm);overflow:hidden;font-size:var(--fs-sm)}
.depths td{padding:10px 16px;border-bottom:1px solid var(--line-light)}
.depths tr:last-child td{border-bottom:0}
.depths td:last-child{text-align:right;font-weight:600;white-space:nowrap}
.depths-note{margin:10px 0 0;font-size:var(--fs-xs);color:var(--ink-soft)}
 
.side-pratique .info-rows{gap:10px}
.side-pratique b{font-size:var(--fs-sm)}
.side-pratique p{font-size:var(--fs-xs)}
@media(max-width:640px){.photo-strip img{height:210px}}

 
.surface-cta{background-color:var(--deep);background-image:linear-gradient(180deg,var(--deep),var(--abyss));color:var(--water-90);
  text-align:center;position:relative;overflow:hidden;
   

  padding-top:24px;padding-bottom:24px}
.surface-cta:before{content:"";position:absolute;inset:0;background:
  radial-gradient(55% 50% at 50% 110%, rgba(233,161,89,.14), transparent 70%)}
.surface-cta .wrap-narrow{position:relative}
.surface-cta h2{color:var(--white)}
.surface-cta p{color:var(--water-60)}

 
footer.ft{background:var(--abyss);color:var(--water-60);font-size:var(--fs-sm);position:relative}
 


body.plonge footer.ft{animation:none !important}
 
footer.ft:before{content:"";position:absolute;top:0;left:0;right:0;height:220px;pointer-events:none;
  background:radial-gradient(70% 100% at 50% -30%, rgba(127,212,232,.13), transparent 68%)}
footer.ft .wrap{position:relative}
footer.ft h2{color:var(--white);font-size:var(--fs-sm);margin-bottom:16px;font-family:'Bricolage Grotesque';
  font-weight:600;position:relative;padding-bottom:10px}
footer.ft h2:after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold),rgba(233,161,89,.15))}
footer.ft a{color:var(--water-60);transition:color .3s var(--ease)}
footer.ft a:hover{color:var(--gold)}
 


@media(max-width:640px){footer.ft li a{display:block;padding:10px 0;margin-bottom:0}}
footer.ft ul{list-style:none}
footer.ft li{margin-bottom:10px}
footer.ft .cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:clamp(28px,4vw,56px);padding:64px 0 36px}
@media(max-width:860px){footer.ft .cols{grid-template-columns:1fr;padding-top:52px}}
 
footer.ft .ftlogo{display:inline-block;margin-bottom:20px}
footer.ft .ftlogo img{height:52px;width:auto;display:block;opacity:.95}
footer.ft .addr{color:var(--water-40);margin-bottom:18px;max-width:34ch}
 
footer.ft .contacts li{display:flex;align-items:center;gap:10px;margin-bottom:12px}
footer.ft .contacts svg{width:17px;height:17px;stroke:var(--gold);flex:0 0 auto;opacity:.85}
footer.ft .contacts a{color:var(--water-80);font-weight:500}
footer.ft .certif{font-size:var(--fs-xs);color:var(--water-40);margin-top:20px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.07);max-width:40ch}
footer.ft .base{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;font-size:var(--fs-xs);
  color:var(--water-40);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.partners{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;padding-bottom:40px}
.partners img{height:52px;width:auto;border-radius:var(--r-sm);background:var(--white);opacity:.92}
.partners img:hover{opacity:1}
.some{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.some a{display:inline-flex;align-items:center;gap:12px;
   

  padding:11px 22px 11px 12px;border-radius:var(--r-pill);
  font-weight:600;font-size:1rem;line-height:1;color:var(--water-90);text-decoration:none;
  background:rgba(226,242,247,.07);border:1px solid rgba(226,242,247,.2);
  transition:transform .32s var(--ease),background .32s var(--ease),border-color .32s var(--ease)}
.some a .si{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;
  background:var(--soc);transition:transform .32s var(--ease)}
.some a .si svg{width:17px;height:17px;fill:#fff;display:block}
.some a:hover{transform:translateY(-3px);background:rgba(226,242,247,.12);
  border-color:color-mix(in srgb,var(--soc) 55%,transparent)}
.some a:hover .si{transform:scale(1.08)}
.some .ig{--soc:#d8336b}
.some .fb{--soc:#3b6fd4}
@supports not (color:color-mix(in srgb,red 10%,transparent)){
  .some a:hover{border-color:rgba(226,242,247,.5)}
}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
  white-space:nowrap;padding:0;margin:-1px;border:0}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
  background:var(--white);color:var(--ink);z-index:100}
.skip:focus{width:auto;height:auto;clip-path:none;left:12px;top:12px;padding:12px 16px}
.nitrox-inline{display:inline-flex;align-items:center;gap:8px;font-size:1rem;flex-wrap:wrap;justify-content:center}
.z-surface a:not(.btn){color:var(--mid);text-decoration:underline}

 





























.card{position:relative;isolation:isolate;overflow:hidden;
  border:var(--card-border);border-radius:var(--r-card);
  box-shadow:var(--card-shadow);background:var(--card-bg);
  transition:translate .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}

 



.cmedia{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  border-radius:inherit}
.cmedia img{width:100%;height:100%;display:block;object-fit:cover;
  object-position:var(--cpos,50% 50%)}
 






.cmedia:after{content:"";position:absolute;inset:0;
  background:
     

    linear-gradient(180deg, rgba(4,18,31,var(--sh,0)) 0, rgba(4,18,31,0) 96px),
     
    linear-gradient(160deg,
      rgba(4,18,31,var(--s1,.62)) 0%,
      rgba(4,18,31,var(--s2,.45)) 42%,
      rgba(4,18,31,var(--s3,.24)) 100%)}

 





@media(max-width:860px){
  .cmedia:after{background:
    linear-gradient(180deg,rgba(4,18,31,var(--sh,0)) 0,rgba(4,18,31,0) 96px),
    linear-gradient(180deg,rgba(4,18,31,var(--s1,.62)) 0%,rgba(4,18,31,var(--s1,.62)) 100%)}
}

 
.card > *:not(.cmedia){position:relative;z-index:1}

 

.card.ph h3,.card.ph p,.card.ph .dk,.card.ph .dt,.card.ph .dd,.card.ph .sw,
.card.ph blockquote,.card.ph figcaption{text-shadow:0 1px 6px rgba(2,10,18,.9)}

 









.card.ph .dk,.card.ph .sw,.card.ph .more,.card.ph .arr,.card.ph .da,
.card.ph .stopkick,.card.ph .gauge-read .o{color:var(--gold-bright)}
.card.ph .prov,.card.ph figcaption,.card.ph .cnt{color:var(--white);opacity:1}

 

.card.ph .med{background:rgba(4,18,31,.55);border-color:rgba(226,242,247,.28);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}

 

.card:before{display:none}

 






 






 





@media (hover:hover) and (pointer:fine){
  .card:hover{translate:0 -6px;border-color:rgba(233,161,89,.45);
    box-shadow:inset 0 1px 0 rgba(226,242,247,.30), 0 26px 52px rgba(2,10,18,.5)}
}
a.card:focus-visible{translate:0 -6px;border-color:rgba(233,161,89,.45);
  box-shadow:inset 0 1px 0 rgba(226,242,247,.30), 0 26px 52px rgba(2,10,18,.5)}
 

a.card:hover .da,a.card:hover .arr,a.card:focus-visible .da,a.card:focus-visible .arr{translate:5px 0}
@media (prefers-reduced-motion:reduce){
  .card:hover,a.card:focus-visible{translate:none}
   

  a.card:hover .da,a.card:hover .arr,a.card:focus-visible .da,a.card:focus-visible .arr,
  .pillar:hover .more .arr,.door:hover .da,.frame:hover figcaption{translate:0}
}

 


.seasons{list-style:none;margin:22px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.6vw,22px)}
@media(max-width:860px){.seasons{grid-template-columns:1fr}}
.scard{display:flex;flex-direction:column;gap:8px;
  padding:clamp(22px,2vw,28px);min-height:190px}
.scard .sw{font-family:'Bricolage Grotesque';font-weight:800;font-size:var(--fs-xs);
  text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.scard h3{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.125rem;
  line-height:1.2;color:var(--white);margin:0}
.scard p{font-size:max(16px,1rem);line-height:1.55;color:var(--water-80);margin:0;max-width:46ch}

 













.carrousel{position:relative;margin-top:20px}
 




.revs{list-style:none;margin:0;padding:4px 2px 14px;
  display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-left:2px;
  scrollbar-width:thin;scrollbar-color:rgba(226,242,247,.28) transparent}
.revs > .logent{flex:0 0 min(300px,82%)}
@media(min-width:861px){.revs > .logent{flex-basis:calc((100% - 36px)/3)}}
.revs::-webkit-scrollbar{height:6px}
.revs::-webkit-scrollbar-thumb{background:rgba(226,242,247,.28);border-radius:99px}
.revs::-webkit-scrollbar-track{background:transparent}
 
.revs:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:12px}
.revs > .logent{scroll-snap-align:start;min-width:0;height:auto}
 

.revs{align-items:stretch}

 
.car-cmd{display:flex;align-items:center;gap:8px}
.car-b{width:38px;height:38px;flex:0 0 auto;display:inline-flex;align-items:center;
  justify-content:center;border-radius:99px;cursor:pointer;
  background:transparent;color:var(--white);
  border:1px solid rgba(226,242,247,.22);
  transition:border-color .3s var(--ease),background .3s var(--ease),opacity .3s var(--ease)}
.car-b:hover:not([disabled]){border-color:rgba(233,161,89,.55);background:rgba(233,161,89,.10)}
.car-b:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.car-b[disabled]{opacity:.32;cursor:default}
.car-b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
 
.car-pts{display:flex;flex-wrap:wrap;justify-content:center;gap:0;align-items:center;
  width:100%;margin:2px 0 0;padding:0;list-style:none}
.car-pt{position:relative;display:grid;place-items:center;width:36px;height:36px;
  border-radius:99px;padding:0;border:0;cursor:pointer;background:none}
.car-pt:before{content:"";display:block;width:7px;height:7px;border-radius:99px;
  background:rgba(226,242,247,.26);transition:background .3s var(--ease),width .3s var(--ease)}
.car-pt[aria-current="true"]:before{background:var(--gold);width:20px}
.car-pt:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

 
.avis-tete{flex-wrap:wrap}
.avis-tete .car-cmd{margin-left:auto}
@media(max-width:640px){
  .avis-tete .car-cmd{margin-left:0;width:100%;justify-content:space-between}
}

@media (prefers-reduced-motion:reduce){
  .revs{scroll-behavior:auto}
  .car-pt{transition:none}
}

 
@media print{
  .revs{display:block;overflow:visible}
  .revs > .logent{break-inside:avoid;margin-bottom:14px}
  .car-cmd,.car-pts{display:none}
}

 



 


@media print{.pl-film,.pl-bulles,.pl-fond,.pl-eau{display:none !important}}

@media print{
  .card{background:none;box-shadow:none;border:1px solid #ccc}
  .cmedia{display:none}
   


  .card.ph,.card.ph *,.avispan.ph,.avispan.ph *{text-shadow:none !important;color:#12222e !important;
    opacity:1 !important}
  .card.ph svg,.avispan.ph svg{fill:#12222e !important;stroke:#12222e !important}
}

 






 



nav.main .top{font-weight:650}
nav.main .drop a.sub{font-weight:400;font-size:calc(1rem - 0.5px);letter-spacing:.005em}

 

 





footer.ft{font-size:var(--fs-xs)}
@media(max-width:899px){
  footer.ft{font-size:14.5px}
  footer.ft .certif{font-size:13.8px}
  footer.ft .base{font-size:13.8px;gap:10px}
   
  footer.ft .base a{display:inline-block;padding:9px 2px;line-height:1.25}
}
footer.ft .cols{padding:48px 0 26px;gap:clamp(22px,3vw,44px)}
footer.ft h2{font-size:var(--fs-xs);margin-bottom:12px}
footer.ft .ftlogo{margin-bottom:14px}
footer.ft .ftlogo img{height:42px}
footer.ft .addr{margin-bottom:12px}
footer.ft .contacts li{margin-bottom:8px;gap:8px}
footer.ft .contacts svg{width:15px;height:15px}
footer.ft ul li{margin-bottom:6px}
footer.ft .certif{margin-top:14px;padding-top:12px}
footer.ft .base{padding:14px 0}

 



.partners-strip{gap:12px 14px;margin-top:28px}
.part-nom{display:inline-block;padding:11px 22px;border-radius:999px;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;
  font-size:max(15px,var(--fs-sm));line-height:1.1;color:var(--water-90);
  text-decoration:none;white-space:nowrap;
  background:rgba(226,242,247,.045);
  border:1px solid rgba(233,161,89,.42);
  box-shadow:0 6px 18px rgba(2,10,18,.35), inset 0 1px 0 rgba(226,242,247,.10);
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.part-nom:hover,.part-nom:focus-visible{transform:translateY(-2px);
  border-color:var(--gold);background:rgba(233,161,89,.12);color:#fff}
@media(prefers-reduced-motion:reduce){.part-nom{transition:none}}
@media(max-width:520px){.part-nom{padding:9px 16px;font-size:15px}}

 





.avispan .avis-t{margin:0}
.reputs{display:grid;gap:14px;margin:22px 0 4px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
 




.reput{display:flex;flex-direction:column;padding:20px 22px;border-radius:var(--r-card);
  background:rgba(226,242,247,.045);border:1px solid rgba(226,242,247,.16)}
.reput .src-nom{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;
  color:var(--water-40);margin-bottom:8px}
.reput .gauge-read{margin:0;padding:0;border:0;gap:0 4px;display:inline-flex;align-items:baseline}
.reput .gauge-read b{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;
  font-size:clamp(2rem,3.6vw,2.5rem);line-height:1;color:var(--water-80);
  font-variant-numeric:tabular-nums}
.reput .gauge-read .o{font-size:1rem;color:var(--water-40);font-weight:600}
.reput .cnt{font-size:max(16px,var(--fs-sm));color:var(--water-40);margin-top:6px}
.reput-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px}
.reput-actions .btn{font-size:max(15px,var(--fs-sm));padding:11px 20px}
.reput.prime{background:linear-gradient(150deg,rgba(233,161,89,.10),rgba(233,161,89,.03));
  border-color:rgba(233,161,89,.40)}
.reput.prime .src-nom{color:var(--gold)}
.reput.prime .gauge-read b{color:var(--gold)}
@media(max-width:520px){ .reput{padding:17px 18px} .reput-actions{margin-top:13px} }
 



.reput-invite{margin-top:16px;padding:20px 22px;border-radius:var(--r-card);
  background:rgba(226,242,247,.035);border:1px solid rgba(226,242,247,.13);
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.reput-invite p{margin:0;flex:1 1 260px;min-width:0;
  font-size:max(16px,var(--fs-sm));line-height:1.5;color:var(--water-80)}
.reput-invite .btn{margin-left:auto;font-size:max(15px,var(--fs-sm));padding:12px 22px}
@media(max-width:640px){
  .reput-invite{padding:17px 18px;gap:14px}
  .reput-invite .btn{margin-left:0;width:100%;justify-content:center}
}

 



.carrousel{padding-bottom:4px}
.carrousel .car-cmd{position:absolute;bottom:0;right:0;display:flex;gap:8px;z-index:2}
.carrousel .car-pts{margin-top:22px}
@media(max-width:640px){
  .carrousel .car-cmd{position:static;justify-content:center;margin-top:16px;order:3}
  .carrousel{display:flex;flex-direction:column}
  .carrousel .revs{order:1} .carrousel .car-pts{order:2;margin-top:16px}
}
.avispan .prov{margin-top:24px}

 



 



.avis-laisser{display:inline-flex;align-items:center;gap:9px}
.avis-laisser .et{display:inline-flex;width:17px;height:17px}
.avis-laisser .et svg{width:17px;height:17px;display:block;fill:currentColor}
.btn.ghost.avis-laisser{border-color:var(--gold);color:var(--gold)}
.btn.ghost.avis-laisser:hover,.btn.ghost.avis-laisser:focus-visible{background:var(--gold);color:#0b1c28}

 


.team-plus{margin-top:22px;padding-top:18px;max-width:74ch;
  border-top:1px solid rgba(226,242,247,.14);
  font-size:max(16px,var(--fs-sm));line-height:1.62;color:var(--water-80)}

 


.champ-note{margin:7px 0 0;font-size:max(14px,var(--fs-xs));line-height:1.5;
  color:var(--vitre-mute,var(--ink-soft))}

 


 



.form-note{grid-column:1/-1;margin:0 0 16px;font-size:max(14px,var(--fs-xs));line-height:1.5;
  color:var(--vitre-mute,var(--ink-soft))}

 



.toc-tete{margin:0 0 30px;padding:16px 20px;border-radius:var(--r-sm);
  background:var(--wash);border:1px solid var(--line-light)}
.toc-tete .toc-titre{display:block;font-family:'Bricolage Grotesque',system-ui,sans-serif;
  font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.16em;
  color:var(--ink-soft);margin-bottom:10px}
.toc-tete ol{margin:0;padding:0;list-style:none;counter-reset:toc;
  display:grid;gap:7px}
.toc-tete li{counter-increment:toc;padding-left:26px;position:relative;
  font-size:max(16px,var(--fs-sm));line-height:1.4}
.toc-tete li:before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:1px;
  font-size:var(--fs-xs);color:var(--gold);font-variant-numeric:tabular-nums}
.toc-tete a{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}
.toc-tete a:hover,.toc-tete a:focus-visible{color:var(--link);border-bottom-color:currentColor}
@media(min-width:1021px){.toc-tete{display:none}}

 
.box.relief{margin:26px 0;padding:20px 22px;max-width:none;border-radius:var(--r-sm);
  background:var(--wash);border:1px solid var(--line-light)}
.box.relief:before{left:22px;top:0;width:44px}
.box.relief h3{margin:0 0 10px}
.notes-relief{margin:0;padding-left:20px;display:grid;gap:8px}
.notes-relief li{line-height:1.55}

 



table.prices{font-size:max(16px,var(--fs-sm))}
table.prices th,table.prices td{padding:13px 16px}

 


 

nav.main .wa-top:hover{color:#25d366}
 




@media(max-width:899px){
  footer.ft .base a{display:inline-block;padding:14px 4px;line-height:1.3}
   


  form.f label.consent input[type=checkbox],
  label.consent input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin:0}
  label.consent{min-height:44px;align-items:center}
   

  .car-pt{width:44px;height:44px}
  .car-b{width:44px;height:44px}
  .fi-plus{min-height:44px;padding:11px 16px}
  .pl-langue a,.pl-langue b{min-height:44px;min-width:44px}
  nav.main .drop a,nav.main .top{min-height:44px}
   

  .part-nom{min-height:44px;display:inline-flex;align-items:center}
  .plink{display:inline-block;min-height:44px;padding:8px 0;line-height:1.6}
}

 







@media(max-width:899px){
   


  :root{--fs-xs:.875rem}
  .side-titre{font-size:.875rem}
   



  footer.ft .cols h2{margin-bottom:4px}
  footer.ft .cols h2 a{display:inline-block;min-height:44px;padding:12px 0 10px;line-height:1.5}
  footer.ft .cols h2:has(a):after{bottom:10px}
}

 










.wa-flot{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(16px,2.6vh,26px);z-index:75;
  display:inline-flex;align-items:center;gap:0;overflow:hidden;
  width:56px;height:56px;padding:0;border-radius:999px;
  color:#fff;text-decoration:none;
  font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:600;
  font-size:max(15px,var(--fs-sm));line-height:1;white-space:nowrap;
  background:linear-gradient(145deg,#2ee06f,#159c4b);
  box-shadow:0 10px 26px rgba(21,156,75,.42), 0 2px 8px rgba(2,10,18,.45),
             inset 0 1px 0 rgba(255,255,255,.28);
  transition:width .34s var(--ease), transform .28s var(--ease), box-shadow .28s var(--ease)}
.wa-flot .wa-ic{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px}
.wa-flot .wa-ic svg{width:27px;height:27px;fill:#fff;display:block}
.wa-flot .wa-txt{opacity:0;padding-right:0;transition:opacity .22s var(--ease)}
.wa-flot:hover,.wa-flot:focus-visible{transform:translateY(-3px);color:#fff;
  box-shadow:0 16px 34px rgba(21,156,75,.5), 0 3px 10px rgba(2,10,18,.5),
             inset 0 1px 0 rgba(255,255,255,.34)}
@media(min-width:720px){
  .wa-flot:hover,.wa-flot:focus-visible{width:172px}
  .wa-flot:hover .wa-txt,.wa-flot:focus-visible .wa-txt{opacity:1;padding-right:22px}
}
 
@media(prefers-reduced-motion:no-preference){
  @keyframes wa-arrive{from{opacity:0;transform:translateY(14px) scale(.9)}
                       to{opacity:1;transform:translateY(0) scale(1)}}
  .wa-flot{animation:wa-arrive .5s var(--ease) .9s both}
}
@media(prefers-reduced-motion:reduce){.wa-flot{transition:none;animation:none}}
@media(max-width:719px){.wa-flot{width:54px;height:54px}
  .wa-flot .wa-ic{width:54px;height:54px;flex-basis:54px}}
@media print{.wa-flot{display:none}}
 


body.page-dark footer.ft .base{padding-bottom:clamp(58px,8vh,78px)}
@media(min-width:720px){
  body.page-dark footer.ft .base{padding-bottom:20px;padding-right:clamp(96px,9vw,120px)}
}

 





.cas{display:grid;gap:10px;margin:20px 0 6px}
.cas details{background:var(--white);border:1px solid var(--line-light);
  border-radius:var(--r-sm);overflow:hidden}
.cas summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;
  padding:15px 18px;min-height:44px;font-weight:600;color:var(--ink)}
.cas summary::-webkit-details-marker{display:none}
.cas summary:hover,.cas summary:focus-visible{color:var(--link)}
.cas summary .car{margin-left:auto;font-style:normal;font-size:12px;color:var(--link);
  transition:transform .18s ease}
.cas details[open] summary .car{transform:rotate(180deg)}
.cas details[open] summary{border-bottom:1px solid var(--line-light)}
.cas details p{margin:0;padding:14px 18px 16px;font-size:var(--fs-sm);
  color:var(--ink-soft);line-height:1.65}
@media(prefers-reduced-motion:reduce){.cas summary .car{transition:none}}

 






 







@media(min-width:1080.02px){
  nav.main{flex-wrap:nowrap;gap:0}
  nav.main a.top,nav.main span.top{padding:8px 8px;font-size:.85rem;letter-spacing:0}
  .top .car{margin:0 0 0 5px}
  .navcta{padding:11px 18px!important;font-size:.85rem!important}
  .langbtn{padding:8px 6px;letter-spacing:.06em}
}
 




@media(min-width:1080.02px){
   



  nav.main .drop a,nav.main .drop a.sub,nav.main .drop b.on{font-size:.83rem;padding:8px 12px}
  nav.main .drop{min-width:290px}
}

 





@media(max-width:640px){
  footer.ft li{margin-bottom:0}
  footer.ft .contacts li{margin-bottom:2px}
  footer.ft .cols{padding:34px 0 18px;gap:18px}
  footer.ft .certif{margin-top:14px;padding-top:12px}
   

  footer.ft .base{padding-bottom:calc(20px + 72px)}
   




  footer.ft .cols ul:not(.contacts){columns:2;column-gap:14px}
  footer.ft .cols ul:not(.contacts) li{break-inside:avoid}
   


  footer.ft li.paire{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px}
  footer.ft li.paire a{display:inline-block}
  footer.ft .contacts li.paire{gap:0 10px}
  footer.ft .contacts li.paire>span{display:flex;align-items:center;gap:0 6px;flex-wrap:wrap}
}

 



.lead-p{font-weight:600}

 

.art-compact{font-size:clamp(.95rem,.92rem + .22vw,1.05rem)}

 




.sec-rang{display:flex;gap:16px;align-items:flex-start}
.sec-rang>.ic{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;
  place-items:center;margin-top:2px;
  border:1.5px solid rgba(127,212,232,.35);
  background:radial-gradient(circle at 32% 30%,rgba(127,212,232,.14),rgba(4,18,31,.05))}
.sec-rang>.ic svg{width:20px;height:20px;stroke:var(--link);display:block}
.sec-rang>.ic.ic-vide{border-style:dashed;border-color:transparent;background:none}
.sec-corps{min-width:0;flex:1 1 auto;font-size:clamp(.95rem,.92rem + .22vw,1.05rem)}
.sec-corps>h2{margin:0 0 .45em;font-size:clamp(1.22rem,2.1vw,1.6rem)}
.sec-corps>p+p{margin-top:.75em}
 
.art .art-sec{margin-top:2.1em}
.art .art-sec:first-of-type{margin-top:1.6em}
@media(max-width:560px){
  .sec-rang{gap:12px}
  .sec-rang>.ic{width:36px;height:36px}
  .sec-rang>.ic svg{width:17px;height:17px}
}

 


.sec-corps .cas{margin-top:14px}
.sec-corps .cas summary{font-size:var(--fs-sm)}
.sec-corps .cas details p{font-size:max(14px,.86rem);padding:12px 16px 14px;line-height:1.6}

 



.box.relief.avert{padding-left:22px}
.box.relief.avert .avert-ic{float:left;width:26px;height:26px;margin:1px 12px 4px 0}
.box.relief.avert .avert-ic svg{width:26px;height:26px;display:block}
.box.relief.avert h3{margin:0 0 10px;overflow:hidden}

 






@media(max-width:1020px){
  .matiere .side-card.side-toc{display:none}
  .toc-tete{margin:0 0 28px;padding:20px 22px;background:var(--white);
    border:1px solid var(--line-light);border-radius:var(--r-sm)}
  .toc-tete .toc-titre{font-family:'Bricolage Grotesque';font-weight:800;
    font-size:max(13.5px,.78rem);letter-spacing:.14em;text-transform:uppercase;
    color:var(--gold-deep);margin-bottom:10px}
  .toc-tete ol{gap:2px;counter-reset:none}
  .toc-tete li{counter-increment:none;padding:8px 10px;margin:0 -10px;
    border-radius:var(--r-sm);font-size:max(15px,var(--fs-sm));line-height:1.35;
    font-weight:600}
  .toc-tete li:before{content:none}
  .toc-tete a{display:block;color:var(--ink);border-bottom:0}
  .toc-tete li:hover{background:var(--wash)}
  .toc-tete a:hover,.toc-tete a:focus-visible{color:var(--link);border-bottom:0}
}

 


.art .lead-p + .charte-list{margin-top:1.6em}
.charte-list li{font-size:max(15px,.92rem);line-height:1.6;padding:14px 18px 14px 60px}
.charte-list li:before{width:29px;height:29px}

 



.lodgings{columns:auto;display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;list-style:none;padding:0}
.lodgings li{padding:0;break-inside:auto}
 



.lodgings .part-nom{margin:0;color:var(--ink);background:var(--white);
  border:1px solid var(--line-light);box-shadow:0 1px 2px rgba(2,10,18,.05);
  white-space:normal}
.lodgings a.part-nom{color:var(--link);border-color:rgba(24,130,197,.28)}
.lodgings a.part-nom:hover,.lodgings a.part-nom:focus-visible{color:var(--mid);
  border-color:var(--gold);background:var(--gold-wash);box-shadow:0 6px 16px rgba(2,10,18,.08)}
 
.lodgings .part-nom-nu{color:var(--ink-soft);cursor:default}
.lodgings .part-nom-nu:hover{transform:none}

 





table.prices{font-size:max(15px,var(--fs-sm))}
table.prices th{font-family:inherit;text-transform:none;letter-spacing:normal;
  font-size:inherit;background:none}
table.prices thead th{background:var(--wash);color:var(--ink-soft);font-weight:600;
  font-size:max(13.5px,.8rem);letter-spacing:.04em}
table.prices th,table.prices td{padding:11px 15px}

 



.contact-voies{text-align:center;margin-top:26px;font-size:max(15px,.94rem)}
.contact-voies h2{font-size:clamp(1.15rem,2vw,1.45rem);margin:22px 0 6px}
.contact-voies h2:first-child{margin-top:0}
.contact-voies p{margin:4px 0}
form.f-contact label{font-size:max(13.5px,.84rem)}
form.f-contact input,
form.f-contact select,
form.f-contact textarea{font-size:max(15px,.88rem);padding:10px 14px}
form.f-contact label.consent{font-size:max(13.5px,.84rem)}
 

@media(max-width:899px){form.f-contact input,form.f-contact select,form.f-contact textarea{font-size:16px}}
.contact-form .lead-p{font-size:max(15px,1rem)}
.contact-form h2{font-size:clamp(1.3rem,2.4vw,1.75rem)}

 





.btn,button.btn{font-family:'Instrument Sans',system-ui,sans-serif}

 












.art-aere .lead-p + p{margin-top:2.2em} 
.box.box-centre{text-align:center}
.box.box-centre p{margin-left:auto;margin-right:auto}
 



.box.relief.box-centre:before{left:50%;transform:translateX(-50%)}

 
@keyframes sw-tr-clown-duo{0.0%{translate:-24.0vw 0.0vh;rotate:-10.0deg}10.0%{translate:-8.7vw -4.6vh;rotate:-1.8deg}20.0%{translate:8.0vw -5.5vh;rotate:3.0deg}30.0%{translate:23.9vw -4.1vh;rotate:-1.6deg}40.0%{translate:38.8vw -4.8vh;rotate:-1.6deg}50.0%{translate:54.6vw -5.5vh;rotate:2.9deg}60.0%{translate:72.6vw -3.9vh;rotate:0.6deg}70.0%{translate:87.9vw -3.7vh;rotate:-0.6deg}80.0%{translate:105.2vw -3.9vh;rotate:5.0deg}90.0%{translate:121.4vw -1.6vh;rotate:6.7deg}100.0%{translate:136.0vw 1.3vh;rotate:6.7deg}}
.sea-life .sp.tr-clown-duo{animation-name:sw-tr-clown-duo}
@keyframes sw-tr-chirurgien-trio{0.0%{translate:136.0vw 0.0vh;rotate:9.3deg}10.0%{translate:119.3vw -4.7vh;rotate:5.7deg}20.0%{translate:103.4vw -7.3vh;rotate:-1.7deg}30.0%{translate:87.9vw -6.6vh;rotate:-4.9deg}40.0%{translate:71.8vw -4.3vh;rotate:-3.1deg}50.0%{translate:54.7vw -2.7vh;rotate:-7.7deg}60.0%{translate:38.9vw 0.9vh;rotate:-10.9deg}70.0%{translate:24.2vw 5.7vh;rotate:-3.3deg}80.0%{translate:8.0vw 7.3vh;rotate:4.3deg}90.0%{translate:-9.3vw 5.1vh;rotate:10.1deg}100.0%{translate:-24.0vw 0.7vh;rotate:10.1deg}}
.sea-life .sp.tr-chirurgien-trio{animation-name:sw-tr-chirurgien-trio}
@keyframes sw-tr-perroquet-lagon{0.0%{translate:-24.0vw 0.0vh;rotate:3.9deg}14.3%{translate:0.2vw 2.8vh;rotate:0.3deg}28.6%{translate:20.7vw 3.0vh;rotate:-3.9deg}42.9%{translate:44.0vw 0.3vh;rotate:-4.4deg}57.1%{translate:66.4vw -2.6vh;rotate:-0.3deg}71.4%{translate:91.1vw -2.8vh;rotate:2.2deg}85.7%{translate:114.3vw -1.4vh;rotate:-0.8deg}100.0%{translate:136.0vw -1.8vh;rotate:-0.8deg}}
.sea-life .sp.tr-perroquet-lagon{animation-name:sw-tr-perroquet-lagon}
@keyframes sw-tr-lutjan-boule{0.0%{translate:-24.0vw 0.0vh;rotate:-6.2deg}12.5%{translate:-3.4vw -3.8vh;rotate:0.9deg}25.0%{translate:15.9vw -3.3vh;rotate:-2.2deg}37.5%{translate:36.8vw -4.6vh;rotate:-6.0deg}50.0%{translate:55.0vw -7.8vh;rotate:-2.1deg}62.5%{translate:75.0vw -9.0vh;rotate:0.0deg}75.0%{translate:97.0vw -9.0vh;rotate:2.8deg}87.5%{translate:116.1vw -7.5vh;rotate:7.8deg}100.0%{translate:136.0vw -2.9vh;rotate:7.8deg}}
.sea-life .sp.tr-lutjan-boule{animation-name:sw-tr-lutjan-boule}
@keyframes sw-tr-pointe-noire{0.0%{translate:136.0vw 0.0vh;rotate:-0.6deg}16.7%{translate:108.4vw 0.5vh;rotate:-0.3deg}33.3%{translate:81.8vw 0.7vh;rotate:1.2deg}50.0%{translate:57.1vw -0.2vh;rotate:2.2deg}66.7%{translate:29.2vw -2.0vh;rotate:2.1deg}83.3%{translate:2.7vw -3.6vh;rotate:1.8deg}100.0%{translate:-24.0vw -5vh;rotate:1.8deg}}
.sea-life .sp.tr-pointe-noire{animation-name:sw-tr-pointe-noire}
@keyframes sw-tr-napoleon-tombant{0.0%{translate:-24.0vw 0.0vh;rotate:6.3deg}14.3%{translate:-1.5vw 4.2vh;rotate:1.4deg}28.6%{translate:20.6vw 5.1vh;rotate:-3.5deg}42.9%{translate:44.9vw 2.6vh;rotate:-3.7deg}57.1%{translate:66.6vw 0.3vh;rotate:-3.1deg}71.4%{translate:91.4vw -2.0vh;rotate:-4.9deg}85.7%{translate:111.7vw -4.9vh;rotate:-3.0deg}100.0%{translate:136.0vw -7vh;rotate:-3.0deg}}
.sea-life .sp.tr-napoleon-tombant{animation-name:sw-tr-napoleon-tombant}
@keyframes sw-tr-tortue-tombant{0.0%{translate:136.0vw 0.0vh;rotate:5.4deg}20.0%{translate:103.2vw -5.2vh;rotate:3.8deg}40.0%{translate:73.4vw -8.5vh;rotate:-1.1deg}60.0%{translate:39.8vw -7.4vh;rotate:-3.8deg}80.0%{translate:7.4vw -3.7vh;rotate:-1.8deg}100.0%{translate:-24.0vw -2.1vh;rotate:-1.8deg}}
.sea-life .sp.tr-tortue-tombant{animation-name:sw-tr-tortue-tombant}
@keyframes sw-tr-carangue-banc{0.0%{translate:-24.0vw 0.0vh;rotate:7.8deg}11.1%{translate:-7.4vw 3.8vh;rotate:4.4deg}22.2%{translate:11.4vw 6.2vh;rotate:3.0deg}33.3%{translate:28.0vw 7.7vh;rotate:0.8deg}44.4%{translate:46.4vw 8.1vh;rotate:0.9deg}55.6%{translate:64.2vw 8.6vh;rotate:0.8deg}66.7%{translate:84.1vw 9.0vh;rotate:-2.2deg}77.8%{translate:100.7vw 8.0vh;rotate:-2.1deg}88.9%{translate:117.4vw 6.9vh;rotate:3.8deg}100.0%{translate:136.0vw 9vh;rotate:3.8deg}}
.sea-life .sp.tr-carangue-banc{animation-name:sw-tr-carangue-banc}
@keyframes sw-tr-perroquet-tombant{0.0%{translate:136.0vw 0.0vh;rotate:0.1deg}14.3%{translate:112.6vw -0.0vh;rotate:-0.5deg}28.6%{translate:91.7vw 0.3vh;rotate:2.0deg}42.9%{translate:66.8vw -1.2vh;rotate:4.5deg}57.1%{translate:45.6vw -4.0vh;rotate:2.3deg}71.4%{translate:20.5vw -5.7vh;rotate:0.5deg}85.7%{translate:-1.5vw -6.0vh;rotate:0.0deg}100.0%{translate:-24.0vw -6vh;rotate:0.0deg}}
.sea-life .sp.tr-perroquet-tombant{animation-name:sw-tr-perroquet-tombant}
@keyframes sw-tr-lutjan-duo{0.0%{translate:-24.0vw 0.0vh;rotate:7.3deg}12.5%{translate:-4.5vw 4.2vh;rotate:2.8deg}25.0%{translate:15.7vw 5.9vh;rotate:-0.6deg}37.5%{translate:35.1vw 5.5vh;rotate:-0.9deg}50.0%{translate:55.4vw 5.0vh;rotate:-4.6deg}62.5%{translate:75.5vw 2.3vh;rotate:-6.8deg}75.0%{translate:96.2vw -1.8vh;rotate:-6.5deg}87.5%{translate:114.8vw -5.3vh;rotate:-3.0deg}100.0%{translate:136.0vw -7.2vh;rotate:-3.0deg}}
.sea-life .sp.tr-lutjan-duo{animation-name:sw-tr-lutjan-duo}
@keyframes sw-tr-barracuda-file{0.0%{translate:-24.0vw 0.0vh;rotate:-3.7deg}16.7%{translate:1.5vw -2.8vh;rotate:-2.9deg}33.3%{translate:29.0vw -5.1vh;rotate:-1.1deg}50.0%{translate:55.4vw -6.0vh;rotate:0.0deg}66.7%{translate:82.1vw -6.0vh;rotate:1.5deg}83.3%{translate:108.9vw -4.9vh;rotate:4.4deg}100.0%{translate:136.0vw -1.4vh;rotate:4.4deg}}
.sea-life .sp.tr-barracuda-file{animation-name:sw-tr-barracuda-file}
@keyframes sw-tr-raie-leopard{0.0%{translate:-24.0vw 0.0vh;rotate:-7.4deg}20.0%{translate:7.7vw -6.9vh;rotate:1.6deg}40.0%{translate:38.7vw -5.5vh;rotate:7.4deg}60.0%{translate:70.8vw 1.6vh;rotate:5.3deg}80.0%{translate:103.5vw 6.7vh;rotate:2.6deg}100.0%{translate:136.0vw 9.2vh;rotate:2.6deg}}
.sea-life .sp.tr-raie-leopard{animation-name:sw-tr-raie-leopard}
@keyframes sw-tr-carangue-passe{0.0%{translate:136.0vw 0.0vh;rotate:-8.6deg}11.1%{translate:116.8vw 4.9vh;rotate:-2.9deg}22.2%{translate:99.0vw 6.4vh;rotate:1.8deg}33.3%{translate:82.1vw 5.5vh;rotate:-1.2deg}44.4%{translate:63.7vw 6.1vh;rotate:-2.9deg}55.6%{translate:46.7vw 7.6vh;rotate:2.4deg}66.7%{translate:28.4vw 6.3vh;rotate:9.3deg}77.8%{translate:10.2vw 1.2vh;rotate:8.3deg}88.9%{translate:-7.1vw -3.0vh;rotate:-1.6deg}100.0%{translate:-24.0vw -2.2vh;rotate:-1.6deg}}
.sea-life .sp.tr-carangue-passe{animation-name:sw-tr-carangue-passe}
@keyframes sw-tr-requin-passe{0.0%{translate:136.0vw 0.0vh;rotate:1.8deg}16.7%{translate:109.3vw -1.4vh;rotate:2.5deg}33.3%{translate:82.3vw -3.3vh;rotate:0.3deg}50.0%{translate:56.3vw -3.6vh;rotate:-2.3deg}66.7%{translate:28.9vw -1.7vh;rotate:-2.4deg}83.3%{translate:2.8vw 0.1vh;rotate:-3.0deg}100.0%{translate:-24.0vw 2.4vh;rotate:-3.0deg}}
.sea-life .sp.tr-requin-passe{animation-name:sw-tr-requin-passe}
@keyframes sw-tr-napoleon-passe{0.0%{translate:136.0vw 0.0vh;rotate:-1.0deg}14.3%{translate:114.3vw 0.7vh;rotate:-2.7deg}28.6%{translate:89.3vw 2.6vh;rotate:-4.2deg}42.9%{translate:67.1vw 5.3vh;rotate:-0.5deg}57.1%{translate:44.1vw 5.7vh;rotate:3.7deg}71.4%{translate:20.3vw 3.1vh;rotate:4.9deg}85.7%{translate:-1.4vw 0.0vh;rotate:4.7deg}100.0%{translate:-24.0vw -3.1vh;rotate:4.7deg}}
.sea-life .sp.tr-napoleon-passe{animation-name:sw-tr-napoleon-passe}
@keyframes sw-tr-dauphin-pod{0.0%{translate:-24.0vw 0.0vh;rotate:24deg}8.3%{translate:-9.7vw 12.6vh;rotate:-17.4deg}16.7%{translate:1.2vw 6.5vh;rotate:-24deg}25.0%{translate:15.7vw -9.2vh;rotate:-5.3deg}33.3%{translate:29.1vw -11.3vh;rotate:24deg}41.7%{translate:41.7vw 3.4vh;rotate:19.7deg}50.0%{translate:56.7vw 13.0vh;rotate:-24deg}58.3%{translate:68.0vw 3.4vh;rotate:-24deg}66.7%{translate:83.6vw -11.3vh;rotate:5.7deg}75.0%{translate:96.0vw -9.2vh;rotate:24deg}83.3%{translate:108.1vw 6.5vh;rotate:14.4deg}91.7%{translate:121.7vw 12.6vh;rotate:-24deg}100.0%{translate:136.0vw 0.0vh;rotate:-24deg}}
.sea-life .sp.tr-dauphin-pod{animation-name:sw-tr-dauphin-pod}
@keyframes sw-tr-marteau{0.0%{translate:136.0vw 0.0vh;rotate:-3.7deg}16.7%{translate:109.5vw 2.8vh;rotate:-2.2deg}33.3%{translate:82.5vw 4.6vh;rotate:1.8deg}50.0%{translate:57.0vw 3.3vh;rotate:4.3deg}66.7%{translate:28.8vw -0.3vh;rotate:2.8deg}83.3%{translate:2.9vw -2.4vh;rotate:-2.7deg}100.0%{translate:-24.0vw -0.3vh;rotate:-2.7deg}}
.sea-life .sp.tr-marteau{animation-name:sw-tr-marteau}
@keyframes sw-tr-requin-bleu{0.0%{translate:-24.0vw 0.0vh;rotate:-0.2deg}16.7%{translate:2.3vw -0.1vh;rotate:2.2deg}33.3%{translate:28.8vw 1.5vh;rotate:2.4deg}50.0%{translate:57.3vw 3.5vh;rotate:0.4deg}66.7%{translate:82.6vw 3.8vh;rotate:-0.5deg}83.3%{translate:109.7vw 3.4vh;rotate:2.1deg}100.0%{translate:136.0vw 5.0vh;rotate:2.1deg}}
.sea-life .sp.tr-requin-bleu{animation-name:sw-tr-requin-bleu}
 
.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ambient .sn{position:absolute;top:0;left:0;width:3px;height:3px;border-radius:50%;background:transparent;box-shadow:27.3vw 16.7vh rgba(220,236,241,0.13),56.3vw 50.0vh rgba(220,236,241,0.17),65.3vw 46.0vh rgba(220,236,241,0.14),73.4vw 90.6vh rgba(220,236,241,0.11),37.4vw 97.8vh rgba(220,236,241,0.19),23.2vw 43.3vh rgba(220,236,241,0.11),80.3vw 107.9vh rgba(220,236,241,0.11),5.8vw 85.6vh rgba(220,236,241,0.18),43.7vw 38.2vh rgba(220,236,241,0.12),97.7vw 32.2vh rgba(220,236,241,0.12),60.6vw 71.4vh rgba(220,236,241,0.14),49.5vw 67.7vh rgba(220,236,241,0.14),63.5vw 99.7vh rgba(220,236,241,0.2),25.9vw 13.0vh rgba(220,236,241,0.16),94.2vw 70.8vh rgba(220,236,241,0.16),73.5vw 66.9vh rgba(220,236,241,0.13)}.ambient .sn.b{width:2px;height:2px;box-shadow:6.5vw 85.6vh rgba(220,236,241,0.14),85.6vw 85.4vh rgba(220,236,241,0.08),27.2vw 9.6vh rgba(220,236,241,0.12),7.5vw 77.4vh rgba(220,236,241,0.13),66.6vw 106.5vh rgba(220,236,241,0.07),50.4vw 64.9vh rgba(220,236,241,0.11),89.5vw 107.3vh rgba(220,236,241,0.06),68.7vw 103.9vh rgba(220,236,241,0.07),14.2vw 20.3vh rgba(220,236,241,0.06),76.7vw 12.1vh rgba(220,236,241,0.13)}@media(prefers-reduced-motion:no-preference){.ambient .sn{animation:sn-drift 46s ease-in-out infinite alternate}.ambient .sn.b{animation-duration:64s;animation-direction:alternate-reverse}@keyframes sn-drift{from{translate:0 0}to{translate:26px 8px}}}
 
@keyframes pod-y-1{0.0%{translate:0px var(--sub)}4.76%{translate:0px var(--sub)}9.05%{translate:0px 0px}26.19%{translate:0px 0px}28.81%{translate:0px calc(232px * .16)}33.33%{translate:0px var(--sub)}38.57%{translate:0px var(--sub)}40.95%{translate:0px var(--sub)}45.24%{translate:0px 0px}54.19%{translate:0px 0px}54.76%{translate:0px 0px}55.36%{translate:21px calc(232px * -0.306 * var(--jsc,1))}55.95%{translate:42px calc(232px * -0.556 * var(--jsc,1))}56.55%{translate:63px calc(232px * -0.75 * var(--jsc,1))}57.14%{translate:85px calc(232px * -0.889 * var(--jsc,1))}57.74%{translate:106px calc(232px * -0.972 * var(--jsc,1))}58.33%{translate:127px calc(232px * -1.0 * var(--jsc,1))}58.93%{translate:148px calc(232px * -0.972 * var(--jsc,1))}59.52%{translate:170px calc(232px * -0.889 * var(--jsc,1))}60.12%{translate:191px calc(232px * -0.75 * var(--jsc,1))}60.71%{translate:212px calc(232px * -0.556 * var(--jsc,1))}61.31%{translate:233px calc(232px * -0.306 * var(--jsc,1))}61.9%{translate:255px 0px}71.43%{translate:255px 0px}74.05%{translate:255px calc(232px * .16)}78.57%{translate:255px var(--sub)}82.86%{translate:0px var(--sub)}84.76%{translate:0px var(--sub)}89.05%{translate:0px 0px}100.0%{translate:0px var(--sub)}}@keyframes pod-r-1{0.0%{rotate:0deg}4.76%{rotate:6deg}9.05%{rotate:0deg}26.19%{rotate:0deg}28.81%{rotate:26deg}33.33%{rotate:34deg}38.57%{rotate:0deg}40.95%{rotate:6deg}45.24%{rotate:0deg}54.19%{rotate:0deg}54.76%{rotate:-53.7deg}55.36%{rotate:-48.6deg}55.95%{rotate:-42.2deg}56.55%{rotate:-34.2deg}57.14%{rotate:-24.4deg}57.74%{rotate:-12.8deg}58.33%{rotate:-0.0deg}58.93%{rotate:12.8deg}59.52%{rotate:24.4deg}60.12%{rotate:34.2deg}60.71%{rotate:42.2deg}61.31%{rotate:48.6deg}61.9%{rotate:53.7deg}71.43%{rotate:0deg}74.05%{rotate:26deg}78.57%{rotate:34deg}82.86%{rotate:0deg}84.76%{rotate:6deg}89.05%{rotate:0deg}100.0%{rotate:0deg}}.pod-1 .leap{animation-name:pod-y-1}.pod-1 .tilt{animation-name:pod-r-1}
@keyframes pod-y-2{0.0%{translate:0px var(--sub)}4.62%{translate:0px var(--sub)}8.08%{translate:0px 0px}23.08%{translate:0px 0px}25.19%{translate:0px calc(164px * .16)}28.85%{translate:0px var(--sub)}34.62%{translate:0px var(--sub)}36.54%{translate:0px var(--sub)}40.0%{translate:0px 0px}51.92%{translate:0px 0px}54.04%{translate:0px calc(164px * .16)}57.69%{translate:0px var(--sub)}61.15%{translate:0px var(--sub)}63.46%{translate:0px var(--sub)}66.92%{translate:0px 0px}74.54%{translate:0px 0px}75.0%{translate:0px 0px}75.48%{translate:15px calc(164px * -0.306 * var(--jsc,1))}75.96%{translate:30px calc(164px * -0.556 * var(--jsc,1))}76.44%{translate:45px calc(164px * -0.75 * var(--jsc,1))}76.92%{translate:60px calc(164px * -0.889 * var(--jsc,1))}77.4%{translate:75px calc(164px * -0.972 * var(--jsc,1))}77.88%{translate:90px calc(164px * -1.0 * var(--jsc,1))}78.37%{translate:105px calc(164px * -0.972 * var(--jsc,1))}78.85%{translate:120px calc(164px * -0.889 * var(--jsc,1))}79.33%{translate:135px calc(164px * -0.75 * var(--jsc,1))}79.81%{translate:150px calc(164px * -0.556 * var(--jsc,1))}80.29%{translate:165px calc(164px * -0.306 * var(--jsc,1))}80.77%{translate:180px 0px}88.46%{translate:180px 0px}90.58%{translate:180px calc(164px * .16)}94.23%{translate:180px var(--sub)}96.15%{translate:0px var(--sub)}100.0%{translate:0px var(--sub)}}@keyframes pod-r-2{0.0%{rotate:0deg}4.62%{rotate:6deg}8.08%{rotate:0deg}23.08%{rotate:0deg}25.19%{rotate:26deg}28.85%{rotate:34deg}34.62%{rotate:0deg}36.54%{rotate:6deg}40.0%{rotate:0deg}51.92%{rotate:0deg}54.04%{rotate:26deg}57.69%{rotate:34deg}61.15%{rotate:0deg}63.46%{rotate:6deg}66.92%{rotate:0deg}74.54%{rotate:0deg}75.0%{rotate:-53.7deg}75.48%{rotate:-48.6deg}75.96%{rotate:-42.2deg}76.44%{rotate:-34.2deg}76.92%{rotate:-24.4deg}77.4%{rotate:-12.8deg}77.88%{rotate:-0.0deg}78.37%{rotate:12.8deg}78.85%{rotate:24.4deg}79.33%{rotate:34.2deg}79.81%{rotate:42.2deg}80.29%{rotate:48.6deg}80.77%{rotate:53.7deg}88.46%{rotate:0deg}90.58%{rotate:26deg}94.23%{rotate:34deg}96.15%{rotate:0deg}100.0%{rotate:0deg}}.pod-2 .leap{animation-name:pod-y-2}.pod-2 .tilt{animation-name:pod-r-2}
@keyframes pod-y-3{0.0%{translate:0px var(--sub)}4.44%{translate:0px var(--sub)}9.44%{translate:0px 0px}19.33%{translate:0px 0px}20.0%{translate:0px 0px}20.69%{translate:24px calc(266px * -0.306 * var(--jsc,1))}21.39%{translate:48px calc(266px * -0.556 * var(--jsc,1))}22.08%{translate:73px calc(266px * -0.75 * var(--jsc,1))}22.78%{translate:97px calc(266px * -0.889 * var(--jsc,1))}23.47%{translate:121px calc(266px * -0.972 * var(--jsc,1))}24.17%{translate:146px calc(266px * -1.0 * var(--jsc,1))}24.86%{translate:170px calc(266px * -0.972 * var(--jsc,1))}25.56%{translate:194px calc(266px * -0.889 * var(--jsc,1))}26.25%{translate:219px calc(266px * -0.75 * var(--jsc,1))}26.94%{translate:243px calc(266px * -0.556 * var(--jsc,1))}27.64%{translate:267px calc(266px * -0.306 * var(--jsc,1))}28.33%{translate:292px 0px}40.0%{translate:292px 0px}43.06%{translate:292px calc(266px * .16)}48.33%{translate:292px var(--sub)}53.89%{translate:0px var(--sub)}56.67%{translate:0px var(--sub)}61.67%{translate:0px 0px}77.78%{translate:0px 0px}80.83%{translate:0px calc(266px * .16)}86.11%{translate:0px var(--sub)}88.89%{translate:0px var(--sub)}100.0%{translate:0px var(--sub)}}@keyframes pod-r-3{0.0%{rotate:0deg}4.44%{rotate:6deg}9.44%{rotate:0deg}19.33%{rotate:0deg}20.0%{rotate:-53.7deg}20.69%{rotate:-48.6deg}21.39%{rotate:-42.2deg}22.08%{rotate:-34.2deg}22.78%{rotate:-24.4deg}23.47%{rotate:-12.8deg}24.17%{rotate:-0.0deg}24.86%{rotate:12.8deg}25.56%{rotate:24.4deg}26.25%{rotate:34.2deg}26.94%{rotate:42.2deg}27.64%{rotate:48.6deg}28.33%{rotate:53.7deg}40.0%{rotate:0deg}43.06%{rotate:26deg}48.33%{rotate:34deg}53.89%{rotate:0deg}56.67%{rotate:6deg}61.67%{rotate:0deg}77.78%{rotate:0deg}80.83%{rotate:26deg}86.11%{rotate:34deg}88.89%{rotate:0deg}100.0%{rotate:0deg}}.pod-3 .leap{animation-name:pod-y-3}.pod-3 .tilt{animation-name:pod-r-3}
@keyframes pod-y-4{0.0%{translate:0px var(--sub)}5.83%{translate:0px var(--sub)}9.58%{translate:0px 0px}27.08%{translate:0px 0px}29.38%{translate:0px calc(198px * .16)}33.33%{translate:0px var(--sub)}38.75%{translate:0px var(--sub)}40.83%{translate:0px var(--sub)}44.58%{translate:0px 0px}55.75%{translate:0px 0px}56.25%{translate:0px 0px}56.77%{translate:18px calc(198px * -0.306 * var(--jsc,1))}57.29%{translate:36px calc(198px * -0.556 * var(--jsc,1))}57.81%{translate:54px calc(198px * -0.75 * var(--jsc,1))}58.33%{translate:72px calc(198px * -0.889 * var(--jsc,1))}58.85%{translate:90px calc(198px * -0.972 * var(--jsc,1))}59.38%{translate:108px calc(198px * -1.0 * var(--jsc,1))}59.9%{translate:126px calc(198px * -0.972 * var(--jsc,1))}60.42%{translate:144px calc(198px * -0.889 * var(--jsc,1))}60.94%{translate:162px calc(198px * -0.75 * var(--jsc,1))}61.46%{translate:180px calc(198px * -0.556 * var(--jsc,1))}61.98%{translate:198px calc(198px * -0.306 * var(--jsc,1))}62.5%{translate:217px 0px}72.92%{translate:217px 0px}75.21%{translate:217px calc(198px * .16)}79.17%{translate:217px var(--sub)}83.75%{translate:0px var(--sub)}85.83%{translate:0px var(--sub)}89.58%{translate:0px 0px}100.0%{translate:0px var(--sub)}}@keyframes pod-r-4{0.0%{rotate:0deg}5.83%{rotate:6deg}9.58%{rotate:0deg}27.08%{rotate:0deg}29.38%{rotate:26deg}33.33%{rotate:34deg}38.75%{rotate:0deg}40.83%{rotate:6deg}44.58%{rotate:0deg}55.75%{rotate:0deg}56.25%{rotate:-53.7deg}56.77%{rotate:-48.6deg}57.29%{rotate:-42.2deg}57.81%{rotate:-34.2deg}58.33%{rotate:-24.4deg}58.85%{rotate:-12.8deg}59.38%{rotate:-0.0deg}59.9%{rotate:12.8deg}60.42%{rotate:24.4deg}60.94%{rotate:34.2deg}61.46%{rotate:42.2deg}61.98%{rotate:48.6deg}62.5%{rotate:53.7deg}72.92%{rotate:0deg}75.21%{rotate:26deg}79.17%{rotate:34deg}83.75%{rotate:0deg}85.83%{rotate:6deg}89.58%{rotate:0deg}100.0%{rotate:0deg}}.pod-4 .leap{animation-name:pod-y-4}.pod-4 .tilt{animation-name:pod-r-4}
@keyframes pod-y-5{0.0%{translate:0px var(--sub)}41.38%{translate:0px var(--sub)}42.93%{translate:0px 0px}51.52%{translate:0px 0px}51.72%{translate:0px 0px}51.94%{translate:12px calc(136px * -0.306 * var(--jsc,1))}52.16%{translate:24px calc(136px * -0.556 * var(--jsc,1))}52.37%{translate:37px calc(136px * -0.75 * var(--jsc,1))}52.59%{translate:49px calc(136px * -0.889 * var(--jsc,1))}52.8%{translate:62px calc(136px * -0.972 * var(--jsc,1))}53.02%{translate:74px calc(136px * -1.0 * var(--jsc,1))}53.23%{translate:86px calc(136px * -0.972 * var(--jsc,1))}53.45%{translate:99px calc(136px * -0.889 * var(--jsc,1))}53.66%{translate:111px calc(136px * -0.75 * var(--jsc,1))}53.88%{translate:124px calc(136px * -0.556 * var(--jsc,1))}54.09%{translate:136px calc(136px * -0.306 * var(--jsc,1))}54.31%{translate:149px 0px}62.07%{translate:149px 0px}63.02%{translate:149px calc(136px * .16)}64.66%{translate:149px var(--sub)}67.24%{translate:0px var(--sub)}77.59%{translate:0px var(--sub)}79.14%{translate:0px 0px}100.0%{translate:0px var(--sub)}}@keyframes pod-r-5{0.0%{rotate:0deg}41.38%{rotate:6deg}42.93%{rotate:0deg}51.52%{rotate:0deg}51.72%{rotate:-53.7deg}51.94%{rotate:-48.6deg}52.16%{rotate:-42.2deg}52.37%{rotate:-34.2deg}52.59%{rotate:-24.4deg}52.8%{rotate:-12.8deg}53.02%{rotate:-0.0deg}53.23%{rotate:12.8deg}53.45%{rotate:24.4deg}53.66%{rotate:34.2deg}53.88%{rotate:42.2deg}54.09%{rotate:48.6deg}54.31%{rotate:53.7deg}62.07%{rotate:0deg}63.02%{rotate:26deg}64.66%{rotate:34deg}67.24%{rotate:0deg}77.59%{rotate:6deg}79.14%{rotate:0deg}100.0%{rotate:0deg}}.pod-5 .leap{animation-name:pod-y-5}.pod-5 .tilt{animation-name:pod-r-5}
@keyframes pod-y-6{0.0%{translate:0px var(--sub)}41.76%{translate:0px var(--sub)}43.31%{translate:0px 0px}52.53%{translate:0px 0px}52.74%{translate:0px 0px}52.96%{translate:17px calc(187px * -0.306 * var(--jsc,1))}53.17%{translate:34px calc(187px * -0.556 * var(--jsc,1))}53.39%{translate:51px calc(187px * -0.75 * var(--jsc,1))}53.6%{translate:68px calc(187px * -0.889 * var(--jsc,1))}53.82%{translate:85px calc(187px * -0.972 * var(--jsc,1))}54.03%{translate:102px calc(187px * -1.0 * var(--jsc,1))}54.25%{translate:119px calc(187px * -0.972 * var(--jsc,1))}54.47%{translate:136px calc(187px * -0.889 * var(--jsc,1))}54.68%{translate:153px calc(187px * -0.75 * var(--jsc,1))}54.9%{translate:170px calc(187px * -0.556 * var(--jsc,1))}55.11%{translate:187px calc(187px * -0.306 * var(--jsc,1))}55.33%{translate:205px 0px}62.5%{translate:205px 0px}63.45%{translate:205px calc(187px * .16)}65.09%{translate:205px var(--sub)}68.02%{translate:0px var(--sub)}78.1%{translate:0px var(--sub)}79.66%{translate:0px 0px}100.0%{translate:0px var(--sub)}}@keyframes pod-r-6{0.0%{rotate:0deg}41.76%{rotate:6deg}43.31%{rotate:0deg}52.53%{rotate:0deg}52.74%{rotate:-53.7deg}52.96%{rotate:-48.6deg}53.17%{rotate:-42.2deg}53.39%{rotate:-34.2deg}53.6%{rotate:-24.4deg}53.82%{rotate:-12.8deg}54.03%{rotate:-0.0deg}54.25%{rotate:12.8deg}54.47%{rotate:24.4deg}54.68%{rotate:34.2deg}54.9%{rotate:42.2deg}55.11%{rotate:48.6deg}55.33%{rotate:53.7deg}62.5%{rotate:0deg}63.45%{rotate:26deg}65.09%{rotate:34deg}68.02%{rotate:0deg}78.1%{rotate:6deg}79.66%{rotate:0deg}100.0%{rotate:0deg}}.pod-6 .leap{animation-name:pod-y-6}.pod-6 .tilt{animation-name:pod-r-6}
@keyframes pod-y-7{0.0%{translate:0px var(--sub)}42.14%{translate:0px var(--sub)}43.69%{translate:0px 0px}53.55%{translate:0px 0px}53.76%{translate:0px 0px}53.97%{translate:10px calc(110px * -0.306 * var(--jsc,1))}54.19%{translate:20px calc(110px * -0.556 * var(--jsc,1))}54.41%{translate:30px calc(110px * -0.75 * var(--jsc,1))}54.62%{translate:40px calc(110px * -0.889 * var(--jsc,1))}54.84%{translate:50px calc(110px * -0.972 * var(--jsc,1))}55.05%{translate:60px calc(110px * -1.0 * var(--jsc,1))}55.27%{translate:70px calc(110px * -0.972 * var(--jsc,1))}55.48%{translate:80px calc(110px * -0.889 * var(--jsc,1))}55.7%{translate:90px calc(110px * -0.75 * var(--jsc,1))}55.91%{translate:100px calc(110px * -0.556 * var(--jsc,1))}56.13%{translate:110px calc(110px * -0.306 * var(--jsc,1))}56.34%{translate:121px 0px}62.93%{translate:121px 0px}63.88%{translate:121px calc(110px * .16)}65.52%{translate:121px var(--sub)}68.79%{translate:0px var(--sub)}78.62%{translate:0px var(--sub)}80.17%{translate:0px 0px}100.0%{translate:0px var(--sub)}}@keyframes pod-r-7{0.0%{rotate:0deg}42.14%{rotate:6deg}43.69%{rotate:0deg}53.55%{rotate:0deg}53.76%{rotate:-53.7deg}53.97%{rotate:-48.6deg}54.19%{rotate:-42.2deg}54.41%{rotate:-34.2deg}54.62%{rotate:-24.4deg}54.84%{rotate:-12.8deg}55.05%{rotate:-0.0deg}55.27%{rotate:12.8deg}55.48%{rotate:24.4deg}55.7%{rotate:34.2deg}55.91%{rotate:42.2deg}56.13%{rotate:48.6deg}56.34%{rotate:53.7deg}62.93%{rotate:0deg}63.88%{rotate:26deg}65.52%{rotate:34deg}68.79%{rotate:0deg}78.62%{rotate:6deg}80.17%{rotate:0deg}100.0%{rotate:0deg}}.pod-7 .leap{animation-name:pod-y-7}.pod-7 .tilt{animation-name:pod-r-7}
@keyframes pod-y-8{0.0%{translate:0px var(--sub)}42.52%{translate:0px var(--sub)}44.07%{translate:0px 0px}54.57%{translate:0px 0px}54.78%{translate:0px 0px}54.99%{translate:15px calc(164px * -0.306 * var(--jsc,1))}55.21%{translate:30px calc(164px * -0.556 * var(--jsc,1))}55.42%{translate:45px calc(164px * -0.75 * var(--jsc,1))}55.64%{translate:60px calc(164px * -0.889 * var(--jsc,1))}55.85%{translate:75px calc(164px * -0.972 * var(--jsc,1))}56.07%{translate:90px calc(164px * -1.0 * var(--jsc,1))}56.28%{translate:105px calc(164px * -0.972 * var(--jsc,1))}56.5%{translate:120px calc(164px * -0.889 * var(--jsc,1))}56.72%{translate:135px calc(164px * -0.75 * var(--jsc,1))}56.93%{translate:150px calc(164px * -0.556 * var(--jsc,1))}57.15%{translate:165px calc(164px * -0.306 * var(--jsc,1))}57.36%{translate:180px 0px}63.36%{translate:180px 0px}64.31%{translate:180px calc(164px * .16)}65.95%{translate:180px var(--sub)}69.57%{translate:0px var(--sub)}79.14%{translate:0px var(--sub)}80.69%{translate:0px 0px}100.0%{translate:0px var(--sub)}}@keyframes pod-r-8{0.0%{rotate:0deg}42.52%{rotate:6deg}44.07%{rotate:0deg}54.57%{rotate:0deg}54.78%{rotate:-53.7deg}54.99%{rotate:-48.6deg}55.21%{rotate:-42.2deg}55.42%{rotate:-34.2deg}55.64%{rotate:-24.4deg}55.85%{rotate:-12.8deg}56.07%{rotate:-0.0deg}56.28%{rotate:12.8deg}56.5%{rotate:24.4deg}56.72%{rotate:34.2deg}56.93%{rotate:42.2deg}57.15%{rotate:48.6deg}57.36%{rotate:53.7deg}63.36%{rotate:0deg}64.31%{rotate:26deg}65.95%{rotate:34deg}69.57%{rotate:0deg}79.14%{rotate:6deg}80.69%{rotate:0deg}100.0%{rotate:0deg}}.pod-8 .leap{animation-name:pod-y-8}.pod-8 .tilt{animation-name:pod-r-8}
@keyframes pod-y-9{0.0%{translate:0px var(--sub)}42.9%{translate:0px var(--sub)}44.45%{translate:0px 0px}55.59%{translate:0px 0px}55.79%{translate:0px 0px}56.01%{translate:11px calc(124px * -0.306 * var(--jsc,1))}56.22%{translate:22px calc(124px * -0.556 * var(--jsc,1))}56.44%{translate:34px calc(124px * -0.75 * var(--jsc,1))}56.66%{translate:45px calc(124px * -0.889 * var(--jsc,1))}56.87%{translate:56px calc(124px * -0.972 * var(--jsc,1))}57.09%{translate:68px calc(124px * -1.0 * var(--jsc,1))}57.3%{translate:79px calc(124px * -0.972 * var(--jsc,1))}57.52%{translate:90px calc(124px * -0.889 * var(--jsc,1))}57.73%{translate:102px calc(124px * -0.75 * var(--jsc,1))}57.95%{translate:113px calc(124px * -0.556 * var(--jsc,1))}58.16%{translate:124px calc(124px * -0.306 * var(--jsc,1))}58.38%{translate:136px 0px}63.79%{translate:136px 0px}64.74%{translate:136px calc(124px * .16)}66.38%{translate:136px var(--sub)}70.34%{translate:0px var(--sub)}79.66%{translate:0px var(--sub)}81.21%{translate:0px 0px}100.0%{translate:0px var(--sub)}}@keyframes pod-r-9{0.0%{rotate:0deg}42.9%{rotate:6deg}44.45%{rotate:0deg}55.59%{rotate:0deg}55.79%{rotate:-53.7deg}56.01%{rotate:-48.6deg}56.22%{rotate:-42.2deg}56.44%{rotate:-34.2deg}56.66%{rotate:-24.4deg}56.87%{rotate:-12.8deg}57.09%{rotate:-0.0deg}57.3%{rotate:12.8deg}57.52%{rotate:24.4deg}57.73%{rotate:34.2deg}57.95%{rotate:42.2deg}58.16%{rotate:48.6deg}58.38%{rotate:53.7deg}63.79%{rotate:0deg}64.74%{rotate:26deg}66.38%{rotate:34deg}70.34%{rotate:0deg}79.66%{rotate:6deg}81.21%{rotate:0deg}100.0%{rotate:0deg}}.pod-9 .leap{animation-name:pod-y-9}.pod-9 .tilt{animation-name:pod-r-9}