@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600;1,700&display=swap');
:root{--bg:#eee6d8;--ink:#151412;--muted:#756e64;--line:#cfc5b5;--accent:#8a654d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 4vw;mix-blend-mode:multiply}.logo{font-weight:700;font-size:28px;letter-spacing:-.08em}.logo span{font-size:10px;vertical-align:top;margin-left:2px}.menu-btn{border:0;background:transparent;width:48px;height:48px;display:grid;place-content:center;gap:7px;cursor:pointer}.menu-btn i{display:block;width:28px;height:2px;background:#111;transition:.35s}.menu-overlay{position:fixed;inset:0;background:#171512;color:#f2eadc;z-index:30;display:grid;place-content:center;text-align:center;transform:translateY(-100%);transition:.65s cubic-bezier(.77,0,.18,1)}.menu-overlay.open{transform:translateY(0)}.menu-overlay nav{display:grid;gap:15px}.menu-overlay nav a{font-size:clamp(42px,8vw,100px);font-weight:700;letter-spacing:-.06em}.menu-overlay p{margin-top:40px;color:#aaa093;font-size:11px;letter-spacing:.18em}.close{position:absolute;top:18px;right:4vw;background:none;border:0;color:#f2eadc;font-size:42px;cursor:pointer}.hero{min-height:100vh;padding:130px 4vw 55px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--muted);margin:0 0 28px}.hero h1,.statement h2,.menu-title h2,.contact h2{font-size:clamp(54px,7.8vw,130px);line-height:.86;letter-spacing:-.07em;margin:0}.hero h1 em,.statement h2 em,.menu-title h2 em,.contact h2 em{font-family:"Playfair Display",serif;font-weight:600}.intro{max-width:470px;color:#5e574e;line-height:1.6;margin:36px 0}.hero-actions{display:flex;gap:28px;align-items:center}.btn{display:inline-flex;gap:22px;align-items:center;background:var(--ink);color:var(--bg);padding:16px 20px;font-size:11px;font-weight:700;letter-spacing:.08em}.btn span{font-size:18px}.text-link{font-size:10px;font-weight:700;letter-spacing:.16em}.hero-media{position:relative;height:min(72vh,720px);overflow:hidden}.hero-media img,.card img{width:100%;height:100%;object-fit:cover;display:block}.stamp{position:absolute;right:18px;bottom:18px;background:var(--bg);padding:16px;text-align:center;font-size:13px;font-weight:700;line-height:1.05;letter-spacing:.08em}.stamp small{font-size:9px}.statement{padding:12vw 8vw;max-width:1200px}.statement p:last-child{max-width:600px;margin:55px 0 0 auto;line-height:1.7;color:#5e574e}.gallery{padding:0 4vw 12vw}.section-head{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:90px;gap:14px}.card{margin:0;position:relative;overflow:hidden;background:#d8cfbf}.card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover img{transform:scale(1.05)}.card figcaption{position:absolute;left:14px;bottom:12px;color:white;font-weight:700;letter-spacing:.1em;text-shadow:0 2px 15px #000}.c1{grid-column:1/6;grid-row:1/7}.c2{grid-column:6/13;grid-row:1/5}.c3{grid-column:6/9;grid-row:5/10}.c4{grid-column:9/13;grid-row:5/10}.c5{grid-column:1/6;grid-row:7/10}.menu-section{padding:10vw 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.menu-list{margin-top:25px}.menu-list div{display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);font-size:22px;font-weight:700}.menu-list b{font-size:11px;color:var(--muted)}.video-section{height:75vh;position:relative;overflow:hidden}.video-section video{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.video-section>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:white;text-shadow:0 2px 25px #000}.video-section span{font-size:11px;letter-spacing:.2em}.video-section strong{font-size:clamp(55px,10vw,150px);letter-spacing:-.07em}.contact{padding:12vw 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-info{max-width:430px;padding-top:40px}.contact-info>p{line-height:1.6;color:#5e574e}.btn.dark{margin:25px 0;background:#171512}.line{border-top:1px solid var(--line);margin:50px 0 20px}.small{font-size:10px!important;letter-spacing:.16em!important;font-weight:700}footer{border-top:1px solid var(--line);padding:24px 4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--muted)}
@media(max-width:750px){.nav{padding:18px 5vw}.hero{grid-template-columns:1fr;padding:110px 5vw 45px;gap:35px}.hero-media{height:58vh}.hero-actions{flex-wrap:wrap}.statement{padding:25vw 5vw}.statement p:last-child{margin-top:45px}.gallery{padding:0 5vw 25vw}.grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory}.card{flex:0 0 78vw;height:105vw;scroll-snap-align:start}.menu-section,.contact{grid-template-columns:1fr;padding:22vw 5vw}.video-section{height:65vh}footer{padding:20px 5vw;gap:15px;flex-wrap:wrap}.menu-overlay nav a{font-size:48px}}

