/* =========================================================================
   Marc Seguin, rebouteux à Montmiral (Drôme)
   Direction artistique « Le Cabinet des Anvers »
   Registre du soin : fonds clairs, bandes pastel pleine largeur,
   photographie en premier, typographie modeste, angles adoucis.
   Palette tirée de sa maison : crépi, porte amande, tuile, haie.
   ========================================================================= */

@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:300 900;font-display:swap;
  src:url(polices/fraunces-latin-ext.woff2?v=a2930b27d1) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:300 900;font-display:swap;
  src:url(polices/fraunces-latin.woff2?v=7234ed860a) 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:'Schibsted Grotesk';font-style:normal;font-weight:300 800;font-display:swap;
  src:url(polices/schibsted-latin-ext.woff2?v=ee9eeb232c) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Schibsted Grotesk';font-style:normal;font-weight:300 800;font-display:swap;
  src:url(polices/schibsted-latin.woff2?v=4c8b93f431) 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;
}

/* ---------------------------------------------------------------- socle */
:root{
  --platre:#f7f2ea;
  --platre-clair:#fcfaf6;
  --amande:#dfe5d8;
  --argile:#efe2d7;
  --terre:#a05b3a;
  --terre-clair:#bb7452;
  --sauge:#415044;
  --sauge-fonce:#36433a;
  --encre:#2c302c;
  --encre-doux:#5f655f;
  --trait:#ded5c7;
  --trait-clair:#e9e2d7;

  --display:'Fraunces',Georgia,serif;
  --texte:'Schibsted Grotesk','Segoe UI',sans-serif;

  --t-xs:11.5px;
  --t-s:14.5px;
  --t-m:16.5px;
  --t-l:19px;

  --d-s:clamp(21px,1.9vw,25px);
  --d-m:clamp(28px,3.1vw,42px);
  --d-l:clamp(33px,4.4vw,58px);

  --air:clamp(76px,5vw + 36px,128px);
  --air-large:clamp(92px,7vw + 42px,168px);
  --cadre:clamp(20px,5vw,76px);
  --rond:26px;
  --rond-s:14px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--platre);color:var(--encre);
  font-family:var(--texte);font-size:var(--t-m);line-height:1.68;font-weight:400;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
svg{display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:-.018em;font-variation-settings:'opsz' 96}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0}
li{list-style:none}
button,input,textarea{font:inherit;color:inherit}

