@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root{
  --black:#050505; --panel:#0d0d0d; --gold:#d8a72d; --gold2:#f0c75e; --white:#f5f2ea; --muted:#b8b4aa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:15px 5%;background:rgba(5,5,5,.94);border-bottom:1px solid rgba(216,167,45,.35);backdrop-filter:blur(12px)}
.brand{width:112px;text-align:center;line-height:.8}
.brand-main{display:block;font:700 34px/1 "Cormorant Garamond",serif;color:var(--gold2)}
.brand-sub{display:block;font:700 11px/1 Montserrat;letter-spacing:3px;border:1px solid var(--gold);padding:4px 2px;margin-top:3px}
.brand-htx{font-size:9px;letter-spacing:5px;color:var(--gold2)}
nav{display:flex;gap:26px;margin-left:auto}
nav a{font-size:12px;letter-spacing:1.6px;text-transform:uppercase}
nav a:hover{color:var(--gold2)}
.nav-cta,.button{display:inline-block;border:1px solid var(--gold);padding:13px 20px;font-size:11px;font-weight:700;letter-spacing:1.2px}
.nav-cta{color:var(--gold2)}
.menu-toggle{display:none;background:none;border:0;color:var(--white);font-size:25px}
.hero{min-height:690px;display:grid;grid-template-columns:43% 57%;padding:80px 5% 55px;border-bottom:1px solid rgba(216,167,45,.3);overflow:hidden}
.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.eyebrow{color:var(--gold2);font-size:11px;font-weight:700;letter-spacing:3px}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif}
h1{font-size:clamp(65px,8vw,112px);line-height:.78;margin:18px 0 30px}
h1 em,h2 em{color:var(--gold2);font-weight:600}
.lead{font-size:18px;line-height:1.7;max-width:470px;color:#ddd}
.buttons{display:flex;gap:14px;margin-top:25px;flex-wrap:wrap}
.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#090909}
.outline{color:var(--gold2);background:transparent}
.hero-art{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle,rgba(216,167,45,.28),rgba(216,167,45,.04) 50%,transparent 70%);filter:blur(20px)}
.food-card{position:relative;width:min(570px,90%);aspect-ratio:1.3;background:linear-gradient(145deg,#1b1408,#050505);border:1px solid var(--gold);box-shadow:0 30px 90px #000;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;transform:rotate(-2deg)}
.food-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(216,167,45,.45)}
.food-lines{position:absolute;top:42px;left:42px;font:700 48px/0.8 "Cormorant Garamond",serif;color:var(--gold2)}
.food-lines small{font:700 9px Montserrat;letter-spacing:4px}
.food-name{font:600 25px/1.15 "Cormorant Garamond",serif;color:white;position:relative}
.promise{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(216,167,45,.3)}
.promise div{padding:25px 18px;display:flex;gap:13px;align-items:center;justify-content:center;border-right:1px solid rgba(216,167,45,.2);font-size:12px;letter-spacing:1px;text-align:center}
.promise strong{color:var(--gold2);font-size:22px}.promise small{color:var(--muted);letter-spacing:0}
.section{padding:95px 5%}
.section-heading{text-align:center;max-width:700px;margin:auto}
h2{font-size:60px;line-height:.95;margin:10px 0 15px}
.section-heading>p:last-child{color:var(--muted)}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:45px auto;max-width:1100px}
.menu-card{background:linear-gradient(150deg,#15120c,#080808);border:1px solid rgba(216,167,45,.65);padding:30px;min-height:180px;transition:.25s}
.menu-card:hover{transform:translateY(-4px);border-color:var(--gold2)}
.menu-card span{color:var(--gold);font-size:11px;letter-spacing:2px}.menu-card h3{font-size:32px;margin:20px 0 5px}.menu-card p{color:var(--muted);font-size:13px}
.menu-image-wrap{max-width:1100px;margin:auto;border:1px solid rgba(216,167,45,.55);padding:8px;background:#000}
.menu-image-wrap img{width:100%;display:block}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-top:1px solid rgba(216,167,45,.3);border-bottom:1px solid rgba(216,167,45,.3)}
.story-art{min-height:500px;background:radial-gradient(circle at 50% 55%,rgba(216,167,45,.25),transparent 35%),linear-gradient(135deg,#17120a,#030303);display:flex;align-items:center;justify-content:center}
.neon{font:500 clamp(48px,6vw,78px)/.82 "Cormorant Garamond",serif;color:var(--gold2);text-align:center;text-shadow:0 0 15px rgba(240,199,94,.35)}
.neon span{font-style:italic}
.story-copy{padding:90px 9%;display:flex;flex-direction:column;justify-content:center}.story-copy p:not(.eyebrow):not(.signature){color:var(--muted);line-height:1.9;max-width:520px}.signature{font:italic 28px/1 "Cormorant Garamond",serif;color:var(--gold2)}
.catering{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:90px 5%;background:linear-gradient(90deg,#090909,#120e08)}
.catering h2{font-size:64px}.catering p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:560px}
.catering-panel{min-height:300px;border:1px solid var(--gold);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(circle,rgba(216,167,45,.15),transparent 60%);padding:40px}
.catering-panel span{font-size:11px;letter-spacing:4px;color:var(--gold2)}.catering-panel strong{font:600 45px/.9 "Cormorant Garamond",serif;margin-top:18px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:85px 5%;border-top:1px solid rgba(216,167,45,.3)}
.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-info p{color:var(--muted);line-height:1.7}.contact-info a:not(.button){color:var(--gold2)}
.contact-info .button{align-self:center;justify-self:start}
footer{text-align:center;padding:50px 5%;border-top:1px solid rgba(216,167,45,.3);color:var(--muted);font-size:11px;letter-spacing:1px}.footer-brand{font:600 42px "Cormorant Garamond",serif;color:var(--gold2)}.footer-brand small{display:block;font:700 9px Montserrat;letter-spacing:4px}
@media(max-width:850px){
  .nav{gap:12px}.menu-toggle{display:block;margin-left:auto}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#080808;border-bottom:1px solid var(--gold);padding:20px 5%;flex-direction:column}.nav nav.open{display:flex}.nav-cta{display:none}
  .hero{grid-template-columns:1fr;padding-top:45px}.hero-art{min-height:330px;order:-1}.hero-copy{text-align:center}.lead{margin:auto}.buttons{justify-content:center}
  .promise{grid-template-columns:1fr 1fr}.promise div:nth-child(2){border-right:0}.promise div{border-bottom:1px solid rgba(216,167,45,.2)}
  .menu-grid{grid-template-columns:1fr 1fr}.story,.catering,.contact{grid-template-columns:1fr}.story-art{min-height:360px}.contact-info{grid-template-columns:1fr}
}
@media(max-width:520px){
  .brand{width:95px}.brand-main{font-size:29px}.hero{min-height:auto}.hero-art{min-height:270px}.food-lines{font-size:35px;top:30px;left:30px}.food-name{font-size:20px}.menu-grid{grid-template-columns:1fr}h2,.catering h2{font-size:48px}.section{padding:70px 5%}.story-copy{padding:65px 8%}
}