@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:400;
  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,"Times New Roman",Georgia,serif;
  --police-libelle:'PoliceLibelle',"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;

  --marbre:#EFF1F2;       /* le plan de travail */
  --marbre-2:#E2E6E8;     /* le bas du dégradé, et la section contact */
  --neige:#F9FBFB;        /* les blocs posés sur le marbre, le sucre glace */
  --veine:#585059;        /* la teinte des veines — décor à 3-5 %, jamais un texte */

  --cacao:#150E12;        /* noir cacao, pointe de prune */
  --cacao-2:#1F1419;
  --ganache:#2E1A22;      /* la section saisons : prune chaude */
  --ganache-2:#20121A;
  --carre:#381D22;        /* le carré démoulé */
  --carre-2:#24141A;
  --tablette:#341C21;     /* la tablette gravée des horaires */
  --tablette-2:#2B1620;

  --encre:#191216;        /* sur le marbre */
  --sourd:#585059;        /* secondaire sur le marbre */
  --sucre:#F3E5D8;        /* sur le cacao */
  --sucre-doux:#E4D2C4;   /* secondaire sur le cacao */

  --griotte:#9E1B33;        /* l'accent des fonds CLAIRS (le fruit du praliné) */
  --griotte-clair:#AB2038;
  --griotte-fonce:#6C0F22;
  --cuivre:#D9955E;         /* l'accent des fonds SOMBRES (la bassine) */
  --cuivre-clair:#E7AF80;   /* … et sur le verre, où le cuivre est trop juste */

  --rayon:12px;
  --rayon-bouton:10px;    /* jamais nul : un bouton n'est pas un rectangle brut */
  --colonne:1160px;
  --demi-colonne:580px;   /* la moitié : c'est là que tombent les filets des côtés */

  --pres:0 1px 2px rgba(21,14,18,.10);
  --loin:0 12px 28px rgba(21,14,18,.16);
  --loin-haute:0 18px 40px rgba(21,14,18,.22);
  --pres-sombre:0 1px 2px rgba(0,0,0,.30);
  --loin-sombre:0 14px 34px rgba(0,0,0,.46);
  --loin-sombre-haute:0 22px 48px rgba(0,0,0,.56);

  --reflet:linear-gradient(108deg,
    transparent 30%,
    rgba(255,255,255,.085) 44%,
    rgba(255,255,255,.02) 54%,
    transparent 66%);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
html{background:var(--marbre-2)}
body{
  font-family:var(--police-libelle);
  font-size:17px;line-height:1.62;
  color:var(--encre);
  background-color:#eff1f2;background-image:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.55),transparent 62%);
  overflow-wrap:break-word;
}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
a{color:var(--griotte)}
:where(a,button):focus-visible{outline:3px solid var(--cuivre);outline-offset:3px;border-radius:6px}

.bande{max-width:var(--colonne);margin:0 auto;padding:0 clamp(16px,4vw,32px);
  width:100%;position:relative;z-index:1}

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

.matiere{position:relative}
.matiere::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(90deg,var(--bord),transparent 20%,transparent 80%,var(--bord));
}
.matiere::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--veinage,none);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);
}
.matiere--clair{
  --filet:rgba(25,18,22,.10);
  --bord:rgba(25,18,22,.06);
  --veinage:
    conic-gradient(from 0deg at 30% -28%,
      transparent 0 25.5%,rgba(88,80,89,.085) 27.6%,transparent 29.8%,
      transparent 32.2%,rgba(88,80,89,.058) 34.2%,transparent 36.6%,
      transparent 39.4%,rgba(88,80,89,.078) 41.4%,transparent 43.8%,
      transparent 45.6%,rgba(88,80,89,.048) 47%,transparent 48.8%,
      transparent 100%) left top/100% 100% no-repeat,
    conic-gradient(from 0deg at 84% 126%,
      transparent 0 70%,rgba(88,80,89,.055) 72.2%,transparent 74.6%,
      transparent 78.8%,rgba(88,80,89,.042) 80.8%,transparent 83.4%,
      transparent 100%) left top/100% 100% no-repeat;
}
.matiere--sombre{
  --filet:rgba(243,229,216,.11);
  --bord:rgba(0,0,0,.34);
  --veinage:
    conic-gradient(from 0deg at 30% -28%,
      transparent 0 25.5%,rgba(243,229,216,.115) 27.6%,transparent 29.8%,
      transparent 32.2%,rgba(243,229,216,.082) 34.2%,transparent 36.6%,
      transparent 39.4%,rgba(243,229,216,.105) 41.4%,transparent 43.8%,
      transparent 45.6%,rgba(243,229,216,.068) 47%,transparent 48.8%,
      transparent 100%) left top/100% 100% no-repeat,
    conic-gradient(from 0deg at 84% 126%,
      transparent 0 70%,rgba(243,229,216,.078) 72.2%,transparent 74.6%,
      transparent 78.8%,rgba(243,229,216,.058) 80.8%,transparent 83.4%,
      transparent 100%) left top/100% 100% no-repeat;
}
.vitrine{--veinage:none}

