:root{--black:#080808;--char:#171717;--red:#c8201d;--bright:#ed2b20;--gold:#f3b525;--cream:#f4eee1;--gray:#aaa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,Helvetica,sans-serif}.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(8,8,8,.96);border-bottom:1px solid #292929}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;letter-spacing:2px}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{color:#ddd;text-decoration:none;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.7px}.nav-order{border:1px solid #555;padding:10px 12px;color:#888!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:55px 7vw;background:radial-gradient(circle at 75% 42%,#392516 0,#15100b 28%,#080808 63%);overflow:hidden}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;font-weight:900}.hero h1,.section-heading h2,.feature h2,.visit h2,.ordering h2,.catering h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:2px;line-height:.88;margin:10px 0}.hero h1{font-size:clamp(80px,12vw,170px)}.hero h1 span{color:var(--bright);text-shadow:3px 3px var(--gold)}.lead{font-size:20px;line-height:1.55;max-width:590px;color:#d7d0c4}.hero-art img{display:block;width:min(590px,100%);margin:auto;mix-blend-mode:screen}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.btn{display:inline-block;padding:15px 21px;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.8px;border:2px solid var(--bright)}.primary{background:var(--bright);color:#fff}.outline{color:#fff}.gold{background:var(--gold);border-color:var(--gold);color:#111}.dark{background:#111;border-color:#111;color:#fff}.soldout{font-weight:900;letter-spacing:2px}.quick{display:grid;grid-template-columns:repeat(3,1fr);background:var(--gold);color:#111}.quick a{padding:20px;text-align:center;color:#111;text-decoration:none;border-right:1px solid #c8900b}.quick b,.quick span{display:block}.quick b{font-size:15px}.quick span{font-size:11px;margin-top:4px}.food-grid{padding:65px 6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.food-grid figure{height:430px;margin:0;position:relative;overflow:hidden}.food-grid img{width:100%;height:100%;object-fit:cover}.food-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 20px 20px;background:linear-gradient(transparent,#000)}.food-grid figcaption b,.food-grid figcaption span{display:block}.food-grid figcaption b{font-size:22px}.food-grid figcaption span{font-size:12px;color:#bbb;margin-top:5px}.menu-section{padding:80px 6vw;background:var(--cream);color:#181818}.section-heading{text-align:center;max-width:750px;margin:auto}.section-heading h2{font-size:72px}.section-heading p:last-child{color:#625d54}.menu-grid{max-width:1100px;margin:40px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-grid article{background:#fff;padding:27px;border-top:7px solid var(--bright);box-shadow:0 7px 25px #00000010}.menu-grid h3{margin:0 0 15px}.item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px dashed #c7c0b5}.item b{color:#b61918}.item small{grid-column:1/-1;color:#777;line-height:1.4}.weekly{padding:12px;background:var(--gold);text-align:center;font-weight:900}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--char)}.feature>img{width:100%;height:520px;object-fit:cover}.feature>div{padding:7vw}.feature h2{font-size:clamp(55px,7vw,100px)}.feature>div>p:not(.eyebrow){color:#bbb;line-height:1.5}.text-link{color:var(--gold);font-weight:900;text-decoration:none}.visit{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:75px 8vw;background:var(--red);min-height:580px}.visit h2{font-size:clamp(60px,8vw,105px)}.detail{margin:20px 0}.detail small{display:block;color:#ffd76c;font-weight:900;letter-spacing:2px;margin-bottom:5px}.detail strong,.detail a{font-size:19px;color:#fff;text-decoration:none;line-height:1.4}.visit-mascot{display:flex;justify-content:center}.visit-mascot img{width:min(430px,100%);mix-blend-mode:screen}.ordering{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 8vw;background:#111;border-top:1px solid #2d2d2d}.ordering h2{font-size:52px}.ordering p:last-child{color:#aaa;max-width:700px;line-height:1.5}.status{white-space:nowrap;border:2px solid #555;color:#aaa;padding:14px 18px;font-weight:900}.catering{text-align:center;padding:105px 20px;background:linear-gradient(#000c,#000e),url('ribs-brisket.jpg') center/cover}.catering h2{font-size:clamp(55px,8vw,105px)}.catering>p:not(.eyebrow){max-width:650px;margin:20px auto 28px;color:#ddd;line-height:1.6}footer{padding:30px 5vw;display:flex;align-items:center;gap:35px;color:#999}.foot-brand{display:flex;align-items:center;gap:12px}.foot-brand img{width:55px;height:55px;border-radius:50%;object-fit:cover}.foot-brand div{display:flex;flex-direction:column;color:#fff}.foot-brand span{font-size:11px;color:#999}.foot-links{display:flex;gap:20px}.foot-links a{color:#bbb;text-decoration:none;font-size:12px}footer small{margin-left:auto}
/* V3: mobile-first refinement */
@media(max-width:960px){
  .site-header{height:72px;padding:0 5vw}
  .brand img{width:45px;height:45px}
  .brand span{font-size:13px}
  .site-header nav{
    display:none;position:absolute;top:72px;left:0;right:0;
    background:#0d0d0d;padding:18px 5vw 24px;flex-direction:column;
    align-items:stretch;gap:0;border-bottom:1px solid #333
  }
  .site-header nav.open{display:flex}
  .site-header nav a{
    font-size:15px;padding:15px 4px;border-bottom:1px solid #292929
  }
  .nav-order{border:0!important;color:#f3b525!important}
  .menu-toggle{display:block;font-size:29px;padding:8px}

  .hero{
    grid-template-columns:1fr 1fr;min-height:500px;
    padding:42px 6vw 45px;gap:10px
  }
  .hero h1{font-size:clamp(64px,12vw,105px)}
  .hero-art img{width:100%;max-height:380px;object-fit:contain}
  .lead{font-size:17px}
  .btn{padding:14px 18px}

  .quick a{padding:20px 10px;min-height:74px;display:flex;flex-direction:column;justify-content:center}
  .quick b{font-size:14px}.quick span{font-size:10px}

  .menu-grid{grid-template-columns:1fr}
  .menu-grid article{padding:25px}
  .item{font-size:15px;padding:12px 0}
  .item b{font-size:15px}

  .feature,.visit{grid-template-columns:1fr}
  .visit-mascot{order:-1}
  .visit-mascot img{max-height:320px;object-fit:contain}
  .ordering{align-items:flex-start;flex-direction:column}
  footer{flex-wrap:wrap}
}

@media(max-width:620px){
  .hero{
    min-height:auto;grid-template-columns:1.08fr .92fr;
    padding:34px 5vw 40px;align-items:center
  }
  .hero-copy{z-index:2}
  .hero h1{font-size:58px;line-height:.86;margin:7px 0}
  .hero .eyebrow{font-size:9px;letter-spacing:2px}
  .hero .lead{font-size:13px;line-height:1.45;margin:12px 0}
  .hero .actions{gap:8px;margin:17px 0}
  .hero .btn{font-size:10px;padding:11px 12px}
  .soldout{font-size:10px}
  .hero-art img{transform:scale(1.16);max-height:270px}

  .quick{grid-template-columns:1fr}
  .quick a{
    min-height:68px;padding:14px 18px;border-right:0;
    border-bottom:1px solid #c78d05
  }
  .quick b{font-size:16px}
  .quick span{font-size:12px;margin-top:3px}

  .food-grid{
    grid-template-columns:1fr;gap:12px;padding:28px 5vw
  }
  .food-grid figure{height:300px}
  .food-grid figcaption b{font-size:22px}
  .food-grid figcaption span{font-size:13px}

  .menu-section{padding:55px 5vw}
  .section-heading h2{font-size:58px}
  .section-heading p:last-child{font-size:13px;line-height:1.45}
  .menu-grid{gap:14px;margin-top:28px}
  .menu-grid article{padding:22px 20px;border-top-width:6px}
  .menu-grid h3{font-size:20px}
  .item{font-size:16px;line-height:1.3;padding:13px 0}
  .item b{font-size:16px}
  .item small{font-size:12px}
  .weekly{font-size:13px;padding:13px}

  .feature>img{height:340px}
  .feature>div{padding:50px 7vw}
  .feature h2{font-size:57px}
  .feature>div>p:not(.eyebrow){font-size:14px}

  .visit{padding:50px 7vw 58px}
  .visit-mascot img{max-height:265px}
  .visit h2{font-size:62px}
  .detail{margin:18px 0}
  .detail strong,.detail a{font-size:18px}
  .visit .actions{display:grid;grid-template-columns:1fr 1fr}
  .visit .btn{text-align:center;font-size:11px;padding:14px 10px}

  .ordering{padding:48px 7vw;gap:18px}
  .ordering h2{font-size:45px}
  .ordering p:last-child{font-size:14px}
  .status{font-size:12px;padding:12px 15px}

  .catering{padding:78px 6vw}
  .catering h2{font-size:53px}
  .catering>p:not(.eyebrow){font-size:14px}
  .catering .btn{font-size:14px;padding:17px 23px}

  footer{padding:27px 6vw;gap:18px}
  .foot-links{width:100%;justify-content:flex-start}
  footer small{margin:0;width:100%}
}

@media(max-width:390px){
  .hero h1{font-size:52px}
  .hero .lead{font-size:12px}
  .hero-art img{transform:scale(1.12)}
}


/* V4 polish */
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:6px;vertical-align:1px}

/* Slightly tighter desktop/tablet hero as well */
.hero{min-height:640px}

/* Keep catering heading from breaking into awkward fragments */
.catering h2{max-width:1050px;margin-left:auto;margin-right:auto;text-wrap:balance}

@media(max-width:620px){
  /* Get customers to the action bar faster */
  .hero{
    padding-top:28px;
    padding-bottom:30px;
    min-height:0
  }
  .hero-art img{
    max-height:235px;
    transform:scale(1.10)
  }
  .hero .actions{margin:14px 0}
  .soldout{margin-bottom:0}

  /* Compact the visit mascot and integrate it with the section */
  .visit{
    position:relative;
    display:block;
    overflow:hidden;
    padding:52px 7vw 58px
  }
  .visit-copy{position:relative;z-index:2}
  .visit-mascot{
    position:absolute;
    display:block;
    right:-20px;
    top:28px;
    width:185px;
    opacity:.42;
    z-index:1
  }
  .visit-mascot img{
    width:100%;
    max-height:none;
    object-fit:contain;
    mix-blend-mode:screen
  }
  .visit h2{
    max-width:78%;
    font-size:58px;
    margin-bottom:28px
  }
  .visit .detail{max-width:78%}

  /* Catering headline stays readable and balanced */
  .catering h2{
    font-size:48px;
    line-height:.92;
    max-width:560px
  }

  /* More compact footer */
  footer{padding:24px 6vw;gap:12px}
  .foot-brand img{width:46px;height:46px}
  .foot-links{margin-top:3px}
  footer small{margin-top:2px}
}

@media(max-width:390px){
  .visit h2{font-size:52px}
  .visit-mascot{width:160px;right:-22px}
  .catering h2{font-size:43px}
}