/* Polices hébergées localement : aucun appel externe */
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-latin-300-normal.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-latin-300-italic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/cormorant-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-300-normal.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(fonts/jost-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* Couleurs relevées sur les photos de la maison */
  --chaux:#F5F2EC;
  --pierre:#E4DDD0;
  --encre:#1B2A31;
  --bleu:#1E3F4E;
  --bleu-nuit:#16303C;
  --tapis:#9E3B3E;
  --ocre:#C2923F;
  --eau:#86B8B6;
  --gris:#5F6B6E;

  --serif:"Cormorant","Times New Roman",serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --gutter:clamp(20px,5vw,72px);
  --section:clamp(96px,15vw,220px);
  --ease:cubic-bezier(.22,.8,.24,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:0}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--chaux);color:var(--encre);font:300 clamp(17px,1.15vw,19px)/1.65 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img{display:block;width:100%;height:100%;object-fit:cover}
figure,ol,ul,dl,dd,h1,h2,h3,p{margin:0;padding:0}
ol,ul{list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
em{font-style:italic}
svg{display:block}
:focus-visible{outline:1px solid currentColor;outline-offset:4px}
::selection{background:var(--bleu);color:var(--chaux)}

.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--encre);color:var(--chaux);padding:10px 16px}
.skip:focus{top:12px}

.eyebrow{font:400 .72rem/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.display{font:300 clamp(2.7rem,7.2vw,7rem)/1 var(--serif);letter-spacing:-.015em;text-wrap:balance}
.display em{font-weight:300}
.lead{font:300 clamp(1.55rem,2.6vw,2.3rem)/1.22 var(--serif);text-wrap:pretty}
figcaption{margin-top:12px;font-size:.84rem;letter-spacing:.02em;opacity:.72}
.parallax{overflow:hidden;height:100%}
.parallax img{height:112%;margin-top:-6%;will-change:transform}
.arch,.arch .parallax{border-radius:999px 999px 0 0}
[data-lines] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
[data-lines] .w>span{display:inline-block}

/* EN-TÊTE */
.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px var(--gutter);padding-top:max(18px,env(safe-area-inset-top));color:var(--encre);transition:transform .5s var(--ease),color .3s,background-color .3s}
.top.is-light{color:var(--chaux)}
.top.is-solid{background:color-mix(in srgb,var(--chaux) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.top.is-solid.is-light{background:color-mix(in srgb,var(--bleu) 90%,transparent)}
.top.is-hidden{transform:translateY(-105%)}
.top__name{font:400 1.3rem/1 var(--serif);letter-spacing:.01em}
.top__actions{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}
.top__book,.top__menu{font:400 .72rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:10px 0;position:relative}
.top__book::after,.top__menu::after{content:"";position:absolute;left:0;right:.22em;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
@media (hover:hover){.top__book:hover::after,.top__menu:hover::after{transform:scaleX(1);transform-origin:left}}

/* MENU */
.menu{position:fixed;inset:0;z-index:45;background:var(--bleu);color:var(--chaux);display:flex;flex-direction:column;justify-content:center;gap:clamp(32px,6vh,64px);padding:90px var(--gutter) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease);overflow:auto}
.menu[hidden]{display:none}
.menu.is-open{clip-path:inset(0)}
.menu a{display:block}
.menu ol a{font:300 clamp(2.4rem,7.5vh,5.6rem)/1.12 var(--serif)}
.menu ol span{font:400 .7rem/1 var(--sans);letter-spacing:.18em;margin-right:18px;vertical-align:middle;opacity:.6}
@media (hover:hover){.menu ol a{transition:padding-left .5s var(--ease)}.menu ol a:hover{padding-left:18px;font-style:italic}}
.menu__contact{display:flex;flex-wrap:wrap;gap:6px 32px;font-size:.95rem;opacity:.85}
body.menu-open .top{color:var(--chaux);background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body.menu-open .top__book{visibility:hidden}

/* ACCUEIL */
.hero{position:relative;color:var(--encre)}
.motion .hero{height:230vh;height:230svh}
.hero__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--chaux)}
.hero__title{position:absolute;inset:clamp(66px,11vh,110px) 0 auto;z-index:2;text-align:center;font:300 clamp(4.2rem,11.6vw,13rem)/.92 var(--serif);letter-spacing:-.025em;display:flex;justify-content:center;gap:.24em}
.hero__line{display:block;overflow:hidden;padding-bottom:.1em}
.hero__line>span{display:block}
.hero__side{position:absolute;bottom:clamp(28px,8vh,72px);z-index:2;font:400 .72rem/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.hero__side--l{left:var(--gutter)}
.hero__side--r{right:var(--gutter)}
.hero__media{position:absolute;inset:0;z-index:1;clip-path:inset(38% 33% 0% 33% round 17vw 17vw 0vw 0vw)}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(16 34 43/.55),transparent 42%);opacity:var(--veil,0)}
.hero__foot{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:clamp(30px,8vh,76px);color:var(--chaux);text-align:center;font:300 clamp(1.7rem,3.4vw,3.2rem)/1.1 var(--serif);text-wrap:balance;opacity:0}
.hero__cue{position:absolute;z-index:3;left:50%;bottom:18px;margin-left:-11px;color:var(--chaux)}
.hero__cue svg{width:22px;height:22px;animation:cue 2.6s var(--ease) infinite}
@keyframes cue{0%,100%{transform:translateY(-4px);opacity:.4}50%{transform:translateY(4px);opacity:1}}
html:not(.motion) .hero__media{clip-path:none}
html:not(.motion) .hero__title,html:not(.motion) .hero__side{color:var(--chaux);text-shadow:0 1px 30px rgb(16 34 43/.5)}
html:not(.motion) .hero__foot{opacity:1}

