@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Serif+Thai:wght@400;500;600&display=swap');
:root{--cream:#faf7f0;--paper:#f1eadc;--ink:#453326;--gold:#966c39;--line:#d8cbb7}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 'Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:20}header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:28px;padding:18px 0}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand>span>span{font-size:25px;font-weight:600;display:block}.brand small{font-size:9px;letter-spacing:1.4px;display:block}.nav nav{display:flex;gap:24px;margin-left:auto;font-size:14px}.language{font-weight:600;font-size:14px;border-bottom:1px solid}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:var(--gold);color:white;font-weight:500;white-space:nowrap;border:1px solid transparent}.header-call{font-size:13px;padding:10px 17px}.hero{min-height:650px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;color:white}.hero .wrap{padding:90px 0 100px}.eyebrow{font-size:13px;letter-spacing:1px}.hero h1{font:500 clamp(38px,4.1vw,64px)/1.35 'Noto Serif Thai',serif;max-width:680px;margin:24px 0}.hero p{max-width:540px;font-size:18px;color:#f5eee4}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.light{background:var(--cream);color:var(--ink)}.hero-call{border-color:#ffffff80;background:transparent}.hero-caption{position:absolute;right:40px;bottom:24px;font-size:10px;letter-spacing:3px}.quick{background:var(--paper);display:flex;justify-content:center;gap:100px;padding:22px 40px;font-size:14px}.quick span{display:block}.quick small{font-size:10px;letter-spacing:1px;color:var(--gold)}.intro-section,.menu-section,.gallery-section,.visit-section,.faq-section{padding:110px 0}.intro,.location{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;align-items:center}.intro-photo{position:relative}.intro-photo img{width:100%;aspect-ratio:5/4}.photo-note{position:absolute;bottom:-18px;right:-20px;background:var(--paper);padding:16px 24px;font-size:12px}.copy h2,.section-head h2,.location h2,.faq-layout h2{font:500 clamp(30px,3vw,46px)/1.4 'Noto Serif Thai',serif;margin:15px 0 24px}.copy p{max-width:500px}.lead{font-size:20px}.copy .eyebrow,.section-head .eyebrow,.location .eyebrow,.faq-layout .eyebrow{color:var(--gold)}.menu-section{background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head p{max-width:400px;color:#78614f}.filters{display:flex;gap:20px;flex-wrap:wrap;margin:35px 0}.filter{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;font-size:14px;color:#78614f}.filter[aria-pressed=true]{border-color:var(--gold);color:var(--ink);font-weight:600}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 28px}.dish{min-width:0}.dish-photo{display:block;border:0;padding:0;background:none;width:100%;overflow:hidden}.dish-photo img{width:100%;aspect-ratio:1.18;transition:transform .5s}.dish-photo:hover img{transform:scale(1.035)}.dish-body{padding-top:18px}.tag{color:var(--gold);font-size:11px;letter-spacing:1px}.dish h3{font:500 24px/1.5 'Noto Serif Thai',serif;margin:7px 0}.local-menu{grid-column:1/-1;border-top:1px solid var(--line);margin-top:20px;padding-top:30px}.local-menu>h3{font-size:18px;font-weight:500}.local-menu>div{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.dish-text .dish-body{padding:0}.dish-text h3{font:500 17px/1.6 'Noto Sans Thai',sans-serif}.menu-note{font-size:13px;margin:40px 0 0;color:#78614f}.latest{padding:0!important}.latest-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:75px 0}.latest-box>img{width:100%;aspect-ratio:1.6}.latest-box h2{font:500 32px/1.4 'Noto Serif Thai',serif}.latest-number{display:none}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:6px;color:var(--gold)}.gallery-section{background:#ece3d3}.gallery-actions{display:flex;gap:10px}.gallery-actions button{border:1px solid var(--line);background:transparent;width:48px;height:48px;font-size:22px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-photo{padding:0;border:0;background:none;overflow:hidden}.gallery-photo img{width:100%;height:230px;transition:transform .5s}.gallery-photo:hover img{transform:scale(1.04)}.gallery-photo:first-child{grid-column:span 2;grid-row:span 2}.gallery-photo:first-child img{height:475px}.gallery-all{grid-column:span 2;border:1px solid var(--line);background:transparent;text-align:left;padding:25px;font-size:20px;display:flex;justify-content:space-between;align-items:center}.gallery-all span{font-size:14px}.location{grid-template-columns:1fr 1.1fr}.location dl{margin:35px 0}.location dt{color:var(--gold);font-size:12px;margin-top:20px}.location dd{margin:4px 0;max-width:430px}.location .visit-photo img{width:100%;aspect-ratio:4/5}.location .text-link{margin-right:20px;font-size:13px}.faq-section{padding-top:0}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;list-style:none;font-weight:500}.faq summary:after{content:'+';float:right;color:var(--gold)}.faq details[open] summary:after{content:'−'}.faq p{color:#78614f;font-size:14px}footer{background:var(--ink);color:var(--cream);padding:50px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top .brand img{background:var(--cream);border-radius:50%}.footer-top>div{display:flex;gap:25px;font-size:13px}footer p{font-size:12px;color:#d4c4b0}footer .copyright{border-top:1px solid #ffffff25;padding-top:20px;margin-top:30px}.mobile-bar{display:none}.viewing{overflow:hidden}dialog{border:0;background:transparent;color:white;width:calc(100% - 30px);max-width:1250px;padding:45px 65px 20px}dialog::backdrop{background:#1c1714f2}dialog figure{margin:0}#large-photo{width:100%;height:min(70vh,800px);object-fit:contain}#photo-caption{text-align:center;margin-top:15px;font-size:14px}#photo-count{text-align:center;font-size:12px;color:#ddcbb4}#close-photo{position:absolute;right:5px;top:0;border:0;background:none;color:white;min-width:44px;min-height:44px;font-size:25px}.photo-arrow{position:absolute;top:45%;border:1px solid #ffffff40;background:#ffffff12;color:white;width:48px;height:48px;font-size:25px}#photo-prev{left:0}#photo-next{right:0}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav nav{gap:15px}.header-call{display:none}.intro,.location{gap:40px}.quick{gap:40px}.hero{min-height:570px}.gallery{grid-template-columns:repeat(3,1fr)}.gallery-photo:first-child{grid-column:span 1;grid-row:span 1}.gallery-photo:first-child img{height:230px}.local-menu>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){body{font-size:15px}.wrap{width:calc(100% - 36px)}.nav{gap:14px;padding:12px 0}.brand{gap:8px}.brand img{width:48px;height:48px}.brand>span>span{font-size:21px}.brand small{font-size:7px;letter-spacing:.8px}.nav nav{display:none}.language{margin-left:auto;font-size:13px;min-width:30px}.hero{min-height:570px;background-position:55% center}.hero .wrap{padding:75px 0}.hero h1{font-size:37px;max-width:340px}.hero p{font-size:16px;max-width:320px}.hero .eyebrow{font-size:11px}.hero-caption{right:18px;font-size:8px;letter-spacing:2px}.btn{padding:12px 18px;font-size:14px}.quick{justify-content:space-between;gap:15px;padding:18px;font-size:11px}.quick small{font-size:8px}.intro-section,.menu-section,.gallery-section,.visit-section,.faq-section{padding:65px 0}.intro,.location,.latest-box,.faq-layout{grid-template-columns:1fr;gap:40px}.intro-photo img{aspect-ratio:1.2}.photo-note{right:0;padding:12px 18px}.copy h2,.section-head h2,.location h2,.faq-layout h2{font-size:31px}.lead{font-size:18px}.section-head{display:block;margin-bottom:25px}.section-head p{font-size:14px}.filters{gap:16px;margin:25px 0}.filter{font-size:12px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}.dish h3{font-size:19px}.dish-body{padding-top:12px}.tag{font-size:9px}.local-menu>div{gap:18px}.dish-text h3{font-size:15px}.latest-box{padding:55px 0;gap:25px}.latest-box h2{font-size:28px}.gallery-actions{margin-top:20px}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-photo img,.gallery-photo:first-child img{height:170px}.gallery-photo:first-child{grid-column:span 2}.gallery-photo:first-child img{height:260px}.gallery-all{grid-column:span 2;font-size:18px;padding:20px}.location .visit-photo{grid-row:1}.location .visit-photo img{aspect-ratio:1.2}.faq-section{padding-top:0}.faq-layout{gap:10px}.footer-top{align-items:start;flex-direction:column}.footer-top>div{gap:20px}footer{padding-bottom:90px}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--cream);border-top:1px solid var(--line);padding:10px 10px max(10px,env(safe-area-inset-bottom));gap:8px}.mobile-bar a{flex:1;text-align:center;font-size:12px;padding:8px 4px}.mobile-bar a:first-child{background:var(--gold);color:white}dialog{width:100%;padding:55px 10px 20px}#large-photo{height:65vh}.photo-arrow{top:auto;bottom:0;z-index:2}#photo-prev{left:15px}#photo-next{right:15px}#photo-count{padding-bottom:13px}#photo-caption{font-size:12px;padding:0 15px}}
.hero{background-image:linear-gradient(90deg,#302519b8,#30251930),url(/assets/food-2-no-shoes-v2.webp)}.quick{display:block}.quick>.wrap{display:flex;justify-content:space-between;gap:30px}.quick strong,.quick small{display:block}.gallery-controls{display:flex;gap:10px}.round-arrow{border:1px solid var(--line);background:transparent;width:48px;height:48px;font-size:22px}.modal-arrow{position:absolute;top:45%;border:1px solid #ffffff40;background:#ffffff12;color:white;width:48px;height:48px;font-size:25px}.visit-details{margin:30px 0}.info-row small{color:var(--gold);font-size:12px}.info-row p{margin:5px 0 20px}@media(max-width:650px){.quick>.wrap{width:100%;gap:12px}.quick strong{font-size:10px}.gallery-controls{margin-top:20px}.modal-arrow{top:auto;bottom:0}.visit-links{display:flex;flex-direction:column;align-items:start;gap:15px}}
img{height:auto}.dish-photo img{height:auto;aspect-ratio:1.18}.intro-photo img,.visit-photo img,.latest-box>img{height:auto}.brand img{height:60px;width:60px}@media(max-width:650px){.brand img{width:48px;height:48px}}
.hero h1{text-wrap:balance}
.btn{gap:8px}.quick a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.quick a strong{display:inline}.text-link{white-space:normal}.quick strong{font-weight:500}@media(max-width:650px){.quick{padding:20px 18px}.quick>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px}.quick>.wrap>div:nth-child(2){grid-column:1/-1;order:3}.quick>.wrap>div:nth-child(1){order:1}.quick>.wrap>div:nth-child(3){order:2}.quick small{font-size:10px}.quick strong{font-size:12px}.quick a{font-size:12px}}
@media(max-width:650px){.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#231b16b8,#231b1670)}.hero>.wrap,.hero-caption{position:relative;z-index:1}.hero-caption{position:absolute}}