@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--cream:#f7f3e9;--ink:#252d24;--red:#a23e28;--line:#d8d7c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 6vw}.brand{font-weight:700;font-size:27px;letter-spacing:-1px}.brand span{font-weight:400;font-size:11px;letter-spacing:2px;margin-left:12px}nav{display:flex;align-items:center;gap:30px;font-size:13px}.lang{border:1px solid var(--ink);border-radius:30px;padding:7px 14px}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;padding:60px 6vw 55px;gap:5vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--red)}h1{font-size:clamp(40px,4.7vw,70px);line-height:1.22;letter-spacing:-2px;margin:22px 0}h1 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--red)}.lead{max-width:450px;color:#606756;font-size:16px;margin-bottom:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--red);color:white;padding:14px 22px;font-size:13px;font-weight:600;border:1px solid var(--red)}.btn.outline{background:transparent;color:var(--ink);border-color:var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero-photo{position:relative;padding:0 18px 18px 0}.hero-photo:before{content:'';position:absolute;background:#dadcc6;inset:20px 0 0 20px;border-radius:180px 180px 0 0}.hero-photo img{display:block;position:relative;object-fit:cover;width:100%;height:510px;border-radius:180px 180px 0 0}.photo-label{position:absolute;bottom:36px;left:20px;background:var(--cream);padding:6px 12px;font-size:11px}.strip{display:flex;justify-content:space-around;padding:22px 6vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px}.section{padding:65px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;margin:12px 0 0;line-height:1.3}.section-head p{font-size:14px;color:#626855;max-width:360px}.branches{display:grid;grid-template-columns:1fr 1fr;gap:26px}.branch{border:1px solid var(--line);background:#eeeee1}.branch-art{height:250px;position:relative;overflow:hidden;background:#303f31;color:#f7f3e9;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.branch-art b{font-family:'Playfair Display',serif;font-size:110px;line-height:1}.branch-art small{letter-spacing:4px;font-size:12px}.branch-art span{align-self:end;font-size:11px;letter-spacing:2px}.branch-art img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.branch-art .badge{position:relative;align-self:start;background:var(--cream);color:var(--ink);padding:6px 10px;letter-spacing:1px}.branch-body{padding:28px}.branch h3{font-size:25px;margin:0 0 12px}.branch p{font-size:14px;color:#646b5c}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.tags span{font-size:11px;border:1px solid #c6cab7;padding:5px 10px;border-radius:20px}.text-link{font-size:13px;font-weight:700;color:var(--red);display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.story{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:60px}.story h2{font-family:'Playfair Display',serif;font-size:48px}.story p{font-size:15px;color:#cbd0c0}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:25px}.menu-item{border-bottom:1px solid var(--line);padding:20px 0}.menu-item strong{display:block;font-size:19px}.menu-item small{color:#777d6d;font-size:12px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#eeeee1}.info-row{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:95px 1fr;gap:15px;font-size:14px}.info-row dt{color:#6c715f}.info-row dd{margin:0}.note{color:#707560;font-size:12px}.gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.gallery img{width:100%;height:330px;object-fit:cover}footer{padding:35px 6vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;letter-spacing:1px}.back{font-size:12px;color:var(--red)}a:focus-visible{outline:3px solid #b16a35;outline-offset:5px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:#636a59;font-size:14px}.mobile-cta{display:none}@media(max-width:760px){header{height:76px;padding:0 6vw}.brand{font-size:23px}.brand span{display:none}nav{gap:14px;font-size:11px}nav .desktop{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}h1{font-size:46px}.hero-photo img{height:360px}.lead{font-size:14px}.strip{font-size:9px;letter-spacing:1px;gap:15px}.section{padding:42px 6vw}.section-head{display:block}.branches,.story,.visit{grid-template-columns:1fr}.story{gap:15px}.story h2{font-size:38px}.branch-art{height:220px}.menu-list{gap:0 18px}.menu-item strong{font-size:16px}.gallery{grid-template-columns:1fr}.gallery img{height:260px}footer{flex-direction:column;padding-bottom:90px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--cream);border-top:1px solid var(--line);padding:10px 6vw;gap:10px}.mobile-cta .btn{flex:1;padding:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Phone-first layout with safe-area support. */
section[id]{scroll-margin-top:92px}img{max-width:100%}.hero>div,.branch,.visit>div{min-width:0}.info-row dd{overflow-wrap:anywhere}
@media(max-width:760px){
body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
header{position:sticky;top:0;z-index:20;height:68px;background:#f7f3e9f5;backdrop-filter:blur(12px);padding:0 20px;gap:12px}
.brand{font-size:29px;letter-spacing:-1.5px}nav{gap:8px}nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;font-size:13px}.lang{padding:6px 12px}
.hero{padding:0 0 32px;gap:0;display:flex;flex-direction:column;align-items:stretch}
.hero>div:first-child{order:2;padding:27px 22px 0}.hero>.hero-photo{order:1;padding:0;margin:0}.hero-photo:before{display:none}.hero-photo img{height:clamp(280px,82vw,380px);border-radius:0;object-position:center 65%}.photo-label{bottom:16px;left:20px;padding:6px 10px;font-size:11px}
.hero>.branch-art{order:1;height:180px!important;padding:24px}.hero>.branch-art b{font-size:96px!important}.hero>.branch-art small{font-size:11px}.hero>.branch-art span{font-size:10px}
h1{font-size:clamp(32px,8.6vw,45px);letter-spacing:-1.3px;line-height:1.15;margin:15px 0 18px}h1 em{font-weight:500}.eyebrow{font-size:10px;letter-spacing:1.6px}.lead{font-size:16px;line-height:1.65;margin:0 0 22px;color:#515b4c;max-width:none}
.btn{min-height:48px;gap:12px;font-size:14px;padding:12px 18px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .actions .btn{width:100%}.hero>div>.btn{width:100%}
.strip{padding:16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:10px;letter-spacing:1px}.strip span:last-child{display:none}
.section{padding:38px 22px}h2{font-size:30px;line-height:1.2;margin-top:10px}.section-head{margin-bottom:24px}.section-head p{font-size:15px;line-height:1.6;margin-bottom:0}.branches{gap:22px}.branch{background:transparent}.branch-body{padding:22px}.branch h3{font-size:23px;line-height:1.25}.branch p{font-size:15px;line-height:1.6}.branch-art{height:190px;padding:20px}.branch-art b{font-size:78px}.branch-art small{font-size:10px;letter-spacing:2px}.branch-art span{font-size:10px}.tags{gap:6px;margin:18px 0}.tags span{font-size:12px;padding:5px 9px}.text-link{font-size:15px;min-height:48px;align-items:center;padding-top:12px}
.story{gap:16px}.story h2{font-size:36px}.story p{font-size:16px;line-height:1.7;margin:0 0 15px}.menu-list{grid-template-columns:1fr;margin-top:12px}.menu-item{padding:18px 0}.menu-item strong{font-size:20px}.menu-item small{display:block;font-size:14px;line-height:1.6;margin-top:5px;color:#59634f}
.visit{gap:22px}.visit .actions{display:grid;grid-template-columns:1fr}.info-row{grid-template-columns:76px 1fr;font-size:15px;gap:12px;padding:16px 0}.note{font-size:13px;line-height:1.6}.gallery{gap:12px}.gallery img{height:240px}.faq details{padding:0}.faq summary{padding:20px 0;font-size:15px}.faq p{font-size:15px;line-height:1.7}
footer{padding:26px 22px 20px;gap:14px;font-size:10px}.mobile-cta{background:#f7f3e9;box-shadow:0 -6px 24px #252d2410;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:8px}.mobile-cta .btn{min-height:48px;font-size:13px;padding:10px 8px;white-space:nowrap;min-width:0;border-radius:4px}
}
@media(max-width:359px){header{padding:0 14px}nav a{padding:7px 9px;font-size:12px}.section{padding-left:18px;padding-right:18px}.hero>div:first-child{padding-left:18px;padding-right:18px}.tags span{font-size:11px}.info-row{grid-template-columns:64px 1fr;font-size:14px}}

.nav-dropdown{position:relative}.nav-dropdown summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;cursor:pointer;list-style:none;font-size:14px}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:focus-visible{outline:3px solid #a23e28;outline-offset:3px}.language-dropdown summary{border:1px solid var(--ink);border-radius:28px}.dropdown-panel{position:absolute;right:0;top:calc(100% + 10px);width:270px;max-width:calc(100vw - 32px);padding:12px;background:var(--cream);border:1px solid var(--line);box-shadow:0 12px 30px #252d2426;z-index:30;border-radius:10px}.dropdown-panel p{font-size:12px;color:#606756;margin:6px 8px 10px}.dropdown-panel a{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;min-height:52px;border-radius:5px;font-size:15px}.dropdown-panel a:hover,.dropdown-panel a[aria-current]{background:#e9e9db}.dropdown-panel a span{font-size:12px;color:#66705a;margin-top:2px}.language-panel{width:180px}.language-panel a{display:block}.nav-dropdown[open] summary{color:var(--red)}html[lang="th"] body{line-height:1.85}html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] .eyebrow{letter-spacing:0;line-height:1.5}html[lang="th"] h1 em{font-family:inherit}header{position:sticky;top:0;z-index:20;background:var(--cream)}@media(max-width:760px){nav{gap:3px}.nav-dropdown summary{font-size:14px;padding:8px 10px}.dropdown-panel a{font-size:16px}.dropdown-panel{position:fixed;top:76px;right:16px;width:min(310px,calc(100vw - 32px))}.language-panel{width:180px}.mobile-cta .btn{white-space:normal;line-height:1.25}html[lang="th"] h1{font-size:clamp(29px,8vw,40px)}}

.brand{white-space:nowrap;font-family:inherit;font-weight:700;letter-spacing:-1px}.locations-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:14px}
@media(max-width:760px){header{padding:0 14px;gap:8px}.brand{font-size:clamp(16px,4.6vw,22px);letter-spacing:-.65px}nav{gap:2px}.locations-link,.nav-dropdown summary{padding:8px 7px;font-size:12px}.locations-link{white-space:nowrap}.language-dropdown summary{gap:4px}}

.brand .brand-location{display:inline-block;margin-left:14px;font-size:11px;font-weight:400;letter-spacing:2px;vertical-align:middle}@media(max-width:760px){.brand .brand-location{display:none}}

.branch-photo-link{cursor:pointer;display:flex}.branch-photo-link:hover img{filter:brightness(1.06)}.branch-photo-link:focus-visible{outline:3px solid var(--red);outline-offset:4px}.menu-item{overflow:hidden}.dish-photo{display:block;width:100%;height:240px;object-fit:cover;margin:0 0 18px}.dish-photo.food-photo{object-position:center 65%}.dish-photo.menu-board{height:300px;object-fit:contain;background:#eee}.photo-source{display:block;font-size:11px;color:#737c64;margin:-8px 0 12px}.menu-list{align-items:start}.contact-pending{font-size:13px;color:#66705a;align-self:center}.destination-box{display:flex;gap:10px;margin:22px 0}.destination-value{flex:1;min-width:0;padding:14px;font:inherit;font-size:14px;border:1px solid var(--line);background:var(--cream);color:var(--ink)}.copy-destination{cursor:pointer}.ride-section{border-top:1px solid var(--line)}.mobile-cta .contact-pending{display:none}@media(max-width:760px){.dish-photo{height:250px}.dish-photo.menu-board{height:360px}.destination-box{flex-direction:column}.ride-section .actions{display:grid;grid-template-columns:1fr}.hero-photo img{object-position:center 65%}.mobile-cta .btn{flex:1}}