/* MANIFESTE */
.manifeste{padding:var(--section) var(--gutter);max-width:1500px;margin:auto}
.manifeste .eyebrow{margin-bottom:clamp(28px,4vw,48px)}
.manifeste__text{font:300 clamp(2.3rem,6.4vw,6.2rem)/1.08 var(--serif);letter-spacing:-.012em}

/* ENTRER */
.motion .entrer{height:460vh;height:460svh}
.entrer__stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);padding:0 var(--gutter)}
.motion .entrer__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.entrer__text{align-self:center}
.entrer__text .eyebrow{margin-bottom:28px}
.entrer__steps{display:grid}
.motion .step{grid-area:1/1;opacity:0}
.motion .step:first-child{opacity:1}
.step__n{display:block;font-size:.8rem;letter-spacing:.14em;margin-bottom:14px;color:var(--gris)}
.step h2{font:300 clamp(3rem,6.6vw,6.4rem)/1 var(--serif);letter-spacing:-.015em;margin-bottom:18px}
.step p{max-width:30em;font-size:1.1em}
.entrer__arch{position:relative;height:min(82vh,70vw);aspect-ratio:3/4.1;justify-self:end;max-width:100%;border-radius:999px 999px 0 0;overflow:hidden;background:var(--pierre)}
.entrer__arch img{position:absolute;inset:0;will-change:clip-path}
.motion .entrer__arch img:not(:first-child){clip-path:inset(100% 0 0 0)}

/* CHAMBRE */
.chambre{position:relative;color:var(--chaux);padding-block:var(--section)}
.chambre__bg{position:absolute;inset:0;background:var(--bleu)}
.chambre__inner{position:relative}
.chambre__head{padding:0 var(--gutter);margin-bottom:clamp(40px,7vw,96px)}
.chambre__head .eyebrow{margin-bottom:24px;color:var(--eau)}
.chambre__head .display{font-size:clamp(3rem,10vw,10.5rem);line-height:.96;max-width:9.5em}
.wide{height:clamp(320px,62vw,92vh)}
.chambre__intro{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:32px;padding:clamp(48px,8vw,120px) var(--gutter)}
.chambre__intro .lead{grid-column:1/8}
.chambre__intro>p:not(.lead){grid-column:8/13;align-self:end;opacity:.86}
.facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgb(245 242 236/.25);margin-top:clamp(16px,3vw,40px)}
.facts div{padding:20px 0 0}
.facts dt{font:400 .68rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.65;margin-bottom:8px}
.facts dd{font:300 clamp(2rem,4.4vw,4rem)/1 var(--serif)}
.mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,5vw,80px) 24px;padding:0 var(--gutter)}
.mosaic figure>.parallax{height:auto}
.mosaic__a{grid-column:1/5}.mosaic__a .parallax{aspect-ratio:3/4.2}
.mosaic__b{grid-column:6/13;margin-top:clamp(40px,10vw,160px)}.mosaic__b .parallax{aspect-ratio:4/4.6}
.mosaic__c{grid-column:2/6}.mosaic__c .parallax{aspect-ratio:3/4.4}
.mosaic__d{grid-column:7/13;margin-top:clamp(40px,8vw,120px)}.mosaic__d .parallax{aspect-ratio:1/1}
.mosaic .parallax img{height:112%}

