@font-face{font-family:ibm plex sans thai;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-thai-600.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:ibm plex sans thai;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-thai-700.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@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+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:noto sans thai;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/noto-sans-thai-500.woff2)format("woff2");unicode-range:U+E01-E5B,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+E01-E5B,U+200C-200D,U+25CC}@import "fonts.css";:root{--color-bg:#f4f6f8;--color-surface:#ffffff;--color-ink:#1a2332;--color-muted:#4a5568;--color-accent:#0d6e6e;--color-accent-dark:#085454;--color-border:#d8dee6;--color-overlay:rgba(15, 32, 45, 0.72);--font-heading:"IBM Plex Sans Thai", "Noto Sans Thai", sans-serif;--font-body:"Noto Sans Thai", sans-serif;--radius:10px;--shadow:0 12px 40px rgba(26, 35, 50, 0.08);--max-read:42rem;--max-wide:72rem}*,*::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.05rem;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:3px}a:hover{color:var(--color-accent-dark)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:#fff;padding:.75rem 1rem;z-index:10000}.skip-link:focus{left:1rem;top:1rem}.wrap{width:min(100% - 2rem,var(--max-wide));margin-inline:auto}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-split{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.brand{font-family:var(--font-heading);font-weight:700;font-size:1.15rem;color:var(--color-ink);text-decoration:none}.brand:hover{color:var(--color-accent)}.header-contact{font-size:.95rem;color:var(--color-muted)}.header-contact a{font-weight:500;white-space:nowrap}.nav-main{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;list-style:none;margin:0;padding:0}.nav-main a{color:var(--color-ink);text-decoration:none;font-weight:500;padding:.35rem 0}.nav-main a[aria-current=page]{color:var(--color-accent);border-bottom:2px solid var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.35rem;border-radius:var(--radius);font-family:var(--font-body);font-weight:600;font-size:1rem;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-dark);color:#fff}.btn-secondary{background:0 0;border-color:var(--color-accent);color:var(--color-accent-dark)}.btn-secondary:hover{background:rgba(13,110,110,8%)}.btn-steam{background:#1b2838;color:#c7d5e0;border-color:#2a475e}.btn-steam:hover{background:#2a475e;color:#fff}.hero-overlay-wrap{position:relative;min-height:52vh;display:grid;align-items:end;color:#fff;margin-bottom:2rem}.hero-overlay-wrap::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,30,.35) 0%,var(--color-overlay) 85%);z-index:1}.hero-overlay-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)contrast(1.05)}.hero-text-first-narrow{position:relative;z-index:2;padding:3rem 0 2.5rem;max-width:36rem}.hero-text-first-narrow h1{font-family:var(--font-heading);font-size:clamp(1.85rem,4vw,2.65rem);line-height:1.2;margin:0 0 1rem}.hero-text-first-narrow .lead{font-size:1.12rem;opacity:.95;margin-bottom:1.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.section{padding:3rem 0}.section h2{font-family:var(--font-heading);font-size:clamp(1.45rem,3vw,1.9rem);margin:0 0 1rem;line-height:1.25}.section p{margin:0 0 1rem;color:var(--color-muted)}.comp-media-left-text-right,.comp-text-left-media-right{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.comp-media-left-text-right .media img,.comp-text-left-media-right .media img{border-radius:var(--radius);box-shadow:var(--shadow);filter:sepia(.12)saturate(1.05)}.comp-media-left-text-right h2,.comp-text-left-media-right h2{text-align:left}.comp-card-row{text-align:center}.comp-card-row .card-row-inner{text-align:center;margin-inline:auto;max-width:var(--max-wide)}.comp-card-row h2{text-align:center;margin-inline:auto;max-width:var(--max-read)}.comp-card-row .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem;text-align:left}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow)}.card h3{font-family:var(--font-heading);margin:0 0 .5rem;font-size:1.1rem}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1.5rem}.partner-chip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.65rem .5rem;text-align:center;font-size:.88rem;font-weight:600;color:var(--color-muted)}.map-section{background:var(--color-surface);border-block:1px solid var(--color-border)}.map-interactive{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);touch-action:none;user-select:none;max-height:420px}.map-interactive img.map-base{width:100%;height:auto;transform-origin:center center;will-change:transform}.map-pin{position:absolute;left:58%;top:52%;width:18px;height:18px;margin:-9px;background:var(--color-accent);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:.5rem;margin-top:.75rem}.map-controls button{min-height:44px;min-width:44px;padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;cursor:pointer;font-family:var(--font-body)}.cta-band{background:linear-gradient(135deg,#0d6e6e 0%,#134e4a 100%);color:#e8f4f4;text-align:center;padding:2.5rem 1rem}.cta-band .wrap{text-align:center;margin-inline:auto;max-width:var(--max-read)}.cta-band h2{color:#fff;text-align:center}.cta-band p{color:#d1e8e8}.site-footer{background:#141c26;color:#c5cdd8;padding:2.5rem 0 1.5rem;font-size:.92rem}.footer-centered{text-align:center;max-width:52rem;margin-inline:auto}.footer-identity{line-height:1.7;margin-bottom:1.25rem}.footer-identity a{color:#8fd4d4}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:1rem 0;padding:0;list-style:none}.footer-nav a{color:#e2e8f0;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-disclaimer{font-size:.85rem;color:#9aa8b8;margin-top:1rem;border-top:1px solid #2a3544;padding-top:1rem}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -8px 30px rgba(0,0,0,.12);padding:1rem;z-index:9999}.consent-inner{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;max-width:var(--max-wide);margin-inline:auto}.consent-actions{display:flex;flex-wrap:wrap;gap:.5rem}.page-hero{padding:2rem 0 1rem}.page-hero h1{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.2rem);margin:0 0 .75rem}.legal-prose h2{font-family:var(--font-heading);font-size:1.25rem;margin-top:2rem}.legal-prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.legal-prose th,.legal-prose td{border:1px solid var(--color-border);padding:.6rem .75rem;text-align:left}.inquiry-form label{display:block;font-weight:600;margin-bottom:.35rem}.inquiry-form input,.inquiry-form textarea,.inquiry-form select{width:100%;min-height:44px;padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:8px;font-family:var(--font-body);font-size:1rem;margin-bottom:.25rem}.inquiry-form textarea{min-height:140px;resize:vertical}.field-error{color:#b42318;font-size:.9rem;margin-bottom:1rem}.form-status{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.form-status.is-pending{background:#eef2ff;color:#3730a3}.form-status.is-success{background:#ecfdf3;color:#027a48}.form-status.is-error{background:#fef3f2;color:#b42318}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.process-steps{counter-reset:step;list-style:none;padding:0;margin:1.5rem 0 0}.process-steps li{position:relative;padding-left:2.75rem;margin-bottom:1.25rem}.process-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;line-height:2rem;text-align:center;background:var(--color-accent);color:#fff;border-radius:50%;font-weight:700;font-size:.9rem}@media(max-width:768px){.comp-media-left-text-right,.comp-text-left-media-right,.contact-grid{grid-template-columns:1fr}.comp-media-left-text-right .copy,.comp-text-left-media-right .copy{text-align:left}.comp-media-left-text-right h2,.comp-text-left-media-right h2{text-align:left}.comp-card-row .cards{grid-template-columns:1fr}.comp-card-row,.comp-card-row .card-row-inner,.comp-card-row h2,.cta-band .wrap{text-align:center;margin-inline:auto}.header-split{flex-direction:column;align-items:flex-start}}