/* Site 11: "Signature Reel". Theme layer on top of maki.css (brand fonts, mobile-first base). */
:root{
  --alt-bg:var(--cream);--card-r:20px;--card-bd:0;--card-bd2:2px solid #f0e0d6;--card-sh:0 6px 20px rgba(0,0,0,.06);
  --lab:12px/1.2 var(--f-wide);--dn-font:14px/1.25 var(--f-wide);--ph-bg:var(--ink);--ph-fg:#fff;
}
.dish .dn{text-transform:uppercase;letter-spacing:.04em}
.dish .tag{font-size:9px}
.menu .panel a[aria-current]{color:var(--ink)}
.facts dt{font-size:10px}
.mh strong{font-family:var(--f-body)}
.foot .fh{font-size:11px}

.hero11{position:relative;background:var(--ink);color:#fff;padding:0}
.hero11 .media{aspect-ratio:4/3}
.hero11 .wrap{position:relative;z-index:1;padding-top:26px;padding-bottom:34px}
.hero11 h1{font-size:clamp(40px,11vw,80px);line-height:1.14;max-width:14ch;margin:14px 0 4px}
.hero11 h1 em{font-style:normal;color:var(--o);position:relative;white-space:nowrap}
.hero11 h1 em svg{position:absolute;left:-4%;bottom:-.08em;width:108%;height:.18em}
.hero11 .script{font-size:clamp(46px,12vw,96px);color:var(--o);margin:0 0 20px}
.hero11 .row{max-width:520px}
.hero11 .call{display:inline-block;margin-top:16px;font-size:15px}

.phero .script{color:var(--o)}

@media (min-width:1080px){
  .hero11{min-height:86vh;display:flex;align-items:flex-end}
  .hero11 .media{position:absolute;inset:0;aspect-ratio:auto}
  .hero11::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15) 65%)}
  .hero11 .wrap{padding-bottom:70px}
  .phero:not(.compact){min-height:64vh;display:flex;align-items:flex-end}
  .phero:not(.compact) .media{position:absolute;inset:0;aspect-ratio:auto}
  .phero:not(.compact)::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2) 70%)}
  .phero:not(.compact) .ph-text{padding-bottom:56px;padding-top:80px;width:100%}
}