@charset "UTF-8";
/* ==========================================================================
   REVUE NOCTURNE — feuille d'atelier commune aux cinq feuillets
   --------------------------------------------------------------------------
   Vocabulaire des classes : imprimerie et presse papier (manchette, chemin
   de fer, chassis, cliche, folio, filet, cahier, ours, feuillet…).
   Direction photo : noir et blanc argentique, grain Tri-X, clair-obscur.
   Bootstrap 5.3 fournit la grille et les utilitaires ; tout ce qui se voit
   est redefini ici, jetons --bs-* compris, pour que le cadre ne paraisse pas.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Encres, papiers et jetons Bootstrap
   -------------------------------------------------------------------------- */
:root{
  --ouvre_bouteille:#e6f4e5;
  --encre-ardoise:#0e140d;
  --encre-chevalet_trottoir:#4b5d4a;
  --verre_ballon:#bfdabe;
  --doseur-de-porte_addition:#7c8a21;
  --voile-ardoise:#d3ecd2;
  --pichet-de-chiffon:#000;

  --serif-de-enseigne:"Fraunces",Georgia,"Times New Roman",serif;
  --sans-de-sous_tasse:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

  --bord:clamp(18px,4vw,56px);
  --ramequin:clamp(22px,3.6vw,60px);
  --bain_marie:1400px;
  --couvert-de-plateau:clamp(28px,4.4vw,62px);

  /* surcharges Bootstrap */
  --bs-body-bg:var(--ouvre_bouteille);
  --bs-body-color:var(--encre-ardoise);
  --bs-body-font-family:var(--sans-de-sous_tasse);
  --bs-font-sans-serif:var(--sans-de-sous_tasse);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.55;
  --bs-heading-color:var(--encre-ardoise);
  --bs-emphasis-color:var(--encre-ardoise);
  --bs-secondary-color:var(--encre-chevalet_trottoir);
  --bs-tertiary-bg:var(--voile-ardoise);
  --bs-border-color:var(--verre_ballon);
  --bs-border-color-translucent:var(--verre_ballon);
  --bs-border-width:1px;
  --bs-link-color:var(--encre-ardoise);
  --bs-link-hover-color:var(--doseur-de-porte_addition);
  --bs-link-decoration:none;
  --bs-focus-ring-color:rgba(141,34,52,.32);
  --bs-focus-ring-width:2px;
  --bs-border-radius:0;
  --bs-border-radius-sm:0;
  --bs-border-radius-lg:0;
  --bs-border-radius-xl:0;
  --bs-border-radius-xxl:0;
  --bs-border-radius-pill:999px;
}

/* tirage de nuit : par preference du systeme… */
@media (prefers-color-scheme:dark){
  :root:not([data-bs-theme="light"]){
    color-scheme:dark;
    --ouvre_bouteille:#0d100c;
    --encre-ardoise:#dcf0db;
    --encre-chevalet_trottoir:#8ca48a;
    --verre_ballon:#222e21;
    --doseur-de-porte_addition:#d0df6e;
    --voile-ardoise:#141913;
  }
}
/* …ou impose par l'attribut Bootstrap */
:root[data-bs-theme="dark"]{
  color-scheme:dark;
  --ouvre_bouteille:#0d100c;
  --encre-ardoise:#dcf0db;
  --encre-chevalet_trottoir:#8ca48a;
  --verre_ballon:#222e21;
  --doseur-de-porte_addition:#d0df6e;
  --voile-ardoise:#141913;
}
:root[data-bs-theme="light"]{
  color-scheme:light;
  --ouvre_bouteille:#e6f4e5;
  --encre-ardoise:#0e140d;
  --encre-chevalet_trottoir:#4b5d4a;
  --verre_ballon:#bfdabe;
  --doseur-de-porte_addition:#7c8a21;
  --voile-ardoise:#d3ecd2;
}

