:root{
  --linen:#F1ECE1; --linen2:#E7E0D1; --paper:#F7F3EA; --ink:#231E18; --ink2:#171310;
  --mut:#665D50; --dim:#9A9284; --wine:#78293C; --wine2:#933a4f;
  --line:#D9D2C3; --line-d:rgba(241,236,225,.16);
  --fd:'Lora',Georgia,serif; --ft:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--linen);color:var(--ink);font-family:var(--ft);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.fd{font-family:var(--fd)}
.ey{font-family:var(--ft);font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--wine)}

/* split */
.split{display:flex;align-items:flex-start}
.left{position:sticky;top:0;flex:0 0 46%;height:100vh;background:var(--ink2);overflow:hidden}
.left .lyr{position:absolute;inset:0;opacity:0;transition:opacity 1s ease,transform 6s ease;background:#171310 center/cover}
.left .lyr.on{opacity:1;transform:scale(1.06)}
.left .lyr::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,19,16,.6),transparent 55%)}
.left .brand{position:absolute;top:38px;left:38px;z-index:3;font-family:var(--fd);font-size:24px;letter-spacing:.14em;color:var(--linen)}
.left .cap{position:absolute;bottom:34px;left:38px;right:38px;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;color:rgba(241,236,225,.8)}
.left .cap .t{font-family:var(--fd);font-style:italic;font-size:1.15rem}
.left .cap .n{font-family:var(--ft);font-size:11px;letter-spacing:.14em}
.left .cap .n b{color:var(--linen);font-weight:500}
.right{flex:1;min-width:0}
@media(max-width:820px){.split{display:block}.left{position:sticky;top:0;height:44vh;flex:none}.left .brand{top:20px;left:22px}.left .cap{left:22px;right:22px;bottom:20px}}

.sec{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:90px 8% 90px 7%;border-bottom:1px solid var(--line)}
.sec:last-child{border-bottom:none}
@media(max-width:820px){.sec{min-height:auto;padding:70px 24px}}
.sec .ey{margin-bottom:22px}
.sec h2{font-family:var(--fd);font-weight:500;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:.005em;margin-bottom:22px}
.sec h2 em{font-style:italic;color:var(--wine)}
.sec p{color:var(--mut);font-size:1.08rem;max-width:44ch;margin-bottom:16px}
.sec .lnk{font-family:var(--ft);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--wine);padding-bottom:7px;display:inline-block;margin-top:12px}

/* hero */
.hero h1{font-family:var(--fd);font-weight:500;font-size:clamp(3rem,7vw,5.6rem);line-height:1;letter-spacing:.08em;margin:6px 0 18px}
.hero .tl{font-family:var(--fd);font-style:italic;font-size:clamp(1.2rem,2.2vw,1.7rem);color:var(--wine);margin-bottom:22px}
.hero .scue{margin-top:40px;font-family:var(--ft);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}

/* menu list */
.menu-list{border-top:1px solid var(--line);margin-top:10px;max-width:52ch}
.mrow{display:flex;align-items:baseline;gap:16px;padding:16px 2px;border-bottom:1px solid var(--line)}
.mrow .mn{font-family:var(--fd);font-style:italic;font-size:1rem;color:var(--wine);width:26px}
.mrow .md{flex:1}
.mrow .md .mt{font-family:var(--fd);font-size:1.25rem;line-height:1.2}
.mrow .md .ms{font-size:13px;color:var(--mut)}
.menu-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;flex-wrap:wrap;gap:10px}
.menu-foot .pr{font-family:var(--fd);font-size:1.6rem}
.menu-foot .pr span{font-family:var(--ft);font-size:.8rem;color:var(--mut)}
.menu-foot .pn{font-size:13px;color:var(--mut)}

/* stats */
.stats{display:flex;gap:40px;margin-top:22px;border-top:1px solid var(--line);padding-top:24px;flex-wrap:wrap}
.stats .s .v{font-family:var(--fd);font-size:1.9rem;color:var(--wine);line-height:1}
.stats .s .k{font-family:var(--ft);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-top:6px}

/* reservation */
.res form{display:flex;gap:0;max-width:440px;border-bottom:1px solid var(--ink);margin-top:8px}
.res input{flex:1;background:transparent;border:none;color:var(--ink);font-family:var(--ft);font-size:16px;padding:13px 4px}
.res input:focus{outline:none}.res input::placeholder{color:var(--dim)}
.res button{background:transparent;border:none;color:var(--wine);font-family:var(--ft);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:0 6px}
.res .info{font-family:var(--ft);font-size:13px;color:var(--mut);margin-top:26px;line-height:1.9}
.res .info b{color:var(--ink);font-weight:500}
.res .res-success{color:var(--wine);font-family:var(--fd);font-style:italic;font-size:1.3rem;padding:6px 0;max-width:44ch}

/* footer */
footer{border-top:1px solid var(--line);padding:40px 8% 50px 7%;background:var(--linen)}
.foot-bot{font-family:var(--ft);font-size:12px;color:var(--mut);letter-spacing:.04em}
.foot-bot span{color:var(--mut)}
@media(max-width:820px){footer{padding:30px 24px}}