/* Riad Aya : chaux, sable, encre, indigo du zellige, cèdre, ocre du plâtre sculpté.
   Alegreya (titres en italique, nav, prix, valeurs, citations) + Alegreya Sans (texte). Angles droits, filets 1 px. */
@font-face{font-family:"Alegreya";src:url(assets/fonts/alegreya.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya";src:url(assets/fonts/alegreya-italique.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(assets/fonts/alegreya-sans-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(assets/fonts/alegreya-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(assets/fonts/alegreya-sans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --chaux:#F7F4EE;--sable:#EEE6D8;--encre:#161A28;--indigo:#1E2947;--cedre:#7E4E2C;--cedre-f:#663E22;
  --ocre:#C9A465;--gris:#6B665F;--gris-c:#B9B2A6;
  --filet:rgba(22,26,40,.14);--filet-c:rgba(247,244,238,.18);
  --serif:"Alegreya",Georgia,"Times New Roman",serif;--sans:"Alegreya Sans",system-ui,-apple-system,sans-serif;
  --pad:clamp(20px,5vw,72px);--sec:clamp(88px,11vw,156px);--nav-h:84px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:150px}
body{margin:0;background:var(--chaux);color:var(--encre);font:300 1.125rem/1.66 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3{font-family:var(--serif);font-style:italic;font-weight:400;line-height:1.06;letter-spacing:-.005em;margin:0}
h2{font-size:clamp(2.3rem,4.4vw,3.7rem)}
h3{font-size:clamp(1.6rem,2.4vw,2rem)}
p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.etiq{display:block;font:500 .74rem/1.3 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gris)}
.fond-indigo .etiq,.fond-encre .etiq{color:var(--gris-c)}
.lead{font-size:clamp(1.15rem,1.5vw,1.3rem);line-height:1.6}
.prose>*+*{margin-top:1.05em}
.prose h2+*,.prose .etiq+h2{margin-top:.5em}
.prose h2+p{margin-top:1.3rem}
:focus-visible{outline:2px solid var(--ocre);outline-offset:3px}

/* ---------- boutons et liens ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:0 28px;
  font:500 .8rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;
  background:var(--cedre);color:var(--chaux);border:1px solid var(--cedre);transition:background .3s,border-color .3s,color .3s}
.btn:hover{background:var(--cedre-f);border-color:var(--cedre-f)}
.btn--clair{background:transparent;border-color:rgba(247,244,238,.75);color:var(--chaux)}
.btn--clair:hover{background:var(--chaux);color:var(--encre);border-color:var(--chaux)}
.btn--ocre{background:var(--ocre);border-color:var(--ocre);color:var(--encre)}
.btn--ocre:hover{background:#d8b77c;border-color:#d8b77c}
.btn--ligne{background:transparent;color:var(--encre);border-color:var(--encre)}
.btn--ligne:hover{background:var(--encre);color:var(--chaux)}
.lien{display:inline-flex;align-items:center;gap:.55em;font:italic 400 1.2rem/1.2 var(--serif);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:3px}
.lien svg,.fl{width:18px;height:10px;flex:none;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.lien:hover svg{transform:translateX(6px)}

/* ---------- motif : l'octogone du puits ---------- */
.motif{display:block;width:48px;height:48px;margin:0 auto 22px;color:var(--cedre);overflow:visible}
.motif path,.motif circle{fill:none;stroke:currentColor;stroke-width:1.3}
.motif circle{fill:currentColor;stroke:none}
.fond-indigo .motif,.fond-encre .motif,.ban .motif,.rsv .motif{color:var(--ocre)}
.a-tracer path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.6,.1,.2,1)}
.a-tracer path:nth-child(2){transition-delay:.25s}.a-tracer path:nth-child(3){transition-delay:.5s}
.a-tracer circle{transform:scale(0);transform-origin:center;transform-box:fill-box;transition:transform .6s .9s cubic-bezier(.2,.7,.2,1)}
.a-tracer.vu path{stroke-dashoffset:0}.a-tracer.vu circle{transform:none}
.a-monter{transform:translateY(18px);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.a-monter.vu{transform:none}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;color:var(--chaux);transition:background-color .45s,color .45s,border-color .45s;border-bottom:1px solid transparent}
.nav::before{content:"";position:absolute;inset:0 0 -56px;background:linear-gradient(rgba(12,15,26,.58),rgba(12,15,26,0));pointer-events:none;transition:opacity .45s}
.nav.est-solide{background:var(--chaux);color:var(--encre);border-bottom-color:var(--filet)}
.nav.est-solide::before,.nav.menu-open::before{opacity:0}
.nav__in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav-h);padding:0 var(--pad);transition:height .4s}
.nav.est-solide .nav__in{height:70px}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;position:relative;z-index:3;white-space:nowrap}
.logo svg{width:34px;height:34px;flex:none}
.logo svg path{fill:none;stroke:currentColor;stroke-width:1.5}
.logo svg circle{fill:currentColor}
.logo__nom{font:italic 500 1.75rem/1 var(--serif);letter-spacing:.005em}
.nav__links{display:flex;align-items:center;gap:clamp(22px,2.6vw,40px);list-style:none;margin:0;padding:0}
.nav__links a{font:400 1.12rem/1 var(--serif);text-decoration:none;padding:8px 0;border-bottom:1px solid transparent;transition:border-color .3s}
.nav__links a:hover{border-bottom-color:currentColor}
.nav__links a[aria-current]{border-bottom-color:var(--ocre)}
.nav__extra{display:none}
.nav__actions{display:flex;align-items:center;gap:22px}
.nav__lang{font:500 .76rem/1 var(--sans);letter-spacing:.22em;text-decoration:none;padding:8px 2px}
.btn-nav{min-height:44px;padding:0 22px;font:500 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;
  border:1px solid currentColor;transition:background .3s,color .3s}