.ruban{
  background:var(--cacao);
  color:var(--sucre-doux);text-align:center;
  font-size:13px;letter-spacing:.04em;padding:8px 16px;
  border-bottom:1px solid rgba(217,149,94,.26);
}
.ruban a,.pied a{display:inline-block;padding-block:.2rem}
.ruban a{color:var(--cuivre);text-underline-offset:3px}

.entete{position:sticky;top:0;z-index:30}
.nav{
  background:color-mix(in srgb,var(--cacao) 82%,transparent);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  border-bottom:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.26);
}
.nav__dedans{max-width:var(--colonne);margin:0 auto;padding:11px clamp(16px,4vw,32px);
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.marque{display:block;text-decoration:none;line-height:1.15}
.marque__nom{display:block;font-family:var(--police-titre);font-size:1.32rem;
  color:var(--neige);letter-spacing:.01em}
.marque__sous{display:block;font-size:.68rem;text-transform:uppercase;
  letter-spacing:.2em;color:var(--cuivre-clair);margin-top:3px}

#nav-links{display:flex;align-items:center;gap:clamp(12px,2.4vw,28px)}
#nav-links a{
  font-family:var(--police-titre);
  font-size:1rem;letter-spacing:.05em;
  color:var(--sucre-doux);text-decoration:none;
  padding:9px 4px;display:inline-block;position:relative;
  transition:color .22s ease;
}
#nav-links a::after{content:'';position:absolute;left:4px;right:4px;bottom:4px;height:2px;
  border-radius:2px;background:linear-gradient(90deg,var(--cuivre),var(--cuivre-clair));
  transform:scaleX(0);transform-origin:left center;transition:transform .24s ease}
#nav-links a:hover{color:var(--neige)}
#nav-links a:hover::after{transform:scaleX(1)}

#nav-toggle{display:none;background:none;border:0;cursor:pointer;
  padding:11px;border-radius:var(--rayon-bouton);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(--cuivre-clair);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:.7rem;font-weight:400;
  text-transform:uppercase;letter-spacing:.18em;
  color:var(--cuivre-clair);
  background:color-mix(in srgb,var(--cuivre) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--cuivre) 40%,transparent);
  padding:7px 15px;border-radius:99px;
}
.sur{
  display:inline-block;font-size:.7rem;font-weight:400;
  text-transform:uppercase;letter-spacing:.19em;color:var(--griotte);
  background:color-mix(in srgb,var(--griotte) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--griotte) 26%,transparent);
  padding:6px 14px;border-radius:99px;margin-bottom:16px;
}
.sur--cuivre{color:var(--cuivre);
  background:color-mix(in srgb,var(--cuivre) 14%,transparent);
  border-color:color-mix(in srgb,var(--cuivre) 36%,transparent)}

.titre2{font-family:var(--police-titre);font-weight:400;
  font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1.14;letter-spacing:0;
  color:var(--encre)}
.titre2--clair{color:var(--neige)}
.para{color:var(--sourd);max-width:56ch;margin-top:16px}
.para--clair{color:var(--sucre-doux)}
.entete-section{margin-bottom:clamp(24px,4vw,40px)}
.entete-section--sombre{margin-bottom:clamp(24px,3vw,32px)}

