

/*!
   Bonjour à vous qui lisez la feuille de styles.

                 |
                _|_
            /\_/   \_
         __/         \___

   Rien à gagner ici, et rien d'utile non plus : quelques détails se sont
   glissés dans ces pages, pour qui clique là où il n'y a rien à cliquer.
   (Pour la maintenance : ils sont décrits en section 39.)
*/

@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:400 500;
  font-display:swap;
  src:url('polices/newsreader.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:'Source Sans 3';
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
  src:url('polices/source-sans-3.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{

  --c-bg:#FAF8F4;
  --c-bg-alt:#EDEAE4;

  --c-ink:#FAF8F4;
  --c-ink-soft:#EFEDE7;

  --c-fonce:#232A38;

  --c-gold:#DBC7A9;
  --c-gold-deep:#C7B192;

  --c-accent:#F4E6CE;
  --c-accent-deep:#FBF3E4;
  --c-accent-wash:#EFE3D2;

  --c-accent-fonce:#7A5B2E;

  --c-navy:#182A4F;
  --c-navy-deep:#0F1C36;

  --c-plein:#0F1C36;

  --c-line:#CDD2DC;
  --c-photo-slot:#D9D2CA;

  --f-display:"Newsreader",Georgia,"Times New Roman",serif;
  --f-text:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --fs-h1:clamp(2.375rem,1.6rem + 3.3vw,4rem);
  --fs-h2:clamp(1.875rem,1.4rem + 2vw,2.75rem);
  --fs-h3:clamp(1.5rem,1.3rem + .8vw,1.875rem);
  --fs-h4:1.375rem;
  --fs-lead:clamp(1.25rem,1.15rem + .5vw,1.5rem);
  --fs-body:clamp(1.125rem,1.08rem + .2vw,1.1875rem);
  --fs-ui:1.125rem;
  --fs-small:.9375rem;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  --section-y:clamp(80px,9vw,128px);

  --fondu:clamp(160px,14vw,224px);

  --fond-site:url("fond-photo-clocher-1200.webp");

  --voile-fond:rgba(250,248,244,0);

  --a-plaque:0;
  --a-tarif:0;
  --a-emplacement:0;
  --plaque-creme:rgba(250,248,244,var(--a-plaque));
  --plaque-creme-0:rgba(250,248,244,0);
  --plaque-beige:rgba(237,234,228,var(--a-plaque));
  --plaque-beige-0:rgba(237,234,228,0);

  --teinte-25:color-mix(in oklab, var(--c-bg-alt) 15.6%, var(--c-bg));
  --teinte-75:color-mix(in oklab, var(--c-bg-alt) 84.4%, var(--c-bg));
  --section-y-lg:clamp(112px,13vw,180px);
  --gutter:clamp(20px,5vw,80px);

  --gutter:calc(clamp(20px,5vw,80px) + max(env(safe-area-inset-left),env(safe-area-inset-right)));
  --container:1280px;
  --radius:20px;
}

.header,
.menu__panel,
.sommaire,
.barre-action,
.morpion__cadre,
.rdvp__cadre{
  --c-ink:#232A38;
  --c-ink-soft:#555C69;
  --c-accent:#7A5B2E;
  --c-accent-deep:#5F4722;
}

*,*::before,*::after{box-sizing:border-box}

body{
  margin:0;

  background:var(--c-fonce);
  color:var(--c-ink);
  font-family:var(--f-text);
  font-size:var(--fs-body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;

  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;

  -webkit-tap-highlight-color:rgba(250,248,244,.18);

  overflow-wrap:break-word;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  transform:translateZ(0);
  background:
    linear-gradient(var(--voile-fond), var(--voile-fond)),
    linear-gradient(to bottom, var(--voile-sombre)),
    var(--fond-site) 73.5% 50% / cover no-repeat var(--c-fonce);
}

:root{ --voile-sombre:rgba(0,0,0,.33) 0%,rgba(0,0,0,.35) 5%,rgba(0,0,0,.36) 10%,rgba(0,0,0,.38) 15%,rgba(0,0,0,.63) 20%,rgba(0,0,0,.63) 25%,rgba(0,0,0,.63) 30%,rgba(0,0,0,.62) 35%,rgba(0,0,0,.62) 40%,rgba(0,0,0,.61) 45%,rgba(0,0,0,.61) 50%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.62) 60%,rgba(0,0,0,.64) 65%,rgba(0,0,0,.64) 70%,rgba(0,0,0,.64) 75%,rgba(0,0,0,.64) 80%,rgba(0,0,0,.64) 85%,rgba(0,0,0,.64) 90%,rgba(0,0,0,.63) 95%,rgba(0,0,0,.63) 100%; }
@media (min-width:700px){  :root{ --voile-sombre:rgba(0,0,0,.34) 0%,rgba(0,0,0,.36) 5%,rgba(0,0,0,.38) 10%,rgba(0,0,0,.39) 15%,rgba(0,0,0,.63) 20%,rgba(0,0,0,.63) 25%,rgba(0,0,0,.63) 30%,rgba(0,0,0,.63) 35%,rgba(0,0,0,.63) 40%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.62) 50%,rgba(0,0,0,.63) 55%,rgba(0,0,0,.63) 60%,rgba(0,0,0,.63) 65%,rgba(0,0,0,.63) 70%,rgba(0,0,0,.64) 75%,rgba(0,0,0,.64) 80%,rgba(0,0,0,.64) 85%,rgba(0,0,0,.64) 90%,rgba(0,0,0,.63) 95%,rgba(0,0,0,.63) 100% } }
@media (min-width:1100px){ :root{ --voile-sombre:rgba(0,0,0,.37) 0%,rgba(0,0,0,.38) 5%,rgba(0,0,0,.39) 10%,rgba(0,0,0,.63) 15%,rgba(0,0,0,.63) 20%,rgba(0,0,0,.64) 25%,rgba(0,0,0,.64) 30%,rgba(0,0,0,.64) 35%,rgba(0,0,0,.64) 40%,rgba(0,0,0,.63) 45%,rgba(0,0,0,.63) 50%,rgba(0,0,0,.63) 55%,rgba(0,0,0,.62) 60%,rgba(0,0,0,.62) 65%,rgba(0,0,0,.63) 70%,rgba(0,0,0,.63) 75%,rgba(0,0,0,.64) 80%,rgba(0,0,0,.64) 85%,rgba(0,0,0,.64) 90%,rgba(0,0,0,.64) 95%,rgba(0,0,0,.64) 100% } }
@media (min-width:1900px){ :root{ --voile-sombre:rgba(0,0,0,.63) 0%,rgba(0,0,0,.64) 5%,rgba(0,0,0,.64) 10%,rgba(0,0,0,.64) 15%,rgba(0,0,0,.64) 20%,rgba(0,0,0,.64) 25%,rgba(0,0,0,.63) 30%,rgba(0,0,0,.63) 35%,rgba(0,0,0,.63) 40%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.63) 50%,rgba(0,0,0,.63) 55%,rgba(0,0,0,.63) 60%,rgba(0,0,0,.63) 65%,rgba(0,0,0,.63) 70%,rgba(0,0,0,.63) 75%,rgba(0,0,0,.63) 80%,rgba(0,0,0,.63) 85%,rgba(0,0,0,.64) 90%,rgba(0,0,0,.64) 95%,rgba(0,0,0,.64) 100% } }

@media (min-width:700px){ :root{ --fond-site:url("fond-photo-clocher-1800.webp") } }

@media (min-width:1400px) and (min-resolution:1.5dppx){ :root{ --fond-site:url("fond-photo-clocher.webp") } }
@media (min-width:1900px){ :root{ --fond-site:url("fond-photo-clocher.webp") } }

@media (max-width:699px) and (min-resolution:2dppx){
  :root{ --fond-site:url("fond-photo-clocher-1800.webp") }
}

img,video{max-width:100%;height:auto;display:block}

[hidden]{display:none !important}
h1,h2,h3{font-family:var(--f-display);font-weight:400;color:var(--c-ink);margin:0}
h1{font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.01em}
h2{font-size:var(--fs-h2);line-height:1.15}
h3{font-size:var(--fs-h3);line-height:1.25;font-weight:500}
p{margin:0 0 var(--s-5)}
p:last-child{margin-bottom:0}

a{
  color:var(--c-accent);text-decoration-thickness:1px;text-underline-offset:3px;
  transition:color .2s ease,text-decoration-thickness .2s ease,text-underline-offset .2s ease;
}
a:hover{color:var(--c-accent-deep);text-decoration-thickness:2px;text-underline-offset:5px}

a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:3px solid var(--c-accent-deep);
  outline-offset:3px;
  border-radius:4px;
}

.hors-ecran{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px;
}

.skip{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--c-fonce);color:var(--c-bg);padding:var(--s-3) var(--s-5);
}
.skip:focus{left:var(--s-4);top:var(--s-4)}

.container{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}
.section{
  padding-block:var(--section-y);

  --p:var(--plaque-creme);
  --p0:var(--plaque-creme-0);
  --fondu-plaque:var(--section-y);
  background:linear-gradient(
    var(--p0) 0,
    var(--p0) calc(var(--fondu-plaque) * .5),
    var(--p) var(--fondu-plaque),
    var(--p) calc(100% - var(--fondu-plaque)),
    var(--p0) calc(100% - var(--fondu-plaque) * .5),
    var(--p0) 100%
  );
}
.section--lg{padding-block:var(--section-y-lg);--fondu-plaque:var(--section-y-lg)}

.section--alt{--p:var(--plaque-beige);--p0:var(--plaque-beige-0)}

.measure{max-width:68ch}

.crete{
  border:0;height:48px;width:min(332px,86%);margin:0 auto;
  background:
    url("motif-ventoux.webp") no-repeat center bottom / auto 100%,
    linear-gradient(var(--c-line),var(--c-line)) no-repeat left  bottom / calc(50% - 46px) 1px,
    linear-gradient(var(--c-line),var(--c-line)) no-repeat right bottom / calc(50% - 46px) 1px;
}

.overline{
  font-size:1rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--c-accent);
  margin:0 0 var(--s-4);
}
.lead{font-size:var(--fs-lead);line-height:1.6;color:var(--c-ink-soft)}
.section__head{max-width:60ch;margin-bottom:var(--s-8)}
.section__head p{margin-top:var(--s-5)}

@media (min-width:1024px){
  .section__head--large{
    max-width:none;
    display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);

    grid-template-rows:auto 1fr;
    column-gap:var(--s-9);
  }
  .section__head--large>.overline{grid-column:1;grid-row:1}
  .section__head--large>h2{grid-column:1;grid-row:2}
  .section__head--large>.lead{
    grid-column:2;grid-row:1 / span 2;align-self:end;
    margin-top:0;max-width:52ch;
  }
}

.section__head h2::after,
.praticien__inner h2::after,
.honoraires__titre::after,
.card h3::after{
  content:"";display:block;width:28px;height:2px;
  background:var(--c-gold);margin-top:var(--s-4);
}
.praticien__inner h2::after{margin-inline:auto}

.placeholder{
  background:rgba(250,248,244,.05);
  box-shadow:0 0 0 1px rgba(250,248,244,.35);
  border-radius:4px;
  padding:0 .25em;
}