.btn-nav:hover{background:var(--chaux);color:var(--encre)}
.nav.est-solide .btn-nav{background:var(--cedre);border-color:var(--cedre);color:var(--chaux)}
.nav.est-solide .btn-nav:hover{background:var(--cedre-f)}
.nav__burger{display:none;position:relative;z-index:3;width:44px;height:44px;align-items:center;justify-content:center}
.nav__burger span,.nav__burger span::before,.nav__burger span::after{display:block;width:26px;height:1.5px;background:currentColor;transition:transform .35s,background .2s}
.nav__burger span{position:relative}
.nav__burger span::before,.nav__burger span::after{content:"";position:absolute;left:0}
.nav__burger span::before{top:-8px}.nav__burger span::after{top:8px}
.nav.menu-open .nav__burger span{background:transparent}
.nav.menu-open .nav__burger span::before{transform:translateY(8px) rotate(45deg)}
.nav.menu-open .nav__burger span::after{transform:translateY(-8px) rotate(-45deg)}
@media (min-width:1081px){
  .nav__in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .nav__actions{justify-self:end}
}
@media (max-width:1080px){
  .nav__in{height:72px}
  .nav.est-solide .nav__in{height:64px}
  .logo__nom{font-size:1.55rem}
  .logo svg{width:30px;height:30px}
  .nav__actions{display:none}
  .nav__burger{display:inline-flex}
  .nav__links{position:fixed;inset:0;z-index:2;flex-direction:column;justify-content:center;gap:26px;
    background:var(--indigo);color:var(--chaux);padding:96px 24px 48px;text-align:center;
    transform:translateY(-100%);visibility:hidden;transition:transform .36s cubic-bezier(.2,.7,.2,1),visibility 0s linear .36s}
  .nav__links.nav-open{transform:none;visibility:visible;transition:transform .36s cubic-bezier(.2,.7,.2,1)}
  .nav__links a{font-size:2rem;font-style:italic}
  .nav__extra{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:18px}
  .nav__extra .btn{min-width:220px}
  .nav__extra .nav__lang{font-size:.8rem;font-style:normal}
  .nav.menu-open{color:var(--chaux)}
}

/* ---------- hero ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;color:var(--chaux);background:var(--encre)}
.hero__slides,.hero__slide,.hero__voile{position:absolute;inset:0}
.hero__slide{opacity:0;transition:opacity 1.8s ease}
.hero__slide.on{opacity:1}
.hero__slide img{width:100%;height:100%;object-fit:cover}
.hero__slide.on img{animation:poser 9s cubic-bezier(.2,.7,.2,1) both}
@keyframes poser{from{transform:scale(1.03)}to{transform:none}}
.hero__voile{background:radial-gradient(ellipse 34% 36% at 50% 60%,rgba(12,15,26,.5),rgba(12,15,26,0) 75%),
  linear-gradient(to top,rgba(12,15,26,.55),rgba(12,15,26,0) 32%)}
.hero__arc{--aw:min(470px,80vw);position:absolute;left:50%;top:clamp(96px,14vh,140px);bottom:calc(clamp(24px,4vh,40px) + 92px);width:var(--aw);transform:translateX(-50%)}
.hero__arc>svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 0 7px rgba(12,15,26,.55));
  clip-path:inset(0 0 0 0);animation:tracer 2s .2s cubic-bezier(.6,.1,.2,1) both}
.hero__arc>svg path{fill:none;stroke:var(--chaux);stroke-width:1.4;vector-effect:non-scaling-stroke}
.hero__arc>svg path+path{stroke-width:1}
@keyframes tracer{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.hero__txt{position:absolute;left:0;right:0;top:calc(var(--aw) * .53);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16%}
.hero__txt>*{animation:monte 1s cubic-bezier(.2,.7,.2,1) both}
.hero__txt>:nth-child(2){animation-delay:.14s}.hero__txt>:nth-child(3){animation-delay:.28s}
@keyframes monte{from{transform:translateY(18px)}to{transform:none}}
.hero h1{font-size:clamp(3rem,5vw,4.4rem);font-weight:500;line-height:.95;text-shadow:0 2px 18px rgba(12,15,26,.35)}
.hero__phrase{margin-top:18px;font-size:clamp(1.08rem,1.35vw,1.22rem);line-height:1.5;max-width:24ch;text-shadow:0 1px 12px rgba(12,15,26,.5)}
.hero__txt .btn{margin-top:28px}
.hero__ctl{position:absolute;right:var(--pad);bottom:calc(clamp(24px,4vh,40px) + 96px);display:flex;align-items:center;gap:4px;
  padding:4px 6px;border:1px solid rgba(247,244,238,.35);background:rgba(12,15,26,.28);font:500 .74rem/1 var(--sans);letter-spacing:.16em}
.hero__ctl button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}
.hero__ctl svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.hero__ctl output{padding:0 8px;min-width:68px;text-align:center}
.hero__ctl [data-pause] .lecture{display:none}
.hero__ctl.en-pause [data-pause] .pause{display:none}.hero__ctl.en-pause [data-pause] .lecture{display:block}

/* barre de dates */
.barre{position:absolute;left:50%;bottom:clamp(24px,4vh,40px);transform:translateX(-50%);z-index:2;width:min(880px,calc(100% - 2*var(--pad)));
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;background:var(--chaux);color:var(--encre)}
.barre label{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 22px;border-right:1px solid var(--filet);min-width:0}
.barre label span{font:500 .68rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.barre input,.barre select{font:400 1.1rem/1.2 var(--serif);color:var(--encre);background:transparent;border:0;padding:4px 0;width:100%;min-height:30px;
  -webkit-appearance:none;appearance:none;border-radius:0}
.barre input::-webkit-calendar-picker-indicator{opacity:.5}
.barre select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23161A28' stroke-width='1.3'/%3E%3C/svg%3E") right 2px center/12px 8px no-repeat}
.barre .btn{min-height:auto;height:100%;padding:0 34px}

/* faits pratiques */
.faits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--filet);background:var(--chaux)}
.fait{display:flex;align-items:center;gap:16px;padding:30px clamp(16px,2.4vw,36px);border-right:1px solid var(--filet);min-width:0}
.fait:last-child{border-right:0}
.fait svg{width:30px;height:30px;flex:none;fill:none;stroke:var(--cedre);stroke-width:1.2}
.fait b{display:block;font:400 1.3rem/1.2 var(--serif)}
.fait a{text-decoration:none}