.mot-accent{color:var(--cuivre-clair)}
@supports (background-clip:text) or (-webkit-background-clip:text){
  .mot-accent{
    display:inline-block;
    background:linear-gradient(108deg,#F6D9BC,var(--cuivre-clair) 52%,var(--cuivre));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
}

.plaque{
  display:inline-flex;flex-direction:column;justify-content:center;
  min-height:56px;padding:8px 24px;border-radius:var(--rayon-bouton);
  text-decoration:none;color:var(--neige);
  background:linear-gradient(180deg,var(--griotte-clair),var(--griotte-fonce));
  box-shadow:var(--pres-sombre),0 14px 32px rgba(108,15,34,.42),
    inset 0 1px 0 rgba(255,255,255,.20);
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
}
.plaque:hover{filter:brightness(1.07)}
.plaque__quoi{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.88)}
.plaque__num{font-family:var(--police-libelle);font-size:1.3rem;font-weight:500;
  letter-spacing:.02em;line-height:1.28;
  font-variant-numeric:lining-nums tabular-nums}
.plaque--clair{margin-top:24px}

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

.verre{
  background:color-mix(in srgb,var(--cacao) 82%,transparent);
  -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(--pres-sombre),var(--loin-sombre),inset 0 1px 0 rgba(255,255,255,.10);
}

.cadre{position:relative;overflow:hidden;border-radius:var(--rayon);
  background:var(--cacao-2);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.26),
    inset 0 -2px 0 rgba(25,18,22,.34),
    0 -1px 0 1px rgba(255,255,255,.62),
    0 2px 0 1px rgba(25,18,22,.16),
    var(--pres),var(--loin)}
.cadre img{width:100%}   /* G-E : aucune animation sur les photos */
.cadre--sombre{box-shadow:
    inset 0 2px 0 rgba(255,255,255,.20),
    inset 0 -2px 0 rgba(0,0,0,.40),
    0 -1px 0 1px rgba(243,229,216,.22),
    0 2px 0 1px rgba(0,0,0,.34),
    var(--pres-sombre),var(--loin-sombre)}
.cadre__legende{position:absolute;left:12px;bottom:12px;
  padding:5px 12px;border-radius:99px;
  font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--sucre-doux);
  background:color-mix(in srgb,var(--cacao) 92%,transparent);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:var(--pres-sombre)}

.vitrine{position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;
  min-height:min(88vh,748px);
  padding:clamp(56px,9vw,104px) 0 clamp(112px,15vw,168px);
  background:var(--cacao)}
.vitrine__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;
  z-index:-3;transform:scale(1.03)}
.vitrine__voile{position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(96deg,
      color-mix(in srgb,var(--cacao) 92%,transparent) 0%,
      color-mix(in srgb,var(--cacao) 74%,transparent) 48%,
      color-mix(in srgb,var(--cacao) 30%,transparent) 100%),
    linear-gradient(180deg,transparent 48%,color-mix(in srgb,var(--cacao) 88%,transparent))}
.vitrine__halo{position:absolute;z-index:-1;pointer-events:none;
  top:-20%;right:-6%;width:min(760px,84%);aspect-ratio:1;
  background:radial-gradient(circle at 50% 50%,
    color-mix(in srgb,var(--cuivre) 26%,transparent) 0%,
    color-mix(in srgb,var(--cuivre) 7%,transparent) 44%,transparent 68%);
  filter:blur(8px)}
.vitrine__verre{padding:clamp(24px,4vw,40px);max-width:632px}
.vitrine__titre{font-family:var(--police-titre);font-weight:400;
  font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.06;letter-spacing:-.005em;
  color:var(--neige);margin:16px 0;
  text-shadow:0 2px 20px rgba(0,0,0,.45)}
.vitrine__intro{color:var(--sucre);max-width:50ch;font-size:1.02rem}
.vitrine__actes{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}

.assortiment{
  position:relative;z-index:2;
  margin-top:clamp(-96px,-9vw,-56px);
  border-radius:var(--rayon) var(--rayon) 0 0;
  padding:clamp(40px,6vw,64px) 0 clamp(48px,7vw,80px);
  background-color:#eff1f2;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 -20px 48px rgba(21,14,18,.30);
}
.assortiment__haut{display:grid;gap:clamp(24px,3.4vw,40px);
  grid-template-columns:minmax(0,1fr);margin-bottom:clamp(32px,4vw,48px)}
.assortiment__haut .entete-section{margin-bottom:0;align-self:center}
.assortiment__cadre img{aspect-ratio:16/10;object-fit:cover;object-position:50% 50%}