.menu-lead{max-width:430px;line-height:1.65;color:#625b51;margin:45px 0 0}
.menu-list{display:grid!important;grid-template-columns:1fr 1fr;gap:0 45px}
.menu-group{border-bottom:1px solid var(--line);padding:22px 0}
.menu-group h3{margin:0 0 10px;font-size:12px;letter-spacing:.14em}
.menu-group p{margin:0;color:#665f55;line-height:1.6;font-size:13px}
.delivery{padding:11vw 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#171512;color:#eee6d8}
.delivery .eyebrow{color:#a99e8e}
.delivery h2{font-size:clamp(50px,7vw,110px);line-height:.87;letter-spacing:-.07em;margin:0}
.delivery h2 em{font-family:"Playfair Display",serif}
.delivery-copy{max-width:520px;padding-top:25px}
.delivery-copy>p{line-height:1.7;color:#bfb4a4}
.platforms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:35px 0}
.platform{border:1px solid #4e4942;padding:20px;display:flex;flex-direction:column;gap:8px}
.platform.active{background:#eee6d8;color:#171512;border-color:#eee6d8}
.platform strong{font-size:18px}
.platform span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;opacity:.65}
.tiny{font-size:10px!important;color:#8f877b!important}
.contact-lead{max-width:450px;color:#665f55;line-height:1.7;margin-top:35px}
.contact-card{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:20px 0;transition:.25s}
.contact-card:hover{padding-left:8px}
.contact-card span{font-size:9px;letter-spacing:.18em;color:var(--muted);font-weight:700}
.contact-card strong{font-size:22px;margin:7px 0}
.contact-card small{font-size:11px;color:#766e63}
.hours{margin-top:22px;border-top:1px solid var(--line)}
.hours div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em}
.hours strong{font-size:10px}
footer{gap:20px;flex-wrap:wrap}
@media(max-width:750px){
 .menu-list{display:block!important}
 .delivery{grid-template-columns:1fr;padding:22vw 5vw;gap:45px}
 .platforms{grid-template-columns:1fr}
 .contact-card strong{font-size:18px}
 .hours div{gap:20px}
}


/* VIDEO SHOWCASE */
.video-showcase{
  position:relative;
  min-height:68vh;
  margin:0;
  overflow:hidden;
  background:#111;
  display:flex;
  align-items:flex-end;
}
.showcase-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.video-showcase::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 15%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.72) 100%);
  pointer-events:none;
}
.video-overlay{
  position:relative;
  z-index:1;
  width:100%;
  padding:clamp(28px,5vw,72px);
  color:#fff;
}
.video-overlay .eyebrow{color:inherit;margin-bottom:14px}
.video-overlay h2{font-size:clamp(48px,8vw,112px);line-height:.9;margin:0 0 22px;letter-spacing:-.055em}
.video-overlay h2 em{font-style:italic}
.video-overlay span{font-size:11px;letter-spacing:.18em;font-weight:700}
@media(max-width:700px){
  .video-showcase{min-height:58vh}
  .video-overlay{padding:28px 20px 34px}
  .video-overlay h2{font-size:clamp(44px,14vw,72px)}
}