/* Base de style : fiche Refero « Miti Navi » (toile de lin, encre profonde, titres serif géants, texte en chasse fixe espacée,
   photo d'ouverture en arche, en-tête en trois blocs autour du nom, onglet vertical à droite, liens soulignés d'une ligne claire,
   cadre sombre pour les photos, filets fins, aucun arrondi ni ombre). L'abricot de la fiche devient l'orange du coucher de soleil
   des photos du restaurant ; polices et sections recomposées pour Le Plaisancier. */
@font-face{font-family:"DM Serif Display";src:url(fonts/dm-serif.woff2?v=1) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Serif Display";src:url(fonts/dm-serif-italic.woff2?v=1) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Space Mono";src:url(fonts/space-mono.woff2?v=1) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --lin:#eadfcb;--lin2:#e1d4bb;--encre:#10242c;--encre2:#17323d;--carbone:#2b2b27;--cendre:#554f43;--soleil:#e9a05c;--soleil-fonce:#8a4a0e;
  --serif:"DM Serif Display",Georgia,"Times New Roman",serif;--mono:"Space Mono","Courier New",monospace;--wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--lin);color:var(--carbone);font-family:var(--mono);font-size:14.5px;line-height:1.75;letter-spacing:.04em;padding-bottom:64px}
img{display:block;max-width:100%;height:auto}a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.conteneur{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.annonce{background:var(--encre);color:#e9dfca;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:7px 12px}
/* En-tête : liens à gauche, nom au centre, liens à droite, sans fond */
.site-header{position:sticky;top:0;z-index:30;background:var(--lin);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 1px 0 rgba(16,36,44,.25)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:76px;width:min(100% - 40px,var(--wrap));margin-inline:auto}
.nav{display:none;gap:26px;flex:1}
.nav-d{justify-content:flex-end}
.nav a{text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--encre);padding:16px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a.on{border-bottom-color:var(--soleil)}
.marque{text-decoration:none;text-align:center;color:var(--encre);padding:8px 0}
.marque-nom{display:block;font-family:var(--serif);font-size:clamp(22px,3.2vw,32px);letter-spacing:.06em;line-height:1.1;padding-bottom:5px;border-bottom:1px solid var(--carbone)}
.marque-sous{display:block;font-size:9.5px;letter-spacing:.22em;color:var(--cendre);margin-top:5px}
.appel-mobile{font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--encre);border-bottom:1px solid var(--soleil);padding:12px 0 6px}
/* Onglet vertical */
.onglet{display:none}
/* Héros : titre immense, photo en arche */
.hero{width:min(100% - 40px,var(--wrap));margin:0 auto;padding:44px 0 0}
.mono{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cendre);margin:0 0 18px}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:0;color:var(--encre)}
h1{font-size:clamp(46px,14.4vw,168px);line-height:.9}
h1 br{display:none}
@media (max-width:899px){h1 br{display:inline}h1{font-size:clamp(64px,19vw,120px)}}
.hero-sous{font-size:15px;max-width:28em;margin:26px 0 22px}
.liens{display:flex;flex-wrap:wrap;gap:6px 30px;margin:0}
.lien{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--encre);padding:14px 0 6px;border-bottom:1px solid var(--soleil);transition:border-color .3s,color .3s}
.lien:hover{border-bottom-color:var(--encre)}
.lien-discret{border-bottom-color:rgba(16,36,44,.3)}
.arche{margin:44px 0 0;overflow:hidden;border-radius:999px 999px 0 0;background:var(--encre)}
.arche img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 62%;animation:lent 30s ease-in-out infinite alternate}
@keyframes lent{from{transform:scale(1)}to{transform:scale(1.05)}}
/* Sections */
.section{padding:104px 0}
.sur-titre{font-family:var(--serif);font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--cendre);text-align:center;margin:0 0 16px}
.sur-titre.gauche{text-align:left}
.sur-titre-clair{color:#bdb4a0;text-align:left}
h2{font-size:clamp(34px,6vw,60px);line-height:1;margin-bottom:34px}
.centre{text-align:center}
.trois{display:grid;gap:0;margin-top:48px;border-top:1px solid rgba(43,43,39,.35)}
.trois article,.trois blockquote{padding:34px 0;border-bottom:1px solid rgba(43,43,39,.35)}
.num{font-size:12px;letter-spacing:.2em;color:var(--soleil-fonce);margin:0 0 12px}
h3{font-size:30px;line-height:1.1;margin-bottom:12px}
.trois p{margin:0}
.note{font-size:12.5px;color:var(--cendre);margin:40px auto 0;max-width:48em}
.note.centre{text-align:center}
/* Fenêtre sombre */
.fenetre{background:var(--encre);color:#e9dfca;padding:96px 0}
.fenetre-in{width:min(100% - 40px,var(--wrap));margin-inline:auto;display:grid;gap:44px}
.cadre-noir{margin:0;border:1px solid #2c4552;padding:10px;background:var(--encre2)}
.cadre-noir img{width:100%;aspect-ratio:4/3;object-fit:cover}
.fenetre h2{color:#fff}
.fenetre p{color:#d9d0bb}
.liste{list-style:none;margin:28px 0 0;padding:0}
.liste li{padding:13px 0;border-top:1px solid #355160;font-size:13.5px}
.liste li:last-child{border-bottom:1px solid #355160}
/* Bandeau photo */
.bandeau{margin:0;position:relative;background:var(--encre)}
.bandeau img{width:100%;height:46vw;min-height:260px;max-height:620px;object-fit:cover;object-position:50% 40%}
.legende{position:absolute;left:20px;bottom:16px;margin:0;color:#f3ead7;text-shadow:0 1px 8px rgba(0,0,0,.6)}
/* Avis */
.avis{padding-bottom:96px}
.avis blockquote{margin:0}
.avis blockquote p{font-family:var(--serif);font-size:clamp(23px,2.6vw,29px);line-height:1.18;margin:0 0 14px;color:var(--encre)}
.avis footer{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--cendre)}
.avis .lien{margin-top:36px}
/* Infos */
.infos{background:var(--lin2)}
.infos-grille{display:grid;gap:72px}
.mono-texte{margin:0 0 20px}
.horaires{width:100%;max-width:520px;border-collapse:collapse}
.horaires th,.horaires td{text-align:left;padding:13px 0;border-bottom:1px solid rgba(43,43,39,.3);font-weight:400;font-size:13px}
.horaires th{width:34%;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.horaires tr.today{background:rgba(233,160,92,.28)}
.horaires tr.today th::after{content:" · aujourd'hui";text-transform:none;letter-spacing:.04em;color:var(--soleil-fonce)}
address{font-style:normal;margin:0 0 26px;font-size:15px;line-height:1.9}
.pied{background:var(--encre);color:#d9d0bb;padding:60px 0 48px;font-size:12.5px}
.pied-marque{font-family:var(--serif);font-size:clamp(32px,6vw,56px);letter-spacing:.06em;color:#fff;margin:0 0 20px}
.pied p{margin:0 0 12px}.pied a{color:#fff;display:inline-block;padding:13px 0}
.petit{font-size:11.5px;max-width:64em;color:#b9b09b}
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:center;min-height:58px;background:var(--encre);color:#f3ead7;border-top:2px solid var(--soleil);font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arche img{animation:none}.reveal{opacity:1;transform:none;transition:none}.lien{transition:none}}
@media (min-width:900px){
  body{padding-bottom:0}.callbar{display:none}.appel-mobile{display:none}.nav{display:flex}
  .hero{padding-top:72px}
  .hero-tete{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;align-items:start}
  .hero-tete .mono,.hero-tete h1{grid-column:1/3}
  .hero-tete .hero-sous{grid-column:1;margin:30px 0 0}
  .hero-tete .liens{grid-column:2;margin-top:24px}
  .arche{margin-top:56px}
  .arche img{aspect-ratio:16/10;object-position:50% 52%}
  .trois{grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(43,43,39,.35)}
  .trois article,.trois blockquote{padding:40px 36px 44px 0;border-bottom:1px solid rgba(43,43,39,.35)}
  .trois article+article,.trois blockquote+blockquote{padding-left:36px;border-left:1px solid rgba(43,43,39,.35)}
  .fenetre-in{grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}
  .infos-grille{grid-template-columns:1fr 1fr;gap:110px}
}
@media (min-width:1100px){
  .onglet{display:flex;position:fixed;right:0;top:0;bottom:0;width:26px;z-index:35;background:var(--encre);color:var(--lin);align-items:center;justify-content:center;text-decoration:none}
  .onglet span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10.5px;letter-spacing:.2em;white-space:nowrap}
  body{padding-right:26px}
  .annonce{margin-right:-26px}
}