.moule{
  display:grid;gap:8px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,236px),1fr));
  padding:8px;border-radius:var(--rayon);
  background-color:#150e12;
  box-shadow:var(--pres),var(--loin),inset 0 1px 0 rgba(255,255,255,.08);
}
.carre{
  position:relative;overflow:hidden;
  padding:24px 20px 26px;
  border-radius:var(--rayon-bouton);
  display:grid;grid-template-rows:auto auto 1fr;gap:8px;align-content:start;
  background-color:#381d22;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.10),
    inset 2px 0 0 rgba(255,255,255,.045),
    inset 0 -2px 0 rgba(0,0,0,.42),
    inset -2px 0 0 rgba(0,0,0,.28);
  transition:transform .24s ease,box-shadow .24s ease;
}
.carre::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:var(--reflet);opacity:.75;transition:opacity .24s ease}
.carre:hover{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.14),
    inset 2px 0 0 rgba(255,255,255,.06),
    inset 0 -2px 0 rgba(0,0,0,.42),
    inset -2px 0 0 rgba(0,0,0,.28),
    var(--loin-sombre-haute)}
.carre:hover::after{opacity:1}
.carre__num{font-family:var(--police-libelle);font-size:.72rem;font-weight:500;
  letter-spacing:.22em;color:var(--cuivre);
  font-variant-numeric:lining-nums tabular-nums}
.carre__nom{font-family:var(--police-titre);font-weight:400;font-size:1.3rem;
  line-height:1.2;color:var(--sucre)}
.carre__texte{color:var(--sucre-doux);font-size:.95rem}

.temperage{position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(56px,8vw,96px) 0 clamp(56px,8vw,96px);
  background-color:#150e12}
.temperage__halo{position:absolute;z-index:-1;pointer-events:none;
  top:-14%;left:50%;transform:translateX(-50%);width:min(1000px,96%);aspect-ratio:2/1;
  background:radial-gradient(50% 60% at 50% 30%,
    color-mix(in srgb,var(--cuivre) 18%,transparent) 0%,transparent 70%);
  filter:blur(10px)}
.temperage__grille{display:grid;gap:clamp(32px,4vw,48px);grid-template-columns:minmax(0,1fr)}

.courbe{
  position:relative;overflow:hidden;
  padding:16px 16px 8px;border-radius:var(--rayon);
  background-color:#120c10;background-image:repeating-linear-gradient(180deg,
      transparent 0 39px,rgba(243,229,216,.07) 39px 40px);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),var(--pres-sombre),var(--loin-sombre);
}
.courbe svg{display:block;width:100%;height:auto}
.courbe__socle{stroke:rgba(243,229,216,.22);stroke-width:1.5}
.courbe__guide{stroke:rgba(217,149,94,.34);stroke-width:1.5;stroke-dasharray:3 6}
.courbe__trace{
  fill:none;stroke:var(--cuivre);stroke-width:4;
  stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(217,149,94,.45));
}
.courbe__point{fill:var(--cuivre-clair);stroke:#120C10;stroke-width:3}
.courbe__aura{fill:color-mix(in srgb,var(--cuivre) 22%,transparent)}

.temps{display:grid;gap:8px;margin-top:24px}
.temps__pas{
  display:grid;gap:8px 20px;grid-template-columns:minmax(0,1fr);
  padding:20px 20px 22px;border-radius:var(--rayon);
  background:color-mix(in srgb,var(--cacao-2) 93%,transparent);
  border:1px solid rgba(255,255,255,.09);
  border-left:3px solid color-mix(in srgb,var(--cuivre) 78%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),var(--pres-sombre),var(--loin-sombre);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.temps__pas:hover{
  border-color:color-mix(in srgb,var(--cuivre) 40%,transparent);
  border-left-color:var(--cuivre);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),var(--pres-sombre),var(--loin-sombre-haute)}
.temps__haut{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.temps__deg{
  font-family:var(--police-libelle);font-size:.86rem;font-weight:500;
  letter-spacing:.08em;color:var(--cuivre);
  font-variant-numeric:lining-nums tabular-nums;
  padding:4px 12px;border-radius:99px;
  background:color-mix(in srgb,var(--cuivre) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--cuivre) 34%,transparent)}
.temps__nom{font-family:var(--police-titre);font-weight:400;font-size:1.5rem;
  line-height:1.14;color:var(--sucre)}
.temps__texte{color:var(--sucre-doux);font-size:.96rem;max-width:54ch}

.temperage__cote{display:grid;gap:16px;align-content:start}
.temperage__cadre img{aspect-ratio:4/3;object-fit:cover;object-position:50% 50%}
.note{padding:20px 20px 24px}
.note__titre{font-family:var(--police-titre);font-weight:400;font-size:1.18rem;
  color:var(--cuivre-clair);margin-bottom:8px}
.note__texte{color:var(--sucre-doux);font-size:.94rem}

.saisons{position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(48px,7vw,80px) 0 clamp(120px,14vw,160px);
  background-color:var(--cacao)}
.saisons__grille{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,1fr)}
.saison{padding:20px 20px 22px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.saison:hover{
  border-color:color-mix(in srgb,var(--cuivre) 40%,transparent);
  box-shadow:var(--pres-sombre),var(--loin-sombre-haute),inset 0 1px 0 rgba(255,255,255,.12)}
.saison__quand{font-family:var(--police-libelle);font-size:.7rem;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--cuivre);margin-bottom:8px}
.saison__nom{font-family:var(--police-titre);font-weight:400;font-size:1.3rem;
  line-height:1.2;color:var(--sucre);margin-bottom:8px}
