@font-face{
  font-family:'PoliceTitre';
  font-style:normal;
  font-weight:400;
  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',"Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --police-libelle:'PoliceLibelle',"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;

  --lait:#FAF5EA;        /* le fond clair : crème de laiterie */
  --lait-2:#F3ECDD;      /* second ton du dégradé clair */
  --lait-doux:#EFE6D4;   /* texte courant sur fond sombre */
  --encre:#241A11;       /* le texte sur fond clair */
  --sourd:#6A5A47;       /* texte secondaire sur fond clair */

  --cave:#17110C;        /* le noir de cave */
  --cave-2:#241A12;
  --bois:#3E2C1C;        /* la section fondue : bois chaud */
  --bois-2:#291C11;
  --planche:#6E4A2A;     /* la planche d'affinage */
  --planche-clair:#8A5E36;
  --planche-fonce:#4A3220;

  --croute:#965513;      /* l'accent : la croûte lavée */
  --croute-clair:#8E4F12;
  --croute-fonce:#5E3209;
  --or:#E8A93C;          /* la croûte sous la lampe de cave */
  --pate:#F6E3A8;        /* la pâte */

  --ardoise:#2C3736;     /* l'ardoise des prix : la seule note froide */
  --ardoise-2:#1B2322;
  --craie:#E4EAE6;

  --rayon:18px;
  --rayon-bouton:14px;   /* jamais nul : un bouton n'est pas un rectangle brut */
  --colonne:1160px;

  --pres:0 2px 6px rgba(23,17,12,.16);
  --loin:0 24px 60px rgba(23,17,12,.20);
  --pres-sombre:0 2px 6px rgba(0,0,0,.32);
  --loin-sombre:0 26px 64px rgba(0,0,0,.50);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:86px;-webkit-text-size-adjust:100%}
body{
  font-family:var(--police-libelle);
  font-size:17px;line-height:1.62;
  color:var(--encre);background:var(--lait);
  overflow-wrap:break-word;
}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
a{color:var(--croute)}
:where(a,button):focus-visible{outline:3px solid var(--or);outline-offset:3px;border-radius:6px}

.bande{max-width:var(--colonne);margin:0 auto;padding:0 clamp(18px,4vw,34px);width:100%}

main > section{position:relative}
main > section::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(ellipse 33% 24% at 21% 34%,
      var(--joue-tache) 0%,transparent 72%),
    radial-gradient(ellipse 21% 27% at 73% 38%,
      var(--joue-tache) 0%,transparent 68%),
    radial-gradient(ellipse 12% 15% at 47% 66%,
      var(--joue-tache-vif) 0%,transparent 64%),
    radial-gradient(ellipse 28% 19% at 88% 56%,
      var(--joue-tache) 0%,transparent 70%),
    radial-gradient(ellipse 25% 22% at 8% 62%,
      var(--joue-tache) 0%,transparent 74%);
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.66) 24%,rgba(0,0,0,.52) 50%,rgba(0,0,0,.66) 76%,#000 100%);
          mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.66) 24%,rgba(0,0,0,.52) 50%,rgba(0,0,0,.66) 76%,#000 100%);
}
main > section,.pied{--joue-tache:transparent;--joue-tache-vif:transparent}

main > section::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  --goutte:max(0px,calc((100% - var(--colonne)) / 2));
  background-image:
    linear-gradient(90deg,var(--joue-fond) 0%,transparent 36%,transparent 64%,var(--joue-fond) 100%);
  background-size:
    auto;
  background-position:
    left top;
  background-repeat:no-repeat;
}
.comptoir,.horaires,.contact{
  --joue-fond:rgba(23,17,12,.34);
  --joue-trait:rgba(23,17,12,.075);
  --joue-nappe:rgba(23,17,12,.055);  /* la pâte : une NAPPE, pas un trait */
  --joue-grain:rgba(23,17,12,.05);
  --joue-tache:rgba(23,17,12,.07);
  --joue-tache-vif:rgba(23,17,12,.11);
  --joue-arete:rgba(255,255,255,.55);
}
.cave,.affinage,.fondue{
  --joue-fond:rgba(255,236,201,.105);   /* mesuré sur capture : .055 ne se */
  --joue-trait:rgba(255,236,201,.075);  /* voyait pas du tout sur la cave  */
  --joue-nappe:rgba(255,236,201,.05);
  --joue-grain:rgba(255,236,201,.042);
  --joue-tache:rgba(255,236,201,.065);
  --joue-tache-vif:rgba(255,236,201,.10);
  --joue-arete:rgba(23,17,12,.42);
}