.photo-slot{
  display:grid;place-items:center;text-align:center;

  background:color-mix(in srgb,var(--c-photo-slot) calc(var(--a-emplacement) * 100%),transparent);
  color:var(--c-ink);
  font-size:var(--fs-small);font-weight:600;line-height:1.4;
  padding:var(--s-5);border-radius:var(--radius);
  aspect-ratio:4/3;

  width:100%;
}
.photo-slot--portrait{aspect-ratio:3/4}
.photo-slot--wide{aspect-ratio:16/9}

.plan{
  display:block;width:100%;aspect-ratio:16/9;
  border:0;border-radius:var(--radius);
}

.carte{position:relative}
.carte__voile{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--s-5);width:100%;aspect-ratio:16/9;
  padding:var(--s-5);border-radius:var(--radius);
  background:transparent;box-shadow:inset 0 0 0 1px var(--c-line);
  text-align:center;
}

.carte__adresse{margin:0;font-weight:600;color:var(--c-ink)}
.carte__texte{max-width:46ch;margin:0;color:var(--c-ink-soft)}

.carte__note{max-width:46ch;margin:0;color:var(--c-ink-soft)}

.carte__note a{display:inline-block;padding-block:11px}

@media (max-width:599px){
  .carte__voile{aspect-ratio:auto;min-height:280px}
}

.lien-consentement{
  appearance:none;background:none;border:0;
  padding:12px var(--s-5) 12px 0;
  font:inherit;color:var(--c-bg);text-decoration:none;cursor:pointer;
  min-height:44px;text-align:left;
}
.lien-consentement:hover,
.lien-consentement:focus-visible{text-decoration:underline}
.footer__consentement{margin-bottom:0}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);
  min-height:52px;padding:14px 28px;border-radius:999px;
  font-family:var(--f-text);font-size:var(--fs-ui);font-weight:600;line-height:1;
  text-decoration:none;border:0;cursor:pointer;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}

.btn--primary{background:var(--c-gold);color:var(--c-fonce);
  box-shadow:inset 0 0 0 1px var(--c-accent)}
.btn--primary:hover{background:var(--c-gold-deep);color:var(--c-fonce)}
.btn--ghost{background:transparent;color:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line)}
.btn--ghost:hover{color:var(--c-accent-deep);box-shadow:inset 0 0 0 1px var(--c-accent-deep)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-7)}

.cta-outil{
  position:relative;display:block;
  width:clamp(300px,26vw,360px);aspect-ratio:420/64;
  text-decoration:none;
}
.cta-outil__dessin{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  color:var(--c-navy);transition:color .2s ease;
}
.cta-outil__mot{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--c-bg);font-family:var(--f-text);font-size:var(--fs-ui);font-weight:600;line-height:1;
}

.cta-outil__combine{display:none}
.cta-outil:hover .cta-outil__dessin{color:var(--c-navy-deep)}
.cta-outil:focus-visible{outline-offset:6px;border-radius:999px}

.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--c-bg);border-bottom:1px solid var(--c-line);
  transition:background-color .3s ease,border-color .3s ease;
}

.header.is-over-hero{background:var(--c-bg);border-color:var(--c-line)}
.header__inner{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:var(--s-5);min-height:88px;max-width:none;
}
.header__logo{
  display:inline-flex;align-items:center;min-height:44px;
  text-decoration:none;color:var(--c-ink);
}

.logo{
  --logo-l:72px;
  --logo-h-plein:calc(var(--logo-l) * 354 / 336);
  position:relative;display:block;width:var(--logo-l);
}
.logo__teinte{display:block}
.logo img{display:block;width:100%;height:auto}

.logo .logo__b1{aspect-ratio:336/176}
.logo .logo__b2{aspect-ratio:336/101}
.logo .logo__b3{aspect-ratio:336/77}

.logo__mot{display:block;overflow:hidden}
.logo__mot img{transition:transform .6s cubic-bezier(.4,0,.2,1)}

@media (max-width:1023px){.logo__mot{display:none}}

@media (min-width:1024px){

  .header__inner{
    min-height:150px;
    transition:min-height .6s cubic-bezier(.4,0,.2,1) .2s;
  }
  .logo{
    --logo-l:120px;
    --logo-l-petit:78px;
    height:var(--logo-h-plein);overflow:hidden;
    transition:width .6s cubic-bezier(.4,0,.2,1) .1s,
               height .6s cubic-bezier(.4,0,.2,1) .1s;
  }
  .header.a-quitte-le-hero .header__inner{min-height:88px}
  .header.a-quitte-le-hero .logo{
    width:var(--logo-l-petit);
    height:calc(var(--logo-l-petit) * 277 / 336);
  }
  .header.a-quitte-le-hero .logo__mot img{transform:translateY(-100%)}
}
.header__actions{display:none;align-items:center;gap:var(--s-5)}
@media (min-width:768px){.header__actions{display:flex}}

@media (min-width:360px) and (max-width:767px){
  .header__actions{display:flex}
  .cta-outil__dessin{display:none}
  .cta-outil{
    display:flex;align-items:center;justify-content:center;
    width:auto;aspect-ratio:auto;min-height:44px;
    padding-inline:clamp(10px, 2.8vw, 16px);
    background:var(--c-navy);border-radius:999px;
  }

  .cta-outil__mot{position:static;white-space:nowrap;font-size:min(var(--fs-ui),5.2vw)}
}

@media (max-width:359px){
  .header__actions{display:flex}
  .cta-outil__dessin{display:none}
  .cta-outil{
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;aspect-ratio:auto;
    background:var(--c-navy);border-radius:999px;color:var(--c-bg);
  }
  .cta-outil__combine{display:block;width:22px;height:22px;fill:currentColor}
  .cta-outil__mot{
    position:absolute;inset:auto;width:1px;height:1px;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;
  }
}

.menu{position:absolute;left:50%;margin-left:-30px;top:0;z-index:110}
@media (max-width:767px){.menu{margin-left:-24px}}

.menu>summary{
  position:relative;display:block;width:60px;height:140px;
  background:var(--c-navy);cursor:pointer;list-style:none;
}
.menu>summary::-webkit-details-marker{display:none}
.menu[open]>summary{z-index:106}
.menu__icon{
  position:absolute;top:40px;left:50%;transform:translateX(-50%);
  display:block;width:30px;height:10px;
}
.menu__icon span{
  position:absolute;left:0;display:block;width:100%;height:2px;
  background:var(--c-bg);transition:width .6s cubic-bezier(.4,0,.2,1);
}
.menu__icon span:first-child{top:0;width:50%}
.menu__icon span:last-child{top:100%;margin-top:-2px}
.menu>summary:hover .menu__icon span{width:100%}

.menu[open] .menu__icon span{
  top:50%;margin-top:-1px;width:100%;
  transition:width .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1);
}
.menu[open] .menu__icon span:first-child{transform:rotate(45deg)}
.menu[open] .menu__icon span:last-child{transform:rotate(-45deg)}

.menu__label{
  position:absolute;bottom:16px;left:50%;
  transform-origin:left center;transform:rotate(-90deg);
  color:var(--c-bg);font-size:min(var(--fs-small),16px);font-weight:600;
  letter-spacing:1px;text-transform:uppercase;white-space:nowrap;
  transition:letter-spacing .3s cubic-bezier(.4,0,.2,1);
}
.menu>summary:hover .menu__label{letter-spacing:2.5px}

@media (max-width:767px){
  .menu>summary{width:48px;height:112px}
  .menu__icon{width:24px;top:28px}
  .menu__label{bottom:12px}
}
.menu__panel{
  position:fixed;inset:0;z-index:105;
  display:flex;flex-direction:column;align-items:center;
  gap:var(--s-4);background:var(--c-bg);padding:var(--s-9) var(--gutter);

  justify-content:safe center;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.menu__panel a{
  font-family:var(--f-display);font-size:clamp(1.75rem,1.2rem + 2.2vw,2.5rem);
  color:var(--c-ink);text-decoration:none;line-height:1.3;
  padding:var(--s-2) var(--s-4);
}
.menu__panel a:hover{color:var(--c-accent)}

@media (max-height:600px){
  .menu__panel{padding-block:var(--s-5);gap:var(--s-2)}
  .menu__panel a{font-size:1.5rem}
}

[id]{scroll-margin-top:104px}

.hero{
  position:relative;overflow:hidden;

  --p:var(--plaque-beige);
  --p0:var(--plaque-beige-0);
  background:linear-gradient(
    var(--p) calc(100% - var(--fondu)),
    var(--p0) 100%
  );
  color:var(--c-ink);
  padding-block:calc(88px + var(--section-y)) var(--section-y);
}

.hero__texte{position:relative;z-index:1;max-width:36rem}
.hero__sous{margin-top:var(--s-5);max-width:42ch}

.hero__actions{margin-top:var(--s-6)}

.hero__actions .btn{line-height:1.25;text-align:center}

.hero__texte h1{font-size:clamp(2rem,1.4rem + 1.8vw,2.75rem)}

.hero__mosaic{display:grid;gap:var(--s-5);margin-top:var(--s-8)}
@media (max-width:639px){
  .hero__mosaic{
    display:block;position:relative;
    aspect-ratio:1 / 1.34;
    margin-top:var(--s-7);
  }
  .hero__mosaic .photo,
  .hero__mosaic .photo-slot{position:absolute;height:auto;aspect-ratio:4 / 3}

  .hero__mosaic .m1{left:0;      top:0;    width:66%}
  .hero__mosaic .m2{right:0;     top:26%;  width:64%;z-index:2}
  .hero__mosaic .m3{left:6%;     bottom:0; width:62%}
}
.hero__mosaic .photo-slot{border-radius:0}

.photo{display:block;width:100%;height:100%;object-fit:cover}
.hero__mosaic .photo{border-radius:0}
.photo--portrait{aspect-ratio:3/4;height:auto;border-radius:var(--radius)}
@media (min-width:640px){.hero__mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:1024px){
  .hero{
    display:flex;align-items:center;min-height:100svh;
    padding-block:calc(88px + var(--s-8)) var(--s-9);

    background:radial-gradient(115% 108% at 4% 50%, var(--p) 42%, var(--p0) 78%);
  }

  .hero__texte{max-width:46%}
  .hero__mosaic{
    position:absolute;inset:0 0 0 50%;margin:0;display:block;pointer-events:none;
  }
  .hero__mosaic .photo-slot,
  .hero__mosaic .photo{position:absolute;aspect-ratio:auto}

  .hero__mosaic .photo,
  .hero__mosaic .photo-slot{height:auto;aspect-ratio:4 / 3}

  .hero__mosaic .m3{left:60%; top:18%; width:40%}
  .hero__mosaic .m1{left:0;   top:30%; width:54%}
  .hero__mosaic .m2{left:32%; top:58%; width:52%;z-index:2}
}

.ouverture__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-7)}
.ouverture .lead{margin-top:var(--s-5)}

.ouverture__plaque{display:none}

@media (min-width:900px){

  .ouverture__inner{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:var(--s-9);align-items:center;
  }
  .ouverture .lead{max-width:46ch}
  .ouverture__plaque{
    display:block;aspect-ratio:3/4;border-radius:var(--radius);

    box-shadow:0 0 0 1px var(--c-line);
    position:relative;overflow:hidden;
  }

  .ouverture__plaque::after{
    content:"";position:absolute;inset:auto 0 12% 0;
    height:34%;
    background:url("motif-ventoux.webp") no-repeat center bottom / auto 100%;
    opacity:.14;
  }
}

