@font-face{
  font-family:'PoliceTitre';
  src:url('police-titre.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'PoliceLibelle';
  src:url('police-libelle.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
}

:root{
  --nuit:#15100B;              /* le fournil avant le jour */
  --fournil:#241A12;
  --suie:#2E2116;              /* le bas de la vitrine, juste avant l'aube */
  --braise:#8A3410;
  --croute:#C2762C;
  --dore:#EDB259;
  --mie:#F2E5CE;
  --farine:#FCF8F1;

  --encre:#2a1c10;
  --encre-douce:#5c4630;
  --fond:#fcf8f1;              /* = farine  : le plein jour, bas de page */
  --fond-alt:#f2e5ce;          /* = mie     : les surfaces du jour */
  --marque:#8a3410;            /* = braise  */
  --marque-fonce:#6d290c;
  --filet:#e3d2b4;
  --creme:#f2e5ce;             /* encre claire sur la nuit */
  --creme-doux:#e0ccab;        /* encre claire secondaire */

  --police-titre:'PoliceTitre',"Palatino Linotype",Palatino,Georgia,serif;
  --police-libelle:'PoliceLibelle',"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --police-texte:var(--police-libelle);

  --rayon:8px;
  --rayon-bouton:6px;
  --largeur:1120px;
  --gouttiere:clamp(1rem,3vw,2rem);

  --ombre-pres:0 1px 2px color-mix(in srgb,var(--nuit) 24%,transparent);
  --ombre-loin:0 12px 28px color-mix(in srgb,var(--nuit) 26%,transparent);
  --ombre-loin-haute:0 18px 40px color-mix(in srgb,var(--nuit) 38%,transparent);
  --liseré-sombre:inset 0 1px 0 rgba(255,255,255,.10);
  --liseré-clair:inset 0 1px 0 rgba(255,255,255,.72);

  --fournil-chaud:color-mix(in srgb,var(--fournil) 92%,var(--croute));
  --suie-chaude:color-mix(in srgb,var(--suie) 84%,var(--croute));
  --mie-sombre:color-mix(in srgb,var(--mie) 90%,var(--encre));
}

:root{
  --fleurage-jour:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.14 0 0 0 0 0.10 0 0 0 0 0.06 1 0 0 0 -0.52'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23f)' opacity='.16'/%3E%3C/svg%3E");
  --assise-aube:linear-gradient(90deg,transparent 0%,var(--braise) 22%,
    var(--croute) 50%,var(--braise) 78%,transparent 100%);
  --fleurage-nuit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.96 0 0 0 0 0.86 1 0 0 0 -0.56'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23f)' opacity='.13'/%3E%3C/svg%3E");
}

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

html{
  scroll-behavior:smooth;-webkit-text-size-adjust:100%;
  background:var(--nuit);
}
body{
  margin:0;
  font-family:var(--police-texte);
  font-size:clamp(1rem,.95rem + .22vw,1.09rem);
  line-height:1.62;
  color:var(--creme);
  background:var(--nuit);
  -webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;height:auto;display:block}

h1,h2,h3{font-family:var(--police-titre);margin:0 0 .55em;color:inherit;text-wrap:balance}
h1{font-size:clamp(2.6rem,1.1rem + 6vw,4.6rem);font-weight:600;
  line-height:1;letter-spacing:-.018em}
h2{font-size:clamp(1.95rem,1.2rem + 2.8vw,3.1rem);font-weight:600;
  line-height:1.06;letter-spacing:-.012em}
h3{font-size:clamp(1.18rem,1.06rem + .5vw,1.4rem);font-weight:600;line-height:1.22}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
main a:not(.bouton):not(.plaque){text-decoration:underline;text-underline-offset:.15em}
main a[href^="tel:"]:not(.bouton):not(.plaque),
main a[href^="mailto:"]:not(.bouton){display:inline-block;padding-block:.25rem}

:focus-visible{outline:3px solid var(--dore);outline-offset:2px;border-radius:2px}
.salle :focus-visible,.contact :focus-visible{outline-color:var(--marque)}
.horaires :focus-visible{outline-color:var(--dore)}

.dedans,.bande{width:100%;max-width:var(--largeur);margin-inline:auto;
  padding-inline:var(--gouttiere)}
main > section > .dedans{position:relative}

.saut-contenu{position:absolute;top:-6rem;left:.5rem;z-index:60;
  background:var(--dore);color:var(--nuit);font-weight:700;
  padding:.7rem 1.1rem;border-radius:var(--rayon-bouton)}
.saut-contenu:focus{top:.5rem}

.ruban{
  margin:0;padding:.6rem var(--gouttiere);text-align:center;
  font-size:.82rem;letter-spacing:.02em;
  background:color-mix(in srgb,var(--nuit) 92%,transparent);color:var(--creme-doux);
}
.ruban a{color:var(--dore);text-decoration:underline;text-underline-offset:.15em;
  display:inline-block;padding-block:.25rem}

.entete{position:sticky;top:0;z-index:40}
.bande{
  background:color-mix(in srgb,var(--nuit) 86%,transparent);
  -webkit-backdrop-filter:blur(14px) saturate(115%);
  backdrop-filter:blur(14px) saturate(115%);
  border-bottom:1px solid color-mix(in srgb,var(--croute) 22%,transparent);
  box-shadow:var(--liseré-sombre),0 10px 24px color-mix(in srgb,var(--nuit) 30%,transparent);
}
.nav{display:flex;align-items:center;justify-content:space-between;
  gap:1rem;min-height:66px}

.marque{display:flex;flex-direction:column;line-height:1.14;padding-block:.35rem}
.marque__nom{font-family:var(--police-titre);font-weight:700;
  font-size:1.16rem;letter-spacing:-.008em;color:var(--mie)}
.marque__sous{font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--creme-doux)}

#nav-toggle{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  width:46px;height:46px;padding:0 11px;
  background:color-mix(in srgb,var(--croute) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--croute) 34%,transparent);
  border-radius:var(--rayon-bouton);cursor:pointer;
  transition:background-color .22s ease,border-color .22s ease}
