:root{color-scheme:dark;--gold:#e9c348;--amber:#ffb64d;--red:#ef0907;--white:#faf8f3}
*{box-sizing:border-box}
html{background:#0b0907}
body{margin:0;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
p,h1{margin:0}
.hero{position:relative;isolation:isolate;min-height:49.5vw;padding:2.4vw 4.5vw 4.6vw;background:#140d08 url('assets/restaurant.png') center center/cover no-repeat;display:flex;flex-direction:column}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.22) 40%,transparent 67%)}
.header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}
.brand{display:flex;align-items:center;gap:1.65vw}
.logo{width:13.5vw;height:auto;display:block;flex-shrink:0}
.wordmark{border-left:1px solid var(--gold);padding-left:1.9vw;text-align:center}
.name{font-family:Georgia,'Times New Roman',serif;font-size:3.1vw;letter-spacing:.35em;white-space:nowrap}
.category{font-size:1.2vw;letter-spacing:.34em;color:var(--gold);margin-top:.45vw}
.red-line{display:block;background:var(--red);height:2px;width:6vw;margin:.9vw auto 0}
.nature{font-size:.95vw;letter-spacing:.23em;margin-top:3.2vw;white-space:nowrap}
.intro{margin-top:.8vw;max-width:48vw}
.eyebrow{font-size:1.12vw;letter-spacing:.26em;line-height:1.6}
h1{font-family:Georgia,'Times New Roman',serif;font-size:7.5vw;line-height:.79;font-weight:400;letter-spacing:-.045em;margin:1.1vw 0 1.5vw}
h1 em{color:var(--amber);font-weight:400;line-height:.95}
.description{font-size:1.3vw;letter-spacing:.045em;line-height:1.35}
.contact{align-self:flex-start;border-left:6px solid var(--red);padding:.25rem 1.5rem;margin-top:1.1vw;background:rgba(0,0,0,.62);max-width:100%}
.contact>p{font-size:1.22vw;letter-spacing:.18em;color:var(--gold)}
.email{display:flex;align-items:center;gap:1rem;color:var(--white);text-decoration:none;font-size:1.65vw;min-height:44px;overflow-wrap:anywhere}
.email svg{width:30px;height:24px;stroke:var(--gold);stroke-width:1.5;flex-shrink:0}
a:hover{text-decoration:underline;text-underline-offset:5px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:5px;border-radius:2px}
.food-space{display:none}
.footer{border-top:1px solid var(--gold);padding:1.4vw 4.5vw;display:grid;grid-template-columns:1.1fr 2.4fr 1.1fr;gap:2.3vw;align-items:center;background:linear-gradient(110deg,#100e0b,#080706);min-height:6.8vw}
.signature{font-family:Georgia,'Times New Roman',serif;font-size:1.45vw;letter-spacing:.15em;line-height:1.2}
.signature em{color:var(--gold);font-size:1.6vw;letter-spacing:.03em;white-space:nowrap}
.dishes{list-style:none;margin:0;padding:0 2vw;border-left:1px solid var(--gold);border-right:1px solid var(--gold);display:flex;justify-content:center;flex-wrap:wrap;gap:.7vw 0;font-family:Georgia,'Times New Roman',serif;font-size:1.1vw;line-height:1.3}
.dishes li{white-space:nowrap}
.dishes li:not(:last-child)::after{content:'/';color:var(--gold);margin:0 1vw}
.footer-nature{font-size:.8vw;letter-spacing:.32em;color:var(--gold);line-height:1.8;text-align:center}
@media(min-width:1800px){.hero{min-height:880px}}
@media(max-width:1024px){
.hero{min-height:1000px;padding:28px 30px 330px;background-position:60% center}
.hero::before{background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.25) 65%,transparent)}
.brand{gap:16px}.logo{width:146px}.wordmark{padding-left:18px}.name{font-size:32px;letter-spacing:.25em}.category{font-size:13px;margin-top:7px}.red-line{width:70px;margin-top:12px}
.nature{display:none}.intro{margin-top:25px;max-width:600px}.eyebrow{font-size:12px;letter-spacing:.23em}h1{font-size:83px;margin:20px 0 22px;line-height:.86}.description{font-size:17px;line-height:1.5;letter-spacing:.01em}
.contact{margin-top:20px;padding:4px 18px}.contact>p{font-size:13px}.email{font-size:21px}
.footer{padding:25px 30px;gap:20px;grid-template-columns:1fr 2fr}.signature{font-size:17px}.signature em{font-size:19px}.dishes{font-size:13px;padding:0 12px;border-right:0;gap:9px 0}.dishes li:not(:last-child)::after{margin:0 8px}.footer-nature{grid-column:1/-1;font-size:10px;letter-spacing:.3em}
}
@media(max-width:600px){
.hero{min-height:0;padding:18px 22px 0;background-position:65% bottom;background-size:auto 100%}
.hero::before{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.72) 39%,rgba(0,0,0,.07) 68%)}
.header{gap:0}.brand{gap:10px;width:100%;justify-content:center}.logo{width:105px}.wordmark{padding-left:12px}.name{font-size:22px;letter-spacing:.21em}.category{font-size:9px;letter-spacing:.25em;margin-top:6px}.red-line{width:49px;margin-top:9px}
.intro{margin-top:20px;max-width:none}.eyebrow{font-size:10px;letter-spacing:.25em;text-align:center;line-height:1.6}h1{font-size:clamp(48px,14.5vw,84px);margin:24px 0 20px;line-height:.88;letter-spacing:-.05em}.description{font-size:14px;line-height:1.5;letter-spacing:0}
.contact{order:2;margin:0 -22px;padding:15px 22px 16px;border-left:0;border-top:1px solid rgba(233,195,72,.55);align-self:stretch;background:rgba(0,0,0,.85);max-width:none}.contact>p{font-size:11px;letter-spacing:.17em}.email{font-size:clamp(16px,5vw,21px);gap:10px}.email svg{width:25px}
.food-space{display:block;height:310px}
.footer{grid-template-columns:1fr;padding:24px 22px;gap:20px;text-align:center}.signature{font-size:17px}.signature em{font-size:19px}.dishes{border:0;padding:0;font-size:13px;line-height:1.4;gap:8px 0}.footer-nature{font-size:9px}
}
@media(max-width:360px){.hero{padding-left:16px;padding-right:16px}.logo{width:88px}.name{font-size:19px}.category{font-size:8px}.brand{gap:8px}.wordmark{padding-left:10px}.eyebrow{font-size:9px}.description{font-size:12px}.contact{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.food-space{height:270px}}

/* Updated coming-soon message. */
h1{font-size:8vw;line-height:.84;margin-bottom:1.2vw}
h1 em{white-space:nowrap}
@media(min-width:601px) and (max-width:1024px){h1{font-size:86px;margin-bottom:22px}}
@media(max-width:600px){h1{font-size:clamp(46px,13.2vw,78px);margin-bottom:20px}}