/* DA totalement différente du garage :
   - Mise en page "journal" centrée, sections plein écran
   - Bandeau spécialités en scroll horizontal
   - Carte en 2 colonnes asymétriques avec photos dans le flux
   - Bandes décoratives, pas de cartes/panneaux sombres
*/
:root{
  --paper:#F7F1E6;      /* crème journal */
  --ink:#2a1a12;        /* encre */
  --brique:#9b5834;     /* accent chaud */
  --olive:#5c6b3f;
  --hair:#e7dcc9;       /* bordures fines */
  --shadow:0 10px 24px rgba(0,0,0,.10);
  --max:1120px; --r:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia, Cambria, "Times New Roman", Times, serif;line-height:1.75}
img{max-width:100%;display:block}
.wrap{width:min(100%,var(--max));margin-inline:auto;padding:24px}
.center{display:grid;place-items:center;text-align:center}

/* Masthead centré */
.masthead{position:sticky;top:0;background:color-mix(in oklab, var(--paper) 92%, #fff);border-bottom:1px solid var(--hair);z-index:20}
.brand{font-size:clamp(26px,4.6vw,42px);line-height:1.1;margin:2px 0 0;text-transform:uppercase;letter-spacing:.08em}
.brand em{font-style:italic;color:var(--brique);text-transform:none;letter-spacing:0}
.strap{margin:4px 0 10px;color:#6f645c}
.tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding-bottom:8px}
.tabs a{padding:8px 12px;border-radius:999px;border:1px solid var(--hair);text-decoration:none;color:inherit;font-weight:700}
.tabs .pill{background:var(--brique);color:#fff;border-color:transparent}

/* Hero typographique */
.hero-alt{position:relative;background:linear-gradient(180deg, #fdfaf6, var(--paper));padding:44px 0}
.display{font-size:clamp(28px,6.2vw,58px);letter-spacing:.04em;text-transform:uppercase;color:#d1ad86;margin:0}
.lead{max-width:72ch;color:#6a5f57;margin-top:10px}
.ornament{height:14px;background:repeating-linear-gradient(90deg, transparent 0 18px, rgba(0,0,0,.08) 18px 19px, transparent 19px 37px)}

/* Bandeau spécialités en scroll horizontal */
.striscia{padding:16px 0 28px}
.section{margin:0 24px 10px;text-transform:uppercase;letter-spacing:.08em;color:#7d5a3f}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px, 40%);gap:14px;overflow-x:auto;padding:0 24px 8px;scroll-snap-type:x mandatory}
.scroller:focus{outline:2px solid #caa974;outline-offset:4px}
.tile{scroll-snap-align:start;background:#fff;border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.tile img{aspect-ratio:16/9;object-fit:cover}
.tile figcaption{padding:10px 12px;font-weight:800}

/* Carte imprimée en 2 colonnes asymétriques */
.menu-paper{padding:34px 0}
.paper{display:grid;grid-template-columns:1fr 1fr;gap:22px;border:1px solid var(--hair);border-radius:var(--r);background:linear-gradient(#fff,#fff) padding-box, radial-gradient(800px 200px at 0 -20%, rgba(202,169,116,.25), transparent 55%) border-box;border:1px solid transparent;box-shadow:var(--shadow)}
@media (max-width:900px){.paper{grid-template-columns:1fr}}
.col{padding:18px}
.rubrica{font-variant:small-caps;letter-spacing:.12em;margin:2px 0 8px;color:#7a3f26}
.riga{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 0}
.riga + .riga{border-top:1px dashed color-mix(in oklab, var(--ink), white 72%)}
.riga i{height:1px;background:repeating-linear-gradient(90deg, rgba(0,0,0,.2) 0 6px, transparent 6px 12px)}
.foto{margin:14px 0;border-radius:12px;overflow:hidden}
.foto img{aspect-ratio:4/3;object-fit:cover}

/* Histoire asymétrique */
.storia{padding:40px 0}
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
@media (max-width:900px){.story{grid-template-columns:1fr}}
.story-copy p{margin:0 0 10px;color:#62574f}
.story-photo img{border-radius:12px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover}

/* Bande réservation pleine largeur */
.prenota{background:#8c3b2f;color:#fff}
.prenota-flex{display:flex;justify-content:space-between;align-items:center;gap:12px}
.prenota h3{margin:0;text-transform:uppercase;letter-spacing:.08em}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid currentColor;text-decoration:none;font-weight:800}
.btn.primary{background:#fff;color:#8c3b2f;border-color:#fff}
.btn.ghost{background:transparent;color:#fff}

/* Footer minimal */
.footer-min{border-top:1px solid var(--hair);background:#fff}
.footer-min small{color:#6a6159}

/* Accessibilité */
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:#000;color:#fff;padding:8px 10px;border-radius:8px;z-index:999}
:focus-visible{outline:3px solid #caa974;outline-offset:2px;border-radius:10px}

/* Impression simple */
@media print{
  .masthead,.striscia,.prenota{display:none}
  body{background:#fff;color:#000}
}