.enveloppe{width:min(1280px,100% - var(--cadre)*2);margin-inline:auto}
.etroit{max-width:640px}
.moyen{max-width:820px}
.hors-ecran{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

section{padding-block:var(--air)}
section.ample{padding-block:var(--air-large)}
section.serre{padding-block:clamp(54px,4vw + 24px,86px)}

.amande{background:var(--amande)}
.argile{background:var(--argile)}
.clair{background:var(--platre-clair)}
.sauge{background:var(--sauge);color:#eae6dd}
.sauge h2,.sauge h3{color:#f6f2ea}
.sauge p{color:#c5cdc4}

/* ----------------------------------------------------------- typographie */
.surtitre{
  font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.24em;
  font-weight:600;color:var(--terre);margin-bottom:20px;
}
.sauge .surtitre{color:#b9c9b8}
.amande .surtitre,.argile .surtitre{color:var(--sauge)}

h1{font-size:var(--d-l)}
h2{font-size:var(--d-m)}
h3{font-size:var(--d-s);letter-spacing:-.012em}
.plomb{font-size:var(--t-l);line-height:1.6;color:var(--encre-doux);max-width:58ch}
.sauge .plomb{color:#c5cdc4}
.corps{max-width:64ch;color:var(--encre-doux)}
.corps + .corps{margin-top:16px}
.corps strong{color:var(--encre);font-weight:600}
.sauge .corps strong{color:#f6f2ea}

/* ---------------------------------------------------------------- liens */
.lien-fleche{
  display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;color:var(--terre);
  font-size:var(--t-s);font-weight:600;letter-spacing:.03em;
  padding-bottom:3px;border-bottom:1px solid currentColor;
  transition:gap .25s ease,color .25s ease;
}
.lien-fleche svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}
.lien-fleche:hover{gap:16px;color:var(--terre-clair)}
.sauge .lien-fleche{color:#dcc3b2}
.liens{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px;align-items:center}

.bouton{
  display:inline-flex;align-items:center;gap:11px;
  padding:15px 28px;background:var(--terre);color:#fff;text-decoration:none;
  font-size:var(--t-s);font-weight:600;letter-spacing:.03em;
  border:1px solid var(--terre);border-radius:999px;
  transition:background .25s ease,border-color .25s ease;
}
.bouton:hover{background:var(--terre-clair);border-color:var(--terre-clair)}
.bouton--ligne{background:transparent;color:var(--encre);border-color:var(--trait)}
.bouton--ligne:hover{background:var(--encre);border-color:var(--encre);color:var(--platre)}
.sauge .bouton--ligne{color:#f6f2ea;border-color:rgba(246,242,234,.35)}
.sauge .bouton--ligne:hover{background:#f6f2ea;color:var(--sauge)}

/* -------------------------------------------------------------- entête */
.entete{
  position:sticky;top:0;z-index:70;
  background:rgba(247,242,234,.93);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--trait-clair);
}
.entete-rang{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px}
.marque{display:flex;align-items:baseline;gap:11px;text-decoration:none;color:var(--encre)}
.marque b{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.02em;white-space:nowrap}
.marque span{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--encre-doux)}
.nav{display:flex;align-items:center;gap:30px}
.nav a{text-decoration:none;font-size:var(--t-s);font-weight:500;color:var(--encre-doux);transition:color .2s ease}
.nav a:hover,.nav a[aria-current="page"]{color:var(--terre)}
.tel-entete{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  background:var(--terre);color:#fff;padding:11px 20px;border-radius:999px;
  font-size:var(--t-s);font-weight:600;transition:background .25s ease;
}
.tel-entete:hover{background:var(--terre-clair)}
.bascule{display:none;background:none;border:1px solid var(--trait);border-radius:999px;padding:10px 12px;cursor:pointer}
.bascule svg{width:19px;height:19px;stroke:var(--encre);fill:none;stroke-width:1.4}

/* ---------------------------------------------------------------- hero */
.hero{padding:0;position:relative}
.hero-image{width:100%;overflow:hidden}
.hero-image img{width:100%}
.hero-carte{
  position:relative;z-index:3;margin-top:-118px;
  background:var(--platre);border-radius:var(--rond);
  padding:clamp(32px,3.4vw,54px) clamp(28px,3.4vw,54px) clamp(30px,3vw,46px);
  max-width:740px;
  box-shadow:0 26px 60px rgba(44,48,44,.1);
}
.hero-carte h1{margin-bottom:18px}
.hero-carte .plomb{font-size:var(--t-m);line-height:1.66}
.hero-bas{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;margin-top:30px}

.note-google{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.note-google .etoiles{display:flex;gap:2px}
.note-google .etoiles svg{width:15px;height:15px;fill:var(--terre)}
.note-google b{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.02em}
.note-google a{font-size:var(--t-s);color:var(--encre-doux);text-decoration:none;border-bottom:1px solid var(--trait)}
.note-google a:hover{color:var(--terre);border-color:var(--terre)}

/* --------------------------------------------------- mosaïques de photos */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,4vw,76px);align-items:center}
.duo--7-5{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.duo--5-7{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.duo--haut{align-items:start}

.photo{border-radius:var(--rond);overflow:hidden;background:var(--trait-clair)}
.photo img{width:100%}
.photo--petite{border-radius:var(--rond-s)}
figure{margin:0}
figcaption{
  margin-top:13px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;
  font-weight:600;color:var(--encre-doux);
}
.portrait-rond{border-radius:999px;overflow:hidden;width:min(360px,100%);margin-inline:auto;background:var(--trait-clair)}
.portrait-rond img{width:100%}

.mosaique{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.6vw,22px);align-items:end}
.mosaique .a{grid-column:1 / 8}
.mosaique .b{grid-column:8 / 13;margin-bottom:clamp(20px,3.4vw,54px)}
.mosaique-haut{align-items:start}
.mosaique-haut .b{margin-bottom:0;margin-top:clamp(26px,4.4vw,70px)}

.pleine{width:100vw;margin-left:calc(50% - 50vw)}
.pleine img{width:100%}

/* ---------------------------------------------------------- liste zones */
.zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(65,80,68,.17);border:1px solid rgba(65,80,68,.17);border-radius:var(--rond);overflow:hidden;margin-top:48px}
.zones li{background:var(--amande);padding:clamp(20px,2.1vw,28px)}
.zones h3{font-family:var(--texte);font-size:var(--t-m);font-weight:600;letter-spacing:.01em;margin-bottom:7px}
.zones p{font-size:var(--t-s);line-height:1.56;color:#5a6459}

/* --------------------------------------------------------- cartes douces */
.cartes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:52px}
.carte{
  background:var(--platre-clair);border-radius:var(--rond);
  padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;
}
.carte .num{
  font-family:var(--display);font-size:26px;font-weight:600;color:var(--terre);
  letter-spacing:-.02em;margin-bottom:18px;line-height:1;
}
.carte h3{font-family:var(--texte);font-size:var(--t-m);font-weight:600;letter-spacing:.01em;margin-bottom:10px}
.carte p{font-size:var(--t-s);line-height:1.6;color:var(--encre-doux)}
.carte .duree{
  margin-top:auto;padding-top:20px;font-size:var(--t-xs);text-transform:uppercase;
  letter-spacing:.17em;font-weight:600;color:var(--sauge);
}

/* ---------------------------------------------------------- transmission */
.citation{margin:40px 0 0;padding-top:34px;border-top:1px solid var(--trait)}
.citation blockquote{
  margin:0;font-family:var(--display);font-weight:500;
  font-size:clamp(23px,2.5vw,33px);line-height:1.26;letter-spacing:-.02em;color:var(--encre);
}
.citation cite{
  display:block;margin-top:18px;font-style:normal;font-size:var(--t-xs);
  text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:var(--terre);
}
.filiation{margin-top:44px}
.filiation li{display:grid;grid-template-columns:116px minmax(0,1fr);gap:22px;padding:17px 0;border-bottom:1px solid var(--trait)}
.filiation li:first-child{border-top:1px solid var(--trait)}
.filiation .date{font-family:var(--display);font-size:18px;font-weight:600;color:var(--sauge)}
.filiation p{font-size:var(--t-s);color:var(--encre-doux);line-height:1.6}
.filiation strong{color:var(--encre);font-weight:600}

/* --------------------------------------------------------------- avis */
.avis-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin-top:52px}
.avis-carte{
  background:var(--platre-clair);border-radius:var(--rond);
  padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;gap:16px;
}
.avis-carte .etoiles{display:flex;gap:2px}
.avis-carte .etoiles svg{width:13px;height:13px;fill:var(--terre)}
.avis-carte q{quotes:"\00AB\00A0" "\00A0\00BB";font-size:var(--t-s);line-height:1.64;color:var(--encre)}
.avis-carte footer{
  margin-top:auto;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;
  font-weight:600;color:var(--encre-doux);
}
.reponse{
  margin-top:40px;background:var(--platre-clair);border-radius:var(--rond);
  padding:clamp(24px,2.6vw,36px);max-width:74ch;
}
.reponse p{font-size:var(--t-s);line-height:1.64;color:var(--encre-doux)}

/* ------------------------------------------------------------ passerelles */
.passerelles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin-top:50px}
.passerelle{display:block;text-decoration:none;color:inherit}
.passerelle .photo{margin-bottom:18px;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.passerelle:hover .photo{transform:translateY(-6px)}
.passerelle h3{margin-bottom:8px}
.passerelle p{font-size:var(--t-s);color:var(--encre-doux);line-height:1.58;margin-bottom:14px}

/* ----------------------------------------------------------- fiche infos */
.fiche{border-top:1px solid var(--trait);margin-top:34px}
.fiche > div{display:grid;grid-template-columns:168px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--trait);align-items:baseline}
.fiche dt{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:var(--encre-doux)}
.fiche dd{font-size:var(--t-s);font-weight:500}
.fiche dd a{text-decoration:none;border-bottom:1px solid var(--trait)}
.fiche dd a:hover{color:var(--terre);border-color:var(--terre)}

.villes{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}
.villes li{font-size:var(--t-s);padding:6px 15px;border:1px solid var(--trait);border-radius:999px;color:var(--encre-doux)}
.villes li.proche{background:var(--amande);border-color:var(--amande);color:var(--sauge);font-weight:500}

/* ---------------------------------------------------------------- faq */
.faq{margin-top:44px;border-top:1px solid var(--trait)}
.faq details{border-bottom:1px solid var(--trait)}
.faq summary{
  list-style:none;cursor:pointer;padding:23px 46px 23px 0;position:relative;
  font-family:var(--display);font-size:clamp(19px,1.9vw,24px);font-weight:500;letter-spacing:-.015em;line-height:1.26;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:8px;top:31px;width:13px;height:13px;
  border-right:1px solid var(--terre);border-bottom:1px solid var(--terre);
  transform:rotate(45deg);transition:transform .3s ease;
}
.faq details[open] summary::after{transform:rotate(225deg);top:35px}
.faq .reponse-faq{padding:0 clamp(30px,6vw,110px) 26px 0;max-width:74ch}
.faq .reponse-faq p{font-size:var(--t-s);color:var(--encre-doux);line-height:1.68}
.faq .reponse-faq p + p{margin-top:13px}

/* ------------------------------------------------------------ contact */
.contact-grille{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,88px)}
.champ{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.champ label{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:#b9c9b8}
.champ input,.champ textarea{
  background:rgba(255,255,255,.07);border:1px solid rgba(246,242,234,.22);border-radius:var(--rond-s);
  padding:13px 16px;color:#f6f2ea;font-size:var(--t-s);transition:border-color .2s ease;
}
.champ input::placeholder,.champ textarea::placeholder{color:#8d9a8c}
.champ input:focus,.champ textarea:focus{outline:none;border-color:#dcc3b2}
.champ textarea{min-height:122px;resize:vertical}
.deux-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}

.appel{
  display:flex;align-items:center;gap:16px;text-decoration:none;
  background:rgba(255,255,255,.07);border-radius:var(--rond);padding:22px 26px;margin:30px 0 26px;
  transition:background .25s ease;
}
.appel:hover{background:rgba(255,255,255,.12)}
.appel .numero{font-family:var(--display);font-size:clamp(24px,2.6vw,31px);font-weight:600;letter-spacing:-.02em;color:#f6f2ea;display:block}
.appel small{display:block;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;color:#b9c9b8;font-weight:600;margin-bottom:5px}

.mention{
  border:1px solid rgba(246,242,234,.2);border-radius:var(--rond-s);
  padding:20px 24px;font-size:var(--t-s);line-height:1.6;color:#c5cdc4;
}
.mention strong{color:#f6f2ea;font-weight:600}
.mention--claire{border:1px solid var(--trait);color:var(--encre-doux);background:var(--platre-clair);border-radius:var(--rond);padding:24px 28px}
.mention--claire strong{color:var(--encre)}

/* --------------------------------------------------------------- pied */
.pied{background:var(--sauge-fonce);color:#b4beb3;position:relative;overflow:hidden}
.pied-grille{display:grid;grid-template-columns:minmax(0,4fr) repeat(2,minmax(0,3fr));gap:clamp(28px,4vw,66px);padding-block:clamp(56px,4.6vw,84px) 40px;position:relative;z-index:2}
.pied .marque{color:#f6f2ea}
.pied .marque span{color:#9aa899}
.pied h4{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.2em;font-family:var(--texte);font-weight:600;color:#f6f2ea;margin-bottom:18px}
.pied a{color:#b4beb3;text-decoration:none;font-size:var(--t-s);transition:color .2s ease}
.pied a:hover{color:#f6f2ea}
.pied li{margin-bottom:10px}
.pied-bas{
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;
  padding-block:22px;border-top:1px solid rgba(246,242,234,.14);font-size:var(--t-xs);
  position:relative;z-index:2;
}

/* ------------------------------------------------- ornement discret */
.ornement{position:absolute;pointer-events:none;opacity:.13;width:240px;z-index:1}
.ornement path,.ornement circle{fill:none;stroke:var(--sauge);stroke-width:1}
.pied .ornement path,.pied .ornement circle{stroke:#f6f2ea}
.ornement--hd{right:-46px;top:-34px}
.ornement--bg{left:-54px;bottom:-70px}

/* ----------------------------------------------- pages intérieures */
.chapeau{padding-block:clamp(56px,5vw + 22px,96px) clamp(40px,3.4vw,64px)}
.fil{display:flex;gap:9px;align-items:center;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:var(--encre-doux);margin-bottom:22px}
.fil a{text-decoration:none}
.fil a:hover{color:var(--terre)}
.fil span{color:var(--terre)}

.avis-mur{columns:3;column-gap:clamp(16px,1.8vw,24px);margin-top:52px}
.avis-mur blockquote{
  break-inside:avoid;margin:0 0 clamp(16px,1.8vw,24px);display:flow-root;
  background:var(--platre-clair);border-radius:var(--rond);padding:clamp(22px,2.2vw,30px);
}
.avis-mur q{quotes:"\00AB\00A0" "\00A0\00BB";font-size:var(--t-s);line-height:1.64;display:block}
.avis-mur footer{margin-top:14px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:var(--encre-doux)}
.avis-mur .etoiles{display:flex;gap:2px;margin-bottom:13px}
.avis-mur .etoiles svg{width:12px;height:12px;fill:var(--terre)}

.itineraires{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:48px}
.itineraire{background:var(--platre-clair);border-radius:var(--rond);padding:clamp(22px,2.4vw,32px)}
.itineraire .num{font-family:var(--display);font-size:24px;font-weight:600;color:var(--terre);margin-bottom:14px;line-height:1}
.itineraire h3{font-family:var(--texte);font-size:var(--t-m);font-weight:600;letter-spacing:.01em;margin-bottom:10px}
.itineraire p{font-size:var(--t-s);line-height:1.62;color:var(--encre-doux)}
.itineraire .temps{display:block;margin-top:14px;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.17em;font-weight:600;color:var(--sauge)}

/* -------------------------------------------------------- révélations */
.reveler{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
  .js .reveler{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
  .js .reveler.vu{opacity:1;transform:none}
}

/* ------------------------------------------------------------ écrans */
@media (max-width:1080px){
  .duo,.duo--7-5,.duo--5-7,.contact-grille{grid-template-columns:1fr}
  .zones,.cartes,.avis-grille,.passerelles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mosaique .a{grid-column:1 / 13}
  .mosaique .b{grid-column:1 / 13;margin:0}
  .avis-mur{columns:2}
  .pied-grille{grid-template-columns:1fr 1fr}
  .hero-carte{margin-top:-76px;max-width:none}
}
@media (max-width:760px){
  .nav,.tel-entete span{display:none}
  .bascule{display:block}
  .entete.ouvert .nav{
    display:flex;flex-direction:column;align-items:flex-start;gap:2px;
    position:absolute;left:0;right:0;top:100%;background:var(--platre);
    border-bottom:1px solid var(--trait);padding:14px var(--cadre) 22px;
  }
  .entete.ouvert .nav a{padding:10px 0;font-size:var(--t-m)}
  .marque b{font-size:18px}
  .marque span{font-size:10px;letter-spacing:.16em}
  .zones,.cartes,.avis-grille,.passerelles,.itineraires,.deux-champs{grid-template-columns:1fr}
  .avis-mur{columns:1}
  .filiation li{grid-template-columns:1fr;gap:5px}
  .fiche > div{grid-template-columns:1fr;gap:3px}
  .pied-grille{grid-template-columns:1fr}
  .hero-carte{margin-top:-40px;padding:28px 24px 26px;border-radius:var(--rond-s)}
  .ornement{display:none}
}