@font-face{
  font-family:'PoliceTitre';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('police-titre.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:'PoliceLibelle';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('police-libelle.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{
  --police-titre:'PoliceTitre',Rockwell,"Roboto Slab","Sitka Small",Georgia,serif;
  --police-libelle:'PoliceLibelle',"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;

  --papier:#FDFBF7;        /* le plus clair : le papier boucher neuf */
  --papier-2:#F6EFE4;
  --ivoire:#FBF6EE;        /* le ton courant de la page */
  --ivoire-2:#F3E9DA;
  --gres:#E5D8C2;          /* le grès de la découpe : le sol du magasin */
  --gres-2:#DACAAE;
  --bois:#E7D4B6;          /* le BILLOT : hêtre blond, pas du bois noir */
  --bois-2:#D8BE96;
  --rose-etal:#EBD7CF;     /* le comptoir : le rosé du papier boucher */
  --rose-etal-2:#DFC5BB;
  --acier:#D1DBE0;         /* les horaires : la seule note froide */
  --acier-2:#C0CDD4;
  --acier-clair:#EDF2F4;   /* la plaque d'inox brossé */
  --acier-clair-2:#DFE7EB;

  --encre:#231413;         /* le texte sur fond clair et chaud */
  --sourd:#5F4540;         /* texte secondaire sur fond clair et chaud */
  --encre-froide:#182229;  /* le texte sur la plaque d'inox */
  --sourd-froid:#465660;

  --sang:#8E2229;          /* l'accent — la banne, les filets, les boutons */
  --sang-clair:#A63A3E;    /* stop clair du bouton */
  --sang-fonce:#5F1418;

  --sang-nuit:#3A171A;     /* la barre de nav : l'enseigne peinte */
  --sang-nuit-2:#260D10;
  --billot:#1B100E;        /* le pied de page */
  --billot-2:#2C1C17;
  --papier-doux:#EBDFCF;   /* texte sur ces deux surfaces */
  --rose:#F0A9A2;          /* liens sur ces deux surfaces */

  --cuis-vive:#D9776A;
  --cuis-four:#B24A47;
  --cuis-braise:#82302F;
  --cuis-mijote:#4E1E20;

  --banne-rouge:var(--sang);
  --banne-bord:rgba(35,20,19,.34);

  --rayon:10px;
  --rayon-bouton:8px;      /* jamais nul : un bouton n'est pas un rectangle brut */
  --colonne:1120px;
  --gouttiere:clamp(16px,4vw,32px);

  --pres:0 1px 2px rgba(27,16,14,.10);
  --loin:0 12px 28px rgba(27,16,14,.16);
  --loin-fort:0 18px 40px rgba(27,16,14,.22);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{
  font-family:var(--police-libelle);
  font-size:17px;line-height:1.62;
  color:var(--encre);
  background:var(--ivoire);
  overflow-wrap:break-word;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;height:auto;display:block}
figure{max-width:100%}
ul,ol{list-style:none}
a{color:var(--sang)}
h1,h2,h3{font-family:var(--police-titre);font-weight:600;line-height:1.1;text-wrap:balance}

.plaque__num,.tableau dd,.palier__duree{
  font-family:var(--police-libelle);
  font-variant-numeric:lining-nums tabular-nums;
}

.bande{
  width:100%;max-width:var(--colonne);
  margin-inline:auto;padding-inline:var(--gouttiere);
  position:relative;z-index:1;   /* au-dessus de la couche des joues */
}

main a[href^="tel:"]:not(.plaque),main a[href^="mailto:"],
main .tableau__ligne[data-ligne="email"] a{
  display:inline-block;padding-block:.25rem;min-height:24px;
}
:focus-visible{outline:3px solid var(--sang);outline-offset:3px;border-radius:2px}

.ruban{
  background:var(--billot);
  color:var(--papier-doux);
  font-size:13px;letter-spacing:.02em;text-align:center;
  padding:9px var(--gouttiere);
}
.ruban a{color:var(--rose)}
.saut-contenu{
  position:absolute;left:-9999px;top:0;z-index:20;
  background:var(--papier);color:var(--encre);
  padding:12px 20px;border-radius:0 0 var(--rayon) 0;
}
.saut-contenu:focus{left:0}

.entete{position:sticky;top:0;z-index:10}
.nav{
  background:color-mix(in srgb,var(--sang-nuit) 93%,transparent);
  backdrop-filter:blur(16px) saturate(115%);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 12px rgba(27,16,14,.15);
}
.nav__dedans{
  width:100%;max-width:var(--colonne);margin-inline:auto;
  padding:12px var(--gouttiere);
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.marque{text-decoration:none;color:var(--papier);margin-right:auto;display:block}
.marque__nom{
  display:block;font-family:var(--police-titre);font-weight:600;
  font-size:clamp(1.05rem,.95rem + .6vw,1.4rem);line-height:1.15;
  letter-spacing:.005em;
}
.marque__sous{
  display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--papier-doux);margin-top:2px;
}

#nav-toggle{
  display:grid;gap:5px;align-content:center;
  width:44px;height:44px;padding:11px 9px;
  background:color-mix(in srgb,var(--papier) 10%,transparent);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--rayon-bouton);
  cursor:pointer;
}
.nav-toggle__trait{display:block;height:2px;background:var(--papier);border-radius:1px}
#nav-toggle[aria-expanded="true"]{background:color-mix(in srgb,var(--papier) 18%,transparent)}

#nav-links{
  display:none;width:100%;
  flex-direction:column;gap:2px;
  padding-top:10px;
}
#nav-links.is-open{display:flex}
#nav-links a{
  display:block;min-height:44px;padding:11px 12px;
  font-family:var(--police-titre);font-size:1rem;letter-spacing:.02em;
  color:var(--papier-doux);text-decoration:none;
  border-radius:var(--rayon-bouton);
  border:1px solid transparent;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease;
}
#nav-links a:hover{
  color:var(--papier);
  background:color-mix(in srgb,var(--papier) 8%,transparent);
  border-color:rgba(255,255,255,.14);
}
@media (min-width:900px){
  #nav-toggle{display:none}
  #nav-links{display:flex;flex-direction:row;width:auto;gap:4px;padding-top:0}
  #nav-links a{min-height:40px;padding:8px 13px}
}