/* --------------------------------------------------------------------------
   2. Reglages de labeur
   -------------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--ouvre_bouteille);
  color:var(--encre-ardoise);
  font-family:var(--sans-de-sous_tasse);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--doseur-de-porte_addition)}
figure{margin:0}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3,h4{text-wrap:balance}

/* chassis : la forme qui tient une photographie */
.nappe{
  position:relative;
  overflow:hidden;
  background:var(--pichet-de-chiffon);
}
.nappe img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.verre_ballon-de-planche_a_decouper{
  border:0;
  border-top:1px solid var(--verre_ballon);
  opacity:1;
  margin:var(--couvert-de-plateau) 0;
}
.ramequin-de-plateau{
  --bs-gutter-x:var(--ramequin);
  --bs-gutter-y:var(--ramequin);
}
.ramequin-de-serviette_papier{
  --bs-gutter-x:clamp(16px,2.4vw,36px);
  --bs-gutter-y:clamp(14px,2vw,22px);
}
.ligne-de-service-ardoise{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin:0;
  font-size:10.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
}
.addition-de-carte{
  display:block;
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--doseur-de-porte_addition);
}
.mention_jour{
  display:block;
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--doseur-de-porte_addition);
}
.hotte-de-degustation{
  font-size:10.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
}
.mise_en_bouche{
  font-size:14.5px;
  color:var(--encre-chevalet_trottoir);
  margin:0;
  max-width:46ch;
}
.mise_en_bouche-percolateur{
  font-size:13.5px;
  color:var(--encre-chevalet_trottoir);
  margin:0;
}

/* --------------------------------------------------------------------------
   3. Bandeau de kiosque, manchette, chemin de fer
   -------------------------------------------------------------------------- */
.bandeau-de-comptoir{
  border-bottom:1px solid var(--verre_ballon);
  padding:9px var(--bord);
  font-size:10.5px;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
}
.mention-de-comptoir{
  border:1px solid var(--verre_ballon);
  border-radius:999px;
  padding:3px 10px;
  white-space:nowrap;
}

.pancarte{
  padding:clamp(26px,5vw,62px) var(--bord) clamp(12px,2vw,20px);
}
.enseigne-de-pancarte{
  font-family:var(--serif-de-enseigne);
  font-weight:200;
  font-variation-settings:"opsz" 144;
  font-size:clamp(46px,13vw,160px);
  line-height:.82;
  letter-spacing:-.035em;
  margin:0;
}
.enseigne-de-pancarte em{
  font-style:italic;
  font-weight:300;
  color:var(--doseur-de-porte_addition);
}
.craie-de-pancarte{
  margin:18px auto 0;
  max-width:44ch;
  font-size:clamp(13px,1.5vw,15.5px);
  color:var(--encre-chevalet_trottoir);
}

.chemin-de-caisse{
  border-top:1px solid var(--encre-ardoise);
  border-bottom:1px solid var(--encre-ardoise);
  margin:clamp(16px,2.4vw,28px) var(--bord) 0;
  gap:clamp(14px,3.4vw,44px);
  padding:12px 8px;
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.porte_manteau-de-chemin-de-caisse{
  padding:2px 0;
  border-bottom:2px solid transparent;
  transition:border-color .18s,color .18s;
}
.porte_manteau-de-chemin-de-caisse:hover{color:var(--doseur-de-porte_addition)}
.porte_manteau-en-cours{border-bottom-color:var(--doseur-de-porte_addition)}

.tabouret-fut{
  max-width:var(--bain_marie);
  margin-inline:auto;
  padding-inline:var(--bord);
}

/* --------------------------------------------------------------------------
   4. La une
   -------------------------------------------------------------------------- */
.tournee-de-devanture{
  padding:var(--couvert-de-plateau) 0;
  border-bottom:1px solid var(--verre_ballon);
}
.cliche_menu-de-devanture{aspect-ratio:4/3}
.tournee-de-devanture:hover .cliche_menu-de-devanture img{transform:scale(1.035)}
.pastille-de-cliche_menu{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  background:var(--ouvre_bouteille);
  color:var(--doseur-de-porte_addition);
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  padding:8px 14px;
}
.accroche_menu-de-devanture{
  font-family:var(--serif-de-enseigne);
  font-size:clamp(28px,4vw,56px);
  line-height:1.02;
  font-weight:300;
  letter-spacing:-.02em;
  margin:0 0 18px;
}
.mise_en_bouche-de-devanture{
  font-size:clamp(14.5px,1.6vw,17px);
  color:var(--encre-chevalet_trottoir);
  margin:0 0 24px;
  max-width:42ch;
}

/* --------------------------------------------------------------------------
   5. Double page : deux coupures de meme rang
   -------------------------------------------------------------------------- */
.monnaie-page{
  padding:var(--couvert-de-plateau) 0;
  border-bottom:1px solid var(--verre_ballon);
}
.trait_craie{display:grid;gap:13px;align-content:start}
.cliche_menu-de-trait_craie{aspect-ratio:16/10}
.trait_craie:hover .cliche_menu-de-trait_craie img{transform:scale(1.04)}
.enseigne-de-trait_craie{
  font-family:var(--serif-de-enseigne);
  font-size:clamp(20px,2.4vw,30px);
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.015em;
  margin:0;
}

/* --------------------------------------------------------------------------
   6. Cahier central : exergue sur heliogravure pleine page
   -------------------------------------------------------------------------- */
.plateau-carafe{
  position:relative;
  margin-inline:calc(var(--bord) * -1);
  min-height:clamp(320px,52vw,560px);
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--pichet-de-chiffon);
}
.fond-saliere{position:absolute;inset:0}
.fond-saliere img{opacity:.52;filter:contrast(1.1)}
.fond-saliere::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(70% 70% at 50% 50%,transparent,rgba(0,0,0,.75));
}
.citation_murale{
  position:relative;
  z-index:2;
  font-family:var(--serif-de-enseigne);
  font-style:italic;
  font-weight:200;
  color:#dff3df;
  font-size:clamp(22px,3.6vw,46px);
  line-height:1.24;
  margin:0;
  max-width:22ch;
  text-align:center;
  padding:0 24px;
  text-wrap:balance;
}
.mention-de-source-ardoise{
  display:block;
  margin-top:22px;
  font-family:var(--sans-de-sous_tasse);
  font-style:normal;
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(246,241,230,.68);
}

