/* Base : le site actuel du Beau Rivage (Avada), reconstruit section par section.
   Charte conservée : brun #985717, or #bda16b, gris #333/#545454/#d6d6d6, blanc.
   Bebas Neue (titres) · Barlow (texte) · Work Sans (boutons, sur-titres). Site en thème clair unique, comme l'actuel. */
/* Polices hébergées sur le site (plus rapide sur téléphone, et rien n'est envoyé à Google) */
@font-face{font-family:"Bebas Neue";font-weight:400;font-display:swap;src:url(../fonts/bebas-neue.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(../fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/barlow-400-italic.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-display:swap;src:url(../fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(../fonts/barlow-600.woff2) format("woff2")}
@font-face{font-family:"Work Sans";font-weight:400 600;font-display:swap;src:url(../fonts/work-sans.woff2) format("woff2")}
@font-face{font-family:"Allura";font-weight:400;font-display:swap;src:url(../fonts/allura.woff2) format("woff2")}
:root{
  color-scheme:light;
  --brown:#985717; --brown-dark:#7a4512; --gold:#bda16b; --orange:#e29140;
  --ink:#333333; --grey:#545454; --grey-2:#828282; --line:#d6d6d6; --soft:#f9f9f9; --white:#ffffff;
  --warm-shadow:#332e28;
  --display:"Bebas Neue", Arial, Helvetica, sans-serif;
  --body:"Barlow", Georgia, serif;
  --label:"Work Sans", Arial, Helvetica, sans-serif;
  --radius:10px;
  --gut-l:max(16px, env(safe-area-inset-left, 0px));
  --gut-r:max(16px, env(safe-area-inset-right, 0px));
  /* Marge des blocs pleine largeur (accueil, bandeaux bruns) : sur grand écran, le texte s'aligne sur le contenu centré (.wrap) */
  --z:1;          /* léger grossissement sur grand écran */
  --wrapw:1180px; /* largeur du contenu centré */
  --edge:max(64px, calc((100vw / var(--z) - var(--wrapw)) / 2 + 16px));
}
/* Grand écran : le contenu s'élargit (moins de marge sur les côtés) et grossit un peu, sans devenir énorme */
@media (min-width:1760px){:root{--z:1.05;--wrapw:1280px}}
@media (min-width:2200px){:root{--z:1.1;--wrapw:1400px}}
@media (min-width:2560px){:root{--z:1.15;--wrapw:1480px}}
body{zoom:var(--z)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--white);color:var(--brown);font-family:var(--body);font-size:16px;line-height:1.75}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--brown)}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
section,footer{scroll-margin-top:70px}
.wrap{max-width:var(--wrapw);margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}

/* Sur-titre avec trait, comme sur le site */
.kicker{display:flex;align-items:center;gap:22px;font:500 12px/1.4 var(--label);letter-spacing:.14em;text-transform:uppercase}
.kicker::before{content:"";width:46px;height:1px;background:currentColor;opacity:.7;flex:none}

/* Boutons du site : blanc, texte brun, arrondi 10px */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:500 12px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:14px 22px;border-radius:var(--radius);border:1px solid var(--white);background:var(--white);color:var(--brown);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.btn:hover{background:transparent;color:var(--white)}
.btn.brown{background:var(--brown);border-color:var(--brown);color:var(--white)}
.btn.brown:hover{background:var(--white);color:var(--brown)}
.btn.outline{border-color:var(--line)}
.btn svg{width:14px;height:14px;flex:none}

