@font-face{font-family:"Bai Jamjuree";font-weight:400;font-display:swap;src:url(/fonts/bj-latin-400.woff2) format("woff2");unicode-range:U+0000-024F,U+2000-206F,U+20AC}
@font-face{font-family:"Bai Jamjuree";font-weight:500;font-display:swap;src:url(/fonts/bj-latin-500.woff2) format("woff2");unicode-range:U+0000-024F,U+2000-206F,U+20AC}
@font-face{font-family:"Bai Jamjuree";font-weight:600;font-display:swap;src:url(/fonts/bj-latin-600.woff2) format("woff2");unicode-range:U+0000-024F,U+2000-206F,U+20AC}
@font-face{font-family:"Bai Jamjuree";font-weight:700;font-display:swap;src:url(/fonts/bj-latin-700.woff2) format("woff2");unicode-range:U+0000-024F,U+2000-206F,U+20AC}
@font-face{font-family:"Bai Jamjuree";font-weight:400;font-display:swap;src:url(/fonts/bj-thai-400.woff2) format("woff2");unicode-range:U+0E00-0E7F}
@font-face{font-family:"Bai Jamjuree";font-weight:500;font-display:swap;src:url(/fonts/bj-thai-500.woff2) format("woff2");unicode-range:U+0E00-0E7F}
@font-face{font-family:"Bai Jamjuree";font-weight:600;font-display:swap;src:url(/fonts/bj-thai-600.woff2) format("woff2");unicode-range:U+0E00-0E7F}
@font-face{font-family:"Bai Jamjuree";font-weight:700;font-display:swap;src:url(/fonts/bj-thai-700.woff2) format("woff2");unicode-range:U+0E00-0E7F}

:root{
  --pine:#0e2a1c; --pine-2:#16392a; --pine-line:#2f5543;
  --mist:#eef1ec; --mist-2:#dfe4dc; --ink:#12241a; --ink-2:#44564b;
  --green:#61993b; --green-deep:#4f7a2f; --green-lit:#a8dc78; --door:#58a52c; --door-2:#4d9625;
  --on-pine:#f2f5ef; --on-pine-2:#b9c9bd;
  --gutter:clamp(20px,5vw,72px); --wrap:1320px;
}
:root{color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pine);color:var(--on-pine);font:400 1.0625rem/1.55 "Bai Jamjuree",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
html[lang=th] body{line-height:1.7}
::selection{background:var(--green-lit);color:var(--pine)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{color:var(--green-lit)}
:focus-visible{outline:2px solid var(--green-lit);outline-offset:3px;border-radius:1px}
h1,p,dl,dd{margin:0}
.card{display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);min-height:100svh}
.panel{display:flex;flex-direction:column;padding:clamp(22px,3vw,36px) var(--gutter)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:600;font-size:1.12rem;white-space:nowrap}
.brand svg{width:27px;height:27px;flex:none}
.brand b{font-weight:700;letter-spacing:.07em}
.lang{font-size:.95rem;font-weight:500;color:var(--on-pine-2);text-decoration:none;padding:9px 0 9px 12px}
.lang:hover{text-decoration:underline}
.body{margin-block:auto;padding-block:clamp(36px,6vh,64px);max-width:640px}
h1{font-size:clamp(2.2rem,1.5rem + 2.4vw,3.6rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
html[lang=th] h1{letter-spacing:0;line-height:1.3;font-size:clamp(2rem,1.35rem + 2.1vw,3.2rem)}
.line{margin-top:14px;font-size:clamp(1.12rem,1rem + .4vw,1.3rem);color:var(--on-pine-2)}
.rows{margin-top:clamp(28px,4vh,44px);border-top:1px solid var(--pine-line)}
.rows div{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr);gap:2px 20px;padding:12px 0;border-bottom:1px solid var(--pine-line)}
.rows dt{color:var(--on-pine-2)}
.rows dd{font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.go{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-weight:600;color:var(--green-lit);text-decoration:none;padding-block:7px}
.go:hover{text-decoration:underline}
.go svg{width:17px;height:17px}
.foot{color:var(--on-pine-2);font-size:.92rem}
.photo{position:relative;overflow:hidden;background:var(--pine-2)}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
@media (max-width:900px){
  .card{grid-template-columns:1fr}
  .photo{order:-1;aspect-ratio:16/9}
  .panel{gap:0}
}
@media (max-width:460px){.rows div{grid-template-columns:1fr}}