/* sections */
.sec{padding:var(--sec) var(--pad)}
.fond-chaux{background:var(--chaux)}.fond-sable{background:var(--sable)}
.fond-indigo{background:var(--indigo);color:var(--chaux)}.fond-encre{background:var(--encre);color:var(--chaux)}
.sec__tete{max-width:740px;margin:0 auto clamp(48px,6vw,84px);text-align:center}
.sec__tete .etiq{margin-bottom:16px}
.sec__tete p{margin-top:1.3rem}
.large{max-width:1240px;margin:0 auto}

/* photo + incrustation */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,120px);align-items:center}
.duo--inv>:first-child{order:2}
.compo{position:relative;padding:0 9% 12% 0}
.compo__grand{overflow:hidden}
.compo__grand img{width:100%;height:100%;object-fit:cover}
.compo__petit{position:absolute;right:0;bottom:0;width:42%;border:10px solid var(--chaux);background:var(--chaux)}
.fond-sable .compo__petit{border-color:var(--sable);background:var(--sable)}
.compo__petit img{width:100%;aspect-ratio:4/5;object-fit:cover}
.legende{display:block;margin-top:10px;font:italic 400 .98rem/1.35 var(--serif);color:var(--gris)}
.fond-indigo .legende,.fond-encre .legende{color:var(--gris-c)}
.arc-photo{aspect-ratio:400/560;-webkit-mask:url(assets/arc-masque.svg) center/100% 100% no-repeat;mask:url(assets/arc-masque.svg) center/100% 100% no-repeat}
.cite-cote{margin-top:2.2rem;padding-left:22px;border-left:1px solid var(--ocre)}
.cite-cote q{display:block;font:italic 400 1.3rem/1.45 var(--serif);quotes:"«\00a0" "\00a0»" "“" "”"}
.cite-cote span{display:block;margin-top:8px;font:500 .72rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.zoom{overflow:hidden}
.zoom img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.zoom:hover img,a:hover>.zoom img,button:hover>.zoom img{transform:scale(1.05)}}

/* vitrine des chambres */
.vitrine{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:start}
.vitrine__photos{position:sticky;top:110px;aspect-ratio:5/4;overflow:hidden;background:var(--encre)}
.vitrine__photos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.vitrine__photos img.on{opacity:1}
.vitrine__liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--filet)}
.vitrine__liste li{border-bottom:1px solid var(--filet)}
.vitrine__ligne{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px 18px;align-items:baseline;width:100%;padding:22px 0;text-align:left;transition:padding .4s}
.vitrine__ligne .num{font:italic 400 1.05rem/1 var(--serif);color:var(--gris)}
.vitrine__ligne .nom{font:italic 400 1.65rem/1.15 var(--serif)}
.vitrine__ligne .meta{grid-column:2;font-size:1rem;color:var(--gris)}
.vitrine__ligne .prix{grid-row:1/3;grid-column:3;align-self:center;font:400 1.15rem/1.2 var(--serif);text-align:right;white-space:nowrap}
.vitrine__ligne .prix small{display:block;font:500 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}
.vitrine li.on .vitrine__ligne{padding-left:14px}
.vitrine li.on .num{color:var(--cedre)}
.vitrine__dem{display:none;margin:0 0 22px 62px;font:500 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--cedre);border-bottom:1px solid currentColor;padding-bottom:4px}
.vitrine li.on .vitrine__dem{display:inline-block}
.vitrine__pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:30px}
.note{font-size:.98rem;color:var(--gris)}
.fond-indigo .note,.fond-encre .note{color:var(--gris-c)}

