:root{--cream:#f4f0e8;--ink:#1a1c1b;--navy:#152b37;--accent:#a36550}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans Thai",sans-serif;line-height:1.7}a{color:inherit}a:focus-visible{outline:3px solid #bf7159;outline-offset:4px}.top{background:var(--navy);color:#fff;padding:16px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;letter-spacing:.12em;font-weight:700;line-height:1.35}.brand img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#000}.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a{text-decoration:none;font-size:14px}.top nav a:hover{text-decoration:underline}.wrap{max-width:1240px;margin:auto;padding:36px 24px 90px}.back{text-decoration:none;color:#5b5e5c;font-size:13px}.back:hover{text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:#925e4e;margin:26px 0 8px}h1{font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(38px,6vw,76px);line-height:1.12;font-weight:400;margin:0 0 26px}h2{font-family:Georgia,"Noto Serif Thai",serif;font-size:clamp(26px,3vw,38px);font-weight:400;margin:0 0 18px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(22px,4vw,70px);align-items:center}.hero img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#d1c7b8}.hero p{font-size:clamp(17px,1.5vw,20px);line-height:1.85}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.chips span{border:1px solid #c9c1b7;padding:7px 12px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions a{display:inline-flex;padding:13px 18px;background:var(--navy);color:#fff;text-decoration:none;font-size:13px;font-weight:700}.actions a.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink)}.actions a:hover{opacity:.8}.contact{border-top:1px solid #cfc7bb;margin-top:38px;padding-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact dt{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#69706f}.contact dd{margin:5px 0 0;overflow-wrap:anywhere}.gallery{margin-top:75px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery-grid img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#d1c7b8}footer{background:var(--navy);color:#fff;padding:26px 24px;text-align:center;font-size:12px}@media(max-width:800px){.top{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero img{aspect-ratio:3/2}.wrap{padding-top:22px}.contact{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}.hero img{aspect-ratio:4/3}.top nav{gap:12px}}