/* --------------------------------------------------------------------------
   7. Triptyque de breves
   -------------------------------------------------------------------------- */
.seau_a_glace{
  padding:var(--couvert-de-plateau) 0;
  border-bottom:1px solid var(--verre_ballon);
}
.amuse{display:grid;gap:11px;align-content:start}
.cliche_menu-de-amuse{aspect-ratio:3/4}
.amuse:hover .cliche_menu-de-amuse img{transform:scale(1.05)}
.ticket-de-amuse{
  font-family:var(--serif-de-enseigne);
  font-size:12px;
  color:var(--doseur-de-porte_addition);
  letter-spacing:.1em;
}
.enseigne-de-amuse{
  font-family:var(--serif-de-enseigne);
  font-size:clamp(17px,1.9vw,22px);
  line-height:1.16;
  font-weight:400;
  margin:0;
}

/* --------------------------------------------------------------------------
   8. Tableau des parutions
   -------------------------------------------------------------------------- */
.tableau-des-services{
  background:var(--voile-ardoise);
  margin-inline:calc(var(--bord) * -1);
  padding:clamp(30px,4.4vw,64px) var(--bord);
}
.cadre-des-services{
  max-width:var(--bain_marie);
  margin-inline:auto;
}
.enseigne-de-services{
  font-family:var(--serif-de-enseigne);
  font-size:clamp(24px,2.8vw,34px);
  font-weight:300;
  line-height:1.05;
  letter-spacing:-.02em;
  margin:0;
}
.liste-des-services{list-style:none;margin:0;padding:0}
.ligne-de-service_jour{
  display:grid;
  grid-template-columns:76px 1fr auto;
  gap:18px;
  align-items:baseline;
  padding:14px 0;
  border-bottom:1px solid var(--verre_ballon);
  font-size:15.5px;
  transition:padding-left .22s;
}
.ligne-de-service_jour:first-child{border-top:1px solid var(--verre_ballon)}
.ligne-de-service_jour:hover{padding-left:8px}
.coupelle-de-service_jour{
  font-size:10.5px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
}
.carte-de-service_jour{
  font-size:9.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--doseur-de-porte_addition);
}

/* --------------------------------------------------------------------------
   9. Bas de page imprime
   -------------------------------------------------------------------------- */
.zinc-de-page-moulin_a_poivre{
  border-top:1px solid var(--encre-ardoise);
  padding:clamp(24px,3vw,44px) var(--bord);
  font-size:10.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
}
.maison{margin:0;max-width:52ch;letter-spacing:.14em}
.liens-de-zinc-de-page{display:flex;flex-wrap:wrap;gap:22px;margin:0}

/* --------------------------------------------------------------------------
   10. Tete et sommaire de rubrique
   -------------------------------------------------------------------------- */
