@font-face{font-family:noto sans thai;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-sans-thai-400.woff2)format("woff2");unicode-range:U+E00-E7F,U+200C-200D,U+25CC}@font-face{font-family:noto sans thai;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/noto-sans-thai-700.woff2)format("woff2");unicode-range:U+E00-E7F,U+200C-200D,U+25CC}@font-face{font-family:sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sarabun-400.woff2)format("woff2");unicode-range:U+E00-E7F,U+200C-200D,U+25CC}@font-face{font-family:sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sarabun-600.woff2)format("woff2");unicode-range:U+E00-E7F,U+200C-200D,U+25CC}@import "fonts.css";:root{--color-bg:#f7f5f2;--color-surface:#ffffff;--color-ink:#1a1f24;--color-muted:#4a5560;--color-accent:#0d5c63;--color-accent-hover:#094248;--color-border:#d8dde2;--color-warm:#c45c3e;--font-heading:"Noto Sans Thai", system-ui, sans-serif;--font-body:"Sarabun", system-ui, sans-serif;--radius:6px;--shadow:0 12px 40px rgba(26, 31, 36, 0.08);--max-read:42rem;--max-wide:72rem;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.75rem;--space-lg:3rem;--space-xl:4.5rem}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--color-ink);background:var(--color-bg)}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-warm);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.25;font-weight:700;margin-top:0}h1{font-size:clamp(1.85rem,4vw,2.65rem)}h2{font-size:clamp(1.45rem,3vw,2rem);margin-bottom:var(--space-sm)}h3{font-size:1.15rem}p{margin:0 0 var(--space-sm)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-ink);color:#fff;padding:.75rem 1rem;z-index:10000}.skip-link:focus{left:var(--space-sm);top:var(--space-sm)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-wide);margin:0 auto;padding:var(--space-sm)var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.brand{font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:var(--color-ink);text-decoration:none}.brand:hover{color:var(--color-accent)}.nav-toggle{display:none;min-height:44px;min-width:44px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);cursor:pointer}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)var(--space-md);align-items:center}.site-nav a{color:var(--color-muted);text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-accent)}.header-cta .btn{white-space:nowrap}main{min-height:50vh}.container{width:min(100% - 2rem,var(--max-wide));margin-inline:auto}.container--narrow{width:min(100% - 2rem,var(--max-read));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;padding:.65rem 1.25rem;border-radius:var(--radius);font-family:var(--font-heading);font-weight:600;font-size:.95rem;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:0 0;border-color:var(--color-accent);color:var(--color-accent)}.btn--secondary:hover{background:var(--color-accent);color:#fff}.btn--steam{background:#1b2838;color:#fff;border-color:#1b2838}.btn--steam:hover{background:#2a475e;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.page-magazine .article-flow{max-width:var(--max-wide);margin:0 auto}.page-magazine .lead-columns{display:grid;gap:var(--space-lg)}@media(min-width:900px){.page-magazine .lead-columns{grid-template-columns:1.1fr .9fr;align-items:start}}.hero-text-first{padding:var(--space-xl)var(--space-md)var(--space-lg);background:linear-gradient(180deg,#ebe8e3 0%,var(--color-bg) 100%)}.hero-text-first .hero-inner{text-align:center;margin-inline:auto;max-width:36rem}.hero-text-first .hero-kicker{font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-xs)}.hero-text-first .hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.hero-phone{margin-top:var(--space-sm);font-size:.95rem}.hero-phone a{font-weight:600}.comp-centered-media-below{padding:var(--space-lg)var(--space-md)}.comp-centered-media-below .comp-text{text-align:center;margin-inline:auto;max-width:var(--max-read)}.comp-centered-media-below .comp-media{margin-top:var(--space-md);margin-inline:auto;max-width:52rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.comp-centered-media-below h2{text-align:center}.comp-text-left-media-right{padding:var(--space-lg)var(--space-md)}.comp-text-left-media-right .comp-grid{display:grid;gap:var(--space-md);align-items:center;max-width:var(--max-wide);margin-inline:auto}@media(min-width:768px){.comp-text-left-media-right .comp-grid{grid-template-columns:1fr 1fr}}.comp-text-left-media-right .comp-media img{border-radius:var(--radius);filter:saturate(.92)contrast(1.02);box-shadow:var(--shadow)}@media(max-width:767px){.comp-text-left-media-right .comp-copy{text-align:left}}.comp-asymmetric-grid-3{padding:var(--space-lg)var(--space-md)}.comp-asymmetric-grid-3 .grid-wrap{display:grid;gap:var(--space-md);max-width:var(--max-wide);margin-inline:auto}@media(min-width:768px){.comp-asymmetric-grid-3 .grid-wrap{grid-template-columns:2fr 1fr;grid-template-rows:auto auto}.comp-asymmetric-grid-3 .card-wide{grid-row:span 2}}.comp-asymmetric-grid-3 .card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md)}.comp-asymmetric-grid-3 h2{margin-bottom:var(--space-md)}.partners-band{padding:var(--space-lg)var(--space-md);background:var(--color-surface);border-block:1px solid var(--color-border)}.partners-band .partners-intro{text-align:center;margin-inline:auto;max-width:var(--max-read);margin-bottom:var(--space-md)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);max-width:var(--max-wide);margin-inline:auto}.partner-chip{text-align:center;padding:var(--space-sm);border:1px dashed var(--color-border);border-radius:var(--radius);font-size:.85rem;font-weight:600;color:var(--color-muted);background:var(--color-bg)}.faq-section{padding:var(--space-lg)var(--space-md)}.faq-list{max-width:var(--max-read);margin:0 auto}.faq-item{border-bottom:1px solid var(--color-border);padding:var(--space-sm)0}.faq-item button{width:100%;text-align:left;background:0 0;border:none;font-family:var(--font-heading);font-size:1rem;font-weight:600;padding:var(--space-sm)0;min-height:44px;cursor:pointer;color:var(--color-ink)}.map-panel{padding:var(--space-lg)var(--space-md);background:#e8ecef}.map-panel .map-intro{text-align:center;margin-inline:auto;max-width:var(--max-read);margin-bottom:var(--space-md)}.map-interactive{position:relative;max-width:52rem;margin-inline:auto;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);touch-action:none}.map-interactive img{width:100%;transform-origin:center center;transition:transform .1s linear}.map-pin{position:absolute;left:52%;top:48%;width:18px;height:18px;background:var(--color-warm);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}.map-controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-sm)}.map-controls button{min-height:44px;min-width:44px;padding:0 1rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-family:var(--font-heading)}.site-footer{background:var(--color-ink);color:#e8eaed;padding:var(--space-lg)var(--space-md)var(--space-md);font-size:.92rem}.footer-grid{display:grid;gap:var(--space-md);max-width:var(--max-wide);margin:0 auto var(--space-md)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.site-footer a{color:#b8d4d6}.footer-identity p{margin-bottom:.35rem}.footer-nav ul{list-style:none;margin:0;padding:0}.footer-nav li{margin-bottom:.35rem}.footer-disclaimer{border-top:1px solid #3a4249;padding-top:var(--space-sm);max-width:var(--max-wide);margin:0 auto;font-size:.85rem;color:#aab2b9}.form-section{padding:var(--space-lg)var(--space-md)}.form-card{max-width:36rem;margin:0 auto;background:var(--color-surface);padding:var(--space-md);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:var(--shadow)}.form-field{margin-bottom:var(--space-md)}.form-field label{display:block;font-weight:600;margin-bottom:.35rem}.form-field input,.form-field textarea,.form-field select{width:100%;min-height:44px;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-body);font-size:1rem}.form-field textarea{min-height:140px;resize:vertical}.field-error{color:#9b2c2c;font-size:.9rem;margin-top:.35rem}.form-status{padding:var(--space-sm);border-radius:var(--radius);margin-bottom:var(--space-sm)}.form-status--pending{background:#eef3f7}.form-status--success{background:#e6f4ea;color:#1e4620}.form-status--error{background:#fdecea;color:#611a15}.legal-page{padding:var(--space-lg)var(--space-md)var(--space-xl)}.legal-page .container--narrow h1{margin-bottom:var(--space-md)}.legal-page h2{margin-top:var(--space-md);font-size:1.2rem}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-sm)var(--space-md);box-shadow:0 -8px 30px rgba(0,0,0,8%);z-index:9999}.consent-inner{max-width:var(--max-wide);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;justify-content:space-between}.consent-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.page-404{text-align:center;padding:var(--space-xl)var(--space-md)}@media(max-width:767px){.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.site-nav{display:none;width:100%}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;align-items:flex-start}}