*{box-sizing:border-box;margin:0;padding:0}html{background:#f6efe4}body{font:400 17px/1.6 "DM Sans",system-ui,sans-serif;color:#2b1d14;background:#f6efe4;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(18px,4vw,56px);color:#fff8ee}
.logo{font:600 22px "Fraunces",serif}.logo i{color:#f2a65a}.nav nav{display:flex;gap:22px;align-items:center;font-size:14px}.nav a{text-decoration:none}
.pill{padding:9px 16px;border-radius:999px;background:#c8552b;color:#fff}
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;display:flex;align-items:flex-end}
.hero-bg{position:absolute;inset:-12% 0 0;will-change:transform}.hero-bg img{width:100%;height:112%;object-fit:cover;transform:scale(1.08)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,14,4,.45),rgba(30,14,4,.1) 35%,rgba(30,14,4,.75))}
.hero-copy{position:relative;z-index:2;padding:0 clamp(18px,5vw,80px) clamp(60px,10vh,110px);color:#fff8ee;max-width:900px}
.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#f7c58b;margin-bottom:14px}
h1{font:400 clamp(52px,9vw,128px)/.95 "Fraunces",serif;letter-spacing:-.02em}h1 em{color:#f2a65a}
.ln{display:block;overflow:hidden;padding-bottom:.06em}.ln>span{display:inline-block}
.sub{max-width:460px;margin:20px 0 28px;opacity:.9}
.btn{display:inline-block;padding:15px 26px;border-radius:999px;background:#c8552b;color:#fff;text-decoration:none;font-weight:500;transition:transform .3s}.btn:hover{transform:translateY(-3px)}
.steam{position:absolute;right:12%;top:20%;width:120px;height:240px;z-index:1;pointer-events:none}
.steam i{position:absolute;bottom:0;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);opacity:0}
.steam i:nth-child(2){left:40px}.steam i:nth-child(3){left:80px}
section h2{font:400 clamp(36px,5vw,66px)/1.05 "Fraunces",serif;letter-spacing:-.01em}
.dishes{padding:clamp(80px,12vw,150px) clamp(18px,5vw,80px);text-align:center}
.dish-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,44px);margin-top:56px}
.dish .plate{aspect-ratio:3/4;border-radius:200px 200px 24px 24px;overflow:hidden;background:#b9502a;box-shadow:0 30px 60px -30px rgba(90,40,10,.5)}
.dish img{width:100%;height:100%;object-fit:cover}.dish figcaption{margin-top:16px;font:500 20px "Fraunces",serif}
.menu{background:#2b1d14;color:#f6efe4;padding:clamp(80px,11vw,140px) clamp(18px,5vw,80px)}
.menu h2{text-align:center}.tabs{position:relative;display:flex;justify-content:center;gap:6px;margin:36px auto 44px;width:max-content;max-width:100%;padding:6px;border-radius:999px;background:rgba(255,255,255,.07)}
.tabs button{position:relative;z-index:1;border:0;background:none;color:inherit;font:500 15px "DM Sans";padding:10px clamp(14px,3vw,26px);border-radius:999px;cursor:pointer}
.tab-ind{position:absolute;top:6px;left:6px;height:calc(100% - 12px);border-radius:999px;background:#c8552b;transition:transform .5s cubic-bezier(.7,0,.2,1),width .5s cubic-bezier(.7,0,.2,1)}
.panels{position:relative;max-width:760px;margin:0 auto;min-height:280px}
.panel{position:absolute;inset:0;list-style:none;visibility:hidden}.panel.on{visibility:visible;position:relative}
.panel li{display:flex;align-items:baseline;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:clamp(16px,2vw,20px)}
.panel b{font-weight:500}.dots{flex:1;border-bottom:1px dotted rgba(255,255,255,.3);transform-origin:left}.panel em{font:500 22px "Fraunces";color:#f2a65a;font-style:normal}
.book{padding:0 18px clamp(80px,10vw,130px);text-align:center;background:#f2a65a;overflow:hidden}
.marq{overflow:hidden;padding:22px 0;margin:0 -18px 60px;background:#c8552b;color:#fff;white-space:nowrap}.mt{display:inline-flex;font:400 clamp(24px,3vw,40px) "Fraunces"}.mt span{padding-right:20px}
.book p{margin:14px 0 28px}.book .btn{background:#2b1d14}
.kcopy{background:#f2a65a;color:rgba(43,29,20,.7)}
@media (max-width:720px){.nav nav a:not(.pill){display:none}.dish-row{grid-template-columns:1fr;max-width:340px;margin-inline:auto}.steam{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tab-ind{transition:none}}

/* darker, glossy pass */
.dish .plate,.panel,.pill,.btn{}
html,body{background:#1a110b;color:#f3e6d6}.dishes{background:radial-gradient(80% 60% at 50% 0,#3a2214,#1a110b)}.dish figcaption{color:#f7d6b0}
.dish .plate{--gr:200px 200px 24px 24px;--glow:rgba(242,166,90,.55)}
.dish-row{perspective:1200px}.dish{transform-style:preserve-3d}
.menu{background:#120b07}.book{background:linear-gradient(180deg,#2a170c,#1a110b);color:#f3e6d6}.book .btn{background:#c8552b}.kcopy{background:#1a110b;color:rgba(243,230,214,.55)}
.tabs{box-shadow:0 0 0 1px rgba(255,255,255,.1) inset}
@media(max-width:400px){.nav{padding:16px 14px}.nav .pill{padding:8px 12px;font-size:13px}}