#nav-toggle:hover{background:color-mix(in srgb,var(--croute) 24%,transparent)}
.nav-toggle__trait{display:block;height:2px;background:var(--mie);border-radius:2px}

#nav-links{display:none;gap:.35rem}
#nav-links.is-open{
  display:flex;flex-direction:column;
  position:absolute;left:var(--gouttiere);right:var(--gouttiere);top:calc(100% + .4rem);
  padding:.6rem;
  background:var(--fournil);border:1px solid color-mix(in srgb,var(--croute) 26%,transparent);
  border-radius:var(--rayon);
  box-shadow:var(--liseré-sombre),var(--ombre-loin)}
#nav-links a{
  display:block;padding:.7rem .9rem;border-radius:var(--rayon-bouton);
  font-family:var(--police-titre);font-size:1.02rem;color:var(--mie);
  transition:background-color .22s ease,color .22s ease}
#nav-links a:not(.bouton):hover{background:color-mix(in srgb,var(--croute) 16%,transparent);
  color:var(--dore)}
.nav{position:relative}

@media (min-width:860px){
  #nav-toggle{display:none}
  #nav-links,#nav-links.is-open{
    display:flex;flex-direction:row;align-items:center;gap:.2rem;
    position:static;padding:0;background:none;border:0;box-shadow:none}
  #nav-links a{padding:.6rem .8rem}
}