/* LA MAISON */
.vivre{padding:var(--section) var(--gutter)}
.vivre__head{max-width:1240px;margin-bottom:clamp(48px,8vw,120px)}
.vivre__head .eyebrow{margin-bottom:24px;color:var(--tapis)}
.vivre__head .display{font-size:clamp(2.5rem,5.8vw,5.8rem);line-height:1.04}
.vivre__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(32px,6vw,96px) 24px;align-items:end}
.vivre__a{grid-column:1/7;aspect-ratio:3/4.2}
.vivre__text{grid-column:8/13}
.vivre__text .lead{margin-bottom:20px}
.vivre__b{grid-column:1/5}.vivre__b .parallax{aspect-ratio:3/4;height:auto}
.vivre__c{grid-column:6/13}.vivre__c .parallax{aspect-ratio:4/4.4;height:auto}

/* DEHORS */
.dehors{position:relative;color:var(--chaux)}
.motion .dehors{height:300vh;height:300svh}
.dehors__stage{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--bleu-nuit)}
.motion .dehors__stage{position:sticky;top:0}
.dehors__pool,.dehors__window{position:absolute;inset:0}
.dehors__window{transform-origin:50% 58%;will-change:transform,opacity}
html:not(.motion) .dehors__window{display:none}
.dehors__pool::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(16 34 43/.5),transparent 55%)}
.dehors__title{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(36px,9vh,90px)}
.motion .dehors__title{opacity:0}
.dehors__title .eyebrow{margin-bottom:16px}

/* JARDIN */
.jardin{padding:var(--section) var(--gutter) 0}
.jardin__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(32px,6vw,96px) 24px;align-items:end}
.jardin__text{grid-column:1/7}
.jardin__text .lead{margin-bottom:20px}
.jardin__a{grid-column:8/13;grid-row:1/3;aspect-ratio:3/4.3}
.jardin__b{grid-column:2/6}.jardin__b .parallax{aspect-ratio:3/3.6;height:auto}

/* UNE JOURNÉE */
.journee{padding-top:var(--section);overflow-x:clip}
.journee__stage{height:auto}
.journee__track{display:flex;gap:clamp(20px,3vw,48px);padding:0 var(--gutter);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.journee__track::-webkit-scrollbar{display:none}
.journee__intro{flex:0 0 min(78vw,560px);align-self:center;scroll-snap-align:start;scroll-margin-left:var(--gutter)}
.journee__intro .eyebrow{margin-bottom:20px;color:var(--ocre)}
.hour{flex:0 0 min(74vw,30vw + 180px);scroll-snap-align:center}
.hour img{aspect-ratio:3/4.2;height:auto}
.hour:nth-child(odd) img{border-radius:999px 999px 0 0}
.hour h3{display:flex;align-items:baseline;gap:14px;margin-top:16px;font:300 clamp(1.4rem,2vw,1.8rem)/1.2 var(--serif)}
.hour h3 span{flex:none;font:400 .76rem/1 var(--sans);letter-spacing:.14em;color:var(--tapis)}
@media (min-width:1024px) and (min-height:560px){
  .motion .journee{height:var(--journee-h,420vh);padding-top:0}
  .motion .journee__stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}
  .motion .journee__track{overflow:visible;width:max-content;will-change:transform}
  .motion .hour{flex-basis:auto;width:calc((100vh - 170px)*.71)}
  .motion .hour img{height:calc(100vh - 170px);aspect-ratio:auto}
}