.ouverture__reperes{
  list-style:none;margin:var(--s-7) 0 0;padding:var(--s-6) 0 0;
  border-top:1px solid var(--c-line);
  display:grid;gap:var(--s-5);
}
@media (min-width:560px){
  .ouverture__reperes{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}
}
.ouverture__reperes dt,
.ouverture__reperes b{
  display:block;font-size:1rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--c-accent);margin-bottom:var(--s-2);
}
.ouverture__reperes span{display:block;color:var(--c-ink)}

.word{max-width:56rem;margin:0 auto;text-align:center}
.word__quote{
  font-family:var(--f-display);
  font-size:clamp(1.5rem,1.2rem + 1.4vw,2.125rem);
  line-height:1.4;margin:0 0 var(--s-6);
}
.word__sign{margin-top:var(--s-6);color:var(--c-ink-soft)}

.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
@media (min-width:768px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}

  .cards>.card:last-child:nth-child(odd){
    grid-column:1 / -1;justify-self:center;
    width:calc(50% - var(--s-6) / 2);
  }
}
@media (min-width:1100px){
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))}

  .cards>.card:last-child:nth-child(odd){grid-column:auto;justify-self:auto;width:auto}
  .cards>.card:last-child:nth-child(3n+1){grid-column:2}
}

.card{
  background:var(--c-plein);
  border:1px solid var(--c-line);
  border-radius:var(--radius);padding:var(--s-7);
  display:flex;flex-direction:column;
}
.card h3{margin-bottom:var(--s-4)}
.card__list{list-style:none;margin:0 0 var(--s-5);padding:0}
.card__list li{
  padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);
  color:var(--c-ink-soft);
}
.card__list li:last-child{border-bottom:0}
.card p{color:var(--c-ink-soft)}

.emphasis{max-width:54rem;margin:0 auto;text-align:center}
.emphasis h1,
.emphasis p{
  font-family:var(--f-display);
  font-size:clamp(1.625rem,1.2rem + 2vw,2.75rem);
  line-height:1.35;
  font-weight:400;
  letter-spacing:0;
}
.emphasis h1{margin:0 0 var(--s-5)}
.emphasis .lead{font-family:var(--f-text);margin-top:var(--s-6);max-width:none}

.bande{
  margin-top:var(--s-8);
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.js-motion .bande{overflow:hidden}
.bande__piste{
  display:flex;gap:var(--s-5);
  width:max-content;max-width:none;
  padding-inline:var(--gutter);
  margin:0;list-style:none;
}
.bande__vue{
  flex:0 0 auto;
  width:min(76vw,400px);
  scroll-snap-align:center;
}

.bande__vue img{
  display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
  border-radius:var(--radius);
}
.bande__legende{
  margin-top:var(--s-4);
  font-size:1rem;   font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--c-ink-soft);
}
@media (min-width:768px){
  .bande__piste{gap:var(--s-6)}
}

.steps{border-top:1px solid var(--c-line)}
.step{
  display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3);
  padding-block:var(--s-6);border-bottom:1px solid var(--c-line);
}
@media (min-width:768px){
  .step{grid-template-columns:100px 260px 1fr;gap:var(--s-6);align-items:start}
}

.step__num{

  font-family:var(--f-display);font-size:1.375rem;color:var(--c-accent);
  display:flex;align-items:flex-start;justify-content:center;
  width:72px;height:76px;padding-top:21px;line-height:1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A5B2E' stroke-width='.55' stroke-linejoin='round'%3E%3Cpath d='M12 3.4c-2 0-2.6.9-4.3.9C6 4.3 4.7 5.6 4.7 8.1c0 2.1.8 3.3 1.4 5.2.5 1.7.6 3.3.9 4.5.3 1.2.8 2 1.6 2 .9 0 1.2-.9 1.4-2.2.2-1.4.4-2.8 2-2.8s1.8 1.4 2 2.8c.2 1.3.5 2.2 1.4 2.2.8 0 1.3-.8 1.6-2 .3-1.2.4-2.8.9-4.5.6-1.9 1.4-3.1 1.4-5.2 0-2.5-1.3-3.8-3-3.8-1.7 0-2.3-.9-4.3-.9z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.step p{color:var(--c-ink-soft)}

.js-motion .step__num{opacity:.28;transition:opacity .55s ease .2s}
.js-motion .step.est-apparu .step__num{opacity:1}

.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:680px;font-size:var(--fs-ui)}
caption{text-align:left;color:var(--c-ink-soft);margin-bottom:var(--s-4)}
th,td{
  text-align:left;padding:var(--s-4) var(--s-5);
  border-bottom:1px solid var(--c-line);vertical-align:top;
}
thead th{font-weight:600;border-bottom:2px solid var(--c-line)}
tbody th{font-weight:400}

.table-honoraires .groupe th{
  font-weight:600;border-bottom:1px solid var(--c-line);
  padding-top:var(--s-7);
}
.table-honoraires tbody:first-of-type .groupe th{padding-top:var(--s-4)}

.table-honoraires .groupe--sous th{padding-top:var(--s-5);font-weight:500}

.insecable{white-space:nowrap}

.table-honoraires .ensemble__label{
  display:block;font-size:1rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-soft);
  margin-bottom:var(--s-2);
}

@media (hover:hover) and (pointer:fine){
  .table-honoraires tbody tr:not(.groupe){transition:background-color .15s ease}
  .table-honoraires tbody tr:not(.groupe):hover{background:rgba(250,248,244,.10)}
}

.honoraires__legal,.texte-legal{max-width:70ch;margin-top:var(--s-8)}
.honoraires__legal p,.texte-legal p{margin-top:var(--s-5)}
.honoraires__legal p:first-of-type,.texte-legal p:first-of-type{margin-top:0}
.texte-legal h3{margin-top:var(--s-7)}
.texte-legal h3:first-child{margin-top:0}
.texte-legal ul{margin:var(--s-4) 0 0;padding-left:var(--s-5)}
.texte-legal li{margin-bottom:var(--s-3)}
.texte-legal li:last-child{margin-bottom:0}

.liste-liens li{margin-bottom:0}
.liste-liens li > a{display:inline-block;padding-block:10px}

@media (max-width:767px){
  .table-honoraires{min-width:0}
  .table-honoraires thead{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;
  }
  .table-honoraires tr{display:block}
  .table-honoraires th,.table-honoraires td{display:block;padding:0;border:0}
  .table-honoraires tbody tr:not(.groupe){
    padding:var(--s-5) 0;border-bottom:1px solid var(--c-line);
  }
  .table-honoraires tbody th{font-weight:600}
  .table-honoraires td{margin-top:var(--s-2)}
  .table-honoraires td::before{content:attr(data-libelle) " : ";color:var(--c-ink-soft)}
  .table-honoraires .groupe th{padding:var(--s-7) 0 var(--s-3)}
  .table-honoraires .groupe--sous th{padding-top:var(--s-5)}
}
.note{margin-top:var(--s-6);color:var(--c-ink-soft)}

.tarifs__legende{margin-top:var(--s-7);color:var(--c-ink-soft);max-width:68ch}
.tarifs{display:grid;gap:var(--s-7);margin-top:var(--s-5)}
.tarif{
  --tarif-marge:clamp(20px,4.2vw,48px);

  --tarif-fond:color-mix(in srgb,var(--teinte-25) calc(var(--a-tarif) * 100%),transparent);
  background:var(--tarif-fond);
  border:1px solid var(--c-line);
  border-radius:var(--radius);
  padding:0 var(--tarif-marge) var(--tarif-marge);
  overflow:hidden;
}

.tarif--rehabilitation{margin-top:var(--s-8)}

.tarif__tete{
  display:flex;align-items:center;gap:clamp(16px,2.6vw,32px);
  margin:0 calc(-1 * var(--tarif-marge));
  padding:clamp(18px,2.6vw,30px) var(--tarif-marge);
  background:color-mix(in srgb,var(--teinte-75) calc(var(--a-tarif) * 100%),transparent);
  border-bottom:1px solid var(--c-line);
}

.tarif__logo{flex:none;display:block;width:84px}
.tarif__logo img{display:block;width:100%;height:auto}
.tarif__logo img:first-child{aspect-ratio:336/176}
.tarif__logo img:last-child{aspect-ratio:336/101}
.tarif__titre{
  font-size:clamp(1.375rem,1.2rem + .8vw,1.875rem);line-height:1.2;
  padding-left:clamp(16px,2.6vw,32px);border-left:1px solid var(--c-line);
}
.tarif__texte{margin-top:var(--s-6);max-width:68ch;color:var(--c-ink-soft)}

.tarif .table-wrap{margin-top:var(--s-4)}

.tarif .placeholder{white-space:nowrap}
.tarif .table-honoraires{min-width:0}

.tarif .table-honoraires thead th{
  font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--c-ink);border-bottom:1px solid var(--c-line);
  padding-block:var(--s-4) var(--s-3);vertical-align:bottom;
}
.tarif .table-honoraires th,
.tarif .table-honoraires td{border-bottom:0}
.tarif .table-honoraires tr > :first-child{padding-left:0}
.tarif .table-honoraires tr > :last-child{padding-right:0}
.tarif .table-honoraires .groupe--sous th{
  border-bottom:1px solid var(--c-line);
  font-family:var(--f-display);font-size:1.25rem;font-weight:500;
}

@media (min-width:768px){
  .tarif .table-honoraires tr > :nth-child(2){text-align:right;width:11rem}
  .tarif .table-honoraires tr > :nth-child(3){width:13rem;padding-left:var(--s-5);border-left:1px solid var(--c-line)}
  .tarif .table-honoraires tbody tr:not(.groupe):not(:last-child) > :not(:nth-child(3)){
    border-bottom:1px solid color-mix(in oklab,var(--c-line) 55%,var(--tarif-fond));
  }
  .tarif .table-honoraires .groupe--sous th{padding-top:var(--s-6)}
  .tarif .table-honoraires tbody:first-of-type .groupe--sous th{padding-top:var(--s-5)}
  .tarif .ensemble th{padding-top:var(--s-5)}
}

@media (min-width:1100px){
  .tarif .table-honoraires tr > :nth-child(2){width:15rem}
  .tarif .table-honoraires tr > :nth-child(3){width:15.5rem;padding-left:var(--s-6)}
}

@media (max-width:767px){
  .tarif .table-honoraires tbody:last-child tr:last-child{border-bottom:0;padding-bottom:0}
  .tarif .table-honoraires .groupe--sous th{padding:var(--s-6) 0 var(--s-3)}
  .tarif .table-honoraires tbody:first-of-type .groupe--sous th{padding-top:var(--s-4)}
  .tarif__logo{width:60px}
}

@media (max-width:479px){
  .tarif__tete{flex-direction:column;align-items:flex-start;gap:var(--s-3)}
  .tarif__titre{padding-left:0;border-left:0}
}
@media (max-width:767px){

  .tarif .table-honoraires td{
    display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;
    column-gap:var(--s-4);row-gap:var(--s-1);text-align:right;
  }
  .tarif .table-honoraires td::before{content:attr(data-libelle);text-align:left;margin-right:auto}

  .tarif .table-honoraires td .placeholder{margin-right:1px}

  .table-honoraires td:empty{display:none}
}