.saut-contenu{position:absolute;left:-9999px;top:0;z-index:99;
  background:var(--cave);color:var(--lait);padding:12px 20px;border-radius:0 0 10px 0}
.saut-contenu:focus{left:0}

.ruban{
  background:linear-gradient(90deg,var(--cave),var(--cave-2) 50%,var(--cave));
  color:var(--lait-doux);text-align:center;
  font-size:13px;letter-spacing:.04em;padding:8px 14px;
  border-bottom:1px solid rgba(232,169,60,.24);
}
.ruban a{color:var(--or);text-underline-offset:3px}

.entete{position:sticky;top:0;z-index:30}
.nav{
  background:color-mix(in srgb,var(--cave) 82%,transparent);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  backdrop-filter:blur(14px) saturate(130%);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(0,0,0,.28);
}
.nav__dedans{max-width:var(--colonne);margin:0 auto;padding:11px clamp(18px,4vw,34px);
  display:flex;align-items:center;justify-content:space-between;gap:18px}
.marque{display:block;text-decoration:none;line-height:1.15}
.marque__nom{display:block;font-family:var(--police-titre);font-size:1.34rem;
  color:var(--lait);letter-spacing:.005em}
.marque__sous{display:block;font-size:.7rem;text-transform:uppercase;
  letter-spacing:.19em;color:#ECB149;margin-top:3px}

#nav-links{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px)}
#nav-links a{
  font-family:var(--police-titre);   /* le caractère se voit ICI ; en police système tous les sites se ressemblent */
  font-size:1.02rem;color:var(--lait-doux);text-decoration:none;
  padding:9px 4px;display:inline-block;position:relative;
  transition:color .2s ease;
}
#nav-links a::after{content:'';position:absolute;left:4px;right:4px;bottom:4px;height:2px;
  border-radius:2px;background:linear-gradient(90deg,var(--or),var(--pate));
  transform:scaleX(0);transform-origin:left center;transition:transform .24s ease}
#nav-links a:hover{color:var(--pate)}
#nav-links a:hover::after{transform:scaleX(1)}

#nav-toggle{display:none;background:none;border:0;cursor:pointer;
  padding:11px;border-radius:10px;min-width:46px;min-height:46px}
#nav-toggle:hover{background:rgba(255,255,255,.08)}
.nav-toggle__trait{display:block;width:23px;height:2.5px;border-radius:2px;
  background:var(--pate);margin:5px auto;transition:transform .25s ease,opacity .2s ease}
#nav-toggle[aria-expanded="true"] .nav-toggle__trait:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
#nav-toggle[aria-expanded="true"] .nav-toggle__trait:nth-child(2){opacity:0}
#nav-toggle[aria-expanded="true"] .nav-toggle__trait:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

.pastille{
  display:inline-block;font-size:.72rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.16em;
  color:var(--pate);
  background:color-mix(in srgb,var(--or) 16%,transparent);
  border:1px solid color-mix(in srgb,var(--or) 42%,transparent);
  padding:7px 15px;border-radius:99px;
}
.sur{
  display:inline-block;font-size:.72rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.17em;color:var(--croute-fonce);
  background:color-mix(in srgb,var(--croute) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--croute) 26%,transparent);
  padding:6px 14px;border-radius:99px;margin-bottom:16px;
}
.sur--or{color:var(--pate);
  background:color-mix(in srgb,var(--cave) 78%,transparent);
  border-color:color-mix(in srgb,var(--or) 46%,transparent)}

