:root{
  --black:#0e0b09;
  --black-2:#17100d;
  --red:#c53429;
  --red-deep:#8d201a;
  --action-bg:linear-gradient(135deg,#8d2117 0%,#6c1a14 100%);
  --action-bg-hover:linear-gradient(135deg,#98261c 0%,#741b15 100%);
  --action-text:#faf2ea;
  --action-shadow:0 10px 18px rgba(115,27,22,.16);
  --cream:#efe7dc;
  --cream-2:#dccfc1;
  --ink:#1b1411;
  --muted:#c8b8ac;
  --gutter:clamp(20px,4.5vw,86px);
  --h1:clamp(64px,8.2vw,132px);
  --h2:clamp(48px,6.2vw,96px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:#f7f0e9;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #f2b06a;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:#fff;color:#111;padding:12px 16px;text-decoration:none;font-weight:700}.skip-link:focus{top:12px}
.topbar{position:fixed;z-index:40;inset:0 0 auto 0;height:78px;padding:0 var(--gutter);display:flex;align-items:center;gap:32px;background:rgba(14,11,9,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.09)}.topbar.scrolled{background:rgba(14,11,9,.94);border-color:rgba(255,255,255,.09)}
.brand{display:flex;flex-direction:column;justify-content:center;text-decoration:none;min-width:205px;min-height:44px}.brand strong{font:700 14px/1.05 Georgia,'Times New Roman',serif;letter-spacing:.10em}.brand span{margin-top:5px;font-size:9px;line-height:1;letter-spacing:.23em;color:#bcaea4}
.nav{display:flex;gap:28px;margin-left:auto}.nav a{font-size:14px;text-decoration:none;color:#eadfd8}.nav a:hover{color:#fff}
.reserve{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;background:var(--action-bg);color:var(--action-text);border:0;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:var(--action-shadow);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.reserve:hover{background:var(--action-bg-hover);transform:translateY(-1px);box-shadow:0 12px 22px rgba(115,27,22,.22)}
.burger{display:none;width:48px;height:48px;border:0;background:transparent;padding:13px 7px}.burger span{display:block;height:2px;background:#fff;margin:7px 0;transition:transform .2s ease,opacity .2s ease}.burger[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}.burger[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.kicker{margin:0 0 20px;text-transform:uppercase;letter-spacing:.19em;font-size:12px;line-height:1.4;color:#d8a077}.kicker.dark{color:#955247}
.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);background:var(--black)}
.hero-copy{padding:clamp(130px,14vh,190px) var(--gutter) clamp(72px,10vh,120px);display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:2}
.hero h1,.manifesto h2,.grill h2,.menu-editorial h2,.place h2,.contact h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.052em}.hero h1{font-size:var(--h1);line-height:.82;max-width:760px}.hero h1 em,.manifesto h2 em,.grill h2 em,.place h2 em,.contact h2 em{color:#dc4a3b;font-weight:400}
.hero-lead{max-width:610px;margin:34px 0 0;font-size:clamp(17px,1.38vw,21px);line-height:1.6;color:#d9cec7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{min-height:50px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:800}.btn-primary{background:var(--action-bg);color:var(--action-text);border:0;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:var(--action-shadow);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn-primary:hover{background:var(--action-bg-hover);transform:translateY(-1px);box-shadow:0 12px 22px rgba(115,27,22,.22)}.btn-line{border:1px solid rgba(255,255,255,.34);color:#fff}.btn-cream{background:var(--cream);color:#221713}
.hero-media{margin:0;height:100svh;min-height:0;position:relative;overflow:hidden;background:#211714;display:grid;grid-template-rows:59% 41%}.hero-media>div{overflow:hidden;min-height:0}.hero-media img{transform:none}.hero-facade-frame img{object-position:center 54%}.hero-steak-frame img{object-position:center 54%}.hero-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:15px 22px;background:rgba(14,11,9,.82);font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#d7c6b9}
.manifesto{background:var(--cream);color:var(--ink);padding:clamp(88px,10vw,160px) var(--gutter);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(60px,10vw,170px);align-items:start}.manifesto h2,.grill h2,.menu-editorial h2,.place h2,.contact h2{font-size:var(--h2);line-height:.92}.manifesto-copy{padding-top:42px;max-width:680px}.manifesto-big{font:400 clamp(24px,2.2vw,34px)/1.35 Georgia,'Times New Roman',serif;margin:0 0 28px}.manifesto-copy>p:not(.manifesto-big){font-size:clamp(17px,1.4vw,20px);line-height:1.65;margin:0 0 30px;color:#4e4039}.inline-link{min-height:44px;display:inline-flex;gap:10px;align-items:center;color:#1b1411;font-size:15px;font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.inline-link.light{color:#f5ece6}
.fire-band{height:clamp(250px,36vw,540px);position:relative;overflow:hidden}.fire-band img{object-position:center 62%}.fire-band-copy{position:absolute;inset:auto var(--gutter) 24px;display:flex;justify-content:space-between;gap:20px;font:700 clamp(18px,2.4vw,36px)/1 Arial,sans-serif;letter-spacing:.12em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.75)}
.grill{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(360px,.76fr);min-height:920px;background:#1a0f0b}.grill-photo{margin:0;min-height:760px;overflow:hidden}.grill-photo img{object-position:54% center}.grill-copy{padding:clamp(80px,8vw,140px) var(--gutter);display:flex;flex-direction:column;justify-content:center}.grill-copy>p:not(.kicker){font-size:clamp(17px,1.45vw,20px);line-height:1.65;color:#cbb9ae;max-width:560px;margin:30px 0 20px}.dish-lines{margin:22px 0 34px;border-bottom:1px solid #51352b}.dish-lines div{padding:22px 0;border-top:1px solid #51352b}.dish-lines strong{display:block;font:400 clamp(22px,2.1vw,31px)/1.2 Georgia,serif}.dish-lines span{display:block;margin-top:8px;color:#bba79b;font-size:14px;line-height:1.5}
.menu-editorial{background:var(--cream);color:var(--ink);padding:clamp(90px,9vw,150px) var(--gutter)}.menu-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:end;margin-bottom:clamp(55px,7vw,100px)}.menu-intro .kicker{align-self:start}.menu-intro h2{max-width:850px}.menu-rows{border-top:1px solid #a89386}.menu-row{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:32px;padding:28px 0;border-bottom:1px solid #a89386;align-items:baseline}.menu-label{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:#875b4f}.menu-row strong{font:400 clamp(22px,2.3vw,34px)/1.3 Georgia,serif}
.place{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);background:#0a0807;min-height:920px}.place-media{margin:0;min-height:760px;overflow:hidden}.place-media img{object-position:center center}.place-panel{padding:clamp(82px,8vw,140px) var(--gutter);align-self:center}.place-panel h2{font-size:clamp(46px,5.2vw,82px)}.place-panel>p:not(.kicker){font-size:clamp(17px,1.4vw,20px);line-height:1.65;color:#cbb9ae;max-width:520px;margin:32px 0}.address-ribbon{min-height:72px;background:var(--red);display:flex;align-items:center;justify-content:center;gap:24px;padding:18px var(--gutter);font-weight:800;letter-spacing:.10em;font-size:12px;text-align:center}.address-ribbon a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.address-ribbon b{font-weight:400;opacity:.6}
.contact{background:#120c0a;padding:clamp(100px,11vw,180px) var(--gutter);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(60px,9vw,150px);align-items:end}.contact-info{border-top:1px solid #4b3630;padding-top:30px}.contact-address{font:400 clamp(23px,2.25vw,34px)/1.35 Georgia,serif;margin:0}.contact-phone{min-height:44px;display:flex;align-items:center;margin:26px 0 32px;text-decoration:none;font:400 clamp(31px,3.2vw,50px)/1.1 Georgia,serif}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}
footer{min-height:108px;padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#9f8c80;font-size:11px;letter-spacing:.13em}footer a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
@media(max-width:1100px){
  .hero{grid-template-columns:.92fr 1.08fr}.hero h1{font-size:clamp(62px,8.4vw,98px)}
  .grill,.place{grid-template-columns:1fr 1fr}
  .nav{gap:20px}
}
@media(max-width:900px){
  .topbar{height:70px;gap:12px;background:rgba(14,11,9,.9);border-color:rgba(255,255,255,.08)}.brand{min-width:0}.brand strong{font-size:12px}.brand span{font-size:8px}.top-reserve{margin-left:auto}.burger{display:block}.nav{display:none;position:fixed;inset:70px 0 auto 0;margin:0;padding:20px var(--gutter) 30px;background:#120c0a;flex-direction:column;gap:0;border-bottom:1px solid #3a2a24}.nav.open{display:flex}.nav a{min-height:50px;display:flex;align-items:center;border-bottom:1px solid #33231e;font-size:17px}.btn{font-size:15px}
  .hero{grid-template-columns:1fr;min-height:0;padding-top:70px}.hero-media{order:1;min-height:0;height:46svh;display:block}.hero-facade-frame{height:100%}.hero-facade-frame img{object-position:center 51%}.hero-steak-frame{display:none}.hero-media figcaption{padding:11px var(--gutter);font-size:9px}.hero-copy{order:2;padding:54px var(--gutter) 72px;min-height:auto}.hero h1{font-size:clamp(62px,17vw,92px);line-height:.86}.hero-lead{font-size:17px;margin-top:25px}.hero-actions{margin-top:28px}
  .manifesto{grid-template-columns:1fr;gap:38px;padding-top:78px}.manifesto-copy{padding-top:0}.manifesto h2{font-size:clamp(50px,14vw,78px)}
  .fire-band{height:320px}.fire-band-copy{font-size:16px;bottom:18px}
  .grill{grid-template-columns:1fr;min-height:0}.grill-photo{min-height:0;height:62svh;max-height:720px}.grill-copy{padding:72px var(--gutter) 86px}.grill h2{font-size:clamp(50px,14vw,78px)}
  .menu-intro{grid-template-columns:1fr;gap:18px}.menu-intro h2{font-size:clamp(50px,14vw,78px)}.menu-row{grid-template-columns:1fr;gap:12px;padding:24px 0}.menu-row strong{font-size:clamp(22px,5.7vw,30px)}
  .place{grid-template-columns:1fr;min-height:0}.place-media{min-height:0;height:60svh;max-height:720px}.place-panel{padding:72px var(--gutter) 86px}.place-panel h2{font-size:clamp(46px,12vw,70px)}
  .address-ribbon{justify-content:flex-start;overflow:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-inline:var(--gutter)}
  .contact{grid-template-columns:1fr;gap:55px;padding-top:86px}.contact h2{font-size:clamp(50px,14vw,78px)}.contact-info{align-self:start}
  footer{flex-direction:column;align-items:flex-start;min-height:140px}
}
@media(max-width:520px){
  :root{--gutter:22px}.brand span{display:none}.top-reserve{padding:0 13px;min-height:44px;font-size:15px}.burger{width:44px}
  .hero-media{height:42svh;min-height:330px}.hero-copy{padding-top:48px;padding-bottom:64px}.hero h1{font-size:clamp(60px,18.5vw,78px)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}
  .manifesto{padding-block:72px}.manifesto-big{font-size:25px}.manifesto-copy>p:not(.manifesto-big){font-size:17px}
  .fire-band{height:270px}.fire-band-copy{gap:10px;font-size:12px;letter-spacing:.10em}
  .grill-photo{height:54svh;min-height:430px}.grill-copy{padding-block:68px 78px}.dish-lines div{padding:20px 0}.dish-lines span{font-size:14px}
  .menu-editorial{padding-block:76px}.menu-row{padding:22px 0}
  .place-media{height:52svh;min-height:430px}.place-panel{padding-block:68px 80px}.place-panel>p:not(.kicker){font-size:17px}
  .contact{padding-block:80px}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .btn{width:100%}.contact-phone{font-size:34px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media img{animation:none}.topbar,.burger span{transition:none}}
@media (min-width:901px) and (max-height:850px){
  .hero-copy{padding-top:100px;padding-bottom:46px}
  .hero h1{font-size:clamp(74px,7.1vw,104px);line-height:.82}
  .hero-lead{margin-top:24px;font-size:18px;line-height:1.5}
  .hero-actions{margin-top:22px}
}
@media (max-width:900px) and (max-height:700px){
  .hero-media{height:30svh;min-height:185px}
  .hero-copy{padding-top:34px;padding-bottom:50px}
  .hero h1{font-size:clamp(56px,16.5vw,70px);line-height:.86}
  .hero-lead{margin-top:20px;font-size:16px;line-height:1.5}
  .hero-actions{margin-top:22px}
}

/* HERO V2 — facade-first, cinematic and deliberately restrained */
.topbar{
  background:linear-gradient(180deg,rgba(9,7,6,.72),rgba(9,7,6,.12));
  border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:none;
  transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease;
}
.topbar.scrolled{
  background:rgba(14,11,9,.94);
  border-color:rgba(255,255,255,.09);
  backdrop-filter:blur(12px);
}
.hero.hero-v2{
  position:relative;
  display:block;
  min-height:100svh;
  height:100svh;
  overflow:hidden;
  background:#0b0908;
  isolation:isolate;
}
.hero-v2 .hero-visual{
  position:absolute;
  inset:0;
  z-index:-3;
  margin:0;
  overflow:hidden;
  background:#17110e;
}
.hero-v2 .hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 54%;
  transform:scale(1.025);
  animation:heroCinematicIn 1.6s cubic-bezier(.2,.75,.2,1) both;
}
.hero-v2 .hero-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(5,4,3,.86) 0%,rgba(5,4,3,.63) 23%,rgba(5,4,3,.14) 52%,rgba(5,4,3,.04) 75%),
    linear-gradient(0deg,rgba(5,4,3,.74) 0%,rgba(5,4,3,.12) 34%,rgba(5,4,3,.18) 100%);
}
.hero-v2 .hero-copy{
  position:absolute;
  left:var(--gutter);
  bottom:clamp(70px,9vh,112px);
  z-index:2;
  display:block;
  width:min(720px,48vw);
  padding:0;
  min-height:0;
  animation:heroCopyIn .9s .18s cubic-bezier(.2,.75,.2,1) both;
}
.hero-v2 .kicker{
  margin:0 0 20px;
  color:#f0dfce;
  font-size:11px;
  letter-spacing:.28em;
}
.hero-v2 h1{
  max-width:760px;
  font-size:clamp(68px,7.8vw,128px);
  line-height:.86;
  letter-spacing:-.055em;
  color:#f4eee6;
  text-wrap:balance;
  text-shadow:0 3px 24px rgba(0,0,0,.24);
}
.hero-v2 .hero-actions{
  margin-top:32px;
}
.hero-v2 .btn-primary{
  min-height:58px;
  padding:17px 24px;
  gap:28px;
}
.hero-scroll{
  position:absolute;
  right:var(--gutter);
  bottom:31px;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  min-width:44px;
  min-height:64px;
  color:#e7dbd2;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:8px;
}
.hero-scroll i{
  display:block;
  width:1px;
  height:38px;
  background:linear-gradient(#e7dbd2,rgba(231,219,210,.12));
  transform-origin:top;
  animation:heroScrollPulse 1.8s ease-in-out infinite;
}
@keyframes heroCinematicIn{from{transform:scale(1.06);filter:brightness(.78)}to{transform:scale(1.025);filter:brightness(1)}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroScrollPulse{0%,100%{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1);opacity:1}}

@media(max-width:1100px){
  .hero-v2 .hero-copy{width:min(660px,58vw)}
  .hero-v2 h1{font-size:clamp(64px,8.2vw,105px)}
}
@media(max-width:900px){
  .topbar{background:linear-gradient(180deg,rgba(10,8,7,.8),rgba(10,8,7,.18));border-color:rgba(255,255,255,.08)}
  .hero.hero-v2{padding-top:0;height:100svh;min-height:650px}
  .hero-v2 .hero-visual{order:initial;height:auto;min-height:0}
  .hero-v2 .hero-visual img{object-position:53% center}
  .hero-v2 .hero-shade{
    background:
      linear-gradient(0deg,rgba(5,4,3,.9) 0%,rgba(5,4,3,.66) 26%,rgba(5,4,3,.1) 58%,rgba(5,4,3,.22) 100%),
      linear-gradient(90deg,rgba(5,4,3,.42) 0%,rgba(5,4,3,.06) 72%);
  }
  .hero-v2 .hero-copy{
    order:initial;
    left:var(--gutter);
    right:var(--gutter);
    bottom:62px;
    width:auto;
    padding:0;
  }
  .hero-v2 .kicker{font-size:10px;margin-bottom:16px}
  .hero-v2 h1{font-size:clamp(58px,15.5vw,90px);line-height:.88;max-width:620px}
  .hero-v2 .hero-actions{margin-top:26px}
  .hero-v2 .hero-actions .btn{width:auto;min-width:230px}
  .hero-scroll{display:none}
}
@media(max-width:520px){
  .hero.hero-v2{min-height:620px}
  .hero-v2 .hero-visual img{
    height:90%;
    object-position:48% center;
    transform:none;
    animation:none;
  }
  .hero-v2 .hero-copy{bottom:44px}
  .hero-v2 h1{font-size:clamp(54px,16vw,72px)}
  .hero-v2 .hero-actions{display:flex;margin-top:22px}
  .hero-v2 .hero-actions .btn{width:auto;min-width:0;padding-inline:19px;min-height:54px;font-size:11px}
}
@media(max-width:900px) and (max-height:700px){
  .hero.hero-v2{min-height:560px;height:100svh}
  .hero-v2 .hero-copy{bottom:30px}
  .hero-v2 .kicker{margin-bottom:10px}
  .hero-v2 h1{font-size:clamp(48px,13.6vw,64px)}
  .hero-v2 .hero-actions{margin-top:16px}
  .hero-v2 .hero-actions .btn{min-height:48px;padding-block:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero-v2 .hero-visual img,.hero-v2 .hero-copy,.hero-scroll i{animation:none}
  .hero-v2 .btn-primary{transition:none}
}

/* SECTION 2 — exact mockup translation */
.section-two{background:#090706;color:#f4ede5;padding:clamp(74px,7vw,104px) var(--gutter) clamp(28px,3.6vw,40px);position:relative;overflow:hidden}
.section-two::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(195,72,47,.09),transparent 28%),radial-gradient(circle at 85% 12%,rgba(255,166,61,.06),transparent 22%),linear-gradient(180deg,#090706 0%,#0c0908 100%);pointer-events:none}
.section-two > *{position:relative;z-index:1}
.section-two-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.55fr);gap:clamp(26px,3vw,34px);align-items:stretch}
.section-two-copy{background:linear-gradient(180deg,#0b0807 0%,#0e0a09 100%);padding:clamp(32px,3.5vw,48px) clamp(24px,3vw,36px) clamp(28px,3.5vw,40px);display:flex;flex-direction:column;justify-content:flex-start;min-height:100%}
.section-two-copy .kicker{margin-bottom:22px}
.section-two-copy h2{font-size:clamp(68px,7vw,116px);line-height:.85;letter-spacing:-.055em;margin:0 0 26px;font-family:Georgia,'Times New Roman',serif;font-weight:400}.section-two-copy h2 em{color:#c53429;font-style:normal;font-weight:400}
.section-two-copy p{margin:0 0 18px;font-size:clamp(18px,1.35vw,21px);line-height:1.6;color:#e0d4cc;max-width:34ch}.section-two-copy .section-two-accent{font-family:Georgia,'Times New Roman',serif;color:#f3d49b;font-size:clamp(24px,2vw,33px);line-height:1.34;margin-top:4px;margin-bottom:24px}
.section-two-cta{align-self:flex-start;margin-top:8px;min-height:56px;padding:15px 24px;gap:18px}
.section-two-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(240,220,205,.16)}
.value-item{display:flex;align-items:center;gap:12px;min-width:0}.value-item img{width:28px;height:28px;object-fit:contain;flex:0 0 auto}.value-item span{font-size:13px;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:#e6d7c7}
.section-two-feature{position:relative;min-height:640px;overflow:hidden;background:#140e0c}.section-two-feature img{width:100%;height:100%;object-fit:cover;object-position:center center}.feature-note{position:absolute;left:28px;bottom:26px;font-size:14px;line-height:1.35;letter-spacing:.18em;text-transform:uppercase;color:#f2dfc7;background:rgba(10,7,6,.28);padding:14px 16px 10px;border-left:1px solid rgba(235,200,160,.65)}
.section-two-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.dish-card{background:#0b0807}.dish-card figure{margin:0;aspect-ratio:1/.95;overflow:hidden}.dish-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.dish-card:hover img{transform:scale(1.03)}.dish-card h3{margin:14px 12px 18px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.05vw,34px);line-height:1;color:#f6eee6;font-weight:400}.dish-card h3::after{content:"";display:block;width:28px;height:1px;background:#d4b06e;margin-top:14px;opacity:.9}
.section-two-footer{display:flex;align-items:center;gap:clamp(18px,2vw,28px);margin-top:14px;padding-top:6px;color:#d7b070}.section-two-footer > span:first-child{flex:1 1 auto;height:1px;background:linear-gradient(90deg,rgba(212,176,110,.18),rgba(212,176,110,.88) 58%,rgba(212,176,110,.18))}.section-two-footer > span:last-child{margin-left:auto;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:#d8b372;white-space:nowrap}.section-two-footer strong{flex:0 0 auto;font-size:18px;line-height:1.2;letter-spacing:.26em;text-transform:uppercase;text-align:center;color:#f3e7d7;font-weight:500}
@media(max-width:1100px){.section-two-grid{grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr)}.section-two-copy h2{font-size:clamp(62px,6.6vw,96px)}.section-two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.section-two{padding-block:74px 54px}.section-two-grid{grid-template-columns:1fr;gap:20px}.section-two-copy{padding:32px 24px 28px}.section-two-copy h2{font-size:clamp(58px,14vw,82px)}.section-two-copy p{max-width:none;font-size:18px}.section-two-values{display:none}.section-two-feature{min-height:460px}.feature-note{left:20px;bottom:20px;font-size:12px;padding:12px 14px 9px}.section-two-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.dish-card figure{aspect-ratio:1/.98}.dish-card h3{font-size:clamp(22px,5vw,30px);margin:12px 12px 16px}.section-two-footer{display:grid;grid-template-columns:1fr;gap:12px;justify-items:center;margin-top:12px;padding-top:0}.section-two-footer > span:first-child{display:none}.section-two-footer > span:last-child{margin-left:0;text-align:center;letter-spacing:.24em;white-space:normal}}
@media(max-width:520px){.section-two{padding-block:68px 52px}.section-two-copy{padding:28px 18px 24px}.section-two-copy .kicker{margin-bottom:16px}.section-two-copy h2{font-size:clamp(50px,18vw,70px);margin-bottom:22px}.section-two-copy p{font-size:17px;line-height:1.58}.section-two-copy .section-two-accent{font-size:26px;margin-bottom:20px}.section-two-cta{width:100%;justify-content:center}.section-two-feature{min-height:320px}.section-two-cards{grid-template-columns:1fr 1fr;gap:12px}.dish-card h3{font-size:20px;line-height:1.08;margin:10px 10px 14px}.dish-card h3::after{margin-top:10px}.section-two-footer strong{font-size:15px;letter-spacing:.22em}.section-two-footer > span:last-child{font-size:10px;letter-spacing:.18em}}
@media(max-width:390px){.section-two-cards{grid-template-columns:1fr}.dish-card figure{aspect-ratio:1/1}.dish-card h3{font-size:24px}}


/* SECTION 2 V3 — lower composition matched to the approved mockup */
.section-two-cards{
  margin-top:22px;
  gap:18px;
}
.dish-card{
  position:relative;
  overflow:hidden;
  background:#0b0807;
}
.dish-card figure{
  margin:0;
  aspect-ratio:1 / .97;
  overflow:hidden;
}
.dish-card figure::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34%;
  background:linear-gradient(180deg,transparent,rgba(6,4,3,.62));
  pointer-events:none;
}
.dish-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.dish-card h3{
  position:absolute;
  z-index:2;
  left:17px;
  bottom:17px;
  width:min(72%,180px);
  margin:0;
  color:#f7eee5;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(11px,.84vw,14px);
  font-weight:400;
  line-height:1.28;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.dish-card h3::after{
  content:"";
  display:block;
  width:23px;
  height:1px;
  margin-top:10px;
  background:#cfa45f;
}
.dish-card:hover img{transform:none}

.section-two-footer{
  display:grid;
  grid-template-columns:minmax(120px,1.3fr) auto minmax(90px,.62fr) auto;
  align-items:center;
  column-gap:clamp(18px,2vw,30px);
  min-height:70px;
  margin-top:22px;
  padding:0;
  color:#d7b070;
}
.section-two-footer .footer-rule{
  display:block;
  width:100%;
  height:1px;
  background:rgba(200,159,92,.46);
}
.section-two-footer .footer-rule-left{justify-self:stretch}
.section-two-footer .footer-rule-right{justify-self:stretch}
.section-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#f3e7d7;
  font-size:15px;
  line-height:1;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-weight:500;
  white-space:nowrap;
}
.section-brand small{
  display:flex;
  align-items:center;
  gap:9px;
  color:#d8b372;
  font-size:8px;
  line-height:1;
  letter-spacing:.38em;
  font-weight:500;
}
.section-brand small i{
  display:block;
  width:28px;
  height:1px;
  background:rgba(216,179,114,.68);
}
.section-two-footer .section-motto{
  margin:0;
  color:#d8b372;
  font-size:9px;
  line-height:1;
  letter-spacing:.31em;
  text-transform:uppercase;
  white-space:nowrap;
}

@media(max-width:1100px){
  .section-two-footer{
    grid-template-columns:minmax(70px,1fr) auto minmax(60px,.45fr) auto;
    column-gap:16px;
  }
  .section-brand{font-size:13px}
  .section-brand small i{width:22px}
  .section-two-footer .section-motto{font-size:8px;letter-spacing:.24em}
}

@media(max-width:900px){
  .dish-card h3{
    left:13px;
    bottom:13px;
    width:min(78%,150px);
    font-size:11px;
    letter-spacing:.11em;
  }
  .section-two-footer{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:9px;
    min-height:62px;
    margin-top:18px;
  }
  .section-two-footer .footer-rule{display:none}
  .section-brand{font-size:13px;gap:5px}
  .section-brand small{font-size:7px}
  .section-brand small i{width:20px}
  .section-two-footer .section-motto{
    font-size:8px;
    letter-spacing:.22em;
    white-space:normal;
    text-align:center;
  }
}

@media(max-width:520px){
  .section-two-cards{gap:10px;margin-top:14px}
  .dish-card figure{aspect-ratio:1 / 1.05}
  .dish-card h3{
    left:10px;
    bottom:10px;
    width:78%;
    font-size:9px;
    line-height:1.25;
    letter-spacing:.10em;
  }
  .dish-card h3::after{width:18px;margin-top:7px}
  .section-two-footer{min-height:58px;margin-top:12px;gap:7px}
  .section-brand{font-size:12px}
  .section-brand small{font-size:6px;letter-spacing:.3em}
  .section-brand small i{width:17px}
  .section-two-footer .section-motto{font-size:7px;letter-spacing:.17em}
}

/* SECTION 3 — experience on site, based on the approved mockup */
.experience-section{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(390px,.88fr);
  min-height:clamp(760px,72vw,980px);
  background:#0c0907;
  border-top:1px solid rgba(196,150,87,.18);
  overflow:hidden;
}
.experience-media{
  position:relative;
  margin:0;
  min-width:0;
  min-height:760px;
  overflow:hidden;
  background:#15100d;
}
.experience-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,4,3,.02) 58%,rgba(5,4,3,.30) 100%),linear-gradient(0deg,rgba(5,4,3,.28),transparent 28%);
  pointer-events:none;
}
.experience-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:51% 50%;
  filter:saturate(.98) contrast(1.02) brightness(.93);
}
.experience-media figcaption{
  position:absolute;
  z-index:2;
  left:clamp(24px,4vw,72px);
  bottom:clamp(26px,4vw,58px);
  color:#d7ae72;
  font-size:10px;
  line-height:1;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.experience-media figcaption::after{
  content:"";
  display:block;
  width:52px;
  height:1px;
  margin-top:17px;
  background:#c99a5e;
}
.experience-panel{
  background:linear-gradient(180deg,#11100d 0%,#0a0907 100%);
  display:flex;
  align-items:center;
}
.experience-inner{
  width:100%;
  padding:clamp(68px,7vw,112px) clamp(38px,5.3vw,88px);
}
.experience-kicker{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 34px;
  color:#d1a164;
  font-size:10px;
  letter-spacing:.34em;
  text-transform:uppercase;
  white-space:nowrap;
}
.experience-kicker span{
  display:block;
  flex:1 1 auto;
  height:1px;
  max-width:138px;
  background:rgba(209,161,100,.72);
}
.experience-section h2{
  margin:0;
  max-width:620px;
  color:#f1e8de;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(55px,4.8vw,78px);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.045em;
}
.experience-section h2 em{
  color:#b5362e;
  font-style:normal;
  font-weight:400;
}
.experience-lead{
  max-width:590px;
  margin:30px 0 0;
  color:#d8ccc2;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(17px,1.3vw,20px);
  line-height:1.55;
}
.experience-points{
  display:grid;
  gap:0;
  margin-top:30px;
}
.experience-points div{
  display:grid;
  grid-template-columns:auto minmax(50px,1fr);
  align-items:center;
  gap:22px;
  min-height:54px;
}
.experience-points strong{
  color:#f0e6da;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(19px,1.5vw,24px);
  font-weight:400;
}
.experience-points i{
  height:1px;
  background:rgba(199,151,88,.72);
}
.experience-cta{
  margin-top:28px;
  min-width:268px;
  min-height:56px;
  justify-content:space-between;
  padding-inline:24px;
}
@media(max-width:1100px){
  .experience-section{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}
  .experience-section h2{font-size:clamp(49px,5.2vw,68px)}
  .experience-inner{padding-inline:clamp(30px,4vw,54px)}
}
@media(max-width:900px){
  .experience-section{grid-template-columns:1fr;min-height:0}
  .experience-media{min-height:0;height:62svh;max-height:720px}
  .experience-media img{object-position:center 48%}
  .experience-panel{display:block}
  .experience-inner{padding:70px var(--gutter) 78px}
  .experience-kicker{margin-bottom:24px}
  .experience-section h2{font-size:clamp(54px,12.5vw,78px);max-width:720px}
  .experience-lead{font-size:18px;max-width:680px}
  .experience-points{max-width:620px;margin-top:26px}
  .experience-points div{min-height:50px}
  .experience-cta{margin-top:26px}
}
@media(max-width:520px){
  .experience-media{height:54svh;min-height:420px}
  .experience-media figcaption{left:22px;bottom:24px;font-size:8px;letter-spacing:.28em}
  .experience-inner{padding:58px 22px 66px}
  .experience-kicker{font-size:8px;letter-spacing:.27em;gap:12px;margin-bottom:20px}
  .experience-kicker span{max-width:72px}
  .experience-section h2{font-size:clamp(47px,13.2vw,64px);line-height:.94}
  .experience-lead{font-size:17px;line-height:1.55;margin-top:24px}
  .experience-points{margin-top:22px}
  .experience-points div{grid-template-columns:auto 1fr;gap:14px;min-height:46px}
  .experience-points strong{font-size:19px}
  .experience-cta{width:100%;min-width:0;margin-top:24px}
}

/* SECTION 4 — paper menu editorial */
.menu-paper{background:#efe5d7 url("assets/section4-paper-texture.png") center/cover no-repeat;color:#1f1916;padding:clamp(72px,8vw,110px) var(--gutter);position:relative;overflow:hidden;isolation:isolate}
.menu-paper::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,238,.58),rgba(239,229,215,.85));z-index:-2}
.menu-paper::after{content:"";position:absolute;inset:24px;border:1px solid rgba(75,55,42,.08);pointer-events:none;z-index:-1}
.menu-paper-shell{position:relative;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(280px,.74fr) minmax(360px,1.02fr);gap:clamp(18px,2.4vw,30px);align-items:start}
.menu-paper-kicker{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#6d5545}
.menu-paper-kicker span{font-style:italic;font-size:18px;font-family:Georgia,serif;color:#7a675b}
.menu-paper-kicker i{display:block;width:52px;height:1px;background:#8d7564;opacity:.85}
.menu-paper-copy h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(50px,5.1vw,84px);line-height:.96;letter-spacing:-.06em;color:#14100d}
.menu-paper-copy h2 em{color:#8c2b22;font-style:italic;font-weight:400}
.menu-paper-lead{max-width:33ch;margin:24px 0 0;font-size:clamp(18px,1.42vw,22px);line-height:1.62;color:#4b3c34}
.menu-paper-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.paper-inline-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:#45362f;font-size:15px;border-bottom:1px solid rgba(69,54,47,.42);padding-bottom:4px}
.paper-inline-link span{transform:translateY(1px)}
.menu-paper-local{margin-top:70px;max-width:330px;position:relative}
.paper-cathedral{width:100%;height:auto;display:block;opacity:.36;mix-blend-mode:multiply;filter:sepia(.22) contrast(.92)}
.paper-beauvais-script{width:100%;height:auto;display:block;margin-top:-10px;opacity:.82}
.menu-paper-local p{display:none}
.menu-paper-tabs{background:rgba(250,244,236,.82);backdrop-filter:blur(3px);border:1px solid rgba(71,52,38,.12);box-shadow:0 18px 40px rgba(43,29,20,.10);padding:14px 18px 22px;position:relative;align-self:start;margin-top:58px}
.paper-tab{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:18px 4px;border:none;border-bottom:1px solid rgba(88,62,45,.14);background:transparent;font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,1.95vw,34px);line-height:1.08;color:#3a2a22;cursor:pointer;transition:color .22s ease, transform .22s ease}
.paper-tab::after{content:"›";font-size:28px;line-height:1;color:#816e61;transition:transform .25s ease,color .25s ease}
.paper-tab:hover{color:#67231e}
.paper-tab:hover::after{transform:translateX(3px)}
.paper-tab.is-active{color:var(--action-text);background:var(--action-bg);margin-inline:0;padding-inline:4px;box-shadow:var(--action-shadow)}
.paper-tab.is-active::after{color:#f8eee8}
.menu-paper-tabs blockquote{margin:22px 4px 4px;font-family:Georgia,serif;font-size:clamp(26px,2.2vw,34px);line-height:1.28;font-style:italic;color:#5a463b}
.menu-paper-visual{position:relative;min-height:760px;padding-top:22px}
.paper-photo{position:relative;margin:0;background:#1b120f;box-shadow:0 28px 56px rgba(35,19,12,.24);transform:rotate(2.3deg)}
.paper-photo::after{content:"Des viandes d’exception";position:absolute;right:24px;top:20px;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:#f2dfca;line-height:1.45;text-align:right;max-width:110px}
.paper-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.paper-detail-card{position:absolute;left:-44px;right:26px;bottom:22px;background:#f8f0e4;border:1px solid rgba(66,49,38,.12);box-shadow:0 18px 40px rgba(45,28,19,.14);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px 26px 24px}
.paper-detail-note{margin:0 0 14px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8a5e4e}
.paper-detail-card h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(40px,3.8vw,58px);line-height:.95;color:#191310}
.paper-detail-card h3::after{content:"";display:block;width:54px;height:1px;background:#9b7d61;margin-top:16px}
.paper-detail-card p{margin:16px 0 0;max-width:22ch;font-size:18px;line-height:1.55;color:#4c3c34}
.paper-detail-list{list-style:none;padding:12px 18px 0 0;margin:0;display:grid;gap:10px;align-content:start}
.paper-detail-list li{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#6f594c}
.paper-detail-index{position:absolute;right:18px;bottom:10px;font:italic 400 clamp(64px,6vw,88px)/1 Georgia,serif;color:rgba(163,145,131,.34)}
.paper-seal{position:absolute;left:26.5%;bottom:72px;width:min(128px,12vw);height:auto;opacity:.75;mix-blend-mode:multiply}
.paper-art-script{position:absolute;right:34px;bottom:40px;width:min(240px,22vw);height:auto;opacity:.78;mix-blend-mode:multiply}
.paper-pepper{position:absolute;left:54%;bottom:115px;width:min(112px,9vw);height:auto;opacity:.92;transform:rotate(-8deg)}
.paper-thyme{position:absolute;right:16%;top:68px;width:min(118px,9vw);height:auto;opacity:.94;transform:rotate(8deg)}
.paper-rosemary{position:absolute;left:57%;bottom:18px;width:min(144px,10vw);height:auto;opacity:.94;transform:rotate(4deg)}
@media(max-width:1220px){.menu-paper-shell{grid-template-columns:minmax(240px,.82fr) minmax(250px,.78fr) minmax(320px,1fr)}.menu-paper-copy h2{font-size:clamp(46px,4.8vw,72px)}.paper-tab{font-size:clamp(23px,1.8vw,30px)}.menu-paper-visual{min-height:690px}.paper-detail-card{left:-24px;right:18px}.paper-art-script{width:min(220px,22vw)}}
@media(max-width:980px){.menu-paper{padding-block:68px 80px}.menu-paper::after{inset:16px}.menu-paper-shell{grid-template-columns:1fr;gap:18px}.menu-paper-copy{max-width:720px}.menu-paper-lead{max-width:42ch}.menu-paper-local{margin-top:34px;max-width:260px}.menu-paper-tabs{margin-top:0;max-width:640px}.menu-paper-visual{min-height:0;padding-top:0;max-width:740px}.paper-photo{transform:none}.paper-detail-card{position:relative;left:auto;right:auto;bottom:auto;margin-top:-34px;margin-left:24px;width:calc(100% - 48px)}.paper-seal{left:auto;right:18px;bottom:194px;width:92px}.paper-art-script{right:18px;bottom:26px;width:220px}.paper-pepper{left:auto;right:128px;bottom:145px;width:92px}.paper-thyme{right:24px;top:22px;width:96px}.paper-rosemary{left:24px;bottom:18px;width:118px}}
@media(max-width:640px){.menu-paper{padding:58px 18px 70px}.menu-paper::after{inset:12px}.menu-paper-kicker{gap:10px;margin-bottom:20px;font-size:10px;letter-spacing:.22em}.menu-paper-kicker span{font-size:16px}.menu-paper-kicker i{width:42px}.menu-paper-copy h2{font-size:clamp(42px,12vw,62px);line-height:.94}.menu-paper-lead{margin-top:20px;font-size:17px;line-height:1.58}.menu-paper-actions{margin-top:26px;gap:14px}.menu-paper-actions .btn{width:100%;justify-content:center}.paper-inline-link{font-size:14px}.menu-paper-local{display:none}.menu-paper-tabs{padding:10px 14px 18px}.paper-tab{font-size:22px;padding:15px 4px}.paper-tab.is-active{margin-inline:0;padding-inline:4px}.menu-paper-tabs blockquote{font-size:24px;margin-top:18px}.paper-photo::after{right:16px;top:16px;font-size:10px;max-width:84px}.paper-detail-card{grid-template-columns:1fr;gap:8px;margin:-22px 14px 0;width:calc(100% - 28px);padding:22px 18px 18px}.paper-detail-card h3{font-size:clamp(34px,9vw,50px)}.paper-detail-card p{font-size:16px;max-width:none}.paper-detail-list{padding-top:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding-right:0}.paper-detail-list li{font-size:11px;letter-spacing:.12em}.paper-detail-index{font-size:56px;right:10px;bottom:8px}.paper-seal{right:12px;bottom:166px;width:72px;opacity:.66}.paper-art-script{right:12px;bottom:22px;width:156px;opacity:.72}.paper-pepper{right:102px;bottom:128px;width:74px}.paper-thyme{display:none}.paper-rosemary{left:12px;bottom:14px;width:86px}}

/* SECTION 4 V2 — proportional artboard, locked to the approved 1648×928 composition */
@media (min-width:1101px){
  .menu-paper{
    padding:0;
    width:100%;
    background:#f1e7d9 url("assets/section4-paper-texture.png") center/cover no-repeat;
  }
  .menu-paper::before{
    background:linear-gradient(180deg,rgba(255,250,243,.5),rgba(242,232,218,.76));
  }
  .menu-paper::after{display:none}
  .menu-paper-shell{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:1648/928;
    min-height:0;
    overflow:hidden;
  }
  .menu-paper-shell::before{
    content:"";
    position:absolute;
    inset:2.05% 1.4%;
    border:1px solid rgba(75,55,42,.13);
    pointer-events:none;
    z-index:30;
  }

  .menu-paper-copy{
    position:absolute;
    left:4.55%;
    top:7.15%;
    width:27.7%;
    z-index:8;
  }
  .menu-paper-kicker{
    gap:.85vw;
    margin:0 0 2.05vw;
    font-size:.72vw;
    letter-spacing:.25em;
  }
  .menu-paper-kicker span{font-size:1.06vw}
  .menu-paper-kicker i{width:3.25vw}
  .menu-paper-copy h2{
    font-size:4.62vw;
    line-height:.94;
    letter-spacing:-.055em;
  }
  .menu-paper-lead{
    max-width:29ch;
    margin-top:1.55vw;
    font-size:1.18vw;
    line-height:1.56;
  }
  .menu-paper-actions{
    gap:1.3vw;
    margin-top:1.65vw;
    flex-wrap:nowrap;
  }
  .menu-paper-actions .btn{
    min-height:0;
    height:3.35vw;
    padding:0 1.32vw;
    font-size:.93vw;
    white-space:nowrap;
  }
  .paper-inline-link{
    min-height:0;
    height:3.15vw;
    font-size:.86vw;
    gap:.55vw;
    padding-bottom:.18vw;
    white-space:nowrap;
  }

  .menu-paper-local{
    position:absolute;
    left:3.9%;
    bottom:5.2%;
    width:30.5%;
    max-width:none;
    margin:0;
    z-index:2;
  }
  .paper-cathedral{
    width:100%;
    opacity:.41;
  }
  .paper-beauvais-script{
    position:absolute;
    left:3.8%;
    bottom:2.4%;
    width:72%;
    margin:0;
    opacity:.86;
  }
  .menu-paper-local p{
    position:absolute;
    left:5.5%;
    bottom:-7%;
    margin:0;
    font-size:.68vw;
    line-height:1.5;
    letter-spacing:.23em;
  }

  .menu-paper-tabs{
    position:absolute;
    left:34.05%;
    top:10.75%;
    width:24.7%;
    max-width:none;
    margin:0;
    padding:.78vw 1.08vw 1.22vw;
    z-index:12;
    background:rgba(250,244,236,.88);
    box-shadow:0 1.15vw 2.5vw rgba(43,29,20,.10);
  }
  .paper-tab{
    padding:1.04vw .24vw;
    font-size:1.82vw;
    line-height:1.06;
    gap:.8vw;
  }
  .paper-tab::after{font-size:1.7vw}
  .paper-tab.is-active{
    margin-inline:0;
    padding-inline:.24vw;
    box-shadow:0 .62vw 1.15vw rgba(115,27,22,.16);
  }
  .menu-paper-tabs blockquote{
    margin:1.38vw .24vw .22vw;
    font-size:1.7vw;
    line-height:1.28;
  }

  .menu-paper-visual{
    position:absolute;
    left:60.7%;
    top:5.65%;
    width:35.4%;
    height:75.4%;
    min-height:0;
    padding:0;
    z-index:7;
  }
  .paper-photo{
    position:absolute;
    inset:0 0 auto 0;
    width:100%;
    height:76.5%;
    margin:0;
    transform:rotate(2.2deg);
    transform-origin:50% 30%;
    box-shadow:0 1.7vw 3.4vw rgba(35,19,12,.24);
  }
  .paper-photo::after{
    right:1.45vw;
    top:1.2vw;
    max-width:7.8vw;
    font-size:.72vw;
    line-height:1.45;
  }
  .paper-photo img{
    width:100%;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
  }
  .paper-detail-card{
    position:absolute;
    left:-4.6%;
    right:2.2%;
    bottom:0;
    width:auto;
    min-height:27.1%;
    display:grid;
    grid-template-columns:minmax(0,1fr) 27%;
    gap:1.45vw;
    padding:1.52vw 1.48vw 1.25vw;
    box-shadow:0 1.1vw 2.5vw rgba(45,28,19,.14);
  }
  .paper-detail-note{
    margin:0 0 .62vw;
    font-size:.71vw;
  }
  .paper-detail-card h3{
    font-size:3.3vw;
    line-height:.93;
  }
  .paper-detail-card h3::after{
    width:3.1vw;
    margin-top:.72vw;
  }
  .paper-detail-card p{
    margin:.86vw 0 0;
    max-width:23ch;
    font-size:1.03vw;
    line-height:1.48;
  }
  .paper-detail-list{
    padding:.66vw .82vw 0 0;
    gap:.48vw;
  }
  .paper-detail-list li{
    font-size:.72vw;
    letter-spacing:.17em;
  }
  .paper-detail-index{
    right:1.1vw;
    bottom:.55vw;
    font-size:5vw;
  }

  .paper-seal{
    left:36.9%;
    bottom:6.2%;
    width:12.7%;
    max-width:none;
    opacity:.82;
    z-index:5;
  }
  .paper-art-script{
    right:4.1%;
    bottom:6.4%;
    width:19.3%;
    max-width:none;
    opacity:.82;
    z-index:4;
  }
  .paper-pepper{
    left:51.3%;
    bottom:7.2%;
    width:8.1%;
    max-width:none;
    opacity:.96;
    transform:rotate(-20deg);
    z-index:6;
  }
  .paper-thyme{
    right:19.1%;
    top:12.3%;
    width:6.7%;
    max-width:none;
    opacity:.96;
    transform:rotate(13deg);
    z-index:10;
  }
  .paper-rosemary{
    left:54.7%;
    bottom:-1.5%;
    width:22.9%;
    max-width:none;
    opacity:.98;
    transform:rotate(18deg);
    transform-origin:center;
    z-index:8;
  }
}

/* Tablet/mobile is a dedicated composition, not a squeezed desktop artboard. */
@media (max-width:1100px){
  .menu-paper{padding:68px 26px 82px}
  .menu-paper::after{inset:16px}
  .menu-paper-shell{display:grid;grid-template-columns:1fr;gap:20px;aspect-ratio:auto;overflow:visible}
  .menu-paper-copy,.menu-paper-tabs,.menu-paper-visual,.menu-paper-local{position:relative;inset:auto;width:auto;max-width:none;margin:0}
  .menu-paper-copy{max-width:760px}
  .menu-paper-copy h2{font-size:clamp(48px,8.2vw,82px)}
  .menu-paper-lead{font-size:clamp(17px,2.2vw,21px);max-width:42ch}
  .menu-paper-local{order:4;max-width:360px;margin-top:12px}
  .menu-paper-tabs{order:2;max-width:720px;padding:12px 16px 20px}
  .paper-tab{font-size:clamp(24px,3vw,32px)}
  .menu-paper-visual{order:3;max-width:760px;min-height:0;padding:0}
  .paper-photo{position:relative;inset:auto;width:100%;height:auto;transform:none}
  .paper-photo img{height:auto;aspect-ratio:4/5;object-fit:cover}
  .paper-detail-card{position:relative;inset:auto;width:calc(100% - 48px);margin:-34px 24px 0;min-height:0}
  .paper-seal{left:auto;right:5%;bottom:17%;width:12%;max-width:100px}
  .paper-art-script{right:3%;bottom:2%;width:28%;max-width:230px}
  .paper-pepper{left:auto;right:20%;bottom:14%;width:11%;max-width:90px;transform:rotate(-18deg)}
  .paper-thyme{right:4%;top:34%;width:10%;max-width:90px;transform:rotate(12deg)}
  .paper-rosemary{left:2%;bottom:0;width:20%;max-width:140px;transform:rotate(15deg)}
}

@media (max-width:640px){
  .menu-paper{padding:58px 18px 72px}
  .menu-paper-copy h2{font-size:clamp(42px,12vw,62px)}
  .menu-paper-local{display:none}
  .menu-paper-tabs{padding:10px 14px 18px}
  .paper-tab{font-size:22px}
  .paper-detail-card{width:calc(100% - 28px);margin:-22px 14px 0;padding:24px 18px 42px}
  .paper-detail-note{margin:0 0 14px}
  .paper-detail-card p{margin:16px 0 0}
  .paper-detail-list{padding-top:14px}
  .paper-detail-index{right:12px;bottom:10px}
  .paper-seal{right:3%;bottom:14%;width:18%;max-width:72px}
  .paper-art-script{right:3%;bottom:1%;width:40%;max-width:160px}
  .paper-pepper{left:auto;right:19%;bottom:14%;width:10%;max-width:42px;transform:rotate(-12deg);z-index:2}
  .paper-thyme{display:none}
  .paper-rosemary{left:auto;right:-4%;bottom:3.5%;width:29%;max-width:126px;transform:rotate(-24deg);transform-origin:center;z-index:1}
}

/* SECTION 4 V3 — decorative assets locked to approved mockup coordinates */
@media(min-width:1101px){
  /* Local Beauvais composition: starts below the CTA, never behind it */
  .menu-paper-local{
    left:3.2%;
    top:61.8%;
    bottom:auto;
    width:34.0%;
    height:30.8%;
    max-width:none;
    margin:0;
    z-index:2;
    overflow:visible;
  }
  .paper-cathedral{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:auto;
    opacity:.42;
  }
  .paper-beauvais-script{
    position:absolute;
    left:2.2%;
    top:68.2%;
    bottom:auto;
    width:59%;
    height:auto;
    margin:0;
    opacity:.87;
  }
  .menu-paper-local p{
    display:none;
  }

  /* Seal — larger and anchored between Beauvais engraving and food composition */
  .paper-seal{
    left:40.4%;
    top:79.0%;
    bottom:auto;
    width:8.9%;
    max-width:none;
    opacity:.82;
    z-index:5;
  }

  /* Pepper — compact cluster beside the rosemary, not floating in the middle */
  .paper-pepper{
    left:53.0%;
    top:81.5%;
    bottom:auto;
    width:4.3%;
    max-width:none;
    opacity:.98;
    transform:rotate(-10deg);
    transform-origin:center;
    z-index:6;
  }

  /* Rosemary — diagonal along the lower-right paper area, behind the Entrecôte card */
  .paper-rosemary{
    left:56.0%;
    top:81.6%;
    bottom:auto;
    width:18.8%;
    max-width:none;
    opacity:.98;
    transform:rotate(-17deg);
    transform-origin:center;
    z-index:6;
  }

  /* Handwritten signature: bottom-right, aligned with rosemary, not isolated */
  .paper-art-script{
    right:5.0%;
    top:85.6%;
    bottom:auto;
    width:15.8%;
    max-width:none;
    opacity:.82;
    z-index:5;
  }

  /* Food/photo card must always sit above the herbs */
  .menu-paper-visual{z-index:10}
  .paper-photo{z-index:1}
  .paper-detail-card{z-index:4}

  /* Thyme remains a subtle photo detail, not a floating decoration */
  .paper-thyme{
    right:18.0%;
    top:12.8%;
    width:5.4%;
    max-width:none;
    transform:rotate(18deg);
    z-index:12;
  }
}

/* =========================================================
   SECTION 4 — MOBILE
   One source of truth for the mobile product card + rosemary
   ========================================================= */

.mobile-paper-decor {
  display: none;
}

@media (max-width: 640px) {
  .menu-paper {
    padding-bottom: 0;
  }

  .paper-inline-link {
    display: none;
  }

  .menu-paper-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    overflow: visible;
  }

  /* Desktop-only decorative assets are hidden on mobile. */
  .menu-paper-shell > .paper-seal,
  .menu-paper-shell > .paper-art-script,
  .menu-paper-shell > .paper-pepper,
  .menu-paper-shell > .paper-thyme,
  .menu-paper-shell > .paper-rosemary {
    display: none;
  }

  .menu-paper-visual {
    order: 3;
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: visible;
  }

  .paper-detail-card {
    position: relative;
    inset: auto;
    width: calc(100% - 28px);
    margin: -22px 14px 0;
    padding: 28px 18px 34px;
    min-height: 0;
    box-sizing: border-box;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }

  .paper-detail-note {
    margin: 0 0 12px;
  }

  .paper-detail-card h3 {
    margin: 0;
  }

  .paper-detail-card p {
    margin: 16px 0 0;
    max-width: none;
  }

  .paper-detail-list {
    margin: 0;
    padding: 12px 0 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 9px;
  }

  .paper-detail-index {
    right: 12px;
    bottom: 8px;
  }

  /* Decorative strip between the product card and the next section. */
  .mobile-paper-decor {
    order: 4;
    display: block;
    position: relative;
    height: 34px;
    margin-top: -8px;
    overflow: visible;
    pointer-events: none;
    z-index: 3;
  }

  .mobile-paper-rosemary {
    display: block;
    position: absolute;
    width: 256px;
    height: auto;
    left: auto;
    right: -110px;
    top: -120px;
    object-fit: contain;
    transform: scaleY(-1) scaleX(-1) rotate(-70deg);
    transform-origin: center;
    z-index: 3;
  }
}

@media (max-width: 390px) {
  .mobile-paper-decor {
    height: 28px;
    margin-top: -6px;
  }

  .mobile-paper-rosemary {
    width: 244px;
    right: -110px;
    top: -120px;
  }
}

/* =========================================================
   SHARED VISUAL SYSTEM — CTAs & DARK-SECTION EYEBROWS
   ========================================================= */

/* Dark sections use the exact eyebrow treatment of “À Beauvais, le soir”. */
.section-two-copy .kicker,
.experience-kicker,
.place-panel .kicker {
  display: block;
  margin: 0 0 20px;
  color: #d8a077;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .19em;
  text-transform: uppercase;
  white-space: normal;
}
.experience-kicker span { display: none; }

/* Pepper is removed from the desktop Section 4 composition only. */
@media (min-width: 1101px) {
  .menu-paper-shell > .paper-pepper { display: none; }
}



/* =========================================================
   FINAL SECTION — WOOD BOARD / RESERVATION CARD
   Real restaurant serving-board image + responsive paper card.
   ========================================================= */
.final-reservation{
  position:relative;
  background:
    radial-gradient(circle at 16% 0%,rgba(123,47,28,.16),transparent 31%),
    #090706;
  color:#f5ede5;
  padding:clamp(72px,7vw,112px) var(--gutter) 34px;
  overflow:hidden;
}
.final-anchor{position:absolute;top:0;left:0}
.final-stage{
  position:relative;
  width:min(1480px,100%);
  min-height:clamp(620px,47vw,790px);
  margin:0 auto;
  display:flex;
  align-items:center;
  padding:clamp(42px,5.2vw,82px);
  isolation:isolate;
  background-image:
    linear-gradient(90deg,rgba(8,6,5,.16) 0%,rgba(8,6,5,.02) 56%,rgba(8,6,5,.12) 100%),
    url('assets/final-board-overhead.webp');
  background-size:cover;
  background-position:center center;
  box-shadow:0 34px 90px rgba(0,0,0,.38);
}
.final-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(7,5,4,.36),rgba(7,5,4,0) 44%,rgba(7,5,4,.08));
  pointer-events:none;
}
.final-paper{
  position:relative;
  width:min(760px,59%);
  min-height:520px;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(225px,.84fr);
  gap:clamp(34px,4vw,64px);
  align-items:center;
  padding:clamp(44px,4.8vw,74px);
  color:#211612;
  background-color:#eee3d2;
  background-image:
    linear-gradient(rgba(246,237,224,.84),rgba(238,226,209,.84)),
    url('assets/section4-paper-texture.png');
  background-size:auto,480px auto;
  background-blend-mode:normal;
  border:1px solid rgba(76,47,32,.16);
  box-shadow:0 26px 70px rgba(0,0,0,.38);
}
.final-paper::before,
.final-paper::after{
  content:"";
  position:absolute;
  width:34px;
  height:34px;
  background:#6f4a2f;
  opacity:.15;
  border-radius:50%;
}
.final-paper::before{left:-17px;top:27%}
.final-paper::after{right:-17px;bottom:24%}
.final-paper-main{position:relative;z-index:2}
.final-brand{
  margin:0 0 28px;
  font:700 14px/1 Georgia,'Times New Roman',serif;
  letter-spacing:.16em;
  color:#6f211c;
}
.final-brand span{
  display:block;
  margin-top:8px;
  color:#6c5548;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:500;
  letter-spacing:.24em;
}
.final-paper h2{
  margin:0;
  font:400 clamp(52px,5.2vw,84px)/.9 Georgia,'Times New Roman',serif;
  letter-spacing:-.055em;
}
.final-paper h2 em{font-weight:400;color:#8d2117}
.final-lead{
  max-width:420px;
  margin:28px 0 30px;
  font:400 clamp(17px,1.35vw,21px)/1.5 Georgia,'Times New Roman',serif;
  color:#4e382d;
}
.final-cta{
  min-width:min(100%,340px);
  min-height:62px;
  justify-content:space-between;
  padding-inline:28px;
}
.final-paper-details{
  position:relative;
  z-index:2;
  display:grid;
  align-content:center;
  gap:0;
  padding-left:clamp(24px,3vw,44px);
  border-left:1px solid rgba(74,47,33,.28);
}
.final-detail{padding:22px 0;border-bottom:1px solid rgba(74,47,33,.22)}
.final-detail:first-child{padding-top:0}
.final-detail:last-child{padding-bottom:0;border-bottom:0}
.final-detail-label{
  display:block;
  margin-bottom:10px;
  color:#8c5a47;
  font-size:9px;
  font-weight:700;
  line-height:1;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.final-detail p,.final-detail a{
  margin:0;
  color:#211612;
  text-decoration:none;
  font:400 17px/1.42 Georgia,'Times New Roman',serif;
}
.final-detail>a:not(.final-hours){font-size:22px}
.final-hours-list{
  display:grid;
  gap:11px;
}
.final-hours-list p{
  margin:0;
  display:grid;
  gap:3px;
  color:#211612;
}
.final-hours-list strong{
  font:700 10px/1.25 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#684b3d;
}
.final-hours-list span{
  font:400 13px/1.35 Georgia,'Times New Roman',serif;
  white-space:nowrap;
}
.final-hours-list .is-closed span{
  color:#8d2117;
  font-style:italic;
}
.final-seal{
  position:absolute;
  top:34px;
  right:34px;
  width:94px;
  height:94px;
  object-fit:contain;
  opacity:.34;
  mix-blend-mode:multiply;
  pointer-events:none;
}
.final-signoff{
  width:min(1480px,100%);
  margin:26px auto 0;
  display:flex;
  justify-content:space-between;
  gap:30px;
  color:#9d806c;
  font-size:9px;
  line-height:1.4;
  letter-spacing:.2em;
  text-transform:uppercase;
}

@media(max-width:1100px){
  .final-stage{min-height:650px;padding:42px}
  .final-paper{width:min(790px,72%);grid-template-columns:minmax(0,1.05fr) minmax(210px,.95fr);padding:50px}
  .final-seal{width:78px;height:78px;top:24px;right:24px}
}

@media(max-width:760px){
  .final-reservation{padding:58px 18px 28px}
  .final-stage{
    min-height:0;
    display:block;
    padding:18px 14px 250px;
    background-size:auto 100%;
    background-position:78% bottom;
  }
  .final-stage::before{
    background:linear-gradient(180deg,rgba(7,5,4,.06),rgba(7,5,4,.04) 62%,rgba(7,5,4,.16));
  }
  .final-paper{
    width:100%;
    min-height:0;
    grid-template-columns:1fr;
    gap:30px;
    padding:38px 24px 32px;
  }
  .final-paper::before,.final-paper::after{width:24px;height:24px}
  .final-paper::before{left:-12px}.final-paper::after{right:-12px}
  .final-brand{padding-right:72px;margin-bottom:24px;font-size:12px}
  .final-paper h2{font-size:clamp(48px,15vw,68px);line-height:.9}
  .final-lead{margin:24px 0 26px;font-size:17px}
  .final-cta{width:100%;min-width:0;min-height:58px}
  .final-paper-details{
    gap:0;
    padding:4px 0 0;
    border-left:0;
    border-top:1px solid rgba(74,47,33,.26);
  }
  .final-detail{
    display:grid;
    grid-template-columns:105px minmax(0,1fr);
    align-items:start;
    gap:16px;
    padding:18px 0;
  }
  .final-detail-label{margin:5px 0 0;font-size:8px}
  .final-detail p,.final-detail a{font-size:15px}
  .final-detail>a{font-size:18px}
  .final-detail-hours{align-items:start}
  .final-hours-list{gap:10px}
  .final-hours-list strong{font-size:9px}
  .final-hours-list span{font-size:14px;white-space:normal}
  .final-seal{width:66px;height:66px;top:22px;right:18px}
  .final-signoff{margin-top:18px;display:block;font-size:8px}
  .final-signoff span:last-child{display:none}
}

@media(max-width:420px){
  .final-reservation{padding-inline:14px}
  .final-stage{padding:12px 10px 210px;background-position:80% bottom}
  .final-paper{padding:32px 20px 28px}
  .final-paper h2{font-size:51px}
  .final-detail{grid-template-columns:88px minmax(0,1fr);gap:10px}
  .final-detail-hours{grid-template-columns:88px minmax(0,1fr)}
  .final-hours-list span{font-size:13px}
  .final-seal{width:58px;height:58px;right:14px;top:18px}
}
