:root{--brand:#16265c;--brand-dark:#0f1b44;--brand-light:#e7f4f0;--mint:#35d999;--accent:#0e8f63;--accent-dark:#0b7350;--ink:#1e2433;--muted:#5a6474;--line:#dfe5ee;--bg:#fff;--bg-soft:#f4f8fa;--radius:14px;--wrap:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Prompt,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16.5px;line-height:1.8}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}h1,h2,h3,h4{color:var(--brand-dark);margin:0 0 .6em;font-weight:600;line-height:1.45}h1{font-size:clamp(1.8rem,4vw,2.6rem)}h2{font-size:clamp(1.4rem,2.8vw,2rem)}h3{font-size:clamp(1.1rem,2vw,1.35rem)}section>.wrap>h2{text-align:center}section>.wrap>h2:after{content:"";background:var(--mint);border-radius:2px;width:64px;height:3px;margin:14px auto 0;display:block}section>.wrap>.lede{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}p{margin:0 0 1.1em}.btn{background:var(--brand);color:#fff;border:2px solid var(--brand);border-radius:8px;padding:13px 30px;font-weight:600;transition:all .2s;display:inline-block}.btn:hover{background:var(--brand-dark);border-color:var(--brand-dark);text-decoration:none}.btn-out{color:var(--brand);background:0 0}.btn-out:hover{background:var(--brand);color:#fff}.btn-accent{background:var(--accent);border-color:var(--accent)}.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.topbar{background:var(--brand-dark);color:#fff;font-size:.9rem}.topbar .wrap{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;padding-block:8px;display:flex}.topbar a{color:#fff;font-weight:600}header.site{z-index:50;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}header.site .wrap{align-items:center;gap:20px;padding-block:10px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;display:flex}.brand img{width:auto;height:52px}.brand span{color:var(--brand);font-size:.78rem;font-weight:600;line-height:1.45;display:block}.brand span b{color:var(--muted);letter-spacing:.02em;font-size:.7rem;font-weight:500;display:block}.brand:hover{text-decoration:none}nav.main{margin-left:auto}nav.main ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}nav.main a{color:var(--ink);border-radius:8px;padding:8px 12px;font-size:.95rem;font-weight:500}nav.main a:hover{background:var(--brand-light);text-decoration:none}nav.main a[aria-current]{background:var(--brand-light);color:var(--brand-dark);font-weight:700}.navtoggle{border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:8px 12px;font-family:inherit;font-size:1rem;display:none}section{padding:76px 0}section.soft{background:var(--bg-soft)}.grid{gap:22px;display:grid}.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.card h3{margin-top:0}.lede{color:var(--muted);font-size:1.08rem}.eyebrow{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:700}footer.site{background:var(--brand-dark);color:#d6def0;margin-top:40px;padding:48px 0 24px}footer.site h4{color:#fff;margin:0 0 14px;font-size:1rem}footer.site p{margin:0;font-size:.95rem;line-height:1.9}footer.site a{color:#d6def0}footer.site a:hover{color:var(--mint)}footer.site .cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;display:grid}footer.site ul{margin:0;padding:0;font-size:.95rem;list-style:none}footer.site li{margin:0 0 12px;line-height:1.9}.person{color:inherit;justify-content:space-between;align-items:stretch;gap:16px;transition:all .2s;display:flex}.person:hover{border-color:var(--brand);text-decoration:none;box-shadow:0 4px 18px #16265c14}.person .info{flex-direction:column;align-items:flex-start;display:flex}.person h2{margin:0 0 .3em;font-size:1.1rem}.person .role{color:var(--accent);margin:0 0 16px;font-size:.95rem;font-weight:600}.person .more{color:var(--brand);margin-top:auto;font-size:.9rem;font-weight:600}.person-photo{object-fit:cover;object-position:top;background:var(--brand-light);border-radius:12px;flex-shrink:0;align-self:flex-start;width:104px;height:126px}.btn-sm{padding:8px 20px;font-size:.9rem}.profile-head{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.profile-head img{object-fit:cover;object-position:top;border-radius:var(--radius);background:var(--brand-light);width:220px;height:264px}.profile-list{max-width:820px;padding-left:1.3em}.profile-list li{margin-bottom:.5em}.acard{border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#fff;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.acard:hover{border-color:var(--brand);text-decoration:none;box-shadow:0 6px 22px #16265c1a}.acard>img,.acard .thumb-fallback{aspect-ratio:16/9;object-fit:cover;width:100%}.acard .thumb-fallback{background:var(--brand-light);justify-content:center;align-items:center;display:flex}.acard .thumb-fallback img{opacity:.85;width:120px;height:auto}.acard .body{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.acard h3{color:var(--accent);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5em;font-size:1.05rem;line-height:1.5;display:-webkit-box;overflow:hidden}.acard .excerpt{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.92rem;display:-webkit-box;overflow:hidden}.acard .more{color:var(--accent);margin-top:auto;font-size:.95rem;font-weight:600}.social{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.social a{color:#fff;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.social a:hover{background:var(--mint);color:var(--brand-dark)}.copy{color:#9faac8;border-top:1px solid #ffffff26;margin-top:32px;padding-top:16px;font-size:.85rem}.breadcrumb{color:var(--muted);padding:14px 0 0;font-size:.88rem}.breadcrumb a{color:var(--muted)}.prose{max-width:760px}.prose img{border-radius:var(--radius);margin:1.6em 0}.prose h2{margin-top:1.8em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:.5em}.cta-bar{background:var(--brand-light);border-radius:var(--radius);text-align:center;padding:28px}.hero-photo{background:linear-gradient(90deg,#0f1b447a 0%,#0f1b4433 46%,#0f1b4400 72%),url(/uploads/gallery/hero-lakehouse.jpg) 50%/cover no-repeat;padding:120px 0 130px;position:relative}.hero-photo h1,.hero-photo .lede{text-shadow:0 2px 14px #0a12308c}.hero-badge{-webkit-backdrop-filter:blur(6px);text-align:center;color:#fff;background:#ffffff29;border-radius:14px;padding:16px 22px;position:absolute;bottom:34px;right:44px}.hero-badge img{object-fit:contain;background:#fff;border-radius:50%;width:64px;height:64px;margin:0 auto 8px;padding:4px}.hero-badge span{font-size:.8rem;line-height:1.5;display:block}.btn-ghost{color:#fff;background:0 0;border-color:#fff}.btn-ghost:hover{color:var(--brand);background:#fff;border-color:#fff}@media (width<=900px){.hero-photo{padding:72px 0}.hero-badge{margin-top:30px;display:inline-block;position:static}nav.main{order:3;width:100%;display:none}nav.main.open{display:block}nav.main ul{flex-direction:column}.navtoggle{display:block}header.site .wrap{flex-wrap:wrap}section{padding:52px 0}}