:root{
  --red:#E7272D;
  --red-d:#C51C22;
  --bg:#121212;
  --bg-2:#1A1A1A;
  --card:#202020;
  --ink:#F5F2EC;
  --muted:#B3ADA3;
  --line:#2E2E2E;
  --cream:#F7F3EC;
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:"Oswald",Impact,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0}
h2{font-size:clamp(2.1rem,5vw,3.4rem)}
h3{font-size:1.25rem;letter-spacing:.03em}
.wrap{width:min(1160px,100% - 32px);margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--red);color:#fff;padding:10px 16px;z-index:100}
.skip:focus{left:0}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:6px;font:600 1rem "Inter",sans-serif;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .2s,color .2s;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 8px 22px rgba(231,39,45,.35)}
.btn-red:hover{background:var(--red-d)}
.btn-ghost{border-color:rgba(255,255,255,.6);color:#fff}
.btn-ghost:hover{background:#fff;color:#121212}
.btn-sm{padding:9px 16px;font-size:.82rem}

.eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:700;margin:0 0 14px}
.lead{color:var(--muted);font-size:1.1rem;max-width:58ch;margin:18px 0 0}
.section{padding:100px 0}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(18,18,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:24px;height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:50px;width:auto}
.brand-tag{font:700 .78rem "Oswald",sans-serif;text-transform:uppercase;letter-spacing:.18em;background:var(--red);color:#fff;padding:3px 8px;border-radius:4px}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{text-decoration:none;font-weight:500;font-size:.95rem;color:#ddd}
.nav a:hover{color:var(--red)}

/* Hero */
.hero{position:relative;min-height:min(90vh,820px);display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,12,.95) 0%,rgba(12,12,12,.78) 45%,rgba(12,12,12,.35) 100%),url('assets/hero.jpg') center/cover no-repeat}
.hero-bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(transparent,var(--bg))}
.hero-inner{position:relative;padding:80px 0}
.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:#eee;margin:0 0 22px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(231,39,45,.25)}
.hero h1{font-size:clamp(3.6rem,10vw,7.8rem);font-weight:700;line-height:.92}
.hero h1 span{color:var(--red)}
.hero-lead{font-size:clamp(1.05rem,1.9vw,1.3rem);max-width:46ch;color:#e5e1da;margin:26px 0 0}
.hero-lead strong{color:#fff}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-facts{list-style:none;padding:0;margin:48px 0 0;display:flex;flex-wrap:wrap;gap:16px}
.hero-facts li{border-left:3px solid var(--red);padding:4px 0 4px 14px;min-width:170px}
.hero-facts strong{display:block;font:600 1.3rem "Oswald",sans-serif;text-transform:uppercase}
.hero-facts span{color:var(--muted);font-size:.9rem}

/* Concept */
.concept{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.pillars{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:22px}
.pillars li{display:flex;gap:18px}
.pi{font:700 1.5rem "Oswald",sans-serif;color:var(--red);min-width:40px}
.pillars strong{font-size:1.08rem}
.pillars p{margin:4px 0 0;color:var(--muted)}
.concept-media{position:relative;min-height:440px}
.photo{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.5);border:1px solid var(--line)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo-a{position:absolute;top:0;left:0;width:82%;aspect-ratio:500/285}
.photo-b{position:absolute;bottom:0;right:0;width:58%;aspect-ratio:4/3;border:4px solid var(--bg)}

/* Carte */
.carte{position:relative;background:var(--bg-2);overflow:hidden}
.carte-bg{position:absolute;inset:0;background:linear-gradient(rgba(26,26,26,.9),rgba(26,26,26,.96)),url('assets/beef.jpg') center/cover;opacity:.9}
.carte .wrap{position:relative}
.menu{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
.menu-item{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px dashed #3a3a3a}
.menu-item h3{font-size:1.3rem}
.menu-item p{margin:6px 0 0;color:var(--muted);font-size:.95rem}
.price{font:700 1.6rem "Oswald",sans-serif;color:var(--red);white-space:nowrap}
.menu-note{color:var(--muted);font-size:.88rem;margin:22px 0 0}

/* Événements */
.grill-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:28px;margin-top:48px;align-items:stretch}
.grill-photo{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.grill-photo img{width:100%;height:100%;object-fit:cover}
.grill-list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px}
.grill-list ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.grill-list li{padding-left:22px;position:relative}
.grill-list li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:3px;background:var(--red)}
.sides{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}
.sides strong{color:var(--ink)}
.conditions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.cond{background:var(--red);color:#fff;border-radius:var(--radius);padding:24px 26px}
.cond-k{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:700;opacity:.85}
.cond strong{display:block;font:700 1.8rem "Oswald",sans-serif;text-transform:uppercase;margin:6px 0 2px}
.cond p{margin:0;opacity:.92}
.tech{margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);padding:0 24px}
.tech summary{cursor:pointer;list-style:none;padding:20px 0;font:600 1.05rem "Oswald",sans-serif;text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between}
.tech summary::-webkit-details-marker{display:none}
.tech summary::after{content:"+";color:var(--red);font-size:1.5rem;line-height:1;transition:transform .2s}
.tech[open] summary::after{transform:rotate(45deg)}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:24px}
.tech h4{font-size:1rem;color:var(--red);margin-bottom:6px}
.tech p{margin:0;color:var(--muted);font-size:.94rem}

/* Réservation */
.reserve{background:var(--cream);color:#1a1a1a}
.reserve .lead{color:#5c5850}
.reserve-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.reserve-direct{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}
.reserve-direct a{font:600 1.35rem "Oswald",sans-serif;text-decoration:none;border-bottom:3px solid var(--red)}
.reserve-form{background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.1);display:grid;gap:4px}
.field{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:.88rem;font-weight:600;color:#3a3732}
.field input,.field select,.field textarea{font:inherit;font-weight:400;font-size:1rem;padding:12px 13px;border-radius:8px;border:1px solid #DDD6CA;background:#FCFAF6;color:#1a1a1a;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--red);border-color:var(--red)}
.field.invalid input{border-color:var(--red);background:#fff2f2}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row3{display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:12px}
.reserve-form .btn{margin-top:18px}
.form-status{margin:8px 0 0;min-height:1.3em;font-weight:500;font-size:.94rem}
.form-status.err{color:var(--red-d)}
.form-status.ok{color:#2f7a3a}

/* Contact */
.contact{padding:70px 0}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.c-block{border-top:3px solid var(--red);padding-top:18px}
.c-block h3{margin-bottom:10px}
.c-block p{margin:0 0 8px;color:var(--muted)}
.c-block a{color:var(--ink);text-decoration:none}
.c-block a:hover{color:var(--red)}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:34px 0;background:#0C0C0C}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-inner img{height:56px;width:auto}
.footer-inner p{margin:0;color:var(--muted);font-size:.88rem}

/* Responsive */
@media (max-width:980px){
  .nav{display:none}
  .site-header .btn{margin-left:auto}
  .concept,.reserve-inner{grid-template-columns:1fr}
  .concept-media{min-height:0;display:grid;gap:16px}
  .photo-a,.photo-b{position:static;width:100%}
  .photo-b{border:1px solid var(--line)}
  .menu{grid-template-columns:1fr}
  .grill-grid{grid-template-columns:1fr 1fr}
  .grill-list{grid-column:1 / -1;order:-1}
  .contact-grid,.tech-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .section{padding:70px 0}
  .conditions,.row2,.row3{grid-template-columns:1fr}
  .hero-facts li{min-width:0;flex:1 1 140px}
  .brand img{height:42px}
  .reserve-form{padding:22px}
}