/* Photos : image réelle du site + repli si elle ne charge pas */
.ph{position:relative;overflow:hidden;background:linear-gradient(160deg,#c9b48c 0%,#8a5a2b 55%,#3d2712 100%)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.ph .lbl{position:absolute;left:14px;bottom:12px;right:14px;font:500 11px/1.3 var(--label);letter-spacing:.08em;text-transform:uppercase;color:#fff;opacity:.85}

/* ── En-tête ── */
header.top{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;transition:background .3s,box-shadow .3s}
header.top .bar{display:flex;align-items:center;gap:28px;padding-block:18px;max-width:calc(var(--wrapw) + 24px);margin:0 auto;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px))}
header.top.solid{background:var(--brown);box-shadow:0 2px 18px rgba(51,46,40,.25)}
header.top.solid .bar{padding-block:10px}
.logo{display:block;line-height:0;flex:none}
.logo img{display:block;width:150px;height:auto;transition:width .3s}
header.top.solid .logo img{width:104px}
.f-brand .logo img{width:190px}
nav.main{display:flex;gap:28px;margin-left:20px}
nav.main a,nav.main button{font:600 12px var(--label);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-decoration:none;background:none;border:0;cursor:pointer;padding:6px 0}
.dd{position:relative}
.dd-panel{position:absolute;top:100%;left:-20px;width:min(640px,80vw);background:#fff;border-radius:var(--radius);box-shadow:0 18px 40px rgba(51,46,40,.22);padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:none}
.dd-panel a{display:flex;flex-direction:column;gap:8px;color:var(--brown);text-transform:none;letter-spacing:0;padding:0}
.dd-panel .ph{aspect-ratio:1/1;border-radius:6px}
.dd-panel b{font:400 18px/1.05 var(--display)}
.dd-panel small{font:400 12px var(--body);color:var(--grey-2);margin-top:-6px}
.top-ctas{margin-left:auto;display:flex;gap:14px}
.burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.7);color:#fff;border-radius:var(--radius);font:600 12px var(--label);letter-spacing:.08em;padding:10px 14px;cursor:pointer}
.mobile-nav{display:none}
@media (max-width:980px){
  nav.main,.top-ctas .gift{display:none}
  .burger{display:block}
  .top-ctas{margin-left:0}
  header.top .bar{gap:12px;padding-left:var(--gut-l);padding-right:var(--gut-r)}
  .mobile-nav.open{display:flex;flex-direction:column;background:var(--brown);padding:8px var(--gut-r) 18px var(--gut-l)}
  .mobile-nav a{color:#fff;text-decoration:none;font:600 14px var(--label);letter-spacing:.06em;text-transform:uppercase;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.2)}
}
@media (max-width:440px){.top-ctas .btn{padding:12px 12px;font-size:11px}}
/* Téléphone et tablette : barre de navigation brune visible dès le haut de la page, boutons sur une ligne */
@media (max-width:980px){
  header.top,header.top.solid{background:var(--brown);box-shadow:0 2px 18px rgba(51,46,40,.25)}
  header.top .bar,header.top.solid .bar{padding-block:10px}
  .logo img,header.top.solid .logo img{width:96px}
  .burger,.top-ctas .btn{white-space:nowrap;padding:10px 14px;line-height:1.2}
  .hero{padding-top:calc(76px + env(safe-area-inset-top,0px))}
}
@media (max-width:440px){.top-ctas .hide-s{display:none}}

/* ── Hero ── */
.hero{display:grid;grid-template-columns:47% 53%;min-height:min(860px,100svh);background:var(--brown)}
.hero-txt{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:170px 64px 90px max(64px,env(safe-area-inset-left,0px))}
.hero-txt .kicker{max-width:340px}
.hero h1{font-size:clamp(64px,7.6vw,118px);line-height:.98;margin-top:30px}
.hero-txt p.l{margin-top:28px;max-width:34ch;font-size:16px;line-height:2}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-ctas .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.hero-ctas .btn.ghost:hover{background:#fff;color:var(--brown)}
.hero .ph{min-height:420px}
.hero .ph img{object-position:50% 100%}
.hero .ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--brown) 0%,rgba(152,87,23,0) 34%);pointer-events:none}
.hero .ph .lbl{z-index:2}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero .ph{order:-1;min-height:0;aspect-ratio:4/3}
  .hero-txt{padding:44px var(--gut-r) 56px var(--gut-l)}
}

/* ── Les 3 engagements ── */
.promises{padding-block:80px 70px;text-align:center}
.promises .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.promise{display:flex;flex-direction:column;align-items:center;gap:14px}
.promise svg{width:26px;height:26px;color:var(--brown)}
.promise h3{font-size:26px;line-height:1.15;max-width:15ch}
.promise::after{content:"";width:46px;height:2px;background:var(--line);margin-top:6px}
.promises .btn{margin-top:46px}
.labels-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin-top:40px}
.pill{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--brown);border:1px solid var(--line);border-radius:99px;padding:8px 14px}
.pill svg{width:14px;height:14px;color:var(--gold)}
@media (max-width:760px){.promises{padding-block:56px}.promises .grid{grid-template-columns:1fr;gap:34px}}

/* ── Sections partagées photo / bloc brun ── */
.split{display:grid;grid-template-columns:40% 60%;min-height:620px}
.split.rev{grid-template-columns:60% 40%}
.split .panel{background:var(--brown);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:80px max(64px,8%)}
.split .panel h2{font-size:clamp(46px,5.2vw,72px);line-height:1.02;margin-top:26px}
.split .panel p{margin-top:26px;max-width:46ch}
.split .ph{min-height:420px}
.dish{background:#fff}
.dish .ph{background:linear-gradient(180deg,#fff 0%,#f1ebe3 60%,var(--brown) 100%)}
.dish .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(152,87,23,0) 82%,rgba(152,87,23,.7) 100%)}
@media (min-width:1400px){
  .hero{grid-template-columns:calc(var(--edge) + 560px) 1fr}
  .hero-txt{padding-left:var(--edge)}
  .split{grid-template-columns:calc(var(--edge) + 624px) 1fr}
  .split.dish{grid-template-columns:1fr calc(var(--edge) + 624px)}
  .split .panel{padding-left:64px;padding-right:var(--edge)}
  .split:not(.dish) .panel{padding-left:var(--edge);padding-right:64px}
}
@media (max-width:900px){.split,.split.rev{grid-template-columns:1fr;min-height:0}.split .ph{aspect-ratio:4/3;min-height:0}.split .panel{padding:56px var(--gut-r) 64px var(--gut-l)}.split.rev .ph{order:-1}}

/* Cartes (coup de frais : les 4 cartes directement visibles) */
.menus{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;max-width:560px}
.menu-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;color:var(--brown);border-radius:var(--radius);padding:14px 16px;text-decoration:none;transition:transform .2s, box-shadow .2s}
.menu-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(51,46,40,.25)}
.menu-card b{font:400 21px/1 var(--display);display:block}
.menu-card small{font:400 12px var(--body);color:var(--grey-2)}
.menu-card span.go{font:600 11px var(--label);letter-spacing:.08em;color:var(--gold)}
@media (max-width:480px){.menus{grid-template-columns:1fr}}