.bouton{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:.85rem 1.5rem;
  font-family:var(--police-libelle);font-weight:700;font-size:1rem;
  letter-spacing:.012em;border-radius:var(--rayon-bouton);
  text-decoration:none !important;cursor:pointer;
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.bouton--plein{
  color:var(--nuit);
  background:linear-gradient(180deg,var(--dore) 0%,
    color-mix(in srgb,var(--dore) 88%,var(--braise)) 100%);
  box-shadow:var(--liseré-clair),var(--ombre-pres),var(--ombre-loin)}
.bouton--plein:hover{
  box-shadow:var(--liseré-clair),var(--ombre-pres),var(--ombre-loin-haute)}
.bouton--plein:active{transform:translateY(-1px)}
#nav-links .bouton--plein{min-height:42px;padding:.55rem 1.15rem;font-size:.95rem}

main > section,.pied{position:relative}
main > section::after,.pied::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  --goutte:max(0px,calc((100% - var(--largeur)) / 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:
    var(--fleurage),
    radial-gradient(ellipse 42% 34% at 18% 22%,var(--nappe-jour) 0%,transparent 70%),
    radial-gradient(ellipse 34% 46% at 82% 58%,var(--nappe-trait) 0%,transparent 72%),
    radial-gradient(ellipse 56% 30% at 46% 92%,var(--nappe-jour) 0%,transparent 70%),
    linear-gradient(90deg,
      var(--joue-fond) 0%,transparent 38%,transparent 62%,var(--joue-fond) 100%);
  background-size:
    520px 520px,
    100% 100%,
    100% 100%,
    100% 100%,
    auto;
  background-position:
    left top,
    left top,
    left top,
    left top,
    left top;
  background-repeat:
    repeat,
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat;
  -webkit-mask-image:var(--joue-masque);
          mask-image:var(--joue-masque);
}
.bandeau,.nuit,.vitrine,.pied{
  --joue-fond:rgba(255,238,209,.10);
  --joue-trait:rgba(0,0,0,.30);
  --joue-jour:rgba(255,238,209,.075);
  --joue-arete:rgba(36,26,16,.44);
  --nappe-trait:rgba(0,0,0,.055);
  --nappe-jour:rgba(255,238,209,.045);
  --fleurage:var(--fleurage-nuit);
}
.bandeau{
  --nappe-trait:transparent;
  --nappe-jour:transparent;
  --fleurage:none;
}
.salle,.contact{
  --joue-fond:rgba(36,26,16,.32);
  --joue-trait:rgba(36,26,16,.075);
  --joue-jour:rgba(255,255,255,.26);
  --joue-arete:rgba(255,255,255,.58);
  --nappe-trait:rgba(36,26,16,.048);
  --nappe-jour:rgba(255,255,255,.16);
  --fleurage:var(--fleurage-jour);
}

.section__entete{margin-bottom:40px;max-width:34ch}
.sur{
  display:flex;align-items:center;gap:12px;
  margin:0 0 12px;font-size:.76rem;font-weight:700;
  letter-spacing:.17em;text-transform:uppercase}
.sur::before{content:"";width:24px;height:1px;flex:none;background:currentColor;opacity:.6}
.nuit .sur,.vitrine .sur{color:var(--creme-doux)}
.salle .sur,.contact .sur{color:var(--encre-douce)}
.horaires .sur{color:var(--creme-doux)}

.bandeau{
  display:flex;align-items:flex-end;
  min-height:clamp(540px,82vh,760px);
  padding:120px 0 96px;overflow:hidden;
  background:var(--nuit);
}
.bandeau__fond{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 50%;
  max-width:none;
}
.bandeau::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:color-mix(in srgb,var(--nuit) 58%,transparent);
}
.bandeau::after{z-index:4}
.bandeau__dedans{
  position:relative;z-index:3;
  width:100%;max-width:var(--largeur);margin-inline:auto;
  padding-inline:var(--gouttiere);
  --verre:color-mix(in srgb,var(--nuit) 82%,transparent);
}
.bandeau__dedans > *{max-width:min(100%,31rem)}
.bandeau__dedans::before{
  content:"";position:absolute;z-index:-1;
  left:calc(var(--gouttiere) - 16px);top:-32px;bottom:-32px;
  width:calc(min(31rem,100% - 2 * var(--gouttiere)) + 32px);
  background:var(--verre);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--rayon);
  box-shadow:var(--liseré-sombre),var(--ombre-loin);
}
.etiquette{
  margin:0 0 20px;font-size:.78rem;font-weight:700;
  letter-spacing:.17em;text-transform:uppercase;color:var(--creme-doux)}
.bandeau__titre{color:var(--mie);margin-bottom:20px}
.bandeau__accent{display:block;color:var(--dore)}
.bandeau__intro{color:var(--mie);opacity:.94;margin-bottom:28px;max-width:31rem}
.bandeau__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}

.braise{
  position:absolute;left:0;right:0;bottom:0;height:3px;z-index:1;
  background:var(--assise-aube);
}