.banne,.marquise{position:relative}
.banne::after,.marquise::after{
  content:"";position:absolute;top:100%;left:0;right:0;
  height:calc(var(--pas)/2);
  background:
    radial-gradient(circle calc(var(--pas)/2) at calc(var(--pas)/2) 0,
      var(--banne-rouge) calc(var(--pas)/2 - 1px),transparent calc(var(--pas)/2))
      0 0/calc(2*var(--pas)) 100% repeat-x,
    radial-gradient(circle calc(var(--pas)/2) at calc(var(--pas)/2) 0,
      #fff calc(var(--pas)/2 - 2.2px),
      var(--banne-bord) calc(var(--pas)/2 - 2.2px) calc(var(--pas)/2 - 1px),
      transparent calc(var(--pas)/2))
      var(--pas) 0/calc(2*var(--pas)) 100% repeat-x;
}

.banne{
  --pas:28px;height:14px;width:100%;
  background:repeating-linear-gradient(90deg,
    var(--banne-rouge) 0 var(--pas),#fff var(--pas) calc(2*var(--pas)));
  box-shadow:inset 0 0 0 1px var(--banne-bord);
  filter:drop-shadow(0 3px 4px rgba(35,20,19,.26));
}

.marquise{
  --pas:14px;height:7px;width:98px;
  margin:0 0 20px;
  background:repeating-linear-gradient(90deg,
    var(--banne-rouge) 0 var(--pas),#fff var(--pas) calc(2*var(--pas)));
  box-shadow:inset 0 0 0 1px var(--banne-bord);
  filter:drop-shadow(0 2px 2px rgba(35,20,19,.20));
}

.sur{
  font-size:12px;letter-spacing:.19em;text-transform:uppercase;
  color:var(--sourd);margin-bottom:10px;
}
.sur--froid{color:var(--sourd-froid)}

.titre2{
  font-size:clamp(1.7rem,1.15rem + 2.3vw,2.6rem);
  text-transform:uppercase;letter-spacing:.005em;line-height:1.06;
  color:var(--encre);margin-bottom:16px;
}
.titre2--froid{color:var(--encre-froide)}

.para{color:var(--sourd);max-width:62ch;margin-bottom:16px}
.para--serre{margin-bottom:8px}
.entete-section{margin-bottom:32px}

.plaque{
  display:inline-grid;gap:2px;align-content:center;justify-items:start;
  min-height:56px;padding:10px 26px;
  border-radius:var(--rayon-bouton);
  background:linear-gradient(180deg,var(--sang-clair),var(--sang));
  color:var(--papier);text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),var(--pres),var(--loin);
  transition:transform .24s ease,box-shadow .24s ease;
}
.plaque__quoi{font-size:12px;letter-spacing:.15em;text-transform:uppercase;opacity:.92}
.plaque__num{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);font-weight:600;line-height:1.1}
.plaque:hover,.plaque:focus-visible{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),var(--pres),var(--loin-fort);
}

