:root{--paper:#fbf7ee;--ink:#26332b;--white:#fffdf7;--line:#ddd8ca}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.72 "Noto Sans Thai",Tahoma,system-ui,sans-serif}a{color:var(--forest);text-underline-offset:.22em}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #9b502f;outline-offset:3px}.skip{position:absolute;left:.75rem;top:-6rem;z-index:1;background:var(--white);padding:.5rem}.skip:focus{top:.5rem}.wrap{width:min(100% - 2.25rem,72rem);margin-inline:auto}.mast{background:var(--white);border-bottom:1px solid var(--line)}.mast-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;text-decoration:none}.mast nav,footer nav{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem}.hero{margin:2rem 0 3rem;border-radius:1.5rem;background:var(--forest);color:var(--white);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero>div{padding:clamp(1.5rem,5vw,4.4rem);align-self:center}.hero>img{height:100%;width:100%;min-height:19rem;object-fit:cover}.hero .eyebrow{color:var(--sand)}h1,h2,h3{line-height:1.34;margin:0 0 .6rem}h1{font-size:clamp(2rem,5.3vw,4.3rem)}h2{font-size:clamp(1.3rem,3vw,2rem)}h3{font-size:1.12rem}.eyebrow{font-weight:800;font-size:.87rem;margin:0 0 .5rem;color:var(--forest)}.cta,.booking>a{display:inline-block;background:var(--sand);color:var(--ink);font-weight:800;text-decoration:none;padding:.65rem 1rem;border-radius:2rem}.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.filters button{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:2rem;padding:.4rem .9rem;cursor:pointer}.filters button[aria-pressed=true]{background:var(--forest);color:white}.filters span{font-size:.8em;opacity:.85}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--white)}.card a{height:100%;display:block;color:inherit;text-decoration:none}.card a:hover h3{text-decoration:underline}.card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.card a>div{padding:1rem}.card p:last-child{margin:0}.article,.support{padding-block:2rem 3rem}.article-intro{max-width:52rem}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,17rem);align-items:start;gap:2rem}.prose{max-width:49rem;min-width:0}.prose section{margin-top:1.75rem;overflow-wrap:anywhere}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.gallery figure:first-child{grid-column:1/-1}.gallery img{width:100%;height:auto;border-radius:.9rem}.gallery figure{margin:0}.gallery figcaption{font-size:.84rem}.booking{position:sticky;top:1rem;border:1px solid var(--line);padding:1.2rem;border-radius:1rem;background:var(--white)}.booking h2{font-size:1.15rem}.booking p{font-size:.89rem;margin-bottom:0}.support{max-width:54rem;min-height:52vh}.support h1{font-size:clamp(1.8rem,4vw,3rem)}address{font-style:normal;overflow-wrap:anywhere}footer{margin-top:2rem;padding:1.5rem 0;background:var(--white);border-top:1px solid var(--line)}footer p{font-size:.9rem;margin-bottom:0}
@media(max-width:760px){.hero,.article-grid{grid-template-columns:1fr}.hero>img{max-height:20rem;min-height:0;aspect-ratio:16/9}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking{position:static}.mast-in{align-items:flex-start}.mast nav{justify-content:flex-end}}@media(max-width:460px){.grid{grid-template-columns:1fr}.mast nav{gap:.3rem .65rem;font-size:.9rem}.hero{margin-top:1rem}.gallery{gap:.5rem}}


.hero{grid-template-columns:.95fr 1.05fr;min-height:25rem;border-radius:1.15rem;box-shadow:0 .9rem 2.2rem #36544326}.hero figure{position:relative;margin:0;min-height:16rem}.hero figure img{width:100%;height:100%;object-fit:cover}.hero figcaption{position:absolute;right:.8rem;bottom:.8rem;background:#12261f;color:white;padding:.25rem .65rem;border-radius:.25rem;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.card img{aspect-ratio:5/3}.collection{scroll-margin-top:1.25rem}.booking{border-top:.35rem solid var(--forest)}@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero figure{height:clamp(12rem,43vw,22rem);min-height:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.grid{grid-template-columns:1fr}.hero figcaption{max-width:90%}}

body { background: #f7f7ef; }
.mast { border-bottom: 1px solid #ccd9d0; }
.hero { padding-block: clamp(2rem, 5vw, 4.5rem); }
.hero h1 { letter-spacing: -.025em; line-height: 1.18; }
.hero figure { border-radius: .6rem; }
.plan-section { padding-block: 1.25rem 3rem; }
.plan-tabs { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0; }
.plan-tabs[hidden], .plan-panel[hidden] { display: none; }
.plan-tabs button { cursor: pointer; font: inherit; font-weight: 700; padding: .55rem 1.1rem; border: 1px solid var(--forest); border-radius: 999px; color: var(--forest); background: #fff; }
.plan-tabs button[aria-selected="true"] { color: #fff; background: var(--forest); }
.plan-tabs button:focus-visible, .plan-panel:focus-visible { outline: 3px solid var(--forest); outline-offset: 3px; }
.plan-panel { max-width: 50rem; border-left: .35rem solid var(--sand); background: #fff; padding: 1.3rem 1.5rem; margin: 1rem 0; border-radius: .35rem; }
.plan-panel h3 { margin: 0; }
.plan-panel li + li { margin-top: .35rem; }