.nuit{
  padding:112px 0 128px;
  background-color:#15100b;
  color:var(--creme);
}
.nuit::before{
  content:"";position:absolute;left:0;right:0;top:0;height:420px;pointer-events:none;
  background:radial-gradient(56% 100% at 50% 0%,
    color-mix(in srgb,var(--croute) 15%,transparent) 0%,transparent 72%);
}
.nuit__tete{margin-bottom:56px}
.nuit__tete .section__entete{margin-bottom:24px}
.nuit__intro{max-width:58ch;color:var(--creme-doux);margin:0}

.temps{display:grid;gap:20px}
.temps__item{
  --chauffe:0;
  position:relative;overflow:hidden;
  padding:22px 24px 24px 62px;
  border-radius:14px;
  background:
    repeating-linear-gradient(0deg ,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(0,0,0,.05)        0 1px,transparent 1px 5px),
    radial-gradient(120% 160% at 6% 0%,
      color-mix(in srgb,var(--dore) calc(var(--chauffe) * 26%),transparent) 0%,
      transparent 58%),
    linear-gradient(180deg,
      color-mix(in srgb,var(--croute) calc(18% + var(--chauffe) * 22%),var(--nuit)),
      color-mix(in srgb,var(--croute) calc(6%  + var(--chauffe) * 10%),var(--nuit)));
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--mie) calc(10% + var(--chauffe) * 16%),transparent),
    inset 0 0 0 1px rgba(255,255,255,.05);
}
.temps__item::before{
  content:"";position:absolute;left:24px;top:24px;
  width:calc(26px + var(--chauffe) * 12px);height:17px;
  border-radius:76% 76% 24% 24% / 100% 100% 0 0;
  transform:rotate(-30deg);
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--dore) calc(46% + var(--chauffe) * 54%),var(--croute)) 0 3px,
    color-mix(in srgb,var(--nuit) 88%,var(--croute)) 3px 100%);
  box-shadow:0 1px 3px color-mix(in srgb,var(--nuit) 70%,transparent);
}
.temps__item h3{margin:0 0 .4em;color:var(--mie)}
.temps__item p{margin:0;color:var(--creme-doux);font-size:.97rem}
.temps__item:nth-child(1){--chauffe:0;--n:0}
.temps__item:nth-child(2){--chauffe:.25;--n:1}
.temps__item:nth-child(3){--chauffe:.5;--n:2}
.temps__item:nth-child(4){--chauffe:.75;--n:3}
.temps__item:nth-child(5){--chauffe:1;--n:4}

@media (min-width:980px){
  .nuit__tete{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:56px;align-items:end;margin-bottom:72px}
  .nuit__tete .section__entete{margin-bottom:0}
  .nuit__intro{padding-bottom:.4em}
  .temps{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
  .temps__item{padding:56px 22px 34px}
  .temps__item::before{left:22px;top:24px}
}

.vitrine{
  padding:64px 0 72px;
  background-color:#462f1a;
  background-image:var(--assise-aube);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:100% 3px;
  color:var(--creme);
}
.vitrine__grille{display:grid;gap:48px}

.grigne{margin:0}
.grigne svg{width:100%;height:auto;
  filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--nuit) 55%,transparent))}
.miche{fill:url(#croute)}
.creux{fill:none;stroke:#3E1E06;stroke-width:10;stroke-linecap:round;opacity:.92}
.levre{fill:none;stroke:#F6D9A4;stroke-width:5.5;stroke-linecap:round}
.grigne__note{
  margin:24px 0 0;padding-top:16px;max-width:36ch;
  border-top:1px solid color-mix(in srgb,var(--croute) 22%,transparent);
  color:var(--creme-doux);font-size:.92rem}

.cartes{display:grid;gap:16px}
.carte{
  position:relative;
  padding:24px;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--nuit) 84%,var(--croute)) 0%,
    color-mix(in srgb,var(--nuit) 94%,var(--croute)) 100%);
  border:1px solid color-mix(in srgb,var(--croute) 20%,transparent);
  border-radius:var(--rayon);
  box-shadow:var(--liseré-sombre),var(--ombre-pres),var(--ombre-loin);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.carte:hover{
  box-shadow:var(--liseré-sombre),var(--ombre-pres),var(--ombre-loin-haute);
  border-color:color-mix(in srgb,var(--croute) 40%,transparent)}
.carte h3{color:var(--mie);margin:0 0 6px}
.carte p{margin:0;color:var(--creme-doux);font-size:.95rem}
.carte--large::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  border-radius:0 0 var(--rayon) var(--rayon);
  background:linear-gradient(90deg,var(--braise),var(--dore));
  transition:filter .24s ease}
.carte--large:hover::after{filter:brightness(1.14)}
.cartes .carte:nth-child(1){--n:0}
.cartes .carte:nth-child(2){--n:1}
.cartes .carte:nth-child(3){--n:2}
.cartes .carte:nth-child(4){--n:3}

@media (min-width:820px){
  .carte{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);
    gap:24px;align-items:baseline;padding:24px 32px}
  .carte h3{margin:0}
}
@media (min-width:980px){
  .vitrine__grille{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:56px;align-items:center}
  .carte{grid-template-columns:minmax(0,9.5rem) minmax(0,1fr)}
}