.joue--clair{
  position:relative;
  --joue-pas:15px;
  --joue-fond:rgba(35,20,19,.20);
  --joue-trait:rgba(35,20,19,.05);
  --joue-jour:rgba(255,255,255,.16);
  --nappe-trait:rgba(35,20,19,.048);
  --nappe-jour:rgba(255,255,255,.13);
  --joue-arete:rgba(255,255,255,.50);
}
.joue--clair::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  --goutte:max(0px,calc((100% - var(--colonne)) / 2));
  --joue-masque:linear-gradient(90deg,
    #000 0%,rgba(0,0,0,.55) 26%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.55) 74%,#000 100%);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.14 0 0 0 0 0.08 0 0 0 0 0.07 1 0 0 0 -0.50'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23n)' opacity='0.34'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.68' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 -0.52'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23b)' opacity='0.26'/%3E%3C/svg%3E"),
    linear-gradient(90deg,
      var(--joue-fond) 0%,transparent 38%,transparent 62%,var(--joue-fond) 100%);
  background-size:170px 170px,170px 170px,auto;
  background-position:left top,left top,left top;
  background-repeat:repeat,repeat,no-repeat;
  -webkit-mask-image:var(--joue-masque);
          mask-image:var(--joue-masque);
}
.horaires.joue--clair{
  --joue-pas:10px;
  --joue-fond:rgba(24,34,41,.18);
  --joue-trait:rgba(24,34,41,.045);
  --joue-jour:rgba(255,255,255,.18);
  --joue-arete:rgba(255,255,255,.55);
  --nappe-trait:rgba(24,34,41,.042);
  --nappe-jour:rgba(255,255,255,.15);
}

.vitrine{
  position:relative;overflow:hidden;
  background-color:#f3e9da;
  background-image:
    linear-gradient(rgba(251,246,238,.84),rgba(251,246,238,.84)),
    url("https://images.pexels.com/photos/8251005/pexels-photo-8251005.jpeg?auto=compress&cs=tinysrgb&w=1600&h=900&fit=crop");
  background-size:cover,auto 190%;
  background-position:center,22% 26%;
  background-repeat:no-repeat,no-repeat;
  padding-block:72px 96px;
}
.vitrine__jour{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(115% 76% at 16% 0%,rgba(255,255,255,.92),transparent 62%);
}
.vitrine > .banne{z-index:2}
.vitrine__grille{
  position:relative;z-index:1;   /* le texte passe AU-DESSUS du jour et du voile */
  display:grid;gap:36px;
  padding-top:clamp(40px,6vw,72px);
  padding-bottom:clamp(24px,4vw,40px);
}
@media (min-width:900px){
  .vitrine__grille{
    padding-top:clamp(56px,6vw,92px);
    padding-bottom:clamp(40px,5vw,64px);
  }
  .vitrine__grille{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    gap:56px;align-items:center;
  }
}
.vitrine__titre{
  font-size:clamp(2.3rem,1.5rem + 3.4vw,3.9rem);
  color:var(--encre);letter-spacing:-.005em;margin-bottom:16px;
}
.mot-accent{color:var(--sang)}
.vitrine__intro{color:var(--sourd);max-width:52ch;margin-bottom:28px}

.pastille{
  display:inline-block;
  font-size:12px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--sang);
  background:rgba(255,255,255,.72);
  border:1px solid color-mix(in srgb,var(--sang) 40%,transparent);
  border-radius:99px;padding:6px 14px;margin-bottom:20px;
}

.vitrine__cadre{
  position:relative;
  padding:14px;
  border-radius:var(--rayon);
  background-color:#ffffff;
  box-shadow:
    inset 0 1px 0 #FFFFFF,
    inset 0 0 0 1px rgba(35,20,19,.10),
    var(--pres),var(--loin);
}
.vitrine__photo{
  width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 45%;
  border-radius:5px;
}