.titre2{font-family:var(--police-titre);font-weight:400;
  font-size:clamp(1.85rem,3.9vw,2.9rem);line-height:1.12;letter-spacing:-.01em;
  color:var(--encre)}
.titre2--clair{color:var(--lait)}
.titre2--craie{color:var(--craie)}
.para{color:var(--sourd);max-width:56ch;margin-top:14px}
.para--clair{color:var(--lait-doux)}

.entete-section{margin-bottom:clamp(26px,4vw,40px)}
.mot-or{color:var(--or)}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .mot-or{
    display:inline-block;
    background:linear-gradient(100deg,var(--pate),var(--or) 46%,#F3D488);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
}

.plaque{
  display:inline-flex;flex-direction:column;justify-content:center;
  min-height:56px;padding:8px 28px;border-radius:var(--rayon-bouton);
  text-decoration:none;color:var(--lait);
  background:linear-gradient(158deg,var(--croute-clair),var(--croute-fonce));
  box-shadow:var(--pres-sombre),0 18px 38px rgba(23,17,12,.46),
    inset 0 1px 0 rgba(255,255,255,.20);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.plaque:hover{filter:brightness(1.07);
  box-shadow:var(--pres-sombre),0 26px 52px rgba(23,17,12,.55),
    inset 0 1px 0 rgba(255,255,255,.26)}
.plaque__quoi{font-size:.68rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.15em;color:var(--pate)}
.plaque__num{font-family:var(--police-libelle);font-size:1.3rem;font-weight:600;
  letter-spacing:.02em;line-height:1.25;
  font-variant-numeric:lining-nums tabular-nums}
.plaque--clair{margin-top:26px}

.bouton{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:12px 26px;border-radius:var(--rayon-bouton);
  font-family:var(--police-titre);font-size:1.05rem;text-decoration:none;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.bouton--verre{
  color:var(--lait);
  background:color-mix(in srgb,var(--lait) 12%,transparent);
  border:1px solid rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.bouton--verre:hover{background:color-mix(in srgb,var(--lait) 22%,transparent);box-shadow:0 12px 26px rgba(0,0,0,.32)}

.verre{
  background:color-mix(in srgb,var(--cave) 82%,transparent);
  -webkit-backdrop-filter:blur(15px) saturate(125%);
  backdrop-filter:blur(15px) saturate(125%);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--rayon);
  box-shadow:var(--pres-sombre),var(--loin-sombre),inset 0 1px 0 rgba(255,255,255,.11);
}

.cadre{position:relative;overflow:hidden;border-radius:var(--rayon);
  background:var(--cave-2);
  box-shadow:var(--pres),var(--loin),0 0 0 1px rgba(23,17,12,.08)}
.cadre img{width:100%}
.cadre:hover img{}
.cadre--sombre{box-shadow:var(--pres-sombre),var(--loin-sombre),
  0 0 0 1px rgba(255,255,255,.12)}
.cadre__legende{position:absolute;left:12px;bottom:12px;
  padding:5px 12px;border-radius:99px;
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pate);
  background:color-mix(in srgb,var(--cave) 92%,transparent);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 2px 8px rgba(0,0,0,.34)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){
  .cadre__legende{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}

.cave{position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;
  min-height:min(90vh,760px);
  padding:clamp(58px,9vw,110px) 0 clamp(110px,15vw,168px);
  background:var(--cave)}
.cave__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;
  z-index:-3;transform:scale(1.03)}
.cave__voile{position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(96deg,
      color-mix(in srgb,var(--cave) 92%,transparent) 0%,
      color-mix(in srgb,var(--cave) 76%,transparent) 46%,
      color-mix(in srgb,var(--cave) 40%,transparent) 100%)}
.cave__halo{position:absolute;z-index:-1;pointer-events:none;
  top:-18%;right:-8%;width:min(760px,86%);aspect-ratio:1;
  background:radial-gradient(circle at 50% 50%,
    color-mix(in srgb,var(--or) 30%,transparent) 0%,
    color-mix(in srgb,var(--or) 9%,transparent) 42%,transparent 68%);
  filter:blur(6px)}
.cave__grille{position:relative;z-index:1}
.cave__verre{padding:clamp(26px,4vw,44px);max-width:640px}
.cave__titre{font-family:var(--police-titre);font-weight:400;
  font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.03;letter-spacing:-.018em;
  color:var(--lait);margin:20px 0 16px;
  text-shadow:0 2px 22px rgba(0,0,0,.5)}
.cave__intro{color:var(--lait-doux);max-width:50ch;font-size:1.03rem}
.cave__actes{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}

.comptoir{
  position:relative;
  padding:clamp(46px,7vw,74px) 0 clamp(48px,7vw,78px);
  background:radial-gradient(104% 66% at 82% 46%,color-mix(in srgb,var(--or) 11%,transparent),transparent 62%),radial-gradient(86% 58% at 6% 104%,color-mix(in srgb,var(--croute) 7%,transparent),transparent 64%),var(--lait);
}
.postes{display:grid;gap:clamp(16px,2.2vw,22px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr))}
.poste{
  position:relative;padding:26px 22px 26px;
  display:grid;grid-template-rows:42px auto 1fr;gap:12px 0;align-content:start;
  border-radius:var(--rayon);
  background:linear-gradient(168deg,#FFFDF8,var(--lait-2));
  border:1px solid rgba(150,85,19,.16);
  box-shadow:var(--pres),var(--loin);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.poste::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;
  border-radius:var(--rayon) var(--rayon) 0 0;
  background:linear-gradient(90deg,var(--croute),var(--or));
  opacity:.35;transition:opacity .24s ease}
.poste:hover{border-color:color-mix(in srgb,var(--croute) 42%,transparent);
  box-shadow:var(--pres),0 30px 68px rgba(23,17,12,.26)}
.poste:hover::before{opacity:1}
.poste__meule{
  --puce-haut:#F0D3A0;--puce-clair:#E7BE79;--puce:#C89040;--puce-fonce:#8A5A1E;
  position:relative;display:block;width:58px;height:25px;margin:0;align-self:end;
  border-radius:6px 6px 9px 9px;
  background:linear-gradient(180deg,var(--puce-clair) 0%,var(--puce) 38%,var(--puce-fonce) 100%);
  box-shadow:inset -4px 0 6px rgba(0,0,0,.18),inset 3px 0 5px rgba(255,255,255,.24),
    0 5px 10px rgba(23,17,12,.26)}
.poste__meule::before{content:'';position:absolute;left:0;right:0;top:-4px;height:9px;
  border-radius:50%;background:var(--puce-haut);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.7),0 -1px 2px rgba(23,17,12,.12)}
.poste__meule--molle{width:66px;height:20px;   /* une pâte molle est plate et large */
  --puce-haut:#FFFDF7;--puce-clair:#FBF6E7;--puce:#EFE6CE;--puce-fonce:#C6B899}
.poste__meule--rape{width:58px;height:25px;    /* le râpé : la meule striée par le moulin */
  --puce-haut:#F7E1AE;--puce-clair:#F2CE86;--puce:#E0A94A;--puce-fonce:#A9742A;
  background:repeating-linear-gradient(90deg,
    color-mix(in srgb,var(--puce) 62%,#FFF2CE) 0 3px,var(--puce) 3px 6px)}
.poste__meule--lait{width:34px;height:34px;    /* un pot de crème : étroit et haut */
  border-radius:5px 5px 11px 11px;
  --puce-haut:#FFFFFF;--puce-clair:#FBFAF3;--puce:#F1EDDF;--puce-fonce:#CBC4AE}
.poste__nom{font-family:var(--police-titre);font-weight:400;font-size:1.32rem;
  line-height:1.2;color:var(--encre);margin-bottom:0;}
.poste__texte{color:var(--sourd);font-size:.96rem}

.comptoir__haut{display:grid;gap:clamp(24px,3.4vw,40px);
  grid-template-columns:minmax(0,1fr);margin-bottom:clamp(28px,4vw,42px)}
.comptoir__haut .entete-section{margin-bottom:0;align-self:center}
.comptoir__cadre img{aspect-ratio:16/10;object-fit:cover;object-position:50% 42%}

.affinage{position:relative;isolation:isolate;overflow:hidden;
  z-index:2;
  margin-top:clamp(-96px,-9vw,-56px);
  border-radius:clamp(20px,3vw,34px) clamp(20px,3vw,34px) 0 0;
  padding:clamp(76px,10vw,140px) 0 clamp(56px,8vw,96px);
  background-color:#17110c;background-image:radial-gradient(84% 58% at 82% 38%,color-mix(in srgb,var(--planche) 20%,transparent),transparent 62%);}
.affinage__halo{position:absolute;z-index:-1;pointer-events:none;
  left:-14%;bottom:-26%;width:min(720px,90%);aspect-ratio:1;
  background:radial-gradient(circle,color-mix(in srgb,var(--or) 12%,transparent) 0%,transparent 66%);
  filter:blur(10px)}
.affinage__grille{display:grid;gap:clamp(28px,4vw,52px);
  grid-template-columns:minmax(0,1fr)}
.affinage__cote{display:grid;gap:18px;align-content:stretch;
  grid-template-rows:minmax(240px,1fr) auto}
.affinage__cadre{min-height:0}
.affinage__cadre img{width:100%;height:100%;min-height:240px;object-fit:cover;object-position:50% 50%}
.note{padding:22px 22px 24px}
.note__titre{font-family:var(--police-titre);font-weight:400;font-size:1.2rem;
  color:var(--pate);margin-bottom:8px}
.note__texte{color:var(--lait-doux);font-size:.94rem}

.paliers{display:grid;gap:clamp(14px,2vw,20px)}
.palier{
  position:relative;
  display:grid;gap:14px 26px;
  grid-template-columns:minmax(0,1fr);
  padding:22px clamp(18px,2.4vw,26px) 24px;
  border-radius:var(--rayon);
  background:
    linear-gradient(180deg,
      color-mix(in srgb,var(--croute-palier,var(--or)) 58%,#FFF3D6) 0%,
      var(--croute-palier,var(--or)) 46%,
      color-mix(in srgb,var(--croute-palier,var(--or)) 56%,#000) 100%)
      left center / 6px 100% no-repeat,
    linear-gradient(100deg,
      color-mix(in srgb,var(--croute-palier,var(--or)) 14%,transparent) 0%,
      color-mix(in srgb,var(--croute-palier,var(--or)) 5%,transparent) 42%,
      transparent 78%),
    linear-gradient(160deg,var(--planche-fonce) 0%,var(--bois-2) 100%);
  border:1px solid rgba(255,255,255,.10);
  border-left:6px solid transparent;
  background-origin:border-box;
  box-shadow:var(--pres-sombre),var(--loin-sombre),inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.palier:hover{
  border-color:color-mix(in srgb,var(--or) 44%,transparent);
  box-shadow:var(--pres-sombre),0 32px 74px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.12)}
.palier__haut{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.palier__age{font-family:var(--police-libelle);font-size:.82rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--or);
  font-variant-numeric:lining-nums tabular-nums;
  padding:4px 11px;border-radius:99px;
  background:color-mix(in srgb,var(--cave) 42%,transparent);
  border:1px solid color-mix(in srgb,var(--or) 40%,transparent)}
.palier__nom{font-family:var(--police-titre);font-weight:400;font-size:1.6rem;
  line-height:1.1;color:var(--pate)}
.palier__texte{color:var(--lait-doux);font-size:.97rem;max-width:52ch;grid-column:1}

.fondue{position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(50px,7vw,86px) 0 clamp(56px,8vw,92px);
  background:
    radial-gradient(84% 60% at 82% 4%,color-mix(in srgb,var(--or) 20%,transparent),transparent 62%),
    radial-gradient(80% 56% at 6% 104%,color-mix(in srgb,var(--or) 9%,transparent),transparent 64%),
    #342414;
  border-top:1px solid rgba(255,255,255,.08)}
.fondue__grille{display:grid;gap:clamp(26px,4vw,48px);grid-template-columns:minmax(0,1fr)}
.prepa{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.prepa__carte{padding:24px 22px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.prepa__carte:hover{
  border-color:color-mix(in srgb,var(--or) 46%,transparent);
  box-shadow:var(--pres-sombre),0 32px 70px rgba(0,0,0,.55)}
.prepa__nom{font-family:var(--police-titre);font-weight:400;font-size:1.34rem;
  color:var(--pate);margin-bottom:8px;line-height:1.2}
.prepa__texte{color:var(--lait-doux);font-size:.96rem}
.fondue__cadre{align-self:start}

.horaires{padding:clamp(44px,6vw,72px) 0 clamp(44px,6vw,72px)}
.ardoise{
  position:relative;z-index:2;
  margin-top:0;
  padding:clamp(28px,4vw,46px);
  border-radius:clamp(16px,2.4vw,24px);
  background:
    radial-gradient(88% 66% at 82% 0%,color-mix(in srgb,var(--or) 13%,transparent),transparent 60%),
    linear-gradient(158deg,var(--ardoise) 0%,var(--ardoise-2) 100%);
  border:1px solid rgba(228,234,230,.16);
  box-shadow:var(--pres-sombre),0 34px 78px rgba(23,17,12,.52),
    inset 0 1px 0 rgba(255,255,255,.10);
}
.entete-section--craie{margin-bottom:24px}
.entete-section--sombre{margin-bottom:clamp(22px,3vw,32px)}
.ardoise__note{margin-top:18px;font-size:.9rem;color:color-mix(in srgb,var(--craie) 86%,transparent);
  max-width:56ch}

.tableau{display:grid;gap:0}
.tableau__ligne{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;gap:10px 18px;
  padding:12px 0;
  border-bottom:1px dashed rgba(228,234,230,.20);
}
.tableau__ligne:last-child{border-bottom:0}
.tableau dt{font-family:var(--police-libelle);font-weight:600;font-size:.95rem;
  letter-spacing:.02em;color:var(--craie);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tableau dd{font-family:var(--police-libelle);font-size:.98rem;text-align:right;
  color:var(--craie);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em}
.tableau__ligne--ferme dt,.tableau__ligne--ferme dd{color:color-mix(in srgb,var(--craie) 72%,transparent)}
.tableau__aujourdhui{
  font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;
  color:var(--encre);background:linear-gradient(150deg,var(--pate),var(--or));
  padding:3px 9px;border-radius:99px;
  box-shadow:0 2px 6px rgba(0,0,0,.3)}
.tableau__ligne--aujourdhui dt,.tableau__ligne--aujourdhui dd{color:var(--pate)}

.contact{padding:clamp(44px,6vw,76px) 0 clamp(50px,7vw,84px);
  background:radial-gradient(104% 66% at 82% 46%,color-mix(in srgb,var(--or) 11%,transparent),transparent 62%),radial-gradient(86% 58% at 6% 104%,color-mix(in srgb,var(--croute) 7%,transparent),transparent 64%),var(--lait)}
.contact__grille{display:grid;gap:clamp(26px,4vw,46px);grid-template-columns:minmax(0,1fr)}
.fiche{
  padding:clamp(22px,3vw,32px);border-radius:var(--rayon);
  background:linear-gradient(166deg,#FFFDF8,var(--lait-2));
  border:1px solid rgba(150,85,19,.18);
  box-shadow:var(--pres),var(--loin);
  align-self:start}
.fiche__titre{font-family:var(--police-titre);font-weight:400;font-size:1.28rem;
  color:var(--encre);margin-bottom:12px;
  padding-bottom:12px;border-bottom:2px solid color-mix(in srgb,var(--croute) 34%,transparent)}
.tableau--clair .tableau__ligne{border-bottom-color:rgba(150,85,19,.22)}
.tableau--clair dt{color:var(--croute)}
.tableau--clair dd{color:var(--encre)}
.tableau--clair dd a{color:var(--croute);text-decoration:none;
  display:inline-block;min-height:26px;padding:3px 2px;
  border-bottom:1px solid color-mix(in srgb,var(--croute) 44%,transparent);
  transition:color .2s ease,border-color .2s ease}
.tableau--clair dd a:hover{color:var(--croute-fonce);border-color:var(--croute-fonce)}

.pied{background:linear-gradient(#17110c,#17110c);
  color:var(--lait-doux);padding:30px 0;
  border-top:1px solid rgba(232,169,60,.22)}
.pied__dedans{display:flex;justify-content:space-between;align-items:baseline;
  gap:12px 26px;flex-wrap:wrap;font-size:.9rem}
.pied__qui{font-family:var(--police-titre);font-size:1.06rem;color:var(--pate)}
.pied__demo{color:color-mix(in srgb,var(--lait-doux) 74%,transparent)}
.pied a{color:var(--or)}

html.js .reveal{opacity:0;transform:translateY(18px);
  transition:opacity .6s ease,transform .68s cubic-bezier(.16,1,.3,1);
  transition-delay:calc(var(--i,0) * 80ms)}
html.js .reveal.est-vu{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .reveal{transform:none;transition:opacity .5s ease}
  #nav-links a::after{transition:none}
}

@media (min-width:601px){
  .poste__nom{min-height:2.4em}
  .prepa{grid-template-columns:repeat(2,minmax(0,1fr))}
  .palier{grid-template-columns:minmax(0,160px) minmax(0,1fr);align-items:start}
  .palier__haut{grid-column:1;flex-direction:column;align-items:flex-start;gap:8px}
  .palier__texte{grid-column:2;grid-row:1}
}
@media (min-width:901px){
  .comptoir__haut{grid-template-columns:minmax(0,1fr) minmax(0,430px);align-items:center}
  .affinage__grille{grid-template-columns:minmax(0,1fr) minmax(0,330px);
    align-items:stretch}
  .fondue__grille{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
  .contact__grille{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
}

@media (max-width:900px){
  #nav-toggle{display:block}
  #nav-links{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    padding:8px clamp(18px,4vw,34px) 16px;
    background:color-mix(in srgb,var(--cave) 94%,transparent);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.14);
    box-shadow:0 22px 46px rgba(0,0,0,.44);
  }
  #nav-links.is-open{display:flex}
  #nav-links a{padding:14px 4px;font-size:1.1rem;
    border-bottom:1px solid rgba(255,255,255,.09)}
  #nav-links li:last-child a{border-bottom:0}
  .cave{min-height:0}
  .cave__verre{max-width:none}
  .tableau__ligne{grid-template-columns:minmax(0,1fr)}
  .tableau dd{text-align:left}
}
@media (max-width:480px){
  body{font-size:16.5px}
  .plaque{width:100%;padding-inline:22px}
  .bouton{width:100%}
  .cave__actes{gap:12px}
  .palier__nom{font-size:1.42rem}
}

@media (max-width:600px){
  .cave{
    display:block;
    min-height:0;
    padding:0 0 clamp(90px,14vw,120px);
  }
  .cave__fond{
    position:relative;z-index:0;
    height:40vh;max-height:330px;
    object-position:72% center;
    transform:none;
  }
  .cave__voile{inset:0 0 auto 0;height:40vh;max-height:330px;z-index:1}
  .cave__halo{top:-26%}
  .cave__grille{margin-top:-26px}
}

.entete .nav{background-color:rgba(23,17,12,0.76)}
.entete{margin-bottom:-67px}

#contact a[href^="tel:"]{color:#17110c}
#contact a[href^="tel:"]{color:#17110c}
#contact a[href^="mailto:"]{color:#17110c}

#contact a.plaque.plaque--clair{color:#ecb149}