.saison__texte{color:var(--sucre-doux);font-size:.95rem}
.saisons__liste{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.saisons__cadre{align-self:start;display:flex}
.saisons__cadre img{aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;width:100%}

.horaires{padding:0 0 clamp(48px,6vw,72px)}
.tablette{
  position:relative;z-index:2;overflow:hidden;
  margin-top:clamp(-104px,-10vw,-64px);
  padding:clamp(24px,4vw,40px);
  border-radius:var(--rayon);
  background-color:#341c21;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:var(--pres-sombre),0 24px 56px rgba(21,14,18,.44),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.tablette::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:var(--reflet)}
.tablette>*{position:relative;z-index:1}
.tablette__note{margin-top:16px;font-size:.9rem;color:var(--sucre-doux);max-width:56ch}

.tableau{display:grid;gap:0}
.tableau__ligne{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;gap:8px 16px;
  padding:12px 0;
  border-bottom:1px dashed rgba(0,0,0,.45);
  box-shadow:0 1px 0 rgba(255,255,255,.07);
}
.tableau__ligne:last-child{border-bottom:0;box-shadow:none}
.tableau dt{font-family:var(--police-libelle);font-weight:500;font-size:.95rem;
  letter-spacing:.02em;color:var(--sucre);
  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(--sucre);font-variant-numeric:lining-nums tabular-nums;letter-spacing:.01em}
.tableau__ligne--ferme dt,.tableau__ligne--ferme dd{color:var(--sucre-doux);opacity:.78}
.tableau__aujourdhui{
  font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;
  color:var(--encre);background:var(--cuivre-clair);
  padding:3px 9px;border-radius:99px}
.tableau__ligne--aujourdhui dt,.tableau__ligne--aujourdhui dd{color:var(--cuivre-clair)}

.contact{padding:clamp(48px,6vw,80px) 0 clamp(48px,7vw,80px);
  background-color:#eff1f2;background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%)}
.contact__grille{display:grid;gap:clamp(24px,4vw,48px);grid-template-columns:minmax(0,1fr)}
.fiche{
  padding:clamp(20px,3vw,32px);border-radius:var(--rayon);
  background-color:#f9fbfb;
  border:1px solid rgba(25,18,22,.10);
  box-shadow:var(--pres),var(--loin),inset 0 1px 0 rgba(255,255,255,.9);
  align-self:start}
.fiche__titre{font-family:var(--police-titre);font-weight:400;font-size:1.26rem;
  color:var(--encre);margin-bottom:12px;padding-bottom:12px;
  border-bottom:3px solid color-mix(in srgb,var(--griotte) 30%,transparent)}
.tableau--clair .tableau__ligne{border-bottom-color:rgba(25,18,22,.20);
  box-shadow:0 1px 0 rgba(255,255,255,.8)}
.tableau--clair dt{color:var(--griotte)}
.tableau--clair dd{color:var(--encre)}
.tableau--clair dd a{color:var(--griotte);text-decoration:none;
  display:inline-block;min-height:26px;padding:3px 2px;
  border-bottom:1px solid color-mix(in srgb,var(--griotte) 44%,transparent);
  transition:color .2s ease,border-color .2s ease}
.tableau--clair dd a:hover{color:var(--griotte-fonce);border-color:var(--griotte-fonce)}

.pied{background-color:#150e12;
  color:var(--sucre-doux);padding:32px 0;
  border-top:1px solid rgba(217,149,94,.24)}
.pied__dedans{display:flex;justify-content:space-between;align-items:baseline;
  gap:12px 24px;flex-wrap:wrap;font-size:.9rem}
.pied__qui{font-family:var(--police-titre);font-size:1.06rem;color:var(--sucre)}
.pied__demo{color:color-mix(in srgb,var(--sucre-doux) 74%,transparent)}
.pied a{color:var(--cuivre)}

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

.courbe__trace{stroke-dasharray:100;stroke-dashoffset:0}
html.js .courbe:not(.est-vu) .courbe__trace{stroke-dashoffset:100}
.courbe__trace{transition:stroke-dashoffset 1.5s cubic-bezier(.32,.72,.24,1)}
html.js .courbe:not(.est-vu) .courbe__point,
html.js .courbe:not(.est-vu) .courbe__aura{opacity:0;transform:scale(.7)}
.courbe__point,.courbe__aura{transform-box:fill-box;transform-origin:center;
  transition:opacity .5s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.courbe__point--1,.courbe__aura--1{transition-delay:.55s}
.courbe__point--2,.courbe__aura--2{transition-delay:.95s}
.courbe__point--3,.courbe__aura--3{transition-delay:1.3s}
html.js .courbe:not(.est-vu) .courbe__guide{opacity:0}
.courbe__guide{transition:opacity .5s ease .8s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .reveal{transform:none;transition:opacity .5s ease}
  html.js .courbe:not(.est-vu) .courbe__trace{stroke-dashoffset:0;opacity:0}
  html.js .courbe:not(.est-vu) .courbe__point,
  html.js .courbe:not(.est-vu) .courbe__aura{transform:none;opacity:0}
  .courbe__trace{transition:opacity .5s ease}
  .courbe__point,.courbe__aura{transition:opacity .5s ease}
  #nav-links a::after{transition:none}
}

@media (min-width:601px){
  .carre__nom{min-height:2.4em}
  .saisons__liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .temps__pas{grid-template-columns:minmax(0,148px) minmax(0,1fr);align-items:baseline}
  .temps__haut{grid-column:1;flex-direction:column;gap:8px;align-items:flex-start}
  .temps__texte{grid-column:2}
}
@media (min-width:901px){
  .assortiment__haut{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center}
  .temperage__grille{grid-template-columns:minmax(0,1fr) minmax(0,320px)}
  .temperage__cote{position:sticky;top:108px}
  .saisons__grille{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
  .saisons__liste{grid-template-columns:minmax(0,1fr)}
  .saisons__cadre{align-self:stretch}
  .saisons__cadre img{aspect-ratio:auto;height:100%;min-height:340px}
  .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(16px,4vw,32px) 16px;
    background:color-mix(in srgb,var(--cacao) 94%,transparent);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.14);
    box-shadow:0 22px 44px rgba(0,0,0,.42);
  }
  #nav-links.is-open{display:flex}
  #nav-links a{padding:14px 4px;font-size:1.08rem;
    border-bottom:1px solid rgba(255,255,255,.09)}
  #nav-links li:last-child a{border-bottom:0}
  .vitrine{min-height:0}
  .vitrine__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:20px}
  .bouton{width:100%}
  .vitrine__actes{gap:12px}
  .temps__nom{font-size:1.36rem}
}

@media (max-width:600px){
  .vitrine{display:block;min-height:0;padding-top:0}
  .vitrine__fond{position:static;display:block;z-index:auto;transform:none;
    width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
  .vitrine__voile,.vitrine__halo{display:none}
  .vitrine .bande{padding-top:clamp(1.4rem,6vw,2rem)}
}

.entete .nav{background-color:rgba(21,14,18,0.76)}
.entete{margin-bottom:-67px}