.decoupe{
  background-color:#f3e9da;
  margin-top:-88px;position:relative;z-index:1;
  padding-block:56px 64px;
}
.billot{
  position:relative;z-index:1;overflow:hidden;
  padding:clamp(28px,4vw,56px);
  border-radius:var(--rayon);
  background-color:#e7d4b6;background-image:radial-gradient(120% 90% at 50% 0%,rgba(255,252,242,.62),transparent 64%);
  border:1px solid rgba(84,50,18,.26);
  box-shadow:inset 0 1px 0 rgba(255,252,242,.75),var(--pres),var(--loin-fort);
}
.billot::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(140% 24% at 30% 38%,rgba(84,50,18,.055) 0 30%,transparent 72%),
    radial-gradient(120% 18% at 72% 74%,rgba(255,252,242,.30) 0 28%,transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='w' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55 0.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.33 0 0 0 0 0.20 0 0 0 0 0.07 1 0 0 0 -0.46'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23w)' opacity='0.40'/%3E%3C/svg%3E");
  background-size:auto,auto,160px 160px;
  background-position:left top,left top,left top;
  background-repeat:no-repeat,no-repeat,repeat;
  mask-image:radial-gradient(120% 100% at 50% 50%,transparent 18%,#000 96%);
}
.billot > *{position:relative;z-index:1}

.morceaux{display:grid;gap:2px;--teinte:var(--cuis-mijote)}
@media (min-width:900px){.morceaux{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}}
.morceaux li{
  --vue:var(--teinte);
  --cerne:color-mix(in srgb,var(--teinte) 62%,#38160F);
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:baseline;gap:16px;
  padding:13px 14px;
  border-top:1px solid rgba(84,50,18,.24);
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--vue) 17%,transparent),transparent 52%);
  transition:background .24s ease;
}
.morceaux li:hover{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--vue) 28%,transparent),transparent 68%);
}
.morceaux li:last-child{border-bottom:1px solid rgba(84,50,18,.24)}
@media (min-width:900px){
  .morceaux li:nth-last-child(-n+2){border-bottom:1px solid rgba(84,50,18,.24)}
}
.ton--vive{--teinte:var(--cuis-vive)}
.ton--four{--teinte:var(--cuis-four)}
.ton--braise{--teinte:var(--cuis-braise)}
.ton--mijote{--teinte:var(--cuis-mijote)}
.morceaux__pastille{
  width:18px;height:18px;border-radius:4px;
  align-self:center;background:var(--vue);
  box-shadow:
    inset 0 0 0 1.5px var(--cerne),
    inset 0 -2px 4px rgba(0,0,0,.20),
    0 1px 2px rgba(35,20,19,.24);
}
.pastille--vive{background:var(--cuis-vive)}
.pastille--four{background:var(--cuis-four)}
.pastille--braise{background:var(--cuis-braise)}
.pastille--mijote{background:var(--cuis-mijote)}
.morceaux__nom{
  font-family:var(--police-titre);font-size:1.08rem;color:var(--encre);
  display:block;line-height:1.25;
}
.morceaux__nom em{
  display:block;font-family:var(--police-libelle);font-style:normal;
  font-size:14px;color:var(--sourd);margin-top:2px;
}

.cuissons{
  background-color:#f3e9da;
  padding-block:44px;   /* DENSE : quatre cartes qui se suivent */
}
@media (min-width:900px){.cuissons{padding-block:48px}}

.echelle{display:grid;gap:16px}
.palier{
  --chauffe:.18;
  --lavis:color-mix(in srgb,var(--teinte) 76%,#C2603C);
  position:relative;overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px 20px;
  padding:20px;
  border-radius:var(--rayon);
  background-color:#ffffff;background-image:linear-gradient(100deg,
      color-mix(in srgb,var(--lavis) calc(var(--chauffe) * 100%),transparent),
      transparent 58%);
  border:1px solid rgba(35,20,19,.12);
  box-shadow:
    inset 5px 0 0 -1px color-mix(in srgb,var(--teinte) 74%,transparent),
    inset 0 1px 0 rgba(255,255,255,.90),var(--pres),var(--loin);
  transition:transform .24s ease,box-shadow .24s ease;
}
.palier:hover{
  box-shadow:
    inset 5px 0 0 -1px var(--teinte),
    inset 0 1px 0 rgba(255,255,255,.90),var(--pres),var(--loin-fort);
}
.palier--1{--chauffe:.10}
.palier--2{--chauffe:.15}
.palier--3{--chauffe:.21}
.palier--4{--chauffe:.28}
.palier--1{--teinte:var(--cuis-vive)}
.palier--2{--teinte:var(--cuis-four)}
.palier--3{--teinte:var(--cuis-braise)}
.palier--4{--teinte:var(--cuis-mijote)}