/* INCLUS */
.inclus{padding:var(--section) var(--gutter)}
.inclus__head{margin-bottom:clamp(40px,6vw,80px)}
.inclus__head .eyebrow{margin-bottom:24px;color:var(--tapis)}
.inclus__list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--pierre)}
.inclus__list li{display:flex;align-items:center;gap:18px;padding:22px 16px 22px 0;border-bottom:1px solid var(--pierre)}
.inclus__list svg{flex:none;width:30px;height:30px;color:var(--bleu)}

/* AUTOUR */
.autour{padding:0 var(--gutter) var(--section)}
.autour__head{display:grid;gap:20px;margin-bottom:clamp(40px,6vw,80px)}
.autour__head .eyebrow{color:var(--tapis)}
.autour__list{border-top:1px solid var(--encre)}
.autour__list li{display:grid;grid-template-columns:5fr 5fr 1.6fr;align-items:baseline;gap:8px 24px;padding:clamp(14px,1.7vw,24px) 0;border-bottom:1px solid var(--pierre);transition:padding-left .5s var(--ease)}
.autour__place{font:300 clamp(1.6rem,3vw,2.9rem)/1.1 var(--serif)}
.autour__note{color:var(--gris)}
.autour__time{text-align:right;white-space:nowrap;font-size:.92rem}
@media (hover:hover){.autour__list li:hover{padding-left:18px}.autour__list li:hover .autour__place{font-style:italic}}
.autour__access{display:flex;align-items:center;gap:12px;margin-top:28px;color:var(--gris)}
.autour__access svg{flex:none;width:22px;height:22px}

/* RÉSERVER */
.reserver{background:var(--bleu);color:var(--chaux);padding:var(--section) var(--gutter) clamp(48px,6vw,80px)}
.reserver__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 24px}
.reserver__intro{grid-column:1/7}
.reserver .eyebrow{margin-bottom:24px;color:var(--eau)}
.reserver__intro .lead{margin:28px 0 24px;max-width:22em}
.price{opacity:.92;margin-bottom:36px}
.price strong{font:300 1.7em/1 var(--serif);white-space:nowrap}
.contact{border-top:1px solid rgb(245 242 236/.25)}
.contact li{border-bottom:1px solid rgb(245 242 236/.25)}
.contact a{display:flex;align-items:center;gap:16px;padding:15px 0;overflow-wrap:anywhere}
.contact svg{flex:none;width:24px;height:24px;color:var(--eau)}
.form{grid-column:8/13;display:grid;grid-template-columns:1fr 1fr;gap:26px 24px;align-content:start}
.field{display:grid;gap:6px;min-width:0}
.field--full,.form__error,.form__actions,.form__hint{grid-column:1/-1}
.field label{font:400 .68rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.field small{letter-spacing:.04em;text-transform:none;font-size:.95em}
.field input,.field select,.field textarea{width:100%;min-height:46px;padding:9px 0;background:transparent;border:0;border-bottom:1px solid rgb(245 242 236/.4);border-radius:0;font-size:17px;font-weight:300;color-scheme:dark;appearance:none;-webkit-appearance:none;transition:border-color .3s}
.field select option{color:var(--encre)}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-bottom-color:var(--chaux)}
.field textarea{resize:vertical}
.form__error{color:#F1BDB7;font-size:.95rem}
.form__error[hidden]{display:none}
.form__actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{flex:1 1 200px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 20px;background:var(--chaux);color:var(--bleu);border:1px solid var(--chaux);font-weight:400;font-size:.95rem;transition:background-color .35s,color .35s}
.btn svg{width:21px;height:21px}
.btn--ghost{background:none;color:var(--chaux);border-color:rgb(245 242 236/.5)}
@media (hover:hover){.btn:hover{background:var(--eau);border-color:var(--eau);color:var(--bleu-nuit)}}
.form__hint{font-size:.86rem;opacity:.7}
.conditions{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 24px;margin-top:clamp(64px,9vw,120px);padding-top:24px;border-top:1px solid rgb(245 242 236/.25);font-size:.92rem}
.conditions li{opacity:.85}
.conditions strong{display:block;font:300 1.35rem/1.2 var(--serif)}

/* PIED DE PAGE */
.foot{background:var(--bleu-nuit);color:var(--chaux);padding:clamp(40px,6vw,72px) var(--gutter) 24px;overflow:hidden}
.foot__name{font:300 clamp(3.2rem,13.3vw,15rem)/1 var(--serif);letter-spacing:-.025em;white-space:nowrap;text-align:center}
.foot__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:24px;font-size:.85rem;opacity:.75}
.foot__legal{text-decoration:underline;text-underline-offset:3px}