/* moment : le puits octogonal */
.moment{position:relative;overflow:hidden}
.balustrade{display:block;width:100%;height:46px;color:var(--ocre);opacity:.75}
.balustrade--bas{transform:scaleY(-1)}
.moment .balustrade{position:absolute;left:0;right:0}
.moment .balustrade:first-child{top:0}.moment .balustrade--bas{bottom:0}
.moment__grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(48px,7vw,120px);align-items:center}
.octo{position:relative;padding:4% 4% 14% 4%}
.octo__cadre{position:relative;aspect-ratio:3/4}
.octo__photo{position:absolute;inset:0;clip-path:polygon(29.3% 0,70.7% 0,100% 22%,100% 78%,70.7% 100%,29.3% 100%,0 78%,0 22%);overflow:hidden}
.octo__photo img{width:100%;height:100%;object-fit:cover}
.octo__traits{position:absolute;inset:-4.2%;width:108.4%;height:108.4%;overflow:visible;color:var(--ocre)}
.octo__traits path{fill:none;stroke:currentColor;stroke-width:1}
.octo__petit{position:absolute;left:-2%;bottom:0;width:40%;border:10px solid var(--chaux);background:var(--chaux);color:var(--encre)}
.octo__petit img{width:100%;aspect-ratio:3/4;object-fit:cover}
.octo__petit .legende{color:var(--gris);font-size:.92rem;margin-top:8px}

/* avis, une citation à la fois */
.avis{text-align:center}
.avis__liste{list-style:none;margin:0 auto;padding:0;max-width:900px;display:grid}
.avis__liste li{grid-area:1/1;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.avis.js .avis__liste li{opacity:0;transform:translateY(12px);pointer-events:none}
.avis.js .avis__liste li.on{opacity:1;transform:none;pointer-events:auto}
.avis blockquote{margin:0}
.avis q{display:block;font:italic 400 clamp(1.7rem,3.2vw,2.6rem)/1.3 var(--serif);quotes:"«\00a0" "\00a0»" "“" "”"}
.avis cite{display:block;margin-top:26px;font:500 .76rem/1 var(--sans);font-style:normal;letter-spacing:.26em;text-transform:uppercase;color:var(--ocre)}
.avis__ctl{display:none;align-items:center;justify-content:center;gap:16px;margin-top:44px;font:500 .74rem/1 var(--sans);letter-spacing:.16em;color:var(--gris-c)}
.avis.js .avis__ctl{display:flex}
.avis__ctl button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--filet-c);color:var(--chaux);transition:border-color .3s}
.avis__ctl button:hover{border-color:var(--ocre)}
.avis__ctl svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.avis:not(.js) .avis__liste{gap:48px}

/* avantages de la réservation en direct */
.paliers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.palier{padding:38px clamp(18px,2.6vw,40px);border-right:1px solid var(--filet);text-align:center}
.palier:last-child{border-right:0}
.palier b{display:block;font:italic 400 clamp(2.2rem,3.6vw,3rem)/1 var(--serif);color:var(--cedre)}
.palier small{display:block;margin:10px 0 14px;font:500 .7rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.palier p{font-size:1.08rem;max-width:26ch;margin:0 auto}
.conditions{max-width:640px;margin:26px auto 0;text-align:center;font-size:.98rem;color:var(--gris)}

/* bande finale : réservez en direct, dans l'arc */
.final{text-align:center;padding-top:clamp(96px,12vw,160px);padding-bottom:clamp(96px,12vw,160px)}
.final__arc{position:relative;max-width:640px;margin:0 auto;padding:calc(min(640px,100%) * .34) clamp(28px,6vw,70px) clamp(40px,5vw,64px)}
.final__arc>svg:not(.motif){position:absolute;inset:0;width:100%;height:100%;color:var(--ocre);overflow:hidden}
.final__arc>svg:not(.motif) path{fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke}
.final__arc>svg.a-reveler{clip-path:inset(0 0 100% 0);transition:clip-path 2s cubic-bezier(.6,.1,.2,1)}
.final__arc>svg.a-reveler.vu{clip-path:inset(0 0 0 0)}
.final .motif{position:relative}
.final h2{font-size:clamp(2.1rem,3.4vw,2.8rem);max-width:12ch;margin:0 auto}
.final p{margin:1.3rem auto 0;max-width:30ch}
.final .btn{margin-top:34px}
.final .note{margin-top:20px}

/* bandeau de page */
.ban{position:relative;height:74vh;height:74svh;min-height:500px;max-height:820px;overflow:hidden;color:var(--chaux);background:var(--encre);display:flex;align-items:flex-end}
.ban picture,.ban picture img{position:absolute;inset:0;width:100%;height:100%}
.ban picture img{object-fit:cover;animation:poser-lent 16s cubic-bezier(.2,.7,.2,1) both}
@keyframes poser-lent{from{transform:scale(1.03)}to{transform:none}}
.ban::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,26,.62),rgba(12,15,26,.08) 55%,rgba(12,15,26,0))}
.ban__txt{position:relative;z-index:1;width:100%;padding:0 var(--pad) clamp(48px,8vh,84px);text-align:center;animation:monte 1.1s .1s cubic-bezier(.2,.7,.2,1) both}
.ban h1{font-size:clamp(3rem,6vw,5.2rem);font-weight:500}
.ban p{margin:16px auto 0;max-width:42ch;font-size:clamp(1.05rem,1.4vw,1.2rem)}