.salle{
  padding:104px 0 112px;
  background-color:var(--mie);
  color:var(--encre);
}
.salle{
  background:
    var(--assise-aube) left top / 100% 3px no-repeat,
    var(--mie);
}
.vitrine + .contact{
  background:var(--assise-aube) left top / 100% 3px no-repeat;background-color:#f2e5ce;
}
.salle::before{
  content:"";position:absolute;left:0;right:0;top:0;height:400px;pointer-events:none;
  background:radial-gradient(56% 100% at 50% 0%,
    color-mix(in srgb,var(--braise) 7%,transparent) 0%,transparent 72%);
}
.salle__grille{display:grid;gap:48px}
.salle__contenu h2{color:var(--encre)}
.salle__contenu > p{color:var(--encre-douce);max-width:52ch}

.liste-points{display:grid;gap:12px;margin-top:24px}
.liste-points li{
  position:relative;padding-left:26px;color:var(--encre);font-size:.98rem}
.liste-points li::before{
  content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;
  border-radius:2px;background:var(--marque);transform:rotate(45deg)}

.salle__visuel{margin:0;position:relative;z-index:3}
.salle__visuel::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  inset-block:clamp(-56px,-4vw,-28px);
  inset-inline:calc(-1 * var(--gouttiere));
  border-radius:calc(var(--rayon) * 4);
  background:
    radial-gradient(60% 52% at 50% 50%,
      color-mix(in srgb,var(--dore) 30%,transparent) 0%,
      color-mix(in srgb,var(--dore) 12%,transparent) 58%,
      transparent 100%);
}
.salle__visuel img{
  position:relative;z-index:1;
  width:100%;height:auto;border-radius:var(--rayon);
  box-shadow:var(--liseré-clair),var(--ombre-pres),var(--ombre-loin)}

@media (min-width:900px){
  .salle__grille{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
    gap:64px;align-items:center}
  .salle{padding-bottom:56px}
  .salle__visuel{margin-bottom:-104px}
}

.contact{
  padding:120px 0 112px;
  background-color:#f2e5ce;
  color:var(--encre);
}
.contact::before{
  content:"";position:absolute;left:0;right:0;top:0;height:420px;pointer-events:none;
  background:radial-gradient(56% 100% at 50% 0%,
    color-mix(in srgb,var(--braise) 7%,transparent) 0%,transparent 72%);
}
.contact h2{color:var(--encre)}
.contact__grille{display:grid;gap:48px}
.contact__grille > *,.vitrine__grille > *,.salle__grille > *,.temps > *{min-width:0}
.contact__phrase{color:var(--encre-douce);max-width:46ch}

.contact__plaques{display:grid;gap:12px;margin:28px 0 32px}
.plaque{
  display:flex;flex-direction:column;gap:2px;
  min-height:64px;padding:12px 20px;justify-content:center;
  border-radius:var(--rayon);color:#fff;
  background:linear-gradient(180deg,var(--marque) 0%,var(--marque-fonce) 100%);
  box-shadow:var(--liseré-sombre),var(--ombre-pres),var(--ombre-loin);
  transition:transform .24s ease,box-shadow .24s ease}
.plaque:hover{
  box-shadow:var(--liseré-sombre),var(--ombre-pres),var(--ombre-loin-haute)}