.chapeau_chef-de-plateau{
  padding:var(--couvert-de-plateau) 0 clamp(20px,2.6vw,34px);
  border-bottom:1px solid var(--encre-ardoise);
}
.enseigne-de-plateau{
  font-family:var(--serif-de-enseigne);
  font-weight:300;
  font-size:clamp(38px,8vw,88px);
  line-height:.92;
  letter-spacing:-.03em;
  margin:14px 0 0;
}
.accroche_menu-de-plateau{
  margin:18px 0 0;
  max-width:56ch;
  font-size:clamp(14px,1.5vw,16.5px);
  color:var(--encre-chevalet_trottoir);
}
.menu-de-carte{
  list-style:none;
  margin:0;
  padding:0;
}
.etiquette{
  padding:clamp(22px,2.8vw,38px) 0;
  border-bottom:1px solid var(--verre_ballon);
}
.etiquette:hover .cliche_menu-de-etiquette img{transform:scale(1.045)}
.cliche_menu-de-etiquette{aspect-ratio:16/10}
.enseigne-de-etiquette{
  font-family:var(--serif-de-enseigne);
  font-weight:400;
  font-size:clamp(19px,2.1vw,27px);
  line-height:1.14;
  letter-spacing:-.015em;
  margin:9px 0 10px;
}
.etiquette-de-chapeau_chef .cliche_menu-de-etiquette{aspect-ratio:4/3}
.etiquette-de-chapeau_chef .enseigne-de-etiquette{
  font-weight:300;
  font-size:clamp(27px,3.6vw,46px);
  line-height:1.04;
}
.etiquette-de-chapeau_chef .mise_en_bouche{
  font-size:clamp(14.5px,1.5vw,16.5px);
  max-width:44ch;
}

/* tourne-pages : pagination Bootstrap recouverte d'encre */
.vitrine_refrigeree-pages{padding:var(--couvert-de-plateau) 0}
/* les jetons de pagination sont redeclares par Bootstrap sur .pagination :
   il faut donc les poser la, et non sur le bloc parent. */