/* onglets des chambres (et chapitres de la galerie) */
.onglets{position:sticky;top:71px;z-index:40;background:var(--chaux);border-bottom:1px solid var(--filet)}
.onglets ul{display:flex;justify-content:center;gap:clamp(18px,3vw,44px);list-style:none;margin:0;padding:0 var(--pad);overflow-x:auto;scrollbar-width:none}
.onglets ul::-webkit-scrollbar{display:none}
.onglets a{display:flex;align-items:baseline;gap:8px;padding:20px 0 18px;white-space:nowrap;text-decoration:none;font:400 1.08rem/1 var(--serif);border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.onglets a span{font:italic 400 .92rem/1 var(--serif);color:var(--gris)}
.onglets a[aria-current="true"]{border-bottom-color:var(--cedre);color:var(--cedre)}

/* chambres en zigzag */
.ch{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);align-items:start;padding:clamp(72px,9vw,128px) var(--pad);max-width:1340px;margin:0 auto;border-bottom:1px solid var(--filet)}
.ch:nth-of-type(even) .ch__media{order:2}
.ch__media{position:sticky;top:150px}
.ch__grand{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sable)}
.ch__grand img{width:100%;height:100%;object-fit:cover}
.ch__voir{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px;
  background:var(--chaux);color:var(--encre);font:500 .72rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.ch__voir svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}
.ch__vign{display:flex;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
.ch__vign button{flex:none;width:84px;aspect-ratio:4/3;overflow:hidden;opacity:.62;outline-offset:2px;transition:opacity .3s;border:1px solid transparent}
.ch__vign button[aria-pressed="true"]{opacity:1;border-color:var(--cedre)}
.ch__vign img{width:100%;height:100%;object-fit:cover}
.ch__num{font:italic 400 1.15rem/1 var(--serif);color:var(--cedre)}
.ch h2{margin-top:12px;font-size:clamp(2.1rem,3.6vw,3rem)}
.ch__faits{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:28px 0 0;border-top:1px solid var(--filet);border-bottom:1px solid var(--filet)}
.ch__faits div{padding:16px 14px 16px 0}
.ch__faits dt{font:500 .66rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.ch__faits dd{margin:8px 0 0;font:400 1.2rem/1.2 var(--serif)}
.ch__txt>p{margin-top:24px}
.ch__table{width:100%;margin-top:22px;border-collapse:collapse;font-size:1.02rem}
.ch__table th{width:36%;padding:12px 12px 12px 0;text-align:left;vertical-align:top;font:500 .68rem/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gris);border-bottom:1px solid var(--filet)}
.ch__table td{padding:10px 0;border-bottom:1px solid var(--filet)}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:22px 0 0;padding:0}
.tags li{padding:7px 12px;border:1px solid var(--filet);font:500 .7rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.ch__prix{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--filet)}
.ch__prix b{display:block;font:400 1.6rem/1.1 var(--serif)}
.ch__prix small{display:block;margin-top:4px;font-size:.92rem;color:var(--gris)}
.dans{max-width:1040px;margin:0 auto}
.dans ol{list-style:none;counter-reset:d;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:0;padding:0}
.dans li{counter-increment:d;display:flex;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--filet);font-size:1.1rem}
.dans li::before{content:counter(d,decimal-leading-zero);font:italic 400 1rem/1 var(--serif);color:var(--cedre)}

/* la maison */
.chiffres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;margin:0 auto;border-top:1px solid var(--filet-c);border-bottom:1px solid var(--filet-c)}
.chiffres div{padding:36px 18px;text-align:center;border-right:1px solid var(--filet-c)}
.chiffres div:last-child{border-right:0}
.chiffres b{display:block;font:italic 400 clamp(2.6rem,4.4vw,3.8rem)/1 var(--serif);color:var(--ocre)}
.chiffres span{display:block;margin-top:12px;font-size:1rem;color:var(--gris-c)}
.mosaique{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,250px);gap:14px;max-width:1300px;margin:0 auto}
.mosaique figure{margin:0;overflow:hidden}
.mosaique figure:first-child{grid-column:span 2;grid-row:span 2}
.mosaique img{width:100%;height:100%;object-fit:cover}
.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;max-width:1040px;margin:0 auto}
.service{padding:28px 0;border-bottom:1px solid var(--filet)}
.service h3{font-size:1.55rem}
.service p{margin-top:10px;color:var(--gris)}
.autour{list-style:none;margin:0;padding:0;border-top:1px solid var(--filet)}
.autour li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--filet);font-size:1.1rem}
.autour b{font:400 1.12rem/1.3 var(--serif);white-space:nowrap}
.savoir{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;max-width:1160px;margin:0 auto}
.savoir div{padding:24px 0;border-top:1px solid var(--filet)}
.savoir dt{font:500 .7rem/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}
.savoir dd{margin:10px 0 0;font:400 1.15rem/1.45 var(--serif)}

