:root{--forest:#172c27;--forest2:#204038;--cream:#f2ead8;--paper:#fffaf0;--gold:#c89a48;--orange:#dc7d32;--ink:#201f1a;--muted:#736d60;--line:rgba(32,31,26,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Thai","Noto Sans JP",sans-serif;font-size:16px;line-height:1.7}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);position:absolute;z-index:10;inset:0 0 auto;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.brand{position:relative;display:flex;align-items:center}.brand-mark{font:600 29px/1 "Bodoni Moda",serif;letter-spacing:.08em}.brand-story{font:500 22px/1 "Bodoni Moda",serif;font-style:italic;color:#f0c766;margin-left:-4px;margin-top:20px}.desktop-nav{display:flex;gap:32px;font-size:.8rem;letter-spacing:.1em}.desktop-nav a{opacity:.8;transition:.2s}.desktop-nav a:hover{opacity:1;color:#f0c766}.language{display:flex;border:1px solid rgba(255,255,255,.4);border-radius:99px;padding:3px}.lang{border:0;background:none;color:#fff;padding:5px 9px;border-radius:99px;font-size:.7rem;cursor:pointer}.lang.is-active{background:#fff;color:var(--forest)}.hero{min-height:760px;height:100svh;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,21,18,.84) 0%,rgba(10,21,18,.52) 46%,rgba(10,21,18,.18) 100%),linear-gradient(0deg,rgba(10,21,18,.55),transparent 42%)}.hero-content{position:relative;width:min(1180px,100%);margin:auto;padding:90px clamp(24px,7vw,110px) 40px}.eyebrow,.kicker{font-size:.75rem;letter-spacing:.22em;font-weight:600}.eyebrow{color:#f3d699}.hero h1{font:600 clamp(4.6rem,13vw,10rem)/.78 "Bodoni Moda",serif;letter-spacing:-.06em;margin:30px 0 38px;max-width:700px}.hero h1 em{display:block;font-weight:500;color:#f3d699;margin-left:.7em}.hero-copy{font:500 clamp(1.1rem,2vw,1.5rem)/1.6 "Noto Sans Thai",sans-serif;max-width:550px}.hero-actions{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.button{min-height:50px;padding:13px 25px;border:1px solid;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;transition:.25s}.button-fill{background:var(--gold);border-color:var(--gold);color:#17201c}.button-fill:hover{background:#edc477;border-color:#edc477}.button-line{border-color:rgba(255,255,255,.55);color:#fff}.button-line:hover{background:#fff;color:var(--forest)}.scroll-cue{position:absolute;bottom:28px;right:clamp(24px,5vw,70px);display:flex;gap:14px;align-items:center;font-size:.72rem;letter-spacing:.12em}.scroll-cue b{font-size:1.2rem}.section{position:relative;padding:clamp(80px,12vw,160px) clamp(24px,7vw,110px)}.section-number{position:absolute;top:40px;left:clamp(24px,4vw,60px);font:500 1rem "Bodoni Moda",serif;color:var(--orange)}.story{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);gap:clamp(50px,10vw,150px);align-items:center;max-width:1440px;margin:auto}.kicker{color:var(--orange);margin:0 0 22px}.story h2,.ritual h2,.menu h2,.place h2,.visit h2{font:600 clamp(2.7rem,5vw,5.5rem)/1.02 "Bodoni Moda","Noto Sans Thai",serif;letter-spacing:-.035em;margin:0 0 30px}.story-copy>p:not(.kicker):not(.motto),.ritual-copy>p:not(.kicker),.place-copy>p:not(.kicker){color:var(--muted);max-width:530px}.motto{font:500 1.35rem "Bodoni Moda",serif;color:var(--forest);margin-top:32px}.story-image{margin:0;position:relative}.story-image:before{content:"";position:absolute;inset:-18px 22px 18px -18px;border:1px solid var(--gold);z-index:-1}.story-image img{aspect-ratio:4/3;object-fit:cover}.story-image figcaption{font-size:.72rem;letter-spacing:.08em;margin-top:14px;color:var(--muted)}.dark{background:var(--forest);color:var(--paper)}.ritual{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(45px,9vw,130px);align-items:center}.ritual-image img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.85) contrast(1.05)}.ritual-copy>p:not(.kicker){color:#c9c6b9}.ritual-note{display:flex;gap:14px;border-top:1px solid rgba(255,255,255,.2);padding-top:22px;margin-top:35px;font-family:"Bodoni Moda",serif;color:#f3d699}.menu{max-width:1440px;margin:auto}.menu-heading{text-align:center;max-width:710px;margin:0 auto 60px}.menu-heading p:last-child{color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.menu-card{background:var(--paper);border:1px solid var(--line)}.menu-card img{aspect-ratio:4/3;object-fit:cover}.menu-card>div{padding:26px}.tag{display:inline-block;color:var(--orange);font-size:.68rem;letter-spacing:.15em;font-weight:600;margin-bottom:10px}.menu-card h3{font:600 1.55rem "Bodoni Moda","Noto Sans Thai",serif;margin:0 0 6px}.menu-card p{color:var(--muted);min-height:54px;margin:0 0 18px}.menu-card strong{font:600 .9rem "Noto Sans Thai",sans-serif;color:var(--forest)}.text-link{width:max-content;margin:42px auto 0;display:block;border-bottom:1px solid;padding-bottom:5px;font-size:.85rem;letter-spacing:.08em}.text-link b{color:var(--orange);margin-left:12px}.place{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(55px,10vw,140px);align-items:center;background:#e7dbc2}.place-collage{position:relative;padding:0 55px 70px 0}.place-large{aspect-ratio:4/3;object-fit:cover}.place-small{position:absolute;width:42%;right:0;bottom:0;aspect-ratio:1/1.15;object-fit:cover;border:10px solid #e7dbc2}.visit{background:var(--forest2);color:#fff;text-align:center;padding:110px 24px}.visit-inner{max-width:680px;margin:auto}.seal{width:120px;height:120px;object-fit:cover;border-radius:50%;margin:0 auto 30px;border:4px solid rgba(255,255,255,.15)}.visit .kicker{color:#f0c766}.visit p:not(.kicker){color:#d0d5cc;margin:0 0 30px}.visit h2{margin-bottom:20px}footer{background:#10221e;color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:30px;padding:44px clamp(24px,7vw,110px);border-top:1px solid rgba(255,255,255,.12)}.footer-brand{font:600 2.1rem "Bodoni Moda",serif}.footer-brand em{font-weight:500;color:#f0c766}footer p{margin:0;font-size:.68rem;letter-spacing:.12em;color:#9faea8}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:68px}.desktop-nav{display:none}.hero{min-height:700px}.hero-shade{background:linear-gradient(0deg,rgba(10,21,18,.86),rgba(10,21,18,.2) 75%),linear-gradient(90deg,rgba(10,21,18,.4),transparent)}.hero-image{object-position:48% center}.hero-content{padding-top:200px;align-self:flex-end;padding-bottom:110px}.hero h1{font-size:clamp(4.8rem,23vw,7.5rem);margin-bottom:28px}.hero-copy{font-size:1.05rem}.scroll-cue{left:24px;right:auto}.story,.ritual,.place{grid-template-columns:1fr}.story{gap:55px}.ritual{gap:55px}.ritual-image{order:2}.menu-grid{grid-template-columns:1fr}.menu-card{display:grid;grid-template-columns:42% 58%}.menu-card img{height:100%;aspect-ratio:auto}.menu-card>div{padding:20px}.menu-card h3{font-size:1.25rem}.menu-card p{min-height:auto;font-size:.9rem}.place{gap:20px}.place-copy{padding-top:30px}footer{grid-template-columns:1fr;gap:10px;text-align:center}.footer-brand{margin-bottom:12px}}
@media(max-width:480px){.brand-mark{font-size:25px}.brand-story{font-size:19px}.lang{padding:4px 7px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button{padding:12px 13px}.section{padding-left:20px;padding-right:20px}.menu-card{grid-template-columns:1fr;overflow:hidden}.menu-card img{height:auto;aspect-ratio:16/10}.menu-card>div{position:relative;z-index:1;background:var(--paper)}.place-collage{padding-right:35px;padding-bottom:55px}.visit{padding:90px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}