/* BARRE MOBILE */
.bar{display:none}

/* MENTIONS LÉGALES */
.legal{width:min(620px,calc(100vw - 32px));max-height:86vh;border:0;padding:clamp(28px,5vw,48px);background:var(--chaux);color:var(--encre)}
.legal::backdrop{background:rgb(22 48 60/.6)}
.legal h2{font:300 2.4rem/1.1 var(--serif);margin-bottom:12px}
.legal h3{font:400 .7rem/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:24px 0 8px}
.legal__close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center}
.legal__close svg{width:22px;height:22px}

/* TABLETTE ET MOBILE */
@media (max-width:760px){
  .top__book{display:none}
  .hero__title{flex-direction:column;gap:0;line-height:.88;font-size:21vw;top:clamp(72px,11vh,100px);inset-inline:0}
  .hero__media{clip-path:inset(40% 11% 0% 11% round 39vw 39vw 0vw 0vw)}
  .hero__side{display:none}
  .hero__foot{bottom:clamp(44px,9vh,80px)}

  .entrer__stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:18px;padding-top:calc(58px + 2vh);padding-bottom:calc(58px + 16px + env(safe-area-inset-bottom));align-items:stretch}
  html:not(.motion) .entrer__stage{padding-block:40px}
  .entrer__text{order:2;align-self:start;min-height:9.2em}
  .entrer__text .eyebrow{display:none}
  .entrer__arch{order:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;justify-self:stretch}
  html:not(.motion) .entrer__arch{height:120vw}
  .step__n{margin-bottom:6px}
  .step h2{font-size:2.5rem;margin-bottom:8px}
  .step p{font-size:1rem;line-height:1.45}

  .chambre__intro .lead,.chambre__intro>p:not(.lead){grid-column:1/-1}
  .facts{grid-template-columns:1fr 1fr}
  .facts div:nth-child(n+3){border-top:1px solid rgb(245 242 236/.25);margin-top:20px}
  .mosaic{row-gap:36px}
  .mosaic__a{grid-column:1/9}
  .mosaic__b{grid-column:3/13;margin-top:0}
  .mosaic__c{grid-column:1/9}
  .mosaic__d{grid-column:1/13;margin-top:0}

  .vivre__a{grid-column:1/-1}
  .vivre__text{grid-column:1/-1;grid-row:2}
  .vivre__b{grid-column:1/9}
  .vivre__c{grid-column:3/13}

  .jardin__text{grid-column:1/-1}
  .jardin__a{grid-column:2/13;grid-row:auto}
  .jardin__b{grid-column:1/9}

  .journee__intro{flex-basis:76vw}
  .hour{flex-basis:70vw}

  .inclus__list{grid-template-columns:1fr}
  .inclus__list li{padding:16px 0}

  .autour__list li{grid-template-columns:1fr auto}
  .autour__place{grid-column:1}
  .autour__time{grid-column:2;grid-row:1}
  .autour__note{grid-column:1/-1;font-size:.95rem}

  .reserver__intro,.form{grid-column:1/-1}
  .conditions{grid-template-columns:1fr 1fr}

  .bar{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:1fr 1fr 1.25fr;background:var(--chaux);border-top:1px solid var(--pierre);padding-bottom:env(safe-area-inset-bottom);transition:transform .5s var(--ease)}
  .bar.is-hidden{transform:translateY(105%)}
  .bar a{display:flex;align-items:center;justify-content:center;gap:8px;height:58px;font-size:.92rem;font-weight:400;color:var(--bleu)}
  .bar svg{width:21px;height:21px}
  .bar .bar__cta{background:var(--bleu);color:var(--chaux)}
}
@media (min-width:761px) and (max-width:1023px){
  .inclus__list{grid-template-columns:1fr 1fr}
  .autour__list li{grid-template-columns:1fr 1fr auto}
  .reserver__intro,.form{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero__cue svg{animation:none}
  .menu{transition:none}
}