/* galerie */
.chap{max-width:1340px;margin:0 auto;padding:clamp(64px,8vw,112px) var(--pad) 0}
.chap:last-of-type{padding-bottom:clamp(64px,8vw,112px)}
.chap__tete{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:32px;border-bottom:1px solid var(--filet);padding-bottom:18px}
.chap__tete span{font:italic 400 1.05rem/1 var(--serif);color:var(--gris)}
.tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tuiles figure{margin:0}
.tuiles figure:first-child{grid-column:span 2;grid-row:span 2}
.tuile{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--sable)}
.tuiles figure:first-child .tuile{aspect-ratio:auto;height:calc(100% - 44px)}
.tuile img{width:100%;height:100%;object-fit:cover}
.tuiles figcaption{display:flex;gap:12px;align-items:baseline;margin-top:10px;font-size:.98rem;color:var(--gris)}
.tuiles figcaption span{font:italic 400 .95rem/1 var(--serif);color:var(--cedre);white-space:nowrap}

/* contact */
.coord{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start;max-width:1240px;margin:0 auto}
.coord dl{margin:28px 0 0}
.coord dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--filet)}
.coord dt{font:500 .7rem/1.6 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}
.coord dd{margin:0;font:400 1.15rem/1.45 var(--serif)}
.coord dd a{text-decoration:none;border-bottom:1px solid var(--filet)}
.coord .btn{margin-top:30px}
.carte{border:1px solid var(--filet);background:var(--sable)}
.carte iframe{display:block;width:100%;height:440px;border:0}
.trajet{max-width:1100px;margin:0 auto}
.trajet__plan{background:var(--chaux);border:1px solid var(--filet);padding:clamp(12px,3vw,36px)}
.trajet__plan svg{display:block;width:100%;height:auto;overflow:visible}
.trajet__plan .mur{fill:none;stroke:var(--encre);stroke-width:1.4}
.trajet__plan .rue{fill:none;stroke:var(--gris-c);stroke-width:12;stroke-linecap:round;stroke-linejoin:round;opacity:.45}
.trajet__plan .chemin{fill:none;stroke:var(--cedre);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:2 9}
.trajet__plan .pt{fill:var(--cedre)}
.trajet__plan .trait{fill:none;stroke:var(--encre);stroke-width:1.3}
.trajet__plan text{font:500 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;fill:var(--gris)}
.trajet__plan text.fort{font:italic 400 17px var(--serif);letter-spacing:0;text-transform:none;fill:var(--encre)}
.trajet__plan .masque-trace{transition:stroke-dashoffset 2.6s cubic-bezier(.6,.1,.2,1)}
.etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:48px;list-style:none;padding:0;counter-reset:e}
.etapes li{counter-increment:e;padding-top:22px;border-top:1px solid var(--encre)}
.etapes li::before{content:counter(e,decimal-leading-zero);display:block;font:italic 400 1.1rem/1 var(--serif);color:var(--cedre);margin-bottom:12px}
.etapes h3{font-size:1.5rem}
.etapes p{margin-top:10px;color:var(--gris)}
.faq{max-width:860px;margin:clamp(56px,7vw,96px) auto 0;border-top:1px solid var(--filet)}
.faq details{border-bottom:1px solid var(--filet)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font:italic 400 1.35rem/1.3 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;flex:none;border-right:1.4px solid var(--cedre);border-bottom:1.4px solid var(--cedre);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details p{padding:0 0 24px;max-width:64ch;color:var(--gris)}

/* pied de page */
.pied{background:var(--encre);color:var(--chaux);padding:clamp(72px,9vw,120px) var(--pad) 36px}
.pied__haut{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:48px;max-width:1240px;margin:0 auto;padding-bottom:56px;border-bottom:1px solid var(--filet-c)}
.pied__nom{font:italic 500 clamp(3rem,6vw,4.6rem)/1 var(--serif)}
.pied__sous{display:block;margin-top:12px;font:500 .7rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--ocre)}
.pied__haut p{margin-top:22px;max-width:36ch;color:var(--gris-c)}
.pied__haut .btn{margin-top:28px}
.pied h3{font:500 .7rem/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--gris-c);margin-bottom:20px}
.pied ul{list-style:none;margin:0;padding:0}
.pied li+li{margin-top:10px}
.pied ul a,.pied address a{text-decoration:none;font:400 1.15rem/1.4 var(--serif)}
.pied ul a:hover,.pied address a:hover{color:var(--ocre)}
.pied address{font-style:normal;font:400 1.12rem/1.6 var(--serif)}
.pied__bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding-top:28px;font-size:.92rem;color:var(--gris-c)}
.pied__bas a{text-decoration:none}
.haut{display:inline-flex;align-items:center;gap:10px}
.haut svg{width:10px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}
.credit{font:500 .7rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;text-decoration:none}

/* visionneuse */
.vw{position:fixed;inset:0;z-index:160;display:none;align-items:center;justify-content:center;background:rgba(12,15,26,.96);color:var(--chaux)}
.vw.ouvert{display:flex}
.vw figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 160px)}
.vw img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);width:auto;height:auto;object-fit:contain}
.vw figcaption{margin-top:16px;display:flex;gap:16px;font:italic 400 1.05rem/1.3 var(--serif);color:var(--gris-c)}
.vw figcaption span{color:var(--ocre)}
.vw__btn{position:absolute;top:50%;width:54px;height:54px;margin-top:-27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--filet-c)}
.vw__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.vw__prec{left:24px}.vw__suiv{right:24px}
.vw__fermer{position:absolute;top:18px;right:18px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}
.vw__fermer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}

