: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}}
:root{--paper:#f9f5f1;--white:#fffcfa;--ink:#342e39;--line:#e2d5d9}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);border-radius:.3rem;background:var(--sand);color:var(--ink)}.hero .eyebrow{color:var(--forest)}.hero .cta{background:var(--forest);color:var(--white)}.hero>img{border:1rem solid var(--sand);border-left:0;border-radius:0 .3rem .3rem 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border-radius:.3rem}.card>a{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr)}.card img{height:100%;object-fit:cover}.card .eyebrow{color:var(--forest)}.filters button{border-radius:.3rem}.mast{border-bottom:2px solid var(--forest)}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero>img{border:0}.card>a{grid-template-columns:minmax(6rem,.72fr) minmax(0,1.28fr)}}@media(max-width:420px){.card>a{grid-template-columns:1fr}.card img{height:auto}}