/* ── Chef ── */
.chef{padding-block:100px 70px}
.chef .grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.chef .intro{color:var(--brown);font-size:15px;max-width:44ch}
.chef blockquote{margin:26px 0;font-family:var(--display);font-size:clamp(40px,4.4vw,58px);line-height:1.08;color:var(--brown)}
.chef .after{font-size:15px;max-width:44ch}
.chef .ph{aspect-ratio:4/5;border-radius:2px}
.chef .ph .cap{position:absolute;left:0;right:0;bottom:22px;text-align:center;font:500 12px var(--label);letter-spacing:.14em;color:#fff;z-index:2}
.chef .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(76,69,62,0) 78%,rgb(76,69,62) 100%)}
.sign-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:40px;align-items:center;text-align:center}
.mini-logo{display:inline-block;width:120px;height:auto}
.signature{font-family:"Allura",cursive;font-size:56px;color:var(--ink);line-height:1}
@media (max-width:900px){.chef{padding-block:64px 48px}.chef .grid,.sign-row{grid-template-columns:1fr;gap:36px}.chef .ph{aspect-ratio:4/3}}

/* ── Réservation Zenchef (nouveau) ── */
.resa{background:var(--soft);padding-block:90px;border-block:1px solid var(--line)}
.resa .grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.resa .kicker{color:var(--brown)}
.resa h2{font-size:clamp(46px,5.4vw,74px);line-height:1;margin-top:22px}
.resa p.l{margin-top:20px;color:var(--grey);max-width:44ch}
.resa-card{background:#fff;border-radius:var(--radius);box-shadow:0 20px 50px rgba(51,46,40,.12);padding:34px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.resa-card h3{font-size:30px}
.resa-tel{font:400 clamp(40px,4.4vw,56px)/1 var(--display);letter-spacing:.02em;color:var(--brown);text-decoration:none}
.resa-card .btn{width:100%;padding:16px;text-align:center}
.resa-card .note{font-size:13px;color:var(--grey-2);line-height:1.5}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slots button{font:600 13px var(--label);color:var(--brown);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;cursor:pointer;font-variant-numeric:tabular-nums}
.slots button[aria-pressed="true"]{background:var(--brown);border-color:var(--brown);color:#fff}
@media (max-width:900px){.resa{padding-block:60px}.resa .grid{grid-template-columns:1fr;gap:36px}}

/* ── Actualités ── */
.news{padding-block:90px 100px}
.sec-title{text-align:center;font-size:clamp(38px,4.4vw,56px);padding-bottom:22px;border-bottom:1px solid var(--gold)}
.featured{display:grid;grid-template-columns:1.25fr 1fr;margin-top:40px;text-decoration:none;border-radius:2px;overflow:hidden;background:var(--brown);color:#fff}
.featured .ph{min-height:340px}
.featured .ph .new{position:absolute;top:16px;left:16px;z-index:2;background:#fff;color:var(--brown);font:600 11px var(--label);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:var(--radius)}
.featured .txt{padding:44px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.featured .cat{font:500 12px var(--label);letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.featured h3{font-size:clamp(34px,3.4vw,46px);line-height:1.02}
.featured p{opacity:.92}
.featured .btn{align-self:flex-start}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.card{position:relative;aspect-ratio:4/5;text-decoration:none;color:#fff;overflow:hidden}
.card .ph{position:absolute;inset:0}
.card .ph img{transition:transform .5s}
.card:hover .ph img{transform:scale(1.04)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,21,22,.2) 0%,rgba(19,21,22,.72) 100%)}
.card .cat{position:absolute;top:30px;left:30px;right:30px;z-index:2;font:500 12px var(--label);letter-spacing:.04em;text-transform:uppercase}
.card h4{position:absolute;left:30px;right:30px;bottom:52px;z-index:2;font:600 20px/1.25 var(--body)}
.card time{position:absolute;left:30px;bottom:22px;z-index:2;font:500 12px var(--label);opacity:.8}
.all{display:flex;justify-content:center;margin-top:36px}
@media (max-width:900px){.news{padding-block:60px}.featured{grid-template-columns:1fr}.featured .ph{min-height:0;aspect-ratio:16/10}.featured .txt{padding:28px}.cards{grid-template-columns:1fr}.card{aspect-ratio:16/11}}

/* ── Avis ── */
.reviews{background:var(--brown);color:#fff;padding-block:80px 90px;text-align:center;overflow:hidden}
.reviews .sec-title{border-color:rgba(255,255,255,.45);color:#fff}
.rv-logo{display:block;margin:46px auto 26px;width:130px}
.slider{position:relative;max-width:1040px;margin:0 auto}
.slide{background:#fff;color:var(--ink);border-radius:var(--radius);padding:34px 40px;font-size:17px;line-height:1.7}
.slide[hidden]{display:none}
.rv-author{margin-top:20px;font:600 13px var(--label)}
.rv-stars{color:#f5c04a;letter-spacing:2px;font-size:15px}
.dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.dots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0;cursor:pointer}
.dots button[aria-current="true"]{background:#fff}
.rv-score{margin-top:22px;font:500 14px var(--label);letter-spacing:.06em}
.rv-score b{font-weight:600}
.rv-marquee{margin-top:40px;overflow-x:auto;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rv-marquee::-webkit-scrollbar{display:none}
.rv-track{display:flex;gap:18px;width:max-content}
.rv-track.run{animation:rvScroll 100s linear infinite}
.rv-marquee:hover .rv-track,.rv-marquee:focus-within .rv-track{animation-play-state:paused}
@keyframes rvScroll{to{transform:translateX(calc(-50% - 9px))}}
.rv-card{flex:none;width:min(380px,80vw);background:#fff;color:var(--ink);border-radius:var(--radius);padding:28px 30px;text-align:left;text-decoration:none;display:flex;flex-direction:column;gap:14px;transition:transform .3s}
.rv-card:hover{transform:translateY(-4px)}
.rv-card p{font-size:16px;line-height:1.65;flex:1}
.rv-c-stars{color:#f5c04a;letter-spacing:2px}
.rv-c-author{font:600 12px var(--label);letter-spacing:.06em;color:var(--brown)}
.rv-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px}
.rv-ctas .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.rv-ctas .btn.ghost:hover{background:#fff;color:var(--brown)}

/* ── Pied de page ── */
footer{position:relative;color:#fff}
footer .ph{position:absolute;inset:0}
footer .ph::after{content:"";position:absolute;inset:0;background:rgba(51,46,40,.78)}
footer .inner{position:relative;z-index:2;padding-block:64px 40px}
.f-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:40px}
.f-grid h4{font:600 13px var(--label);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
.f-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font:500 13px var(--label);letter-spacing:.04em;text-transform:uppercase}
.f-grid a{text-decoration:none}
.f-grid a:hover{color:var(--gold)}
.f-brand{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.f-brand .stars{font:500 13px var(--label)}
.f-brand .stars span{color:#f5c04a;letter-spacing:2px}
.hours{width:100%;border-collapse:collapse;font:500 13px var(--label);font-variant-numeric:tabular-nums}
.hours td{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.hours td:last-child{text-align:right}
.hours tr.today td{color:var(--gold);font-weight:600}
.socials{display:flex;gap:10px;margin-top:18px}
.socials a{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--brown);display:grid;place-items:center;font:700 13px var(--label);text-decoration:none}
.partners{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;margin-top:56px;padding-top:36px;border-top:1px solid rgba(255,255,255,.2)}
.partner{font:400 32px var(--display);letter-spacing:.02em;opacity:.95;text-align:center;line-height:1}
.partner small{display:block;font:500 10px var(--label);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;opacity:.8}
.partner.round{width:110px;height:110px;border-radius:50%;background:#fff;color:var(--brown);display:grid;place-items:center;font-size:18px;padding:12px}
.f-bottom{background:var(--brown);text-align:center;font:400 12px var(--label);padding-block:22px;position:relative;z-index:2}
@media (max-width:900px){.f-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}
@media (max-width:520px){.f-grid{grid-template-columns:1fr}}

/* ── Page article ── */
.page-article #article{background:#fff}
.art-hero{position:relative;min-height:460px;display:flex;align-items:flex-end;color:#fff}
.art-hero .ph{position:absolute;inset:0}
.art-hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(51,51,51,.6) 0%,rgba(152,87,23,.15) 40%,rgba(152,87,23,.92) 100%)}
.art-hero .wrap{position:relative;z-index:2;padding-block:150px 50px;width:100%}
.art-hero h1{font-size:clamp(46px,6.4vw,84px);line-height:1;max-width:16ch;margin-top:18px}
.post{max-width:760px;margin:0 auto;padding:56px var(--gut-r) 90px var(--gut-l);color:var(--ink)}
/* Pages sans bandeau photo (mentions légales, confidentialité, 404) : le titre passe sous l'en-tête fixe */
.post-title{margin-top:110px;font-size:clamp(48px,6vw,72px);color:var(--brown);line-height:1}
.post-title+.meta{margin-top:14px}
.post .meta{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 12px var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--grey-2)}
.post .chapo{margin-top:26px;font-size:21px;line-height:1.6;color:var(--brown);font-weight:500}
.post h2{font-size:clamp(34px,3.8vw,44px);color:var(--brown);margin:46px 0 12px}
.post p{margin-top:16px;font-size:17px}
.post ul{margin:16px 0 0;padding-left:22px;font-size:17px}
.post li{margin-top:8px}
.post li::marker{color:var(--gold)}
.post .cta{margin-top:50px;background:var(--brown);color:#fff;border-radius:var(--radius);padding:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.post .cta h3{font-size:34px;line-height:1}
.back{display:inline-flex;margin-bottom:28px;font:600 12px var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--brown);text-decoration:none}

/* ── Vins & cocktails : deux photos côte à côte ── */
.ph.duo{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--brown)}
.ph.duo img{position:relative;inset:auto;height:100%;min-height:0}
.dish .ph img{object-position:50% 45%}

/* ── Pages intérieures (carte, blog, contact) ── */
.page-sub header.top{background:var(--brown)}
nav.main a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--gold)}
.page-hero{min-height:0}
.page-hero .wrap{padding-block:170px 50px}
@media (max-width:700px){.page-hero .wrap{padding-block:165px 40px}}
.page-hero .ph img{object-position:50% 55%}
.page-hero .lead{margin-top:18px;max-width:52ch;font-size:17px;line-height:1.7;opacity:.95}
.crumbs{font:500 12px var(--label);letter-spacing:.06em;margin-bottom:22px;opacity:.85}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.script{font-family:"Allura",cursive;font-size:56px;line-height:.8;color:var(--gold)}
.small{font-size:13px;color:var(--grey-2);margin-top:18px;line-height:1.6}
.intro{max-width:60ch;margin-top:16px;color:var(--grey)}
section h2{font-size:clamp(40px,4.6vw,62px);line-height:1.02}
.cta-band{margin-top:56px;background:var(--brown);color:#fff;border-radius:var(--radius);padding:34px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.cta-band h3{font-size:36px;line-height:1}
@media (max-width:700px){.cta-band{justify-content:center;text-align:center}}

/* Sous-navigation collante de la carte */
.subnav{position:sticky;top:62px;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.subnav-in{position:relative;max-width:var(--wrapw);margin:0 auto;padding:0 var(--gut-r) 0 var(--gut-l);display:flex;gap:30px;overflow-x:auto;scrollbar-width:none}
.subnav a{flex:none;font:600 12px var(--label);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--grey-2);padding:18px 0;transition:color .3s}
.subnav a.on{color:var(--brown)}
.subnav-bar{position:absolute;bottom:0;left:0;height:2px;width:var(--w,0);transform:translateX(var(--x,0));background:var(--brown);transition:transform .45s cubic-bezier(.6,0,.2,1),width .45s cubic-bezier(.6,0,.2,1)}

/* Menus */
.menus-sec{padding-block:90px 70px}
.mot{max-width:760px;margin:0 auto 80px;text-align:center}
.mot h2{margin-top:6px;color:var(--brown)}
.mot p{margin-top:18px;color:var(--grey);font-size:17px}
.mot .script{font-size:60px;color:var(--gold);margin:0}
.mot .sign{display:inline-block;font-family:"Allura",cursive;font-size:40px;color:var(--ink);margin-top:10px}
.menu-block{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;background:var(--soft);border-radius:2px;overflow:hidden;scroll-margin-top:130px}
.menu-block .ph{min-height:560px}
.menu-block.flip .ph{order:2}
.menu-sheet{padding:56px max(40px,7%);text-align:center;color:var(--ink);display:flex;flex-direction:column;align-items:center}
.menu-sheet h3{font-size:clamp(46px,5vw,66px);color:var(--brown);line-height:1;margin-top:-6px}
.menu-sheet .price{font:500 22px var(--label);color:var(--brown);display:flex;align-items:center;gap:14px;margin-top:6px}
.menu-sheet .price::before,.menu-sheet .price::after{content:"";width:34px;height:1px;background:var(--gold)}
.menu-sheet h4{font:600 13px var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:30px}
.course-solo{font:600 12px var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--brown);margin-top:26px}
.dishes{list-style:none;margin:10px 0 0;padding:0;max-width:44ch}
.dishes li{font-size:16px;line-height:1.55;margin-top:6px}
.ou{display:block;font-family:"Allura",cursive;font-size:24px;color:var(--gold);line-height:1;margin:2px 0}
.note-menu{text-align:center;font-size:13px;color:var(--grey-2);max-width:70ch;margin:30px auto 0}
.plates{margin-top:80px;text-align:center}
.plates .script{font-size:60px;color:var(--gold);margin:0 0 24px}
.plates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.plates-grid .ph{aspect-ratio:3/4;border-radius:2px}
@media (max-width:900px){.plates{margin-top:56px}.plates-grid{grid-template-columns:1fr 1fr;gap:10px}}
@media (max-width:900px){.menu-block{grid-template-columns:1fr}.menu-block .ph{min-height:0;aspect-ratio:4/3}.menu-block.flip .ph{order:0}.menu-sheet{padding:40px 22px}}

/* Producteurs : présentés comme la page « Nos fournisseurs » de la carte papier */
.producers{padding-block:100px;background:#fff;color:var(--ink);text-align:center;border-block:1px solid var(--line)}
.producers .script{font-size:clamp(64px,8vw,104px);line-height:.9}
.producers h2{color:var(--brown);margin-top:4px}
.producers .intro{margin:18px auto 0;color:var(--grey)}
.prod-list{list-style:none;margin:56px auto 0;padding:0;max-width:1000px;columns:3;column-gap:40px}
.prod-list li{break-inside:avoid;padding:0 0 34px;display:flex;flex-direction:column;align-items:center;gap:2px}
.prod-list li::after{content:"";width:22px;height:1px;background:var(--gold);margin-top:14px}
.prod-list span{font:400 26px/1 var(--display);color:var(--brown);letter-spacing:.02em}
.prod-list b{font:italic 400 17px/1.35 var(--body);color:var(--ink);margin-top:6px}
.prod-list small{font:600 11px var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
@media (max-width:900px){.prod-list{columns:2}}
@media (max-width:520px){.prod-list{columns:1}}

/* Listes avec prix (braséro, bar, vins) */
.list{list-style:none;margin:14px 0 0;padding:0}
.li{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--line)}
.li .n{font:600 16px var(--body);color:var(--ink)}
.li i{border-bottom:1px dotted var(--grey-2);opacity:.6;transform:translateY(-4px)}
.li .pr{font:600 14px var(--label);color:var(--brown);font-variant-numeric:tabular-nums;white-space:nowrap}
.li .d{grid-column:1/-1;font-size:14px;color:var(--grey);line-height:1.5}
.bio{font:700 9px var(--label);letter-spacing:.06em;text-decoration:none;background:#4f9a3a;color:#fff;border-radius:3px;padding:2px 4px;vertical-align:2px;margin-left:4px}
.brasero,.bar-sec,.wines{padding-block:90px;color:var(--ink)}
.brasero{background:var(--soft)}
.brasero h3,.bar-sec h3{font-size:28px;color:var(--brown);margin-top:34px}
.brasero h2,.bar-sec h2,.wines h2,.producers h2{margin-top:14px}
.brasero .kicker,.bar-sec .kicker,.wines .kicker{color:var(--brown)}
.brasero h2,.bar-sec h2,.wines h2{color:var(--brown)}
.brasero-grid,.bar-grid{display:grid;grid-template-columns:5fr 7fr;gap:70px;align-items:start}
.bar-grid{grid-template-columns:7fr 5fr}
.brasero-grid .ph,.bar-grid .ph{position:sticky;top:140px;aspect-ratio:3/4;border-radius:2px}
.bar-plus{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
.bar-plus h4{font:600 12px var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--brown)}
.bar-plus p{font-size:14px;color:var(--grey);margin-top:6px;line-height:1.55}
@media (max-width:900px){.brasero-grid,.bar-grid{grid-template-columns:1fr;gap:36px}.brasero-grid .ph,.bar-grid .ph{position:relative;top:0;aspect-ratio:4/3}.bar-grid .ph{order:-1}.bar-plus{grid-template-columns:1fr}}

/* Vins */
.wines-head{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}
.wines-head .ph{aspect-ratio:4/3;border-radius:2px}
.wine-tabs{position:relative;display:flex;gap:6px;margin-top:50px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.wine-tabs button{flex:none;background:none;border:0;cursor:pointer;font:400 30px/1 var(--display);color:var(--grey-2);padding:12px 18px;transition:color .3s}
.wine-tabs button[aria-selected="true"]{color:var(--brown)}
.tab-ink{position:absolute;bottom:-1px;left:0;height:3px;width:var(--w,0);transform:translateX(var(--x,0));background:var(--gold);transition:transform .5s cubic-bezier(.6,0,.2,1),width .5s cubic-bezier(.6,0,.2,1)}
.wine-panel{columns:2;column-gap:60px;margin-top:20px}
.wine-panel .region{break-inside:avoid;padding-top:24px}
.wine-panel h4{font:600 13px var(--label);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.wine-panel:not([hidden]) .region{animation:fadeUp .6s cubic-bezier(.2,.7,.2,1) both}
.wine-panel:not([hidden]) .region:nth-child(2){animation-delay:.06s}
.wine-panel:not([hidden]) .region:nth-child(3){animation-delay:.12s}
.wine-panel:not([hidden]) .region:nth-child(4){animation-delay:.18s}
.wine-panel:not([hidden]) .region:nth-child(5){animation-delay:.24s}
@media (max-width:900px){.wines-head{grid-template-columns:1fr;gap:30px}.wine-panel{columns:1}}

/* Téléchargements */
.downloads{padding-block:80px 100px}
.dl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.dl{display:flex;flex-direction:column;gap:4px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--brown);transition:background .3s,color .3s,transform .3s}
.dl b{font:400 30px/1 var(--display)}
.dl small{color:var(--grey-2);font-size:13px}
.dl span{margin-top:14px;font:600 11px var(--label);letter-spacing:.1em;color:var(--gold)}
.dl:hover{background:var(--brown);color:#fff;transform:translateY(-4px)}
.dl:hover small{color:rgba(255,255,255,.8)}
@media (max-width:900px){.dl-grid{grid-template-columns:1fr 1fr}}

/* Blog */
.blog-list{padding-block:70px 100px}
.blog-list .featured{margin-top:0}
.blog-list .featured h2{font-size:clamp(34px,3.4vw,46px);line-height:1.02}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:56px}
.chips button{font:600 12px var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--brown);background:#fff;border:1px solid var(--line);border-radius:99px;padding:10px 16px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.chips button[aria-pressed="true"]{background:var(--brown);border-color:var(--brown);color:#fff}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 26px;margin-top:34px}
.post-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.post-card .ph{aspect-ratio:4/3;border-radius:2px}
.post-card .ph img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.post-card:hover .ph img{transform:scale(1.06)}
.pc-txt{padding-top:18px;display:flex;flex-direction:column;gap:8px}
.pc-txt .cat{font:600 11px var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pc-txt h3{font-size:28px;line-height:1.05;color:var(--brown);transition:color .3s}
.post-card:hover h3{color:var(--orange)}
.pc-txt p{font-size:15px;color:var(--grey);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-txt time{font:500 12px var(--label);color:var(--grey-2)}
.post-card.out{display:none}
.empty{margin-top:30px;color:var(--grey)}
.related{padding-block:60px 100px;background:var(--soft)}
.post figure{margin:30px 0 0}
.post figure img{width:100%;height:auto;border-radius:2px;display:block}
.post blockquote{margin:36px 0 0;padding-left:24px;border-left:3px solid var(--gold);font-family:var(--display);font-size:clamp(30px,3.4vw,40px);line-height:1.1;color:var(--brown)}
.post h3{font-size:28px;color:var(--brown);margin:34px 0 4px}
.post a{color:var(--brown)}
.post .meta time{color:inherit}
@media (max-width:900px){.post-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.post-grid{grid-template-columns:1fr}}

/* Contact */
.infos{padding-block:70px 30px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.info{display:flex;flex-direction:column;gap:6px;padding:30px;border-radius:var(--radius);background:var(--soft);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
a.info:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(51,46,40,.14)}
.info svg{width:28px;height:28px;color:var(--brown);margin-bottom:8px}
.info .lbl{font:600 11px var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.info b{font:400 30px/1.05 var(--display);color:var(--brown)}
.info small{font-size:14px;color:var(--grey)}
.map-sec{padding-block:60px 90px;color:var(--ink)}
.map-sec h2{color:var(--brown);margin-top:14px}
.map-sec .kicker{color:var(--brown)}
.map-sec p{margin-top:18px;color:var(--grey)}
.map-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.map{aspect-ratio:4/3.4;border-radius:var(--radius);overflow:hidden;background:var(--soft)}
.map iframe{width:100%;height:100%;border:0;display:block}
.hours-big{width:100%;max-width:420px;border-collapse:collapse;margin-top:26px;font:500 14px var(--label);font-variant-numeric:tabular-nums}
.hours-big caption{text-align:left;font:600 12px var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--brown);padding-bottom:8px}
.hours-big td{padding:8px 0;border-bottom:1px solid var(--line)}
.hours-big td:last-child{text-align:right}
.hours-big tr.today td{color:var(--brown);font-weight:700}
.map-sec .hero-ctas .btn.outline{color:var(--brown)}
.map-sec .hero-ctas .btn.outline:hover{background:var(--brown);color:#fff}
.faq{padding-block:80px 100px}
.faq-list{max-width:820px;margin:30px auto 0}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:600 18px var(--body);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 28px/1 var(--display);color:var(--brown);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--grey);max-width:66ch}
.faq details[open] p{animation:fadeUp .4s ease both}
@media (max-width:900px){.info-grid,.map-grid{grid-template-columns:1fr}.map-grid{gap:36px}}

/* ── Animations ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes settle{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes lineUp{from{transform:translateY(105%)}to{transform:none}}
@keyframes drawLine{from{width:0}to{width:46px}}

/* Arrivée : le titre monte ligne par ligne derrière un masque, la photo se pose */
.hero h1 .ln,.art-hero h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.hero h1 .ln>span,.art-hero h1 .ln>span{display:block;animation:lineUp 1.1s cubic-bezier(.7,0,.2,1) both;animation-delay:calc(.15s + var(--i,0) * .12s)}
.hero-txt>.kicker,.art-hero .kicker,.art-hero .crumbs{animation:fadeUp .8s .1s both}
.hero-txt>.kicker::before,.art-hero .kicker::before{animation:drawLine 1s .4s cubic-bezier(.2,.7,.2,1) both}
.hero-txt>p.l,.art-hero .lead{animation:fadeUp .9s .55s cubic-bezier(.2,.7,.2,1) both}
.hero-ctas{animation:fadeUp .9s .7s cubic-bezier(.2,.7,.2,1) both}


/* Au défilement : chaque bloc a son propre effet (data-anim posé dans le HTML ou par main.js) */
.js [data-anim]{transition-property:opacity,transform,clip-path,filter;transition-duration:1s;transition-timing-function:cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js [data-anim="rise"]{opacity:0;transform:translateY(34px)}
.js [data-anim="slide-r"]{opacity:0;transform:translateX(-46px)}
.js [data-anim="slide-l"]{opacity:0;transform:translateX(46px)}
/* Sur téléphone, les glissements latéraux dépasseraient de l'écran : on fait monter les blocs à la place */
@media (max-width:900px){.js [data-anim="slide-r"],.js [data-anim="slide-l"]{transform:translateY(24px)}}
.js [data-anim="blur"]{opacity:0;filter:blur(14px);transform:scale(1.04)}
.js [data-anim="write"]{clip-path:inset(-20% 100% -20% 0);transition-duration:2.2s;transition-timing-function:cubic-bezier(.45,.05,.3,1)}
.js [data-anim].in{opacity:1;transform:none;filter:none}
.js [data-anim="write"].in{clip-path:inset(-20% 0 -20% 0)}
/* Mots qui montent un par un */
.js [data-anim="words"]{opacity:1}
.js [data-anim="words"] .w{display:inline-block;opacity:0;transform:translateY(.55em) rotate(4deg);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0s) + var(--i) * .06s)}
.js [data-anim="words"].in .w{opacity:1;transform:none}
/* Titre de section : le filet doré se trace */
.js [data-anim="draw"]{border-bottom-color:transparent;position:relative;opacity:0;letter-spacing:.12em;transition:opacity 1s,letter-spacing 1.2s cubic-bezier(.2,.7,.2,1)}
.js [data-anim="draw"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform 1.4s .2s cubic-bezier(.65,0,.2,1)}
.reviews .js [data-anim="draw"]::after,.js .reviews [data-anim="draw"]::after{background:rgba(255,255,255,.45)}
.js [data-anim="draw"].in{opacity:1;letter-spacing:0}
.js [data-anim="draw"].in::after{transform:none}
/* Engagements : le petit trait sous chaque promesse s'étire */
.js .promise::after{width:0;transition:width 1s .5s cubic-bezier(.2,.7,.2,1)}
.js .promise.in::after{width:46px}
/* Étoiles des avis qui s'allument une à une */
.js .rv-stars .s{color:rgba(255,255,255,.3);transition:color .3s;transition-delay:calc(var(--i) * .15s)}
.js .rv-stars.in .s{color:#f5c04a}
/* Kicker : le trait se dessine */
.js .kicker[data-anim]::before{width:0;transition:width 1s .3s cubic-bezier(.2,.7,.2,1)}
.js .kicker[data-anim].in::before{width:46px}

/* Survol des photos */
.split .ph img,.chef .ph img,.featured .ph img,.menu-block .ph img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.split .ph:hover img,.chef .ph:hover img,.featured:hover .ph img,.menu-block .ph:hover img{transform:scale(1.04)}

@media (prefers-reduced-motion: reduce){
  .js [data-anim],.js [data-anim="words"] .w{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important}
}
/* Fondus de couleur sur les photos, comme sur le site actuel */
.split#vins .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--brown) 0%,rgba(152,87,23,0) 20%);pointer-events:none}
.menu-block .ph::after,.brasero .ph::after,.bar-sec .ph::after,.wines .ph::after,.bar-grid .ph::after,.wines-head .ph::after,.post-card .ph::after{content:"";position:absolute;inset:0;pointer-events:none}
.menu-block .ph::after{background:linear-gradient(180deg,rgba(152,87,23,0) 72%,rgba(152,87,23,.85) 100%)}
.brasero .ph::after,.bar-sec .ph::after,.wines .ph::after,.bar-grid .ph::after,.wines-head .ph::after{background:linear-gradient(180deg,rgba(152,87,23,0) 75%,rgba(152,87,23,.6) 100%)}
.post-card .ph::after{background:linear-gradient(180deg,rgba(152,87,23,0) 70%,rgba(152,87,23,.55) 100%)}
.prod-list b a{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
/* Carte : présentations courtes + bouton vers le PDF du moment */
.menu-sheet{justify-content:center}
.menu-sheet .sheet-txt{margin-top:22px;max-width:42ch;color:var(--grey);font-size:16px;line-height:1.7}
.menu-sheet .btn{margin-top:30px}
.page-carte .brasero-grid{align-items:center}
.page-carte .brasero-grid .ph{position:relative;top:0;aspect-ratio:4/3}
.page-carte .brasero-grid.flip{grid-template-columns:7fr 5fr}
.page-carte .brasero-grid.flip .ph{order:2}
.page-carte .brasero-grid .intro{margin-top:18px}
.page-carte .brasero-grid .btn{margin-top:28px}
.page-carte .wines{background:var(--soft)}
@media (max-width:900px){.page-carte .brasero-grid.flip{grid-template-columns:1fr}.page-carte .brasero-grid.flip .ph{order:0}}

/* ── Pied de page : photo de la salle assombrie, comme le site actuel, en plus léger ── */
.foot{position:relative;color:#fff;padding:0}
.foot .ph{position:absolute;inset:0}
.foot .ph::after{content:"";position:absolute;inset:0;background:rgba(51,46,40,.82)}
.ft-cols{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1fr;gap:48px;padding-block:72px 56px}
.ft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.foot .logo img{width:180px}
.foot .btn.brown{padding:12px 16px;font-size:11px}
.foot .btn.brown:hover{background:#fff;border-color:#fff;color:var(--brown)}
.foot h4{font:600 13px var(--label);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.foot p{font:500 14px/1.8 var(--label);letter-spacing:.04em}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font:500 14px var(--label);letter-spacing:.04em;text-transform:uppercase}
.foot a{color:#fff;text-decoration:none}
.foot ul a:hover,.ft-link:hover,.foot p a:hover{color:var(--gold)}
.ft-link{display:inline-block;margin-top:8px;font:600 11px var(--label);letter-spacing:.1em;text-transform:uppercase}
.foot .hours{font:500 14px var(--label)}
.foot .hours td{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.foot .socials{margin-top:14px}
.foot .socials a{width:38px;height:38px;color:var(--brown)}
.ft-partners{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 72px;padding-block:34px 40px;border-top:1px solid rgba(255,255,255,.18)}
.ft-partners img{height:58px;width:auto;opacity:.92}
.ft-partners img[alt="epicu"]{height:38px}
.ft-bottom{position:relative;z-index:2;background:var(--brown);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:20px var(--gut-r) 20px var(--gut-l);font:400 13px var(--label)}
.ft-bottom a{color:#fff}.ft-bottom a:hover{text-decoration:underline}
.ft-bottom i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.6)}
.ft-bottom .ft-admin{color:rgba(255,255,255,.4);font-size:11px;margin-left:10px}
.ft-bottom .ft-admin:hover{color:#fff}
@media (max-width:900px){.ft-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ft-cols{grid-template-columns:1fr}}

.ft-partners img.logo-michelin{height:22px}

/* Article : ligne d'infos, logo Michelin et encart de réservation */
.post .meta{gap:6px 0;align-items:center}
.post .meta>*+*::before{content:"·";margin:0 10px;color:var(--gold)}
.post figure.badge{margin:40px 0 0;padding:26px 0;border-block:1px solid var(--line);display:flex;justify-content:center}
.post figure.badge img{width:auto;height:24px}
.post .cta{flex-direction:column;justify-content:center;text-align:center;gap:20px;padding:40px 30px}
.post .cta h3{color:#fff;margin:0}

/* Titres sans sur-titre au-dessus */
.hero h1:first-child,.split .panel h2:first-child,.resa h2:first-child,.map-sec h2:first-child,.bar-sec h2:first-child,.wines h2:first-child{margin-top:0}

/* Vins & cocktails sur téléphone : la photo passe au-dessus du texte, le fondu brun en bas de la photo */
@media (max-width:900px){
  .split#vins .ph{order:-1}
  .split#vins .ph::after{background:linear-gradient(180deg,rgba(152,87,23,0) 88%,rgba(152,87,23,.25) 93%,rgba(152,87,23,.65) 97%,var(--brown) 100%)}
}