/* carte qui glisse (ordinateur) et barre de réservation (téléphone) */
.glisse{position:fixed;right:24px;bottom:24px;z-index:90;width:320px;padding:24px 24px 22px;background:var(--chaux);border:1px solid var(--filet);
  transform:translateY(calc(100% + 40px));transition:transform .8s cubic-bezier(.2,.7,.2,1);visibility:hidden}
.glisse.on{transform:none;visibility:visible}
.glisse .motif{width:30px;height:30px;margin:0 0 12px}
.glisse p{font:italic 400 1.25rem/1.35 var(--serif);padding-right:18px}
.glisse .btn{margin-top:16px;min-height:44px;width:100%}
.glisse__x{position:absolute;top:10px;right:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}
.glisse__x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.barre-mob{display:none}
@media (max-width:767px){
  .glisse{display:none}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .barre-mob{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;align-items:center;gap:14px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));
    background:var(--encre);color:var(--chaux);transform:translateY(110%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  .barre-mob.on{transform:none}
  .barre-mob p{flex:1;min-width:0;font:italic 400 1rem/1.25 var(--serif);color:var(--gris-c)}
  .barre-mob .btn{min-height:46px;padding:0 20px;flex:none}
}

/* fenêtre de réservation (booking-modal.md §1, déclarations reprises telles quelles) */
.rsv{position:fixed;inset:0;z-index:140;display:none;align-items:flex-start;justify-content:center;
  padding:24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.rsv.ouvert{display:flex}
.rsv__backdrop{position:fixed;inset:0;background:rgba(12,15,26,.72)}
.rsv__card{position:relative;display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-rows:minmax(0,1fr);
  width:min(980px,calc(100vw - 40px));margin:auto;
  max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);
  overflow:hidden;background:var(--chaux);color:var(--encre)}
.rsv__aside{min-height:0;overflow-y:auto;position:relative;background:var(--indigo);color:var(--chaux);display:flex;flex-direction:column;justify-content:flex-end}
.rsv__aside img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rsv__aside::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,15,26,.78),rgba(12,15,26,0) 60%)}
.rsv__aside div{position:relative;z-index:1;padding:32px}
.rsv__aside .motif{margin:0 0 14px;width:36px;height:36px}
.rsv__aside b{display:block;font:italic 500 2.2rem/1 var(--serif)}
.rsv__aside p{margin-top:10px;font-size:1rem;color:var(--sable)}
.rsv__body{display:flex;flex-direction:column;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;padding:34px clamp(22px,3.4vw,44px) 30px}
.rsv__body > *{flex-shrink:0}
.rsv__tete{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.rsv__tete h2{font-size:2.2rem}
.rsv__fermer{width:44px;height:44px;margin:-8px -10px 0 0;display:inline-flex;align-items:center;justify-content:center}
.rsv__fermer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.rsv__steps{display:flex;gap:6px;margin-top:14px}
.rsv__steps i{flex:1;height:2px;background:var(--filet);transition:background .4s}
.rsv__steps i.ok{background:var(--cedre)}
.rsv__bloc{margin-top:26px}
.rsv__bloc>.etiq{margin-bottom:12px}
.rsv__dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rsv__field{display:flex;flex-direction:column;gap:6px;font:500 .68rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.rsv__field input[type="date"]{-webkit-appearance:none;appearance:none;
  min-height:48px;line-height:1.3;padding:0 14px;
  background:#fff;border:1px solid var(--filet);font:400 16px/1.3 var(--sans);color:var(--encre);letter-spacing:0;text-transform:none;border-radius:0;width:100%}
.rsv__field input[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0}
.rsv__field input[type="date"]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
.rsv__nuits{margin-top:10px;font:italic 400 1.1rem/1.3 var(--serif);color:var(--cedre)}
.compteurs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cpt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border:1px solid var(--filet);background:#fff}
.cpt span{font-size:1.02rem}
.pas{display:inline-flex;align-items:center;gap:4px}
.pas button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--filet);font:400 1.2rem/1 var(--serif)}
.pas button:disabled{opacity:.3;cursor:default}
.pas output{min-width:26px;text-align:center;font:400 1.15rem/1 var(--serif)}
.rsv__packs{border-top:1px solid var(--filet)}
.rsv__pack{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--filet)}
.rsv__pack.choisi .rsv__nom{color:var(--cedre)}
.rsv__nom{font:italic 400 1.22rem/1.2 var(--serif)}
.rsv__meta{grid-column:1;font-size:.95rem;color:var(--gris)}
.rsv__pack .pas{grid-row:1/3;grid-column:2}
#rsv-compte{margin-top:10px;font-size:.95rem;color:var(--gris)}
.rsv__paliers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rsv__palier{padding:12px;border:1px solid var(--filet);font-size:.92rem;line-height:1.35;color:var(--gris);transition:border-color .3s,color .3s,background .3s}
.rsv__palier b{display:block;font:italic 400 1.05rem/1.2 var(--serif);color:var(--encre);margin-bottom:4px}
.rsv__palier.coche{border-color:var(--cedre);color:var(--encre);background:#fff}
.rsv__palier.coche b{color:var(--cedre)}
.rsv__palier.coche b::before{content:"";display:inline-block;width:6px;height:11px;margin-right:8px;border-right:1.6px solid var(--cedre);border-bottom:1.6px solid var(--cedre);transform:rotate(45deg) translateY(-2px)}
.rsv__geste{margin-top:12px;font:italic 400 1.08rem/1.35 var(--serif);color:var(--cedre)}
.rsv__total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid var(--encre)}
.rsv__total span{font:500 .7rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}
#rsv-total{font:400 1.45rem/1.2 var(--serif);text-align:right}
#rsv-hint{margin-top:8px;font-size:.95rem;color:var(--gris)}
.rsv__envoi{margin-top:24px}
.rsv__ctas{display:flex;gap:12px}
.rsv__ctas .btn{flex:1 1 200px;min-width:0}
.rsv__ctas .btn[aria-disabled="true"]{opacity:.4;pointer-events:none}
.rsv__note{margin-top:16px;font-size:.92rem;color:var(--gris)}
@media (max-width:1020px){
  .rsv__card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);
    max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}
  .rsv__aside{min-height:150px;max-height:32dvh}
  .rsv__aside div{padding:22px 26px}
}
@media (max-width:680px){
  .rsv{padding:0}
  .rsv__card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);width:100vw;margin:0;
    height:100vh;max-height:100vh;height:100dvh;max-height:100dvh}
  .rsv__packs{max-height:none}
  .rsv__aside{display:none}
  .rsv__paliers{grid-template-columns:1fr}
  .rsv__ctas{flex-direction:column}
  .rsv__ctas .btn{flex:0 0 auto}
}