.tarif .ensemble__label{color:var(--c-ink)}
.tarif caption{margin:var(--s-5) 0 0}

@media (min-width:1100px){
  .tarif tbody tr{--tarif-case:var(--tarif-fond)}
  .tarif tbody tr:has(.tarif__acte) > th,
  .tarif tbody tr:has(.tarif__acte) > td:nth-child(2){
    background-image:radial-gradient(circle,rgba(250,248,244,.22) 0 .9px,transparent 1.2px);
    background-size:7px 3px;background-repeat:repeat-x;
    background-position:0 calc(var(--s-4) + 1.18em);
    background-clip:content-box;
  }

  .tarif tbody tr:has(.tarif__acte) > th{background-position-x:right}

  .tarif tbody tr:has(.tarif__acte) > th{padding-right:0}
  .tarif tbody tr:has(.tarif__acte) > td:nth-child(2){padding-left:0}
  .tarif__acte,.tarif__prix{background:var(--tarif-case)}
  .tarif__acte{padding-right:.6em}
  .tarif__prix{padding-left:.6em}
}
@media (hover:hover) and (pointer:fine){
  .tarif .table-honoraires tbody tr:not(.groupe):hover{--tarif-case:var(--c-bg-alt)}
}

.praticien{position:relative;overflow:hidden;text-align:center}
.praticien__fond{
  position:absolute;left:0;right:0;top:14%;
  font-family:var(--f-display);font-weight:500;
  font-size:clamp(3rem,9vw,7rem);line-height:1;letter-spacing:.04em;
  text-transform:uppercase;color:var(--c-gold);opacity:.22;
  pointer-events:none;user-select:none;
}

@media (max-width:767px){.praticien__fond{display:none}}
.praticien__inner{position:relative;z-index:2;max-width:46rem;margin:0 auto}
.praticien h2{margin-bottom:var(--s-7)}
.praticien__mot{position:relative;color:var(--c-accent);white-space:nowrap}
.praticien__trait{
  display:block;width:100%;height:auto;color:var(--c-gold);
  margin:var(--s-3) auto 0;
}
.praticien__photo{max-width:420px;margin:0 auto}
.praticien__photo img{width:100%;height:auto;display:block;border-radius:var(--radius)}

.praticien__caption{
  font-family:var(--f-display);font-size:1.25rem;line-height:1.5;
  color:var(--c-accent);margin:var(--s-5) 0 var(--s-6);
}
.praticien__nom{font-family:var(--f-display);font-size:var(--fs-h4);margin:0 0 var(--s-1)}
.praticien__role{color:var(--c-ink-soft)}

.team{display:grid;gap:var(--s-6)}
@media (min-width:768px){.team{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (hover:hover){
  .team .photo--portrait{transition:transform .35s ease,box-shadow .35s ease}
  .team > div:hover .photo--portrait{
    transform:translateY(-6px);
    box-shadow:0 14px 30px rgba(24,42,79,.13);
  }
}
.team__name{margin:var(--s-4) 0 var(--s-1);font-size:var(--fs-h4);font-family:var(--f-display)}
.team__role{color:var(--c-ink-soft)}

.roster{margin-top:var(--s-8);max-width:70ch}
.roster h3{font-size:var(--fs-h4);margin-bottom:var(--s-5)}
.roster__list{list-style:none;margin:0;padding:0}
.roster__list li{padding:var(--s-4) 0;border-bottom:1px solid var(--c-line)}
.roster__poles{margin:0}
.roster__poles dt{
  margin-top:var(--s-5);font-weight:600;
  font-size:1rem;letter-spacing:.1em;   text-transform:uppercase;
  color:var(--c-accent);
}
.roster__poles dd{margin:var(--s-2) 0 0}

.videos{display:grid;gap:var(--s-6)}
@media (min-width:900px){.videos{grid-template-columns:repeat(3,minmax(0,1fr))}}
figure.video{margin:0}
.video figcaption{margin-top:var(--s-4);color:var(--c-ink-soft);font-size:var(--fs-ui)}
video{border-radius:var(--radius);width:100%}

.faq{display:grid;gap:var(--s-7)}
@media (min-width:900px){.faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-8)}}
.faq h3{margin-bottom:var(--s-4)}
.faq p{color:var(--c-ink-soft);max-width:60ch}

.plateau__vues{
  display:grid;gap:var(--s-6);max-width:22rem;
  margin:0 0 var(--s-8);
}
.plateau__vues figure{margin:0}
.plateau__vues img{
  display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;
  border-radius:var(--radius);
}
.plateau__vues figcaption{margin-top:var(--s-3);font-size:var(--fs-ui);color:var(--c-ink-soft)}
@media (min-width:560px){
  .plateau__vues{grid-template-columns:repeat(2,minmax(0,1fr));max-width:46rem}
}

.infos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
@media (min-width:900px){.infos{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-9)}}
.infos h3{margin-bottom:var(--s-4)}

.infos h3:not(:first-of-type){margin-top:var(--s-7)}
.infos .btn-row{margin-top:var(--s-5)}
.infos .plan{margin-top:var(--s-7)}
.hours{list-style:none;margin:0;padding:0}

.mail{
  appearance:none;background:none;border:0;padding:6px 0;
  font:inherit;color:var(--c-accent);text-decoration:underline;cursor:pointer;
  min-height:44px;

  text-align:left;
}

.mail span{white-space:nowrap}
.mail:hover,.mail:focus-visible{color:var(--c-accent-deep)}
.footer .mail{color:var(--c-bg)}
.footer .mail:hover,.footer .mail:focus-visible{color:var(--c-accent-wash)}

.hours li{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:var(--s-4);
  padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);

  flex-wrap:wrap;
}

.hours li > :last-child{flex:none;white-space:nowrap;text-align:right}
.contact-line{margin:0 0 var(--s-3)}

.contact-line .tel-cabinet{display:inline-block;padding-block:9px}

.marquee{
  overflow:hidden;padding-block:var(--s-5);

  background:
    linear-gradient(90deg,transparent,var(--c-line) 18%,var(--c-line) 82%,transparent)
      no-repeat left top / 100% 1px,
    linear-gradient(90deg,transparent,var(--c-line) 18%,var(--c-line) 82%,transparent)
      no-repeat left bottom / 100% 1px,
    linear-gradient(var(--plaque-creme),var(--plaque-creme));
}
.marquee__track{
  display:flex;width:max-content;
  animation:marquee 38s linear infinite;
}

.marquee__track span{
  font-family:var(--f-display);
  font-size:clamp(1.75rem,1.2rem + 2.4vw,2.75rem);
  color:var(--c-accent);white-space:nowrap;
  padding-right:var(--s-7);
}
@keyframes marquee{to{transform:translateX(-50%)}}

.cta{

  --p:var(--plaque-beige);
  --p0:var(--plaque-beige-0);

  --fondu-plaque:clamp(80px,6vw,112px);
  background:linear-gradient(
    var(--p0) 0,
    var(--p) var(--fondu-plaque),
    var(--p) 100%
  );
  text-align:center;
  padding-block:clamp(80px,6vw,112px);
  position:relative;overflow:hidden;
}

.cta::before{
  content:"";position:absolute;left:50%;bottom:-46%;translate:-50% 0;
  width:min(1040px,96%);aspect-ratio:900/469;
  background:url("motif-ventoux.webp") no-repeat center bottom / 100% auto;
  opacity:.06;pointer-events:none;
}
.cta .container{position:relative;z-index:1}

.cta__tel{margin-top:var(--s-6)}
.cta__tel a{
  font-family:var(--f-display);
  font-size:clamp(2rem,1.4rem + 2.2vw,2.75rem);
  line-height:1;color:var(--c-accent);text-decoration:none;

  display:inline-block;padding-block:7px;
}
.cta__tel a:hover,
.cta__tel a:focus-visible{color:var(--c-accent-deep)}
.cta h2{max-width:20ch;margin-inline:auto}
.cta p{margin-top:var(--s-5)}
.cta .btn-row{justify-content:center}

.cta .btn-row:not(:has(*)){display:none}

.footer{background:var(--c-fonce);color:var(--c-bg);padding-block:var(--s-8) var(--s-6);overflow:hidden}
.footer a{color:var(--c-bg)}
.footer a:hover{color:var(--c-accent-wash)}

.footer__marque{position:relative;width:min(220px,100%);margin-bottom:var(--s-5)}
.footer__logo{display:block;width:100%;height:auto}
.footer__grid{display:grid;gap:var(--s-7)}

@media (min-width:768px){
  .footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-7)}
}

@media (min-width:1024px){
  .footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr) minmax(0,1.15fr)}
}
.footer h2,.footer h3{color:var(--c-bg)}
.footer h3{font-size:1.125rem;font-family:var(--f-text);font-weight:600;margin-bottom:var(--s-4)}
.footer .hours li{border-bottom-color:rgba(250,246,240,.18)}
.footer .placeholder{background:rgba(250,246,240,.14);box-shadow:0 0 0 1px rgba(250,246,240,.28);color:var(--c-bg)}
.footer__bottom{
  margin-top:var(--s-7);padding-top:var(--s-5);
  border-top:1px solid rgba(250,246,240,.18);
  display:flex;flex-wrap:wrap;gap:var(--s-5);justify-content:space-between;
  font-size:var(--fs-ui);
}

.footer__bottom a{display:inline-block;padding:12px var(--s-5) 12px 0;text-decoration:none}
.footer__bottom a:hover,
.footer__bottom a:focus-visible{text-decoration:underline}
.footer__bottom p{margin:0}

.hibou-perchoir{position:absolute;left:12.29%;top:10.94%;width:41.67%;pointer-events:none}

.hibou{display:block;width:100%;height:auto;color:var(--c-bg);transform-origin:50% 94%}
.hibou__aile{opacity:0;transform-box:view-box;transform-origin:71px 31px}
.hibou__oeil,
.hibou__clin{transform-box:fill-box;transform-origin:center}

.footer__marque.is-posee .hibou-perchoir{animation:hibou-approche 1.8s cubic-bezier(.16,.5,.3,1) both}
.footer__marque.is-posee .hibou{animation:hibou-descente 1.8s both}
.footer__marque.is-posee .hibou__aile{animation:hibou-aile 2.35s both}
.footer__marque.is-posee .hibou__oeil{animation:hibou-cligne 6.5s 4.4s infinite}
.footer__marque.is-posee .hibou__clin{animation:hibou-clin 1.15s 2.5s both}

@keyframes hibou-approche{
  0%   {opacity:0;transform:translateX(420%)}
  5%   {opacity:1}
  100% {opacity:1;transform:translateX(0)}
}

@keyframes hibou-descente{
  0%    {transform:translateY(-180%) rotate(-9deg); animation-timing-function:cubic-bezier(.35,0,.65,.45)}
  68%   {transform:translateY(-30%)  rotate(-4deg); animation-timing-function:cubic-bezier(.12,.32,.3,1)}
  92%   {transform:translateY(1.5%)  rotate(6deg)  scale(1.05,.92);  animation-timing-function:ease-out}
  96.5% {transform:translateY(-.7%)  rotate(1deg)  scale(.985,1.03); animation-timing-function:ease-in-out}
  100%  {transform:translateY(0)     rotate(0deg)  scale(1,1)}
}