.palier__jeton{
  width:36px;height:36px;border-radius:var(--rayon-bouton);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--teinte) 70%,#3A1710),
    inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(35,20,19,.22);
}
.palier__nom{
  font-size:clamp(1.15rem,1.05rem + .4vw,1.35rem);
  text-transform:uppercase;letter-spacing:.02em;color:var(--encre);
}
.palier__pieces{
  font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--sang);margin:4px 0 8px;
}
.palier__texte{color:var(--sourd);max-width:60ch;font-size:.97rem}

.palier__duree{
  margin-top:14px;
  display:inline-block;padding:6px 13px;
  border-radius:var(--rayon-bouton);
  font-size:13px;letter-spacing:.09em;text-transform:uppercase;
  color:color-mix(in srgb,var(--teinte) 62%,var(--encre));
  background:color-mix(in srgb,var(--teinte) 14%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teinte) 34%,transparent);
}

@media (min-width:900px){
  .palier{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 26px;padding:26px 30px}
}

.comptoir{
  background-color:#f3e9da;
  padding-block:72px;   /* AEREE : la photo pleine hauteur a besoin d'air */
}
@media (min-width:900px){.comptoir{padding-block:112px}}

.comptoir__grille{
  position:relative;z-index:1;
  display:grid;gap:32px;
  width:100%;max-width:var(--colonne);margin-inline:auto;
  padding-inline:var(--gouttiere);
}
.comptoir__visuel{position:relative}
.comptoir__visuel::before{
  content:"";position:absolute;
  inset:-24px calc(-1 * min(24px,var(--gouttiere)));pointer-events:none;
  border-radius:calc(var(--rayon) + 16px);
  background:radial-gradient(110% 120% at 46% 44%,
    rgba(255,252,247,.80) 0%,rgba(255,252,247,.42) 48%,transparent 76%);
  filter:blur(2px);
}
.comptoir__visuel img{
  position:relative;z-index:1;
  width:100%;border-radius:var(--rayon);
  aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;
  box-shadow:var(--pres),var(--loin);
}
@media (min-width:960px){
  .comptoir__grille{
    max-width:none;padding-inline:0;gap:0;
    grid-template-columns:
      [bord] minmax(0,1fr)
      [col] minmax(0,calc(var(--colonne) * .42))
      [mid] minmax(0,calc(var(--colonne) * .58 - var(--gouttiere)))
      [colfin] minmax(0,1fr) [bordfin];
  }
  .comptoir__visuel{grid-column:bord/mid}
  .comptoir__visuel::before{left:0}
  .comptoir__visuel img{
    height:100%;aspect-ratio:auto;min-height:420px;
    border-radius:0 var(--rayon) var(--rayon) 0;
  }
  .comptoir__contenu{grid-column:mid/colfin;padding-left:56px;padding-right:var(--gouttiere)}
}

.postes{display:grid;gap:16px}
@media (min-width:620px){.postes{grid-template-columns:repeat(2,minmax(0,1fr))}}

.poste{
  padding:20px;
  border-radius:var(--rayon);
  background-color:#ffffff;
  border-top:3px solid var(--sang);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),var(--pres),var(--loin);
  transition:transform .24s ease,box-shadow .24s ease;
}
.poste:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),var(--pres),var(--loin-fort);
}
.poste__nom{
  font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em;
  color:var(--encre);margin-bottom:8px;
}
.poste__texte{color:var(--sourd);font-size:.97rem}

.charcut{
  background-color:#f3e9da;   /* 16.08 — le fond traverse : plus de papier à part */
  padding-block:44px;   /* DENSE */
}
@media (min-width:900px){.charcut{padding-block:48px}}
.charcut__grille{display:grid;gap:40px}
@media (min-width:900px){
  .charcut__grille{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:56px;align-items:center}
}
.charcut__visuel{position:relative}
.charcut__visuel::before{
  content:"";position:absolute;
  inset:-26px calc(-1 * min(26px,var(--gouttiere)));pointer-events:none;
  border-radius:calc(var(--rayon) + 18px);
  background:radial-gradient(120% 120% at 50% 42%,
    rgba(255,253,248,.92) 0%,rgba(255,253,248,.55) 46%,transparent 78%);
  filter:blur(2px);
}
.charcut__visuel img{
  position:relative;z-index:1;
  width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 40%;
  border-radius:var(--rayon);
  box-shadow:var(--pres),var(--loin);
}

