/* The supplied official artwork is displayed without alteration. */
.brand-lockup{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-width:max-content}
.brand-symbol{position:relative;display:block;width:56px;height:56px;overflow:hidden;border-radius:50%;background:#fff}
.brand-symbol img{position:absolute;width:138px;max-width:none;height:138px;left:-41px;top:-20px}
.brand-name{display:flex;flex-direction:column;line-height:1.05}
.brand-name strong{font:400 25px Georgia,'Times New Roman',serif;letter-spacing:-.8px;white-space:nowrap}
.brand-name small{font-size:9px;letter-spacing:4.5px;margin-top:5px;color:#806b3d}
.hero-mark{width:clamp(250px,22vw,320px);height:auto;right:30px;bottom:30px;padding:0;border:1px solid rgba(176,146,87,.32);box-shadow:0 12px 42px rgba(0,0,0,.18)}
.hero-mark img{width:100%;height:auto;object-fit:contain}
.footer-brand .brand-symbol{width:52px;height:52px}
.footer-brand .brand-symbol img{width:128px;height:128px;left:-38px;top:-19px}
.footer-brand .brand-name strong{font-size:23px}
.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px;color:#59655d}.footer-meta a{text-decoration:underline;text-decoration-color:#b9b5a7;text-underline-offset:3px}.ai-notice{margin:18px 0 0;padding-top:16px;border-top:1px solid #d9dcd2;font-size:10px;line-height:1.6;color:#6c756e;max-width:980px}
@media(max-width:1340px){.brand-name strong{font-size:22px}.brand-symbol{width:50px;height:50px}.brand-symbol img{width:123px;height:123px;left:-37px;top:-18px}nav{gap:18px}.header{gap:20px}}
@media(max-width:780px){.brand-lockup{gap:8px}.brand-symbol{width:45px;height:45px}.brand-symbol img{width:111px;height:111px;left:-33px;top:-16px}.brand-name strong{font-size:18px;letter-spacing:-.5px}.brand-name small{font-size:7px;letter-spacing:3.2px;margin-top:4px}.hero-mark{width:190px;right:15px;bottom:15px}.footer-brand .brand-symbol{width:48px;height:48px}.footer-brand .brand-symbol img{width:118px;height:118px;left:-35px;top:-17px}.footer-meta{align-items:flex-start}}
@media(max-width:480px){.brand-name strong{font-size:16px}.brand-name small{font-size:6px;letter-spacing:2.8px}.brand-symbol{width:40px;height:40px}.brand-symbol img{width:99px;height:99px;left:-29px;top:-14px}.hero-mark{width:160px}}

/* Stationery-inspired visual system: ivory, forest green and restrained brass. */
:root {
  --green:#173d34;
  --ink:#203a31;
  --gold:#907748;
  --paper:#f4f2eb;
  --line:#dddcd2;
  --muted:#5c655e;
}
body {background:#fcfbf7;line-height:1.8;-webkit-font-smoothing:antialiased;}
h1,h2,h3 {font-family:Georgia,'Times New Roman',serif;text-wrap:balance;}
p {text-wrap:pretty;}
button,select,a,summary {-webkit-tap-highlight-color:transparent;}
.header {
  min-height:104px;padding:20px 5.5%;gap:28px;
  background:rgba(252,251,247,.97);border-bottom:1px solid var(--line);
  box-shadow:0 3px 18px rgba(33,47,34,.025);
}
.brand-symbol {border-radius:0;background:transparent;mix-blend-mode:multiply;}
.brand-name strong {font-size:26px;letter-spacing:-.8px;}
.brand-name small {color:var(--gold);font-size:10px;letter-spacing:4.5px;}
nav {font-size:14px;gap:23px;}
nav a {transition:color .2s ease,border-color .2s ease;}
nav a:hover {color:var(--gold);}
.language-control {padding:7px 10px;background:transparent;border-color:#d3cdbd;}
.language-control select {font-size:14px;max-width:155px;}
.hero {
  grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:5%;
  margin:0 auto;padding:66px 5.5% 62px;min-height:0;background:#fcfbf7;
}
.hero-copy {background:transparent;color:var(--ink);padding:28px 0 12px;min-width:0;}
.hero .eyebrow {color:#7c683f;font-size:12px;letter-spacing:2px;line-height:1.85;margin-bottom:34px;max-width:420px;}
h1 {font-size:clamp(44px,4.65vw,76px);line-height:1.13;letter-spacing:-.045em;margin-bottom:29px;}
.hero h1 em {color:var(--gold);}
.hero-description {color:var(--muted);font-size:17px;line-height:1.9;max-width:440px;margin-bottom:32px;}
.hero .button {padding:13px 21px;border:1px solid var(--green);background:var(--green);color:#fff;font-size:14px;gap:34px;transition:background .2s ease,box-shadow .2s ease;}
.hero .button:hover {background:#244f42;box-shadow:0 4px 16px rgba(23,61,52,.1);}
.hero-note {color:#7e745d;font-size:12px;letter-spacing:2px;padding-top:37px;margin-top:auto;}
.hero-visual {
  min-height:560px;align-self:stretch;position:relative;
  border:10px solid #fff;outline:1px solid #e4dfd2;
  box-shadow:0 18px 45px -25px rgba(35,42,31,.3);background:#e8e6dd;
}
.hero-photo {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
.hero-visual:after {background:linear-gradient(0deg,rgba(22,45,34,.035),transparent 40%);}
.mission-strip {background:#f3f0e7;border-block:1px solid #e3ddd0;min-height:83px;gap:44px;font-size:20px;color:#746544;}
.mission-strip i {font-size:15px;color:#9b875d;}
.section {padding:96px 7% 102px;}
.section-label {color:#7a6a49;font-size:12px;letter-spacing:2px;gap:24px;margin-bottom:47px;}
.section-label>span:last-child:not(.rule) {font-size:12px;letter-spacing:1.4px;}
.section-label .rule {background:#ded7c7;}
h2 {font-size:clamp(36px,3.5vw,54px);line-height:1.18;letter-spacing:-1.6px;}
h2 em {color:var(--gold);}
.purpose-grid {grid-template-columns:1fr 1fr;gap:9%;}
.prose {border-left:1px solid #d1c5ac;padding-left:38px;}
.prose .lead {font-size:25px;line-height:1.6;}
.prose p {line-height:1.9;}
.section-heading {align-items:flex-end;gap:60px;margin-bottom:44px;}
.section-heading>p {font-size:16px;line-height:1.8;max-width:420px;}
.focus {background:var(--paper);border-block:1px solid #e7e2d6;}
.pillars {gap:24px;border:0;}
.pillar {background:#fcfbf7;border:1px solid #e0d9ca;box-shadow:0 9px 22px -18px rgba(35,42,31,.24);}
.pillar+.pillar {border-left:1px solid #e0d9ca;}
.pillar>img {height:235px;}
.pillar-copy {padding:29px 27px 0;}
.pillar-number {font-size:42px;color:#a79c82;margin-bottom:24px;}
.pillar .eyebrow {font-size:12px;letter-spacing:1.3px;line-height:1.65;color:#7a6947;}
.pillar h3 {font-size:31px;line-height:1.2;}
.pillar-copy>p:not(.eyebrow) {font-size:16px;line-height:1.85;}
.pillar-foot {border-color:#e0d7c4;color:#7c6b48;font-size:17px;padding:21px 0;}
.photo-note {font-size:12px;line-height:1.8;margin-top:23px;color:#646d64;}
.approach {background:#193e34;}
.approach .section-label {color:#d6c29a;}
.approach .rule {background:#536353;}
.approach-grid {gap:9%;}
.approach-intro {color:#d6ded6;font-size:17px;line-height:1.9;}
.principles article {padding:25px 0;border-color:#52675a;gap:22px;}
.principles article>span {color:#d0b98d;font-size:12px;}
.principles h3 {font-size:29px;margin-bottom:10px;}
.principles p {color:#d6ded6;font-size:16px;line-height:1.8;}
.geography {background:#fcfbf7;}
.location-grid {gap:18px;grid-template-rows:240px 240px;}
.location {border:5px solid #fff;outline:1px solid #dedbd1;}
.location figcaption {left:21px;bottom:20px;font-size:21px;}
.location:after {inset:40% 0 0;background:linear-gradient(transparent,rgba(12,28,22,.78));}
.people {background:#f1efe7;border-block:1px solid #e1ddcf;}
.team {gap:30px;}
.team article {
  position:relative;isolation:isolate;min-width:0;overflow:hidden;
  padding:40px 36px 42px;border:1px solid #e0dacb;border-top:2px solid #9d8558;
  background:#fcfbf8;box-shadow:0 16px 26px -22px rgba(46,49,34,.4);
}
.name-row {display:block;}
.name-row h3 {font-size:clamp(28px,2.75vw,42px);line-height:1.3;letter-spacing:-1px;overflow-wrap:anywhere;text-wrap:initial;}
.team-initial {position:absolute;right:18px;bottom:1px;font-size:160px;line-height:1;color:#e5e4da;z-index:-1;pointer-events:none;}
.team .role {color:#806a40;font-size:14px;line-height:1.75;margin:14px 0 23px;}
.team .role:after {content:'';display:block;width:48px;height:1px;background:#a58e62;margin-top:25px;}
.team article>p:last-child {font-size:16px;line-height:1.9;margin-bottom:0;}
.horizon {background:#fcfbf7;}
.timeline {margin-top:58px;}
.timeline li {border-color:#b29e75;padding-top:28px;}
.timeline li>span {font-size:14px;letter-spacing:1.5px;color:#826d45;}
.timeline h3 {font-size:25px;}
.timeline p {font-size:16px;line-height:1.8;}
.roadmap-note {font-size:12px;}
.places span {font-size:12px;letter-spacing:1.5px;}
.places p,.structure-content>p {font-size:16px;}
.closing {position:relative;overflow:hidden;padding:67px 24px 70px;background:#efede3;border-block:1px solid #d8cfba;}
.closing:before {content:'';display:block;margin:0 auto 17px;width:98px;height:98px;background:url('icon-512.png') center/contain no-repeat;mix-blend-mode:multiply;}
.closing .eyebrow {font-size:12px;letter-spacing:2.8px;color:#74613e;}
.closing>p:not(.eyebrow) {font-size:clamp(38px,4.5vw,66px);margin:24px 0 17px;}
.closing>span {font-size:16px;}
.closing>a {font-size:14px;border-color:#b6aa90;padding-bottom:9px;}
footer {padding:42px 5.5% 30px;background:#fcfbf7;border:0;}
.footer-main {gap:35px;}
.footer-main p {font-size:14px;}
.footer-meta {font-size:12px;gap:8px;min-width:0;}
.footer-meta a {font-size:14px;overflow-wrap:anywhere;}
.credits {margin-top:32px;font-size:12px;}
.credits summary {font-size:14px;padding-top:21px;}
.credits p {font-size:12px;}
.ai-notice {font-size:12px;line-height:1.8;color:#687067;margin-top:20px;}
html[lang='th'] h1,html[lang='th'] h2,html[lang='th'] h3 {letter-spacing:0;line-height:1.5;}
html[lang='th'] .eyebrow,html[lang='th'] .section-label,html[lang='th'] .hero-note {letter-spacing:.3px;}
@media(min-width:1600px) {.hero-copy{padding-left:0}.hero{min-height:0}.hero-visual{min-height:610px}}
@media(max-width:1340px) {
  .header{gap:19px;padding-inline:4%}.brand-name strong{font-size:23px}nav{gap:17px}
  .hero{gap:4%;padding-inline:6%}.hero-visual{min-height:545px}
  .pillars{gap:18px}.pillar-copy{padding-inline:22px}
}
@media(max-width:1180px) {
  .header{min-height:92px;padding:16px 5%}nav{background:#fcfbf7}
  .section{padding:78px 6% 84px}.hero{padding-block:42px;gap:5%}
  h1{font-size:clamp(42px,4.8vw,60px)}.hero-visual{min-height:520px}
  .hero .eyebrow{font-size:12px;margin-bottom:25px}.hero-description{font-size:16px}
  .section-heading{gap:35px}.pillar h3{font-size:27px}.team article{padding:32px 27px}
  .timeline h3{font-size:21px}.footer-main{grid-template-columns:1fr 1fr}
  .footer-meta{grid-column:1/-1;align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}
}
@media(max-width:900px) {
  .hero{grid-template-columns:1fr 1fr;gap:30px;padding-inline:5%}
  .hero-visual{min-height:500px}.hero-copy{padding-top:12px}
  h1{font-size:42px}.purpose-grid{gap:6%}.prose{padding-left:25px}
  .pillars{gap:14px}.pillar-copy{padding-inline:17px}.pillar h3{font-size:25px}
  .pillar .eyebrow{letter-spacing:.8px}.section-heading>p{max-width:340px}
  .timeline p{font-size:15px}
}
@media(max-width:780px) {
  .header{min-height:83px;padding:14px 5%;gap:12px}
  .brand-name strong{font-size:19px}.brand-name small{font-size:8px;letter-spacing:3px}
  .language-control{padding:5px 6px}.language-control select{max-width:114px;font-size:13px}
  .hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:37px 6% 35px}
  .hero-copy{padding:0;min-height:0}.hero .eyebrow{margin-bottom:23px;max-width:100%;font-size:12px;letter-spacing:1.4px}
  h1{font-size:clamp(40px,7.5vw,58px);line-height:1.16;margin-bottom:24px}
  .hero-description{font-size:16px;max-width:520px;margin-bottom:25px}.hero-note{padding-top:25px;font-size:12px;letter-spacing:1.4px}
  .hero-visual{min-height:0;height:auto;aspect-ratio:4/3;border-width:7px}
  .hero-photo{object-position:50% 50%}
  .mission-strip{gap:14px;padding:20px 5%;min-height:0;flex-wrap:wrap;font-size:16px;line-height:1.7}
  .mission-strip i{font-size:12px}
  .section{padding:58px 6% 64px}.section-label{margin-bottom:31px;gap:15px;letter-spacing:1.6px;font-size:12px}
  h2{font-size:36px;letter-spacing:-1px;line-height:1.25}
  .purpose-grid,.approach-grid{grid-template-columns:1fr;gap:23px}.prose{border-left:0;padding-left:0}
  .prose .lead{font-size:24px}.section-heading{display:block;margin-bottom:32px}
  .section-heading>p{max-width:100%;margin-top:20px}
  .pillars{grid-template-columns:1fr;gap:25px}.pillar+.pillar{border-top:1px solid #e0d9ca}
  .pillar>img{height:260px}.pillar-copy{padding:26px 27px 0}.pillar h3{font-size:31px}
  .pillar-number{margin-bottom:20px}.pillar .eyebrow{letter-spacing:1.3px}
  .approach-intro{font-size:16px}.principles{margin-top:9px}
  .location-grid{grid-template-rows:300px 210px 210px;gap:15px}
  .location figcaption{font-size:19px;left:15px;bottom:15px}
  .team{grid-template-columns:minmax(0,1fr);gap:24px}.team article{padding:31px 27px 36px}
  .name-row h3{font-size:34px}.team .role{font-size:14px}.team-initial{font-size:145px}
  .timeline{grid-template-columns:1fr;margin-top:38px}.timeline li{padding:0 0 31px 29px}
  .timeline h3{font-size:27px}.timeline p{font-size:16px}
  .places{grid-template-columns:1fr}.closing{padding:49px 6% 53px}
  .closing:before{width:86px;height:86px}.closing>p:not(.eyebrow){letter-spacing:-1px}
  footer{padding:34px 6% 26px}.footer-main{grid-template-columns:1fr;gap:22px}
  .footer-meta{grid-column:auto;flex-direction:column;gap:10px}
}
@media(max-width:480px) {
  .header{padding-inline:4%;gap:8px}.brand-lockup{gap:7px}.brand-name strong{font-size:18px}
  .header-actions{gap:8px}.language-control select{max-width:91px;font-size:12px}
  .brand-name small{font-size:8px;letter-spacing:2.5px}
  .hero{padding-inline:6%;padding-top:32px}.hero .eyebrow{letter-spacing:1px}
  h1{font-size:clamp(36px,9vw,43px)}.hero-note{letter-spacing:1px}
  .mission-strip{column-gap:11px;row-gap:5px;font-size:15px}
  h2{font-size:33px}.pillar>img{height:230px}.pillar-copy{padding-inline:23px}
  .location-grid{grid-template-columns:1fr;grid-template-rows:270px repeat(4,205px)}
  .team article{padding-inline:24px}.name-row h3{font-size:clamp(27px,7.4vw,33px);letter-spacing:-.7px}
  .closing>p:not(.eyebrow){font-size:39px}.credits summary{font-size:14px}
}
@media(max-width:360px) {
  .brand-name strong{font-size:16px}.brand-name small{font-size:7px}
  .language-control select{max-width:79px}.header-actions{gap:5px}
}
@media(prefers-reduced-motion:reduce) {nav a,.hero .button{transition:none}}