@keyframes hibou-aile{
  0%   {opacity:1;transform:rotate(-28deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  4.6% {transform:rotate(28deg);  animation-timing-function:cubic-bezier(.45,0,.6,1)}
  10%  {transform:rotate(-28deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  15%  {transform:rotate(28deg);  animation-timing-function:cubic-bezier(.45,0,.6,1)}
  20.4%{transform:rotate(-28deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  25.5%{transform:rotate(28deg);  animation-timing-function:cubic-bezier(.45,0,.6,1)}
  31%  {transform:rotate(-26deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  36%  {transform:rotate(24deg);  animation-timing-function:cubic-bezier(.45,0,.6,1)}
  41%  {transform:rotate(-24deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  46%  {transform:rotate(20deg);  animation-timing-function:cubic-bezier(.3,0,.2,1)}
  52%  {transform:rotate(-18deg); animation-timing-function:cubic-bezier(.4,0,.4,1)}
  70%  {transform:rotate(-11deg); animation-timing-function:linear}
  78%  {transform:rotate(-13deg); animation-timing-function:ease-in-out}
  87%  {opacity:1;transform:rotate(-17deg); animation-timing-function:cubic-bezier(.5,0,.3,1)}
  94%  {transform:rotate(4deg)}
  100% {opacity:0;transform:rotate(0deg)}
}

@keyframes hibou-clin{
  0%,8% {transform:scaleY(1);  animation-timing-function:cubic-bezier(.5,0,.5,1)}
  22%   {transform:scaleY(.05)}
  55%   {transform:scaleY(.05); animation-timing-function:cubic-bezier(.4,0,.4,1)}
  74%,100%{transform:scaleY(1)}
}

@keyframes hibou-cligne{
  0%,86%{transform:scaleY(1);   animation-timing-function:ease-in}
  88%   {transform:scaleY(.06); animation-timing-function:ease-out}
  90.5% {transform:scaleY(1);   animation-timing-function:ease-in}
  93%   {transform:scaleY(.06); animation-timing-function:ease-out}
  95.5%,100%{transform:scaleY(1)}
}

@media (hover:hover) and (pointer:fine){

  .footer__marque{margin-bottom:calc(var(--s-5) + 14px)}
  .footer__marque.est-arme .hibou-perchoir{pointer-events:auto;cursor:pointer}
  .footer__marque.est-arme .hibou{transition:filter .45s ease}
  .footer__marque.est-arme .hibou-perchoir:hover .hibou{
    filter:drop-shadow(0 0 7px rgba(250,246,240,.45));
  }
}

.footer__marque.est-en-defi .hibou{animation:hibou-sursaut 1.15s both}
.footer__marque.est-en-defi .hibou__aile{animation:hibou-ailes-surprise 1.15s both}
.footer__marque.est-en-defi .hibou__oeil{animation:hibou-yeux-ronds .5s both}
.footer__marque.est-en-defi .hibou-perchoir{pointer-events:none}

.hibou-defi{
  position:absolute;left:0;right:0;top:100%;margin:var(--s-2) 0 0;
  display:flex;justify-content:center;gap:10px;
  opacity:0;pointer-events:none;transition:opacity .3s ease;
}
.footer__marque.est-en-defi .hibou-defi{opacity:1}
.hibou-defi .fl{
  width:20px;height:20px;opacity:.3;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FAF8F4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19.5 V5.5 M5.5 12 L12 5 L18.5 12'/%3E%3C/svg%3E") no-repeat center / contain;
  transition:opacity .18s ease;
}
.hibou-defi .fl--b{rotate:180deg}
.hibou-defi .fl--g{rotate:-90deg}
.hibou-defi .fl--d{rotate:90deg}

.hibou-defi .fl.est-faite{opacity:1;animation:hibou-fleche .32s ease}
@keyframes hibou-fleche{
  0%{scale:1}40%{scale:1.45}100%{scale:1}
}

.hibou-defi.est-ratee{animation:hibou-refus .34s ease}
@keyframes hibou-refus{
  0%,100%{translate:0}
  20%{translate:-6px}50%{translate:6px}80%{translate:-3px}
}

.footer__marque.est-envole .hibou-perchoir{animation:hibou-depart 1.5s cubic-bezier(.3,0,.55,1) both}
.footer__marque.est-envole .hibou{animation:hibou-montee 1.5s both}
.footer__marque.est-envole .hibou__aile{animation:hibou-battue 1.5s both}
.footer__marque.est-envole .hibou__oeil{animation:none}
@keyframes hibou-depart{
  0%,12%{opacity:1;transform:translateX(0)}
  100%  {opacity:0;transform:translateX(-165%)}
}
@keyframes hibou-montee{
  0%   {transform:translateY(0)    rotate(0deg)  scale(1,1);      animation-timing-function:cubic-bezier(.35,0,.6,1)}
  14%  {transform:translateY(7%)   rotate(0deg)  scale(1.14,.85); animation-timing-function:cubic-bezier(.08,.55,.3,1)}
  34%  {transform:translateY(-70%) rotate(-6deg) scale(.9,1.12);  animation-timing-function:cubic-bezier(.25,0,.6,1)}
  62%  {transform:translateY(-215%)rotate(-10deg)scale(1,1);      animation-timing-function:linear}
  100% {transform:translateY(-430%)rotate(-13deg)scale(1,1)}
}

@keyframes hibou-battue{
  0%   {opacity:0;transform:rotate(0deg)}
  6%   {opacity:1;transform:rotate(-40deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  18%  {opacity:1;transform:rotate(26deg);  animation-timing-function:cubic-bezier(.45,0,.6,1)}
  30%  {opacity:1;transform:rotate(-38deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  42%  {opacity:1;transform:rotate(24deg);  animation-timing-function:cubic-bezier(.45,0,.6,1)}
  54%  {opacity:1;transform:rotate(-34deg); animation-timing-function:cubic-bezier(.2,0,.3,1)}
  70%  {opacity:1;transform:rotate(-24deg); animation-timing-function:ease-out}
  100% {opacity:1;transform:rotate(-20deg)}
}

.hibou-mot{
  position:absolute;left:0;right:0;top:100%;margin-top:var(--s-2);
  text-align:center;font-size:var(--fs-small);font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--c-gold);opacity:0;pointer-events:none;
}
.footer__marque.est-envole .hibou-mot{animation:hibou-mot 4s .95s both}
@keyframes hibou-mot{
  0%  {opacity:0;translate:0 6px;filter:blur(3px)}
  16% {opacity:1;translate:0 0;filter:blur(0)}
  78% {opacity:1;translate:0 0;filter:blur(0)}
  100%{opacity:0;translate:0 0;filter:blur(0)}
}

.js-motion .reveal{opacity:0;transform:translateY(16px)}

.js-accroche .hero__texte h1,
.js-accroche .hero__sous{visibility:hidden}
.accroche-decoupee{display:flex;flex-direction:column}
.accroche-ligne{overflow:hidden;padding-block:.15em;margin-block:-.15em}
.accroche-ligne__texte{display:block}
@media (prefers-reduced-motion:reduce){
  .marquee__track{animation:none}
  .footer__marque.is-posee .hibou-perchoir,
  .footer__marque.is-posee .hibou,
  .footer__marque.is-posee .hibou__aile,
  .footer__marque.is-posee .hibou__oeil,
  .footer__marque.is-posee .hibou__clin{animation:none}

  .footer__marque.est-en-defi .hibou,
  .footer__marque.est-en-defi .hibou__aile,
  .footer__marque.est-en-defi .hibou__oeil,
  .footer__marque.est-envole .hibou__aile,
  .footer__marque.est-envole .hibou{animation:none}
  .footer__marque.est-envole .hibou-perchoir{animation:none;opacity:0}
  .footer__marque.est-envole .hibou-mot{animation:none;opacity:1}
  .hibou-defi .fl.est-faite{animation:none}
  .js-motion .reveal{opacity:1;transform:none}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

@supports (color:color-mix(in oklab, red, blue)){

  .section:not(.hero):not(.cta):not(.acces){
    background:linear-gradient(in oklab,
      var(--p0) 0,
      var(--p0) calc(var(--fondu-plaque) * .5),
      color-mix(in oklab, var(--p) 15.6%, var(--p0)) calc(var(--fondu-plaque) * .625),
      color-mix(in oklab, var(--p) 50%,   var(--p0)) calc(var(--fondu-plaque) * .75),
      color-mix(in oklab, var(--p) 84.4%, var(--p0)) calc(var(--fondu-plaque) * .875),
      var(--p) var(--fondu-plaque),
      var(--p) calc(100% - var(--fondu-plaque)),
      color-mix(in oklab, var(--p) 84.4%, var(--p0)) calc(100% - var(--fondu-plaque) * .875),
      color-mix(in oklab, var(--p) 50%,   var(--p0)) calc(100% - var(--fondu-plaque) * .75),
      color-mix(in oklab, var(--p) 15.6%, var(--p0)) calc(100% - var(--fondu-plaque) * .625),
      var(--p0) calc(100% - var(--fondu-plaque) * .5),
      var(--p0) 100%
    );
  }

  @media (max-width:1023px){
    .hero{
      background:linear-gradient(in oklab,
        var(--p) calc(100% - var(--fondu)),
        color-mix(in oklab, var(--p) 84.4%, var(--p0)) calc(100% - var(--fondu) * .75),
        color-mix(in oklab, var(--p) 50%,   var(--p0)) calc(100% - var(--fondu) * .5),
        color-mix(in oklab, var(--p) 15.6%, var(--p0)) calc(100% - var(--fondu) * .25),
        var(--p0) 100%
      );
    }
  }
  .cta{
    background:linear-gradient(in oklab,
      var(--p0) 0,
      color-mix(in oklab, var(--p) 15.6%, var(--p0)) calc(var(--fondu-plaque) * .25),
      color-mix(in oklab, var(--p) 50%,   var(--p0)) calc(var(--fondu-plaque) * .5),
      color-mix(in oklab, var(--p) 84.4%, var(--p0)) calc(var(--fondu-plaque) * .75),
      var(--p) var(--fondu-plaque),
      var(--p) 100%
    );
  }
}

.soins__visuel{display:none}

@media (min-width:1180px){
  .soins__intro{
    display:grid;

    grid-template-columns:minmax(0,60ch) minmax(0,1fr);
    gap:var(--s-8);
    align-items:start;
  }

  .soins__intro{

    --chevauchement:280px;
    --debord-droite:min(80px, var(--gutter));
    --debord-haut:96px;
  }

  .soins__intro .section__head{position:relative;z-index:1}
  .soins__visuel{
    display:block;position:relative;align-self:stretch;z-index:0;

    --panneau-haut:calc(-1 * var(--debord-haut));
    --panneau-gauche:calc(-1 * var(--chevauchement));
    --panneau-large:calc(100% + var(--chevauchement) + var(--debord-droite));
    --panneau-hauteur:calc(100% + var(--debord-haut));
    --panneau-trace:polygon(95% 0%, 100% 68%, 0% 100%, 0% 60%);
  }

  .soins__visuel::before{
    content:"";
    background:var(--c-plein);
    mask-image:linear-gradient(to right,
      rgb(0 0 0 / 0) 0,
      rgb(0 0 0 / 1) var(--sous-le-texte));
  }
  .soins__visuel > *,
  .soins__visuel::before{
    position:absolute;

    --sous-le-texte:calc(var(--chevauchement) - var(--s-8));
    top:var(--panneau-haut);
    left:var(--panneau-gauche);
    width:var(--panneau-large);
    height:var(--panneau-hauteur);
    clip-path:var(--panneau-trace);
  }
  .soins__visuel > *{

    max-width:none;
    aspect-ratio:auto;
    border-radius:0;
    object-fit:cover;

    --plafond-sous-texte:.15;
    mask-image:linear-gradient(to right,
      rgb(0 0 0 / 0) 0,
      rgb(0 0 0 / var(--plafond-sous-texte)) var(--sous-le-texte),
      rgb(0 0 0 / 1) calc(var(--sous-le-texte) + 200px));
  }
}

@media (max-width:1179px){

  .soins__intro{position:relative}

  .soins__intro .section__head{position:relative;z-index:1;margin-bottom:0}
  .soins__visuel{
    --remonte:clamp(140px, 46vw, 260px);
    position:relative;z-index:0;
    display:block;width:min(100%,460px);
    margin:calc(-1 * var(--remonte)) auto 0;
  }

  .soins__visuel::before{
    content:"";position:absolute;inset:0;
    background:var(--c-plein);
    clip-path:polygon(95% 0%, 100% 68%, 0% 100%, 0% 60%);
    mask-image:linear-gradient(to bottom,
      rgb(0 0 0 / 0) 0,
      rgb(0 0 0 / 1) var(--remonte));
  }
  .soins__visuel > *{
    display:block;position:relative;width:100%;height:auto;
    aspect-ratio:1;object-fit:cover;
    border-radius:0;

    clip-path:polygon(95% 0%, 100% 68%, 0% 100%, 0% 60%);

    mask-image:linear-gradient(to bottom,
      rgb(0 0 0 / .08) 0,
      rgb(0 0 0 / .08) var(--remonte),
      rgb(0 0 0 / 1) calc(var(--remonte) + 110px));
  }
}

@supports (clip-path: shape(from 0 0, line to 100% 100%)){
  .card{

    --epaule:40px;
    --sillon:24px;
    --col-racines:88px;
    --creux-racines:62px;

    --racine-longueur:44px;
    --place-racines:calc(var(--s-7) + var(--racine-longueur));
    padding-bottom:var(--place-racines);

    --molaire:shape(
      from 0 var(--epaule),
      curve to 28% 0 with 0 0,
      curve to 50% var(--sillon) with 40% 0 / 45% var(--sillon),
      curve to 72% 0 with 55% var(--sillon) / 60% 0,
      curve to 100% var(--epaule) with 100% 0,
      line to 100% calc(100% - var(--col-racines)),
      curve to 70% 100% with 100% calc(100% - 40px) / 78% 100%,
      curve to 50% calc(100% - var(--creux-racines))
        with 62% 100% / 56% calc(100% - var(--creux-racines)),
      curve to 30% 100%
        with 44% calc(100% - var(--creux-racines)) / 38% 100%,
      curve to 0 calc(100% - var(--col-racines)) with 22% 100% / 0 calc(100% - 40px),
      close
    );

    position:relative;

    isolation:isolate;

    border:0;
    border-radius:0;

    background:color-mix(in srgb,var(--c-line) 62%,var(--c-plein));
    clip-path:var(--molaire);
  }

  .card::before{
    content:"";position:absolute;inset:1px;z-index:-1;
    background:var(--c-plein);
    clip-path:var(--molaire);
  }
}

@media (max-width:599px){
  .card{padding:var(--s-6)}
}
@supports (clip-path: shape(from 0 0, line to 100% 100%)){
  @media (max-width:599px){
    .card{
      --epaule:28px;
      --sillon:18px;
      --col-racines:60px;
      --creux-racines:44px;
      --racine-longueur:32px;
      --place-racines:calc(var(--s-6) + var(--racine-longueur));

      padding-bottom:var(--place-racines);
    }
  }
}

@media (min-width:768px) and (min-height:660px) and (prefers-reduced-motion:no-preference),
       (max-width:359px) and (min-height:768px) and (prefers-reduced-motion:no-preference),
       (min-width:360px) and (max-width:374px) and (min-height:740px) and (prefers-reduced-motion:no-preference),
       (min-width:375px) and (max-width:767px) and (min-height:680px) and (prefers-reduced-motion:no-preference){

  .pile{

    --pile-largeur:620px;

    --pile-haut:104px;

    --pile-marche:18px;

    --pile-ecart:var(--s-5);
  }

  @media (max-width:767px){
    .pile{

      --pile-haut:97px;

      --pile-marche:12px;
    }
  }
  .cards{

    display:block;
    max-width:var(--pile-largeur);
    margin-inline:auto;
  }

  .cards>.card:last-child:nth-child(odd),
  .cards>.card:last-child:nth-child(3n+1){
    grid-column:auto;justify-self:auto;width:auto;
  }

  .card{
    position:sticky;
    top:calc(var(--pile-haut) + var(--rang) * var(--pile-marche));
    margin-bottom:var(--pile-ecart);
    --rang:0;
  }

  .card:nth-child(2){--rang:1}
  .card:nth-child(3){--rang:2}
  .card:nth-child(4){--rang:3}
  .card:nth-child(5){--rang:4}
  .card:nth-child(6){--rang:5}
  .card:nth-child(7){--rang:6}
  .card:nth-child(8){--rang:7}
}

.brosses{display:none}

@media (min-width:1180px) and (prefers-reduced-motion:no-preference){

  .pile{position:relative;view-timeline-name:--pile-vue}

  .brosses{display:block}

  .brosse{
    --brosse-large:120px;
    --brosse-ecart:56px;
    --brosse-mot:190px;
    position:absolute;top:0;bottom:0;width:var(--brosse-large);
  }

  .brosse--g{right:calc(50% + var(--pile-largeur) / 2 + var(--brosse-ecart))}
  .brosse--d{left: calc(50% + var(--pile-largeur) / 2 + var(--brosse-ecart))}

  .brosse__inner{position:sticky;top:var(--pile-haut);text-align:center}

  .brosse__photo{
    display:block;margin-inline:auto;

    height:min(700px, 74vh);width:auto;
  }

  .brosse__mot{

    width:var(--brosse-mot);
    margin:var(--s-5) calc((var(--brosse-large) - var(--brosse-mot)) / 2) 0;

    font-family:var(--f-display);
    font-size:1.25rem;line-height:1.35;
    color:var(--c-accent);

    text-wrap:balance;
  }

  @supports (animation-timeline:view()){
    .brosse__photo{

      mask-image:linear-gradient(to bottom,
        rgb(0 0 0 / 0) 0,
        rgb(0 0 0 / 0) calc(50% - 60px),
        rgb(0 0 0 / 1) calc(50% + 60px),
        rgb(0 0 0 / 1) 100%);
      mask-size:100% 250%;
      mask-repeat:no-repeat;
    }

    .brosse__photo,.brosse__mot{
      animation-timing-function:linear;
      animation-fill-mode:both;
      animation-timeline:--pile-vue;
    }

    .brosse__photo{animation-name:brosse-monte;animation-range:cover 20% cover 58%}
    .brosse__mot  {animation-name:brosse-mot;  animation-range:cover 60% cover 70%}
  }
}

@keyframes brosse-monte{from{mask-position:0 0%}to{mask-position:0 100%}}

@keyframes brosse-mot{
  from{opacity:0;scale:.72;translate:0 14px}
  70% {opacity:1;scale:1.06;translate:0 0}
  to  {opacity:1;scale:1;   translate:0 0}
}

@media (max-width:359px) and (min-height:768px) and (prefers-reduced-motion:no-preference),
       (min-width:360px) and (max-width:374px) and (min-height:740px) and (prefers-reduced-motion:no-preference),
       (min-width:375px) and (max-width:767px) and (min-height:680px) and (prefers-reduced-motion:no-preference){

  .pile{position:relative;view-timeline-name:--pile-vue}

  .brosses{display:block}

  .brosse{

    --brosse-large:calc(var(--gutter) + 28px);
    position:absolute;top:0;bottom:0;width:var(--brosse-large);

    z-index:3;
    pointer-events:none;
  }
  .brosse--g{left:calc(-1 * var(--gutter))}
  .brosse--d{right:calc(-1 * var(--gutter))}

  .brosse__inner{height:100%;text-align:center}

  .brosse__photo{
    display:block;margin-inline:auto;
    position:sticky;top:var(--pile-haut);

    height:min(460px, 56vh);width:auto;
  }

  .brosse__mot{

    position:absolute;bottom:calc(-1 * var(--s-6));
    width:min(42vw, 190px);
    margin:0;
    font-family:var(--f-display);
    font-size:1.125rem;line-height:1.35;
    color:var(--c-accent);
    text-wrap:balance;
  }

  .brosse--g .brosse__mot{left:var(--gutter);text-align:left}
  .brosse--d .brosse__mot{right:var(--gutter);text-align:right}

  @supports (animation-timeline:view()){

    .brosse__photo{
      mask-image:linear-gradient(to bottom,
        rgb(0 0 0 / 0) 0,
        rgb(0 0 0 / 0) calc(50% - 60px),
        rgb(0 0 0 / 1) calc(50% + 60px),
        rgb(0 0 0 / 1) 100%);
      mask-size:100% 250%;
      mask-repeat:no-repeat;
    }
    .brosse__photo,.brosse__mot{
      animation-timing-function:linear;
      animation-fill-mode:both;
      animation-timeline:--pile-vue;
    }
    .brosse__photo{animation-name:brosse-monte;animation-range:cover 20% cover 58%}
    .brosse__mot  {animation-name:brosse-mot;  animation-range:cover 60% cover 70%}
  }
}

.visite__couronne{display:none}

@media (min-width:1180px){
  .visite__intro{
    display:grid;

    grid-template-columns:minmax(0,60ch) minmax(0,1fr);
    gap:var(--s-8);
    align-items:center;
  }
  .visite__couronne{
    display:block;margin:0;justify-self:center;

    max-height:376px;
  }
  .visite__couronne img{
    display:block;width:min(360px,100%);height:auto;max-height:376px;
    object-fit:contain;
  }
}

@media (max-width:1179px){
  .visite__couronne{display:block;margin:var(--s-7) auto 0}
  .visite__couronne img{
    display:block;width:min(220px,60%);height:auto;margin-inline:auto;
    object-fit:contain;
  }
}

.marquee.est-hors-champ .marquee__track,
.footer__marque.est-hors-champ .hibou__oeil{animation-play-state:paused}

@media print{

  .js-motion .reveal,.reveal{opacity:1 !important;transform:none !important}
  .js-motion .step__num{opacity:1 !important}
  .js-accroche .hero__texte h1,.js-accroche .hero__sous{visibility:visible !important}
  .accroche-ligne__texte,.hero__sous{opacity:1 !important;transform:none !important}

  body{background:#fff;color:#000;font-size:11pt;line-height:1.5}

  .section--alt,.hero{background:#fff !important}

  body::before{display:none !important}
  h1,h2,h3{color:#000}

  .card{
    clip-path:none;background:#fff;border:1px solid #000;
    border-radius:0;padding-bottom:var(--s-7);
  }
  .card::before{display:none}

  .header,.menu,.skip,.marquee,.cta,.bande,.galerie,
  .btn-row,.cta-outil,.footer__marque,.praticien__fond,.praticien__trait,
  .footer__consentement{display:none !important}

  .plan{display:none !important}

  .carte__adresse,.plan-credit,.plan-credit a{color:#000 !important}
  .carte__voile,
  .carte__voile[hidden]{display:flex !important}
  .carte__consentement{display:none !important}

  .footer{background:#fff;color:#000;padding-block:0.5cm;border-top:1px solid #000}
  .footer a,.footer .mail{color:#000}
  .footer__bottom{display:none}

  .section{padding-block:0.5cm}
  .container{max-width:none;padding-inline:0}

  a{color:#000;text-decoration:underline}
  .texte-legal a[href^="http"]::after,
  .honoraires__legal a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt}

  table{min-width:0 !important;page-break-inside:auto}
  thead{display:table-header-group}
  tr,.step,.faq__item{page-break-inside:avoid}
  h2,h3{page-break-after:avoid}

  .impression-seule{display:block !important;margin-bottom:0.6cm;font-size:10pt}
}
.impression-seule{display:none}

a.btn[data-href-apercu]{display:none}
.btn-row:has(> a.btn[data-href-apercu]){display:none}

.acces{
  --p:var(--plaque-beige);
  --p0:var(--plaque-beige-0);

  --fondu-plaque:var(--section-y);
  background:linear-gradient(
    var(--p0) 0,
    var(--p) var(--fondu-plaque),
    var(--p) 100%
  );
}
@supports (color:color-mix(in oklab, red, blue)){
  .acces{
    background:linear-gradient(in oklab,
      var(--p0) 0,
      color-mix(in oklab, var(--p) 15.6%, var(--p0)) calc(var(--fondu-plaque) * .25),
      color-mix(in oklab, var(--p) 50%,   var(--p0)) calc(var(--fondu-plaque) * .5),
      color-mix(in oklab, var(--p) 84.4%, var(--p0)) calc(var(--fondu-plaque) * .75),
      var(--p) var(--fondu-plaque),
      var(--p) 100%
    );
  }
}
.acces .carte{margin-top:var(--s-7)}
.acces .btn-row{margin-top:var(--s-6);margin-bottom:var(--s-8)}

.acces .carte{
  width:100%;

  --losange:min(100%, 860px);
}

.acces .carte:has(> [data-carte-voile]:not([hidden])){
  --losange:min(100%, 860px, max(320px, calc(100vh - 490px)));
  --losange:min(100%, 860px, max(320px, calc(100svh - 490px)));
}
.acces .carte__voile{
  aspect-ratio:auto;min-height:0;
  padding:0;background:none;box-shadow:none;border-radius:0;
  gap:var(--s-6);
}
.acces .plan-dessin,
.acces .plan{

  width:var(--losange);
  aspect-ratio:1;height:auto;
  margin-inline:auto;
  border-radius:0;
}

@media (pointer:coarse){
  .acces .plan{pointer-events:none}
}

.acces .plan-dessin{display:block;background:var(--c-bg)}
.plan-dessin path,
.plan-dessin circle{fill:none;stroke:var(--c-navy);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.plan-dessin .plan-axe{stroke-width:2.5px}
.plan-dessin .plan-rue{stroke-width:1px}
.plan-dessin .plan-rond-point{stroke-width:1.5px}
.plan-dessin .plan-cabinet-anneau{stroke-width:2px}
.plan-dessin .plan-cabinet-point{fill:var(--c-navy);stroke:none}
.plan-dessin text{
  font-family:var(--f-text);font-size:26px;fill:var(--c-navy);
  paint-order:stroke;stroke:var(--c-bg);stroke-width:9px;stroke-linejoin:round;
}
.plan-dessin .plan-ville,
.plan-dessin .plan-cabinet{font-weight:600;font-size:30px}

@media (max-width:599px), (max-height:1110px){
  .plan-dessin text{font-size:44px;stroke-width:12px}
  .plan-dessin .plan-ville,
  .plan-dessin .plan-cabinet{font-size:50px}
  .plan-dessin .plan-rue-nom{display:none}
}
.plan-credit{margin-top:calc(-1 * var(--s-3))}

@supports (mask-image:linear-gradient(#000, #000)){
  .acces .plan-dessin,
  .acces .plan{

    mask-image:url("data:image/webp;base64,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");

    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:100% 100%;
  }

  .acces .carte::after{
    content:"";
    position:absolute;
    top:0;left:50%;translate:-50% 0;
    width:var(--losange);
    aspect-ratio:1;
    background:var(--c-navy);
    pointer-events:none;

    mask-image:url("data:image/webp;base64,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");

    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:100% 100%;
  }
}

.barre-action{display:none}

@media (max-width:767px){
  .barre-action{
    position:fixed;left:0;right:0;bottom:0;z-index:99;
    display:flex;gap:1px;
    padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));
    background:var(--c-bg);
    border-top:1px solid var(--c-line);
  }

  .barre-action__lien{
    flex:1;min-width:0;
    display:flex;align-items:center;justify-content:center;
    min-height:56px;
    font-family:var(--f-text);font-size:min(var(--fs-ui),5.3vw);font-weight:600;
    text-decoration:none;
    border-radius:999px;
  }

  .barre-action__lien:first-child{background:var(--c-navy);color:var(--c-bg)}
  .barre-action__lien:first-child:hover,
  .barre-action__lien:first-child:focus-visible{background:var(--c-navy-deep)}
  .barre-action__lien + .barre-action__lien{
    background:transparent;color:var(--c-accent);
    border:1px solid var(--c-line);
  }
  .barre-action__lien + .barre-action__lien:hover,
  .barre-action__lien + .barre-action__lien:focus-visible{color:var(--c-accent-deep)}

  body{padding-bottom:calc(73px + env(safe-area-inset-bottom))}
  body:not(:has(.barre-action)){padding-bottom:0}
}

.sommaire{
  position:sticky;
  top:89px;
  padding-top:23px;
  z-index:98;
  background:var(--c-bg);
  border-bottom:1px solid var(--c-line);
}
@media (min-width:768px){.sommaire{padding-top:51px}}
.sommaire__liste{
  display:flex;gap:var(--s-5);
  max-width:var(--container);margin:0 auto;padding:0 var(--gutter);
  list-style:none;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.sommaire__liste::-webkit-scrollbar{display:none}

.sommaire__liste{
  -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);
  mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);
}
.sommaire__liste::after{content:"";flex:0 0 24px}
.sommaire__liste a{
  display:flex;align-items:center;
  min-height:52px;
  white-space:nowrap;
  font-family:var(--f-text);font-size:1rem;
  color:var(--c-ink-soft);text-decoration:none;
  border-bottom:2px solid transparent;
}
.sommaire__liste a:hover,
.sommaire__liste a:focus-visible{color:var(--c-accent);border-bottom-color:var(--c-gold)}

body:has(.sommaire) [id]{scroll-margin-top:165px}
@media (min-width:768px){
  body:has(.sommaire) [id]{scroll-margin-top:193px}
}

@media (max-height:560px){
  .sommaire{position:static;padding-top:0}
  body:has(.sommaire) [id]{scroll-margin-top:104px}
}

.poles{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-9)}
.pole{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
@media (min-width:900px){
  .pole{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-8);align-items:center}

  .pole:nth-child(even) .pole__portrait{grid-column:2;grid-row:1}
}
.pole__portrait .photo,
.pole__portrait .photo-slot{width:100%;aspect-ratio:3/4;border-radius:var(--radius)}
.pole__texte h3{margin-bottom:var(--s-4)}
.pole__texte p{color:var(--c-ink-soft);max-width:60ch}
.pole__texte p + p{margin-top:var(--s-5)}

.pole__referent{
  padding-top:var(--s-5);
  border-top:1px solid var(--c-line);
}
.pole__referent strong{color:var(--c-ink)}

.actes{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-9);max-width:68ch}
.acte h3{margin-bottom:var(--s-5)}
.acte p{color:var(--c-ink-soft)}
.acte p + p{margin-top:var(--s-5)}

.suite,.card__liens,.pole__lien{
  margin-top:var(--s-6);
  font-size:var(--fs-ui);
  color:var(--c-ink-soft);
}

.card__liens{margin-top:auto;padding-top:var(--s-6)}
.suite a,.card__liens a,.pole__lien a{
  display:inline-block;

  padding-block:9px;
}

.card__liens a + a::before{
  content:"·\00A0";
  content:"·\00A0" / "";
  margin-left:.45em;
}
@media (max-width:479px){
  .card__liens a{display:block}
  .card__liens a + a::before{content:none}
}

.menu__panel a[aria-current="page"]{
  color:var(--c-accent);

  text-decoration:underline;
  text-underline-offset:.18em;
  text-decoration-thickness:2px;
}

.honoraires__titre{margin-top:var(--s-9);margin-bottom:var(--s-5)}
.honoraires__titre + .honoraires__legal{margin-top:0}

.rdv{display:grid;gap:var(--s-8);margin-top:var(--s-8)}
@media (min-width:900px){
  .rdv{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-7)}
}

.rdv__voie{
  display:flex;flex-direction:column;
  padding-top:var(--s-6);
  border-top:1px solid var(--c-line);
}
.rdv__voie h3{margin-bottom:var(--s-4)}
.rdv__voie p{color:var(--c-ink-soft);max-width:60ch}

.rdv__actions{
  display:flex;flex-wrap:wrap;gap:var(--s-4);
  margin-top:auto;padding-top:var(--s-6);
}

@media (max-width:599px){
  .rdv__actions .btn{flex:1 1 100%}
}
.rdv__heures{margin-top:var(--s-4);font-size:var(--fs-ui);color:var(--c-ink-soft)}

.rdv__praticiens{
  margin-top:var(--s-8);
  padding-top:var(--s-6);
  border-top:1px solid var(--c-line);
}
.rdv__praticiens h3{margin-bottom:var(--s-4)}
.rdv__praticiens p{color:var(--c-ink-soft);max-width:60ch}

@media (max-width:599px){
  .rdv__praticiens .btn-row .btn{flex:1 1 100%}
}

.rdv ~ .faq{margin-top:var(--s-9)}

@media (min-width:900px){.rdv ~ .faq > :first-child{grid-column:1 / -1}}

.btn.href-todo{
  box-shadow:inset 0 0 0 2px var(--c-line);
  outline:2px dashed var(--c-accent);
  outline-offset:3px;
}

[data-soleil],[data-404-clics]{touch-action:manipulation}

[data-soleil]{position:relative}
[data-soleil]::after{
  content:"";position:absolute;left:calc(50% + 11px);top:-3px;
  width:26px;height:26px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3CradialGradient id='g' cx='.42' cy='.38' r='.62'%3E%3Cstop offset='0' stop-color='%23DBC7A9' stop-opacity='.7'/%3E%3Cstop offset='1' stop-color='%23DBC7A9'/%3E%3C/radialGradient%3E%3Ccircle cx='13' cy='13' r='5.5' fill='url(%23g)'/%3E%3Cpath d='M15.1 5.3L16.0 1.8M20.7 10.9L22.9 10.3M18.7 18.7L21.2 21.2M10.9 20.7L10.3 22.9M5.3 15.1L1.8 16.0M7.3 7.3L5.7 5.7' stroke='%23DBC7A9' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
  filter:drop-shadow(0 0 3px var(--c-gold));
  mix-blend-mode:multiply;
  opacity:0;translate:-14px 17px;
  transition:opacity .8s ease,translate 1.6s cubic-bezier(.45,.05,.2,1);
}
[data-soleil].est-leve::after{opacity:1;translate:0 0}

[data-soleil]::before{
  content:"";position:absolute;left:calc(50% + 8px);top:26px;
  width:11px;height:1.5px;border-radius:1px;background:var(--c-gold);
  rotate:34deg;opacity:0;pointer-events:none;
}
[data-soleil].est-leve::before{animation:soleil-rayon 1.6s ease both}
@keyframes soleil-rayon{20%{opacity:1}55%{opacity:0}}

.p404-mot{animation:p404-mot .9s ease both}
@keyframes p404-mot{from{opacity:0;translate:0 8px}}

@media (prefers-reduced-motion:reduce){
  [data-soleil]::after{translate:none;transition:none}
  [data-soleil].est-leve::before{animation:none}
  .p404-mot{animation:none}
}

.morpion{
  width:min(100% - 2 * var(--s-5),400px);max-height:calc(100% - 2 * var(--s-5));
  margin:auto;padding:0;border:0;background:transparent;overflow:visible;
  opacity:0;translate:0 10px;
  transition:opacity .22s ease,translate .22s ease,display .22s allow-discrete,overlay .22s allow-discrete;
}
.morpion[open]{opacity:1;translate:0 0}
@starting-style{.morpion[open]{opacity:0;translate:0 10px}}
.morpion::backdrop{
  background:rgba(43,39,36,0);
  transition:background-color .22s ease,display .22s allow-discrete,overlay .22s allow-discrete;
}
.morpion[open]::backdrop{background:rgba(43,39,36,.45)}
@starting-style{.morpion[open]::backdrop{background:rgba(43,39,36,0)}}

.morpion__cadre{
  position:relative;padding:var(--s-6) var(--s-5) var(--s-5);
  background:var(--c-bg);color:var(--c-fonce);border-radius:var(--radius);
  box-shadow:inset 0 0 0 1px var(--c-line);
}
.morpion__cadre h2,.morpion__cadre h3,.morpion__cadre p{color:var(--c-fonce)}
@media (min-width:400px){.morpion__cadre{padding:var(--s-7) var(--s-6) var(--s-6)}}
.morpion__fermer{
  position:absolute;top:var(--s-3);right:var(--s-3);
  width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--c-fonce);cursor:pointer;
  display:grid;place-items:center;
}
.morpion__fermer svg{width:20px;height:20px}
.morpion__fermer:hover{background:#EDEAE4}
.morpion .overline{margin-bottom:var(--s-2)}
.morpion__etat{margin:var(--s-3) 0 0;color:var(--c-ink-soft);min-height:1.6em}

.morpion__note{margin:var(--s-4) 0 0;font-size:var(--fs-small);color:var(--c-ink)}

.morpion__choix:not([hidden]),
.morpion__partie:not([hidden]){animation:morpion-entree .25s ease both}
@keyframes morpion-entree{from{opacity:0;translate:0 6px}}

.morpion__symboles{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-5)}
.morpion__symbole{
  display:grid;justify-items:center;gap:var(--s-2);
  padding:var(--s-4) var(--s-2);min-height:44px;
  border:0;border-radius:12px;background:transparent;cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--c-line);
  font-family:var(--f-text);font-size:var(--fs-ui);font-weight:600;color:var(--c-ink);
  transition:box-shadow .2s ease,background-color .2s ease;
}
.morpion__symbole svg{width:56px;height:56px;fill:none}
.morpion__symbole[data-morpion-symbole="x"] svg{color:var(--c-navy)}
.morpion__symbole[data-morpion-symbole="o"] svg{color:var(--c-accent)}
.morpion__symbole:hover{background:var(--c-bg-alt);box-shadow:inset 0 0 0 1px var(--c-ink)}

.morpion__grille{
  position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--s-4);
}
.morpion__case{
  position:relative;aspect-ratio:1;min-height:44px;padding:0;border:0;
  background:transparent;cursor:pointer;touch-action:manipulation;
  transition:background-color .2s ease;
}
.morpion__case:not(:nth-child(3n)){border-right:1px solid var(--c-navy)}
.morpion__case:nth-child(-n+6){border-bottom:1px solid var(--c-navy)}

@media (hover:hover){
  .morpion__case:hover{background:var(--c-bg-alt)}
  .morpion__grille.est-finie .morpion__case:hover,
  .morpion__grille.est-a-l-appareil .morpion__case:hover{background:transparent}
}
.morpion__grille.est-finie .morpion__case,
.morpion__grille.est-a-l-appareil .morpion__case{cursor:default}

.morpion__case::after{
  content:"";position:absolute;inset:16%;
  background:no-repeat center / contain;
  opacity:0;scale:.6;
  transition:opacity .15s ease,scale .18s ease;
}
.morpion__case.est-x::after,
.morpion__case.est-o::after{opacity:1;scale:1}
.morpion__case.est-x::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M12.2 18.5C10.4 15.4 9.6 12.4 10.4 9.9C11.3 7.2 13.6 6.1 16 6.6C17.6 6.9 18.6 7.9 20 7.9C21.4 7.9 22.4 6.9 24 6.6C26.4 6.1 28.7 7.2 29.6 9.9C30.4 12.4 29.6 15.4 27.8 18.5C26.9 20.1 26.6 22.2 26.2 25.2C25.7 29.3 24.9 33.4 23 33.4C21.2 33.4 21 29.4 20.9 26.9C20.8 25.6 20.5 24.9 20 24.9C19.5 24.9 19.2 25.6 19.1 26.9C19 29.4 18.8 33.4 17 33.4C15.1 33.4 14.3 29.3 13.8 25.2C13.4 22.2 13.1 20.1 12.2 18.5Z' fill='none' stroke='%23182A4F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.morpion__case.est-o::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 3.5C18.8 6.2 15.6 9.4 13.4 11.6C11.9 13.1 11.9 15.4 13 17.4C13.9 19 15.3 19.8 15.9 21.6C16.6 25.4 17.4 30.4 18.7 34.6C19.1 35.9 20.9 35.9 21.3 34.6C22.6 30.4 23.4 25.4 24.1 21.6C24.7 19.8 26.1 19 27 17.4C28.1 15.4 28.1 13.1 26.6 11.6C24.4 9.4 21.2 6.2 20 3.5Z' fill='none' stroke='%237A5B2E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

.morpion__grille::after{
  content:"";position:absolute;height:3px;border-radius:2px;
  background:var(--c-gold);pointer-events:none;
  opacity:0;scale:0 1;transform-origin:left center;
  transition:opacity .15s ease,scale .35s cubic-bezier(.45,.05,.2,1);
}
.morpion__grille[class*="est-ligne-"]::after{opacity:1;scale:1 1}
.morpion__grille.est-ligne-0::after{left:4%;width:92%;top:calc(100% / 6 - 1px)}
.morpion__grille.est-ligne-1::after{left:4%;width:92%;top:calc(50% - 1px)}
.morpion__grille.est-ligne-2::after{left:4%;width:92%;top:calc(500% / 6 - 1px)}
.morpion__grille.est-ligne-3::after,
.morpion__grille.est-ligne-4::after,
.morpion__grille.est-ligne-5::after{top:4%;width:92%;rotate:90deg;transform-origin:1.5px center;translate:0 -1.5px}
.morpion__grille.est-ligne-3::after{left:calc(100% / 6 - 1px)}
.morpion__grille.est-ligne-4::after{left:calc(50% - 1px)}
.morpion__grille.est-ligne-5::after{left:calc(500% / 6 - 1px)}
.morpion__grille.est-ligne-6::after{left:4%;top:4%;width:130%;rotate:45deg}
.morpion__grille.est-ligne-7::after{left:96%;top:4%;width:130%;rotate:135deg}

.morpion__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}
.morpion__actions .btn{flex:1 1 140px;min-height:48px;padding-inline:20px}

[data-morpion-cle]{touch-action:manipulation}

@media (prefers-reduced-motion:reduce){
  .morpion,.morpion::backdrop,.morpion__case,.morpion__case::after,
  .morpion__grille::after,.morpion__symbole{transition:none}
  .morpion__choix:not([hidden]),.morpion__partie:not([hidden]){animation:none}
}

.rdvp[open]{
  display:block;position:static;
  width:auto;max-width:none;height:auto;max-height:none;
  margin:0;padding:var(--section-y) var(--gutter);
  border:0;color:inherit;overflow:visible;

  background:linear-gradient(var(--plaque-beige),var(--plaque-beige));
}

.rdvp.est-fenetre[open]{
  width:min(100% - 2 * var(--s-5),420px);max-height:calc(100% - 2 * var(--s-5));
  margin:auto;padding:0;background:transparent;overflow:visible;
}
.rdvp.est-fenetre{
  border:0;
  opacity:0;translate:0 10px;
  transition:opacity .22s ease,translate .22s ease,display .22s allow-discrete,overlay .22s allow-discrete;
}
.rdvp.est-fenetre[open]{opacity:1;translate:0 0}
@starting-style{.rdvp.est-fenetre[open]{opacity:0;translate:0 10px}}
.rdvp.est-fenetre::backdrop{
  background:rgba(43,39,36,0);
  transition:background-color .22s ease,display .22s allow-discrete,overlay .22s allow-discrete;
}
.rdvp.est-fenetre[open]::backdrop{background:rgba(43,39,36,.45)}
@starting-style{.rdvp.est-fenetre[open]::backdrop{background:rgba(43,39,36,0)}}

.rdvp__cadre{
  position:relative;max-width:420px;margin:0 auto;
  padding:var(--s-6) var(--s-5) var(--s-5);
  background:var(--c-bg);color:var(--c-fonce);border-radius:var(--radius);
  box-shadow:inset 0 0 0 1px var(--c-line);
}
.rdvp__cadre h2{color:var(--c-fonce)}
.rdvp__lieu{color:#555C69}
@media (min-width:400px){.rdvp__cadre{padding:var(--s-7) var(--s-6) var(--s-6)}}

.rdvp__cadre h2{margin:0;padding-right:44px}
.rdvp__lieu{margin:var(--s-3) 0 0;color:var(--c-ink-soft)}

.rdvp__fermer{
  position:absolute;top:var(--s-3);right:var(--s-3);
  width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--c-fonce);cursor:pointer;
  display:grid;place-items:center;
}
.rdvp__fermer svg{width:20px;height:20px;fill:none}
.rdvp__fermer:hover{background:#EDEAE4}

.rdvp__liste{margin-top:var(--s-5);border-top:1px solid var(--c-line)}
.rdvp__lien{
  display:flex;align-items:center;min-height:52px;
  padding:var(--s-3) 0;
  border-bottom:1px solid var(--c-line);
  font-family:var(--f-text);font-size:var(--fs-ui);font-weight:600;
  color:var(--c-fonce);text-decoration:none;
}
.rdvp__lien:hover{color:var(--c-accent-fonce)}

@media (prefers-reduced-motion:reduce){
  .rdvp.est-fenetre,.rdvp.est-fenetre::backdrop{transition:none}
}