/* ---------- tailles intermédiaires ---------- */
@media (max-width:1080px){
  .vitrine,.moment__grille,.coord{grid-template-columns:minmax(0,1fr)}
  .vitrine__photos{position:relative;top:auto}
  .ch{grid-template-columns:minmax(0,1fr)}
  .ch:nth-of-type(even) .ch__media{order:0}
  .ch__media{position:relative;top:auto}
  .pied__haut{grid-template-columns:1fr 1fr}
  .pied__haut>:first-child{grid-column:1/-1}
  .savoir{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  :root{--nav-h:72px}
  html{scroll-padding-top:130px}
  .hero__arc{--aw:84vw;top:92px;bottom:200px}
  .hero__txt{top:calc(var(--aw) * .55);padding:0 14%}
  .hero h1{font-size:clamp(2.6rem,12.4vw,3.4rem)}
  .hero__phrase{font-size:1.02rem}
  .hero__ctl{right:12px;top:82px;bottom:auto;font-size:.68rem}
  .hero__ctl [data-prec],.hero__ctl [data-suiv]{display:none}
  .barre{bottom:16px;width:calc(100% - 32px);grid-template-columns:1fr 1fr}
  .barre label{padding:10px 14px;border-bottom:1px solid var(--filet)}
  .barre label:nth-child(2){border-right:0}
  .barre .btn{min-height:52px}
  .faits{grid-template-columns:1fr 1fr}
  .fait{padding:22px 16px;border-bottom:1px solid var(--filet)}
  .fait:nth-child(2){border-right:0}
  .fait:nth-child(n+3){border-bottom:0}
  .fait svg{width:24px;height:24px}
  .fait b{font-size:1.1rem}
  .duo{grid-template-columns:minmax(0,1fr)}
  .duo--inv>:first-child{order:0}
  .vitrine__ligne{grid-template-columns:34px minmax(0,1fr) auto;padding:18px 0}
  .vitrine__ligne .nom{font-size:1.35rem}
  .vitrine__dem{margin-left:52px}
  .paliers{grid-template-columns:1fr}
  .palier{border-right:0;border-bottom:1px solid var(--filet)}
  .palier:last-child{border-bottom:0}
  .dans ol,.services{grid-template-columns:1fr}
  .chiffres{grid-template-columns:1fr 1fr}
  .chiffres div:nth-child(2){border-right:0}
  .chiffres div:nth-child(-n+2){border-bottom:1px solid var(--filet-c)}
  .mosaique{grid-template-columns:1fr 1fr;grid-auto-rows:42vw}
  .savoir{grid-template-columns:1fr}
  .tuiles{grid-template-columns:1fr 1fr;gap:12px}
  .tuiles figure:first-child{grid-row:auto}
  .tuiles figure:first-child .tuile{aspect-ratio:4/3;height:auto}
  .tuiles figcaption{font-size:.88rem;flex-direction:column;gap:4px}
  .coord dl div{grid-template-columns:1fr;gap:6px}
  .carte iframe{height:320px}
  .etapes{grid-template-columns:1fr;gap:28px}
  .pied__haut{grid-template-columns:minmax(0,1fr)}
  .onglets{top:65px}
  .onglets ul{justify-content:flex-start}
  .vw figure{max-width:100vw}
  .vw__btn{top:auto;bottom:18px;margin-top:0}
  .octo__petit{width:46%}
}
@media (max-width:767px) and (max-height:700px){
  .hero__txt .btn{display:none}
  .hero__arc{top:84px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero__slide:not(:first-child){display:none}
  .hero__slide:first-child{opacity:1}
  .hero__ctl{display:none}
  .a-tracer path{stroke-dashoffset:0}.a-tracer circle{transform:none}
  .a-monter{transform:none}
  .final__arc>svg.a-reveler{clip-path:none}
}