/* First viewport: recognizable restaurant, concrete offer, direct reservation. */
:root{--rust:#a33f27;--cream:#faf7ef;--gold:#a77535}
.notice{background:#123832;color:#fff7e6;letter-spacing:.025em}
header{height:82px;backdrop-filter:blur(16px);background:#faf7eff2;padding-inline:5vw}
.brand{font-size:16px;letter-spacing:.045em}.brand>b{width:44px;height:44px}.brand small{margin-top:4px;color:#586357}
.hero{grid-template-columns:1.03fr 1fr;background:#faf7ef;color:#173b33;align-items:center;max-width:1600px;margin:auto;padding:36px 5vw 50px;gap:4vw}
.hero-content{padding:0}.hero .eyebrow{color:#8c542c;font-size:12px;letter-spacing:.12em;margin-bottom:23px}
.hero h1{font:600 clamp(2.8rem,4.1vw,4.8rem)/1.13 var(--serif);letter-spacing:-.035em}.hero h1 em{color:#956132;font-style:italic}
.hero-content>p.hero-description{font-size:17px;line-height:1.8;color:#516052;margin:24px 0 17px}
.hero-location{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#536252}.hero-location a{text-underline-offset:4px}
.hero .actions{align-items:stretch;gap:12px;margin:26px 0 14px}.hero .btn{border-radius:5px;min-height:64px;display:flex;justify-content:center;flex-direction:column;gap:5px;padding:13px 22px}.hero .primary{min-width:205px;background:#a33f27;box-shadow:0 6px 15px #a33f2720}.hero .primary span{font-size:12px;font-weight:500}.hero .primary strong{font-size:20px;letter-spacing:.015em}.hero .ghost{border:1px solid #b8beac;color:#23483a;flex-direction:row;align-items:center;gap:18px}
.hero-content>p.hero-help{font-size:13px;color:#576453;margin:0;line-height:1.8}.hero-help a{color:#7c4825;text-underline-offset:3px}
.proof{border-top:1px solid #d9dece;margin-top:27px;padding-top:18px;gap:18px;display:grid;grid-template-columns:repeat(3,1fr)}.proof span{font-size:12px;color:#65715d}.proof b{font:700 13px/1.6 var(--sans);color:#284934}
.hero-visual{position:relative;border-radius:160px 8px 8px 8px;overflow:hidden;box-shadow:0 16px 38px #1d362519}.hero-photo{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain}.visual-caption{padding:18px 24px;background:#163c33;color:#fff}.visual-caption>span{display:block;color:#dbc498;font-size:10px;letter-spacing:.17em;margin-bottom:6px}.visual-caption a{text-decoration:none;font:500 22px/1.35 var(--serif)}
.quick{border-top:1px solid #e4e7dc;border-bottom:1px solid #e4e7dc;background:#f0f1e6;box-shadow:none}.quick .eyebrow{color:#785837}.section{max-width:1600px;margin:auto}.fresh{gap:6%;padding-top:75px;padding-bottom:75px}.fresh h2{font-size:clamp(2.4rem,3.5vw,3.6rem)}.fresh-image{border:1px solid #e1dfd2;padding:10px;background:#fffdf7;border-radius:8px}.fresh-image span{border-radius:3px}.menu-cards article{border-radius:6px}.gallery-grid button{border-radius:6px}.contact{border-radius:6px}.btn:hover{filter:brightness(1.08)}
@media(min-width:801px) and (max-width:1100px){.hero{gap:3vw;padding:30px 4vw}.hero h1{font-size:3.3rem}.hero .actions{flex-wrap:wrap}.hero .proof{grid-template-columns:1fr 1fr}.hero-content>p.hero-description{font-size:16px}.hero .ghost{min-height:50px}}
@media(max-width:800px){header{height:68px;padding-inline:20px}.brand{font-size:14px}.notice{font-size:11px}.hero{padding:24px 20px 28px;gap:24px;grid-template-columns:1fr}.hero-content{padding:0}.hero .eyebrow{font-size:11px;margin-bottom:15px}.hero h1{font-size:clamp(2.55rem,9vw,3.5rem);line-height:1.12}.hero h1 em br{display:none}.hero-content>p.hero-description{font-size:15px;line-height:1.65;margin:18px 0 12px}.hero-description br{display:none}.hero .actions{margin-top:19px;gap:8px;flex-wrap:nowrap}.hero .btn{padding:12px;min-height:62px;border-radius:4px}.hero .primary{min-width:0;flex:1.1}.hero .primary strong{font-size:18px}.hero .ghost{flex:1;font-size:13px;gap:8px}.hero .hero-help{font-size:12px}.hero-location{font-size:12px;gap:4px 12px}.hero .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:14px;margin-top:17px}.proof span{font-size:11px}.proof b{font-size:12px}.hero-visual{border-radius:80px 6px 6px 6px;max-width:560px;width:100%;justify-self:center}.visual-caption{padding:15px 20px}.visual-caption a{font-size:21px}.quick{display:none}.section{padding-block:50px}.space{padding:0}.booking{padding-bottom:50px}}
.menu-dishes{margin-top:18px;gap:16px}.menu-dishes article{padding:0;overflow:hidden;border:1px solid #d9cfbd;background:#fffdf8;display:flex;flex-direction:column}.dish-photo{height:216px;position:relative;overflow:hidden;background:#193f36}.dish-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.04);transform:scale(1.02)}.dish-hotpot img{object-position:74% 54%}.dish-grill img{object-position:18% 52%}.dish-steam img{object-position:48% 80%}.dish-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#08282888)}.dish-photo span{position:absolute;z-index:1;left:14px;bottom:12px;color:#fff7e6;font:600 10px/1.3 'DM Mono',monospace;letter-spacing:.1em}.dish-copy{padding:21px 21px 23px;display:flex;flex:1;flex-direction:column}.dish-copy .dish-index{font:600 10px/1.35 'DM Mono',monospace;letter-spacing:.1em;color:#9a613b;margin:0 0 9px}.dish-copy h3{margin:0 0 7px;font-size:27px;line-height:1.2}.dish-copy>p:not(.dish-index){font-size:14px;line-height:1.65;color:#5f675e}.dish-copy a{margin-top:auto;padding-top:18px;color:#8d3e29;font-size:13px;font-weight:700;text-decoration:none}.dish-copy a span{font-size:17px;margin-left:4px}.booking form{gap:18px;padding:38px}.booking .form-title small{display:flex;align-items:center;gap:8px;color:#66725d}.booking .form-title small b{font:600 11px 'DM Mono',monospace;color:#fff;background:#1b483c;padding:4px 6px;border-radius:2px}.booking-assurance{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;background:#eef3e8;border-left:3px solid #567a45}.booking-assurance>span{color:#315c38;font-weight:800}.booking-assurance p{margin:0;font-size:12px;line-height:1.55;color:#425648}.booking label{color:#274338;font-size:12px;letter-spacing:.01em}.booking label .optional{font-weight:500;color:#798273}.guest-picker{margin:0;padding:0;border:0}.guest-picker legend{font-size:12px;font-weight:700;color:#274338;margin-bottom:8px}.guest-picker legend span{font-weight:500;color:#788171;margin-left:4px}.guest-picker>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.guest-picker button{border:1px solid #d8d2c5;background:#fffdfa;border-radius:4px;min-height:47px;font:700 13px var(--sans);color:#3f5044;cursor:pointer}.guest-picker button[aria-pressed=true]{border-color:#1d4a3b;background:#1d4a3b;color:#fff}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.booking form button[type=submit]{min-height:61px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3px;background:#a33f27}.booking form button[type=submit] small{font-size:11px;font-weight:500;opacity:.85}.booking .status{border-radius:4px;line-height:1.55}.booking .status:not(:empty){padding:12px;background:#eff4ec;border-left:3px solid #537843}
.space-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 9px}.space-numbers div{border-top:1px solid #d7cebf;padding:11px 4px 7px}.space-numbers b{display:block;font:600 26px/1 var(--serif);color:#895331}.space-numbers span{font-size:10px;line-height:1.35;color:#566158}.space .points{margin-top:5px}
.video-tour{background:#133b33;color:#fff8e9;display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:center}.video-tour .eyebrow{color:#dbc498}.video-tour h2{font-size:clamp(2.4rem,3.7vw,4rem)}.video-tour-copy>p:not(.eyebrow){color:#d8e0d7;max-width:420px}.video-tour-facts{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.video-tour-facts span{border:1px solid #ffffff45;border-radius:3px;padding:7px 9px;font:600 11px 'DM Mono',monospace;letter-spacing:.04em}.video-tour .video-hint{font-size:12px;color:#e1c996}.video-frame{background:#061f1b;padding:9px;border-radius:8px;box-shadow:0 18px 45px #061b1938}.video-frame video{width:100%;max-height:640px;display:block;background:#061f1b;border-radius:4px;object-fit:contain}
.breakfast{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#f6efe1;align-items:stretch}.breakfast-image{position:relative;min-height:590px}.breakfast-image img{width:100%;height:100%;object-fit:cover;display:block}.breakfast-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0828288f,transparent 48%)}.breakfast-image span{position:absolute;z-index:1;left:28px;bottom:24px;color:#fff9e9;font:600 11px 'DM Mono',monospace;letter-spacing:.12em}.breakfast-copy{padding:11% 13%;align-self:center}.breakfast-copy h2{font-size:clamp(2.4rem,3.7vw,4rem)}.breakfast-copy>p:not(.eyebrow){max-width:460px}.breakfast-menu{margin:26px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #d8cdbb}.breakfast-menu b{grid-column:1/-1;padding:10px 0 8px;font-size:12px;color:#7b4b2d}.breakfast-menu span{padding:10px 8px 10px 0;border-top:1px solid #e1d8cb;font-size:14px;font-weight:600}.breakfast-benefits{display:grid;gap:7px;margin-bottom:25px;font-size:13px;color:#3d5647}.breakfast-benefits span:before{content:'✓';color:#936035;font-weight:800;margin-right:9px}
@media(max-width:800px){.menu-dishes{gap:13px}.dish-photo{height:210px}.dish-copy{padding:18px 18px 20px}.dish-copy h3{font-size:26px}.booking form{padding:23px 18px;gap:16px}.guest-picker>div{gap:5px}.guest-picker button{min-height:45px;font-size:12px}.booking-assurance{padding:11px 12px}.form-row{gap:10px}.space-numbers{margin-block:20px}.space-numbers b{font-size:24px}.video-tour{grid-template-columns:1fr;gap:27px}.video-frame{padding:6px}.video-frame video{max-height:none}.breakfast{grid-template-columns:1fr}.breakfast-image{min-height:330px}.breakfast-copy{padding:52px 24px}.breakfast-menu{grid-template-columns:1fr}.breakfast-menu b{grid-column:auto}}
@media(max-width:800px){body{padding-bottom:96px;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}.hero h1,.section h2,.fresh h2,.menu h2,.space h2,.booking h2{letter-spacing:-.018em;line-height:1.18}.hero h1{line-height:1.14}.hero h1 em{letter-spacing:-.012em}.hero-content>p.hero-description,.section p{letter-spacing:.005em;line-height:1.72}.menu-feature h3,.dish-copy h3{letter-spacing:-.012em;line-height:1.25}.mobile-bar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;padding:0;grid-template-columns:1fr 1.22fr .92fr;border-radius:10px;overflow:hidden;background:#103a32;box-shadow:0 12px 28px #061b1b55;border:1px solid #ffffff24}.mobile-bar a{border-right:1px solid #ffffff26;font-size:12px;line-height:1.2;text-align:center;padding:7px 4px;font-weight:700;letter-spacing:.01em}.mobile-bar a:first-child{background:#0b302b;color:#fff}.mobile-bar a:nth-child(2){background:#b5482f;color:#fff;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff26}.mobile-bar a:last-child{background:#f6f0e5;color:#1d463a;border-right:0;font-weight:700}.mobile-bar a:first-child:before{content:'GỌI';display:block;font:600 9px/1.2 'DM Mono',monospace;letter-spacing:.12em;color:#e8c987;margin-bottom:4px}.mobile-bar a:nth-child(2):before{content:'NHẮN NGAY';display:block;font:600 9px/1.2 'DM Mono',monospace;letter-spacing:.1em;color:#ffe0b5;margin-bottom:4px}.mobile-bar a:last-child:before{content:'BẢN ĐỒ';display:block;font:600 9px/1.2 'DM Mono',monospace;letter-spacing:.1em;color:#7d654d;margin-bottom:4px}.nav-cta{padding:13px 16px;border-radius:4px}}
@media(prefers-reduced-motion:no-preference){.hero-content{animation:appear .45s ease-out}.hero-visual{animation:appear .65s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}