.rayon{display:grid;gap:2px;max-width:52ch}
.rayon li{
  display:grid;grid-template-columns:10px minmax(0,1fr);
  align-items:baseline;gap:14px;
  padding:11px 0;
  border-bottom:1px dotted rgba(35,20,19,.24);
  color:var(--sourd);
}
.rayon li::before{
  content:"";width:10px;height:10px;border-radius:2px;
  background:var(--sang);transform:translateY(1px);
}

.horaires{
  background-color:#f3e9da;
  padding-block:68px;   /* AEREE : la plaque est seule au milieu */
}
@media (min-width:900px){.horaires{padding-block:104px}}

.plaque-inox{
  position:relative;overflow:hidden;
  max-width:720px;margin-inline:auto;
  padding:clamp(24px,3.4vw,44px);
  border-radius:var(--rayon);
  background:var(--acier-clair);
  border:1px solid rgba(24,34,41,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(24,34,41,.14),var(--loin);
}
.plaque-inox::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,
    rgba(24,34,41,.03) 0 1px,rgba(255,255,255,.16) 1px 2px,transparent 2px 6px);
}
.plaque-inox > *{position:relative;z-index:1}
.plaque-inox__note{
  margin-top:20px;font-size:14px;line-height:1.55;color:var(--sourd-froid);
  max-width:56ch;
}

.tableau{display:grid;gap:0}
.tableau__ligne{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;gap:16px;
  padding:12px 0;
  border-bottom:1px dotted rgba(24,34,41,.28);
}
.tableau__ligne:last-child{border-bottom:0}
.tableau dt{
  font-family:var(--police-titre);font-size:1.02rem;color:var(--encre-froide);
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
}
.tableau dd{font-size:.97rem;color:var(--encre-froide);text-align:right}
.tableau__ligne--ferme dt,.tableau__ligne--ferme dd{color:var(--sourd-froid)}
.tableau__aujourdhui{
  font-family:var(--police-libelle);
  font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--papier);background:var(--sang);
  border-radius:99px;padding:3px 9px;
}

.contact{
  background-color:#f3e9da;
  padding-block:52px 60px;
}
@media (min-width:900px){.contact{padding-block:56px 72px}}
.contact__grille{display:grid;gap:40px}
@media (min-width:900px){
  .contact__grille{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start}
}
.contact__mot .plaque{margin-top:8px}

.fiche{
  padding:24px;
  border-radius:var(--rayon);
  background-color:#ffffff;
  border:1px solid rgba(35,20,19,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),var(--pres),var(--loin);
}
.fiche__titre{
  font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--encre);margin-bottom:12px;
}
.tableau--clair .tableau__ligne{border-bottom-color:rgba(35,20,19,.22)}
.tableau--clair dt{color:var(--encre)}
.tableau--clair dd{color:var(--sourd)}
.tableau--clair dd a{color:var(--sang)}

.pied{
  background-color:#1b100e;
  color:var(--papier-doux);
  padding-block:32px;
  border-top:1px solid rgba(255,232,214,.12);
}
.pied__dedans{display:grid;gap:6px}
.pied__qui{font-family:var(--police-titre);font-size:1.05rem;color:var(--papier)}
.pied__demo{font-size:14px}
.pied a{color:var(--rose)}
@media (min-width:760px){
  .pied__dedans{grid-template-columns:1fr auto;align-items:baseline}
  .pied__demo{text-align:right}
}

html.js .reveal{
  opacity:0;transform:translateY(14px);
  transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1);
}
html.js .reveal.est-vu{opacity:1;transform:none}

html.js .postes .poste:nth-child(2){transition-delay:.08s}
html.js .postes .poste:nth-child(3){transition-delay:.16s}
html.js .postes .poste:nth-child(4){transition-delay:.24s}
html.js .echelle .palier:nth-child(2){transition-delay:.08s}
html.js .echelle .palier:nth-child(3){transition-delay:.16s}
html.js .echelle .palier:nth-child(4){transition-delay:.24s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .reveal{transform:none;transition:opacity .3s ease}
}

.entete .nav{background-color:rgba(58,23,26,0.86)}
.entete{margin-bottom:-72px}