.plaque__libelle{font-size:.72rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;opacity:.86}
.plaque__num{font-family:var(--police-libelle);font-weight:700;
  font-size:1.24rem;letter-spacing:.01em;
  font-variant-numeric:lining-nums tabular-nums}

.coord{margin:0;display:grid;gap:0}
.coord__ligne{
  display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);
  gap:16px;padding:14px 0;
  border-top:1px solid var(--filet)}
.coord__ligne:last-child{border-bottom:1px solid var(--filet)}
.coord dt{font-size:.76rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--encre-douce);padding-top:.25em}
.coord dd{margin:0;color:var(--encre)}
.coord dd a{color:var(--marque)}

.horaires{
  position:relative;
  padding:32px 28px 28px;border-radius:var(--rayon);
  background-color:#241a12;
  border:1px solid color-mix(in srgb,var(--croute) 24%,transparent);
  box-shadow:var(--liseré-sombre),var(--ombre-pres),var(--ombre-loin);
  color:var(--mie);
  align-self:start}
.tableau{margin:8px 0 0;display:grid}
.tableau__ligne{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;
  padding:11px 12px;border-radius:var(--rayon-bouton);
  border-top:1px solid color-mix(in srgb,var(--croute) 16%,transparent)}
.tableau__ligne:first-child{border-top:0}
.tableau dt{font-weight:600;color:var(--mie);
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.tableau dd{margin:0;color:var(--creme-doux);
  font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.tableau__ligne--aujourdhui{
  background:color-mix(in srgb,var(--dore) 13%,transparent);
  box-shadow:inset 3px 0 0 var(--dore)}
.tableau__ligne--aujourdhui dt,.tableau__ligne--aujourdhui dd{color:var(--dore)}
.tableau__aujourdhui{
  font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--nuit);background:var(--dore);
  padding:2px 7px;border-radius:var(--rayon-bouton)}
.horaires__note{margin:20px 0 0;font-size:.86rem;color:var(--creme-doux)}

@media (min-width:900px){
  .contact__grille{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:64px}
  .contact__plaques{grid-template-columns:repeat(2,minmax(0,1fr))}
  .horaires{padding:36px 32px 32px}
}

.pied{
  padding:64px 0 56px;
  background-color:#15100b;
  color:var(--creme-doux)}
.pied::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:1;
  background:linear-gradient(90deg,transparent 0%,var(--braise) 22%,
    var(--croute) 50%,var(--braise) 78%,transparent 100%)}
.pied__dedans{position:relative;z-index:1}
.pied__marque{font-family:var(--police-titre);font-weight:700;
  font-size:1.5rem;color:var(--mie);margin:0 0 6px}
.pied__ligne{margin:0 0 6px;font-size:.95rem}
.pied__ligne--fine{margin-top:20px;font-size:.85rem;opacity:.82}
.pied a{color:var(--dore);text-decoration:underline;text-underline-offset:.15em;
  display:inline-block;padding-block:.25rem}

html.js .reveal{opacity:0;transform:translateY(16px)}
html.js .reveal.est-vu{
  opacity:1;transform:none;
  transition:opacity .55s ease,transform .55s cubic-bezier(.22,.72,.3,1);
  transition-delay:calc(var(--n,0) * 70ms)}

html.js .grigne .creux,html.js .grigne .levre{stroke-dasharray:1;stroke-dashoffset:1}
html.js .grigne.est-vu .creux,html.js .grigne.est-vu .levre{
  stroke-dashoffset:0;transition:stroke-dashoffset .6s ease .15s}
html.js .grigne.est-vu .creux--2,html.js .grigne.est-vu .levre--2{transition-delay:.26s}
html.js .grigne.est-vu .creux--3,html.js .grigne.est-vu .levre--3{transition-delay:.37s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .reveal{transform:none}
  html.js .reveal.est-vu{transition:opacity .4s ease;transition-delay:0s}
  html.js .grigne .creux,html.js .grigne .levre{stroke-dasharray:none;stroke-dashoffset:0}
}

.entete .bande{background-color:rgba(21,16,11,0.76)}
.entete{margin-bottom:-67px}

#nav-links a.bouton.bouton--plein{color:#15100b}