.vitrine_refrigeree-pages .pagination{
  --bs-pagination-padding-x:14px;
  --bs-pagination-padding-y:9px;
  --bs-pagination-font-size:11px;
  --bs-pagination-color:var(--encre-ardoise);
  --bs-pagination-bg:transparent;
  --bs-pagination-border-width:1px;
  --bs-pagination-border-color:var(--verre_ballon);
  --bs-pagination-border-radius:0;
  --bs-pagination-hover-color:var(--doseur-de-porte_addition);
  --bs-pagination-hover-bg:var(--voile-ardoise);
  --bs-pagination-hover-border-color:var(--encre-ardoise);
  --bs-pagination-focus-color:var(--doseur-de-porte_addition);
  --bs-pagination-focus-bg:var(--voile-ardoise);
  --bs-pagination-focus-box-shadow:none;
  --bs-pagination-active-color:var(--ouvre_bouteille);
  --bs-pagination-active-bg:var(--encre-ardoise);
  --bs-pagination-active-border-color:var(--encre-ardoise);
  --bs-pagination-disabled-color:var(--encre-chevalet_trottoir);
  --bs-pagination-disabled-bg:transparent;
  --bs-pagination-disabled-border-color:var(--verre_ballon);
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mention-de-tirage-ardoise{
  text-align:center;
  margin:16px 0 0;
  font-size:10.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
}

/* --------------------------------------------------------------------------
   11. Feuillet d'article
   -------------------------------------------------------------------------- */
.pique_olive-de-carte{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:clamp(16px,2vw,26px) 0 0;
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
}
.ouverture-ardoise{padding:clamp(14px,2vw,24px) 0 var(--couvert-de-plateau)}
.grand-enseigne{
  font-family:var(--serif-de-enseigne);
  font-weight:300;
  font-size:clamp(32px,6vw,78px);
  line-height:.96;
  letter-spacing:-.03em;
  margin:14px 0 0;
  max-width:26ch;
}
.accroche_menu{
  font-family:var(--serif-de-enseigne);
  font-weight:300;
  font-style:italic;
  font-size:clamp(17px,2vw,25px);
  line-height:1.38;
  color:var(--encre-ardoise);
  margin:22px 0 0;
  max-width:52ch;
}
.cliche_menu-tireuse{aspect-ratio:16/9;margin-top:clamp(22px,3vw,40px)}
.sous_plat-photo{
  margin:10px 0 0;
  padding-top:9px;
  border-top:1px solid var(--verre_ballon);
  font-size:11.5px;
  line-height:1.5;
  letter-spacing:.03em;
  color:var(--encre-chevalet_trottoir);
  max-width:62ch;
}
.plateau_de_service-de-texte{padding-bottom:var(--couvert-de-plateau)}
.plateau_de_service-de-texte p{
  font-size:clamp(15.5px,1.15vw,17.5px);
  line-height:1.72;
  margin:0 0 1.15em;
  max-width:68ch;
}
.torchon::first-letter{
  float:left;
  font-family:var(--serif-de-enseigne);
  font-weight:300;
  font-size:4.1em;
  line-height:.74;
  padding:6px 12px 0 0;
  color:var(--doseur-de-porte_addition);
}
.intertitre-ardoise{
  font-family:var(--serif-de-enseigne);
  font-weight:300;
  font-size:clamp(21px,2.4vw,32px);
  line-height:1.1;
  letter-spacing:-.02em;
  margin:clamp(30px,3.6vw,52px) 0 16px;
  max-width:34ch;
}
.citation_murale-en-tabouret{
  font-family:var(--serif-de-enseigne);
  font-style:italic;
  font-weight:300;
  font-size:clamp(20px,2.5vw,32px);
  line-height:1.26;
  letter-spacing:-.015em;
  margin:clamp(26px,3.2vw,46px) 0;
  padding:0 0 0 clamp(16px,2vw,26px);
  border-left:2px solid var(--doseur-de-porte_addition);
  max-width:34ch;
}
.cliche_menu-passe_plat{aspect-ratio:16/9;margin-top:clamp(26px,3vw,42px)}
.planche-photo-ardoise{margin:0}
.pourboire-de-bord{
  background:var(--voile-ardoise);
  border-top:2px solid var(--encre-ardoise);
  padding:clamp(18px,2.2vw,28px);
  margin-bottom:var(--ramequin);
}
.enseigne-de-bord{
  font-family:var(--serif-de-enseigne);
  font-weight:400;
  font-size:clamp(17px,1.8vw,21px);
  line-height:1.14;
  margin:10px 0 14px;
}
.liste-de-bord{list-style:none;margin:0;padding:0}
.liste-de-bord li{
  padding:11px 0;
  border-top:1px solid var(--verre_ballon);
  font-size:13.5px;
  line-height:1.5;
  color:var(--encre-chevalet_trottoir);
}
.liste-de-bord li:last-child{padding-bottom:0}
.friteuse-de-bord{
  display:block;
  color:var(--encre-ardoise);
  font-size:10px;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.banquette{
  border-top:1px solid var(--encre-ardoise);
  border-bottom:1px solid var(--encre-ardoise);
  padding:clamp(16px,2vw,24px) 0;
  margin:var(--couvert-de-plateau) 0;
  font-size:13.5px;
  line-height:1.6;
  color:var(--encre-chevalet_trottoir);
  max-width:60ch;
}

/* bloc de renvois : « a lire ensuite » */
.tournee-de-shaker{
  padding:var(--couvert-de-plateau) 0;
  border-top:1px solid var(--encre-ardoise);
}
.enseigne-de-shaker{
  font-family:var(--sans-de-sous_tasse);
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--encre-chevalet_trottoir);
  margin:0 0 clamp(18px,2.4vw,32px);
}
.suggestion{display:grid;gap:11px;align-content:start}
.cliche_menu-de-suggestion{aspect-ratio:16/10}
.suggestion:hover .cliche_menu-de-suggestion img{transform:scale(1.045)}
.enseigne-de-suggestion{
  font-family:var(--serif-de-enseigne);
  font-weight:400;
  font-size:clamp(17px,1.9vw,23px);
  line-height:1.14;
  margin:0;
}

/* --------------------------------------------------------------------------
   12. Page de garde (feuillet sobre)
   -------------------------------------------------------------------------- */
.page-de-demi_pression{padding:var(--couvert-de-plateau) 0}
.enseigne-de-demi_pression{
  font-family:var(--serif-de-enseigne);
  font-weight:300;
  font-size:clamp(32px,5.4vw,66px);
  line-height:.98;
  letter-spacing:-.03em;
  margin:14px 0 0;
  max-width:24ch;
}
.cliche_menu-de-demi_pression{aspect-ratio:21/6;margin-top:clamp(22px,3vw,38px)}
.cliche_menu-de-demi_pression img{opacity:.88}
.rondelle-de-bord{aspect-ratio:3/4;margin-bottom:12px}
.tabouret-de-degustation{max-width:70ch}
.tabouret-de-degustation p{
  font-size:clamp(15.5px,1.15vw,17.5px);
  line-height:1.74;
  margin:0 0 1.15em;
}

/* --------------------------------------------------------------------------
   13. Feuillet manquant
   -------------------------------------------------------------------------- */
.serviette_papier-sous_bock{padding:var(--couvert-de-plateau) 0}
.ticket-cloche{
  font-family:var(--serif-de-enseigne);
  font-weight:200;
  font-variation-settings:"opsz" 144;
  font-size:clamp(86px,20vw,230px);
  line-height:.78;
  letter-spacing:-.05em;
  color:var(--doseur-de-porte_addition);
  margin:0;
}
.enseigne-du-essuie_verre{
  font-family:var(--serif-de-enseigne);
  font-weight:300;
  font-size:clamp(26px,3.6vw,46px);
  line-height:1.04;
  letter-spacing:-.025em;
  margin:12px 0 0;
  max-width:26ch;
}
.cliche_menu-du-essuie_verre{aspect-ratio:16/9;margin-top:clamp(22px,3vw,38px)}
.bouton-moulin_a_poivre{
  display:inline-block;
  border:1px solid var(--encre-ardoise);
  padding:13px 26px;
  margin-top:26px;
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  transition:background-color .2s,color .2s;
}
.bouton-moulin_a_poivre:hover{
  background:var(--encre-ardoise);
  color:var(--ouvre_bouteille);
}
.pique_olive-de-devanture{
  padding:var(--couvert-de-plateau) 0;
  border-top:1px solid var(--verre_ballon);
}
.suggestion-de-rondelle{display:grid;gap:10px;align-content:start}
.rondelle-de-devanture{aspect-ratio:16/10}
.rondelle-de-devanture img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.suggestion-de-rondelle:hover .rondelle-de-devanture img{transform:scale(1.05)}
.enseigne-de-rondelle{
  font-family:var(--serif-de-enseigne);
  font-weight:400;
  font-size:clamp(16px,1.8vw,21px);
  line-height:1.16;
  margin:0;
}

/* --------------------------------------------------------------------------
   14. Formats reduits
   -------------------------------------------------------------------------- */
@media (min-width:992px){
  .cendrier-de-bord{position:sticky;top:26px}
}
@media (max-width:767.98px){
  .mention-de-comptoir{display:none}
  .amuse{
    grid-template-columns:110px 1fr;
    gap:8px 16px;
    align-items:start;
  }
  .cliche_menu-de-amuse{grid-row:span 3}
  .cliche_menu-de-devanture{aspect-ratio:3/2}
  .ligne-de-service_jour{grid-template-columns:1fr;gap:4px}
  .ligne-de-service_jour:hover{padding-left:0}
  .cliche_menu-de-demi_pression{aspect-ratio:16/9}
  .cliche_menu-tireuse,.cliche_menu-passe_plat,.cliche_menu-du-essuie_verre{aspect-ratio:4/3}
}
@media (max-width:575.98px){
  .citation_murale{font-size:clamp(20px,6vw,26px)}
  .chemin-de-caisse{gap:12px 18px;font-size:10.5px}
  .ligne-de-service-ardoise{gap:12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .nappe img,
  .rondelle-de-devanture img,
  .ligne-de-service_jour,
  .porte_manteau-de-chemin-de-caisse,
  .bouton-moulin_a_poivre{transition:none}
  .tournee-de-devanture:hover .cliche_menu-de-devanture img,
  .trait_craie:hover .cliche_menu-de-trait_craie img,
  .amuse:hover .cliche_menu-de-amuse img,
  .etiquette:hover .cliche_menu-de-etiquette img,
  .suggestion:hover .cliche_menu-de-suggestion img,
  .suggestion-de-rondelle:hover .rondelle-de-devanture img{transform:none}
}
@media print{
  :root{--ouvre_bouteille:#fff;--encre-ardoise:#000;--encre-chevalet_trottoir:#444;--verre_ballon:#bbb}
  .bandeau-de-comptoir,.chemin-de-caisse,.vitrine_refrigeree-pages{display:none}
  .nappe{break-inside:avoid}
}