@font-face {
  font-family: 'Gloock';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/gloock-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/karla-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../fonts/karla-normal-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--cream:#f5ead6;--char:#1e1915;--red:#c3361b;--basil:#3f5a2f;--mute:#6e5f4f}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--char);font:400 17px/1.6 'Karla',system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,.logo{font-family:'Gloock',Georgia,serif;font-weight:400}
.sample-bar{background:var(--char);color:#e9dcc4;font-size:13px;text-align:center;padding:7px 12px}
.sample-bar a{color:#fff}
.hero{position:relative;min-height:88vh;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#1e1915}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.15) contrast(1.05)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,10,.55) 0,rgba(20,14,10,0) 30%,rgba(20,14,10,.15) 50%,rgba(20,14,10,.85) 100%)}
.nav,.hero-txt{position:relative;z-index:1}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px}
.logo{font-size:26px;text-decoration:none;margin:0}
.logo i{color:#f0b46a;font-style:normal}
.links{display:flex;gap:26px;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.links a{text-decoration:none}
.call{text-decoration:none;font-weight:700;border-bottom:2px solid #f0b46a}
.hero-txt{padding:0 28px 56px;max-width:980px}
.status{display:inline-block;background:var(--basil);color:#fff;font-weight:700;font-size:14px;padding:6px 12px;border-radius:30px;margin:0 0 18px}
.status.closed{background:#6b5a4a}
h1{font-size:clamp(48px,8.6vw,120px);line-height:.95;margin:0 0 20px;letter-spacing:-.01em}
.sub{font-size:20px;max-width:34em;margin:0 0 26px;color:#f7ecd9}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin:0}
.b-red,.b-ghost,.b-line,.dock button{font:700 16px/1 'Karla',sans-serif;padding:16px 24px;border-radius:40px;text-decoration:none;cursor:pointer;border:2px solid transparent;display:inline-block}
.b-red{background:var(--red);color:#fff}
.b-red:hover{background:#a92a12}
.b-ghost{border-color:#fff;color:#fff}
.b-line{border-color:var(--char)}
:focus-visible{outline:3px solid #f0b46a;outline-offset:3px}
.eyebrow{font:700 13px/1 'Karla';letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 12px}
section{padding:80px 28px}
h2{font-size:clamp(40px,5vw,64px);line-height:1;margin:0 0 14px}
.menu{max-width:1080px;margin:0 auto}
.menu-head{text-align:center;margin-bottom:28px}
.menu-head p:last-child{color:var(--mute);margin:0}
.tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;border-top:2px solid var(--char);border-bottom:2px solid var(--char);padding:8px 0;margin-bottom:34px}
.tabs button{background:none;border:0;font:400 22px/1 'Gloock',serif;padding:10px 16px;cursor:pointer;color:var(--mute);border-radius:30px}
.tabs button[aria-selected=true]{color:#fff;background:var(--char)}
.items{list-style:none;margin:0;padding:0;columns:2;column-gap:64px}
.items li{break-inside:avoid;margin-bottom:24px}
.row{display:flex;align-items:baseline;gap:8px;font-family:'Gloock',serif;font-size:23px}
.dots{flex:1;border-bottom:2px dotted #b9a78e;transform:translateY(-6px)}
.items p{margin:2px 0 0;color:var(--mute);font-size:16px}
.oven{display:grid;grid-template-columns:1fr 1fr;padding:0;background:var(--char);color:var(--cream)}
.oven img{width:100%;height:100%;object-fit:cover;min-height:420px}
.oven-txt{padding:72px 56px;align-self:center}
.oven .eyebrow{color:#f0b46a}
.drop{font-size:20px}
.drop::first-letter{font-family:'Gloock',serif;float:left;font-size:72px;line-height:.85;padding:6px 10px 0 0;color:#f0b46a}
.strip{margin:0;position:relative}
.strip img{width:100%;height:62vh;min-height:300px;object-fit:cover}
.strip figcaption{font-style:italic;color:var(--mute);padding:10px 28px;font-size:15px}
.reviews{max-width:1080px;margin:0 auto;text-align:center}
.fine{font-size:13.5px;color:var(--mute)}
.rv{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:26px 0 30px;text-align:left}
blockquote{margin:0;border-top:2px solid var(--char);padding-top:18px}
blockquote p{font-family:'Gloock',serif;font-size:26px;line-height:1.25;margin:0 0 12px}
blockquote footer{color:var(--red);font-weight:700;font-size:14px}
.visit{background:var(--red);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-left:max(28px,calc((100vw - 1080px)/2));padding-right:max(28px,calc((100vw - 1080px)/2))}
.visit .eyebrow{color:#ffd9a8}
.addr{font-size:22px}
.visit .b-red{background:var(--char)}
.hours{width:100%;border-collapse:collapse;font-size:19px;align-self:center}
.hours caption{text-align:left;font-family:'Gloock',serif;font-size:28px;margin-bottom:8px}
.hours th,.hours td{text-align:left;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.35);font-weight:400}
.hours td{text-align:right}
.hours tr.today{font-weight:700}
.hours tr.today th::after{content:" (today)";font-weight:400;font-size:14px}
.foot{padding:40px 28px;text-align:center;background:var(--char);color:var(--cream)}
.foot p{margin:0 0 6px}
.foot .fine{color:#b9a78e}
.foot .fine a{color:#f5ead6}
.dock{position:fixed;left:0;right:0;bottom:0;display:none;background:var(--char);padding:8px;gap:8px;z-index:5}
.dock a,.dock button{flex:1;text-align:center;color:#fff;text-decoration:none;font:700 15px/1 'Karla';padding:14px 6px;border-radius:30px;border:1px solid #5b4c3e;background:none}
.dock button{background:var(--red);border-color:var(--red)}
dialog{border:0;border-radius:18px;max-width:420px;padding:26px;background:var(--cream)}
dialog::backdrop{background:rgba(20,14,10,.6)}
dialog h2{font-size:28px}
dialog button{font:700 16px 'Karla';background:var(--red);color:#fff;border:0;border-radius:30px;padding:12px 22px;cursor:pointer}
@media (max-width:800px){
 body{padding-bottom:74px}
 .links,.call{display:none}
 .nav{justify-content:center}
 .hero{min-height:82vh}
 .hero-txt{padding:0 20px 34px}
 .sub{font-size:18px}
 section{padding:56px 20px}
 .items{columns:1}
 .row{font-size:20px}
 .tabs button{font-size:18px;padding:9px 12px}
 .oven{grid-template-columns:1fr}
 .oven img{min-height:0;aspect-ratio:4/3}
 .oven-txt{padding:44px 20px 52px}
 .rv{grid-template-columns:1fr}
 .visit{grid-template-columns:1fr;gap:20px}
 .dock{display:flex}
}