@font-face{font-family:noto sans thai;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/NotoSansThai-Regular.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:600;font-display:swap;src:url(../fonts/NotoSansThai-SemiBold.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/NotoSansThai-Bold.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Sarabun-Regular.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Sarabun-SemiBold.woff2)format("woff2");unicode-range:U+E01-E5B,U+200C-200D,U+25CC}@import "fonts.css";:root{--color-bg:#f7f5f2;--color-surface:#ffffff;--color-ink:#1a2332;--color-muted:#4a5568;--color-accent:#0d6e6e;--color-accent-hover:#095555;--color-border:#d8dde6;--color-warm:#c45c3e;--font-heading:"Noto Sans Thai", system-ui, sans-serif;--font-body:"Sarabun", system-ui, sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.75rem;--space-lg:3rem;--space-xl:5rem;--radius:6px;--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}}[x-cloak]{display:none!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)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.25;font-weight:700;margin-top:0}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-ink);color:#fff;padding:var(--space-sm);z-index:10000}.skip-link:focus{left:var(--space-sm)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-split{max-width:var(--max-wide);margin:0 auto;padding:var(--space-sm)var(--space-md);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.brand{font-family:var(--font-heading);font-weight:700;font-size:1.125rem;color:var(--color-ink);text-decoration:none}.header-contact{font-size:.95rem;color:var(--color-muted)}.header-contact a{font-weight:600}.nav-main{display:flex;flex-wrap:wrap;gap:var(--space-sm)var(--space-md);list-style:none;margin:0;padding:0;width:100%;justify-content:flex-end}.nav-main a{color:var(--color-ink);text-decoration:none;font-weight:600;padding:.35rem 0}.nav-main a:hover,.nav-main a[aria-current=page]{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.35rem;font-family:var(--font-heading);font-weight:600;font-size:1rem;border-radius:var(--radius);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;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-secondary{background:0 0;color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover{background:rgba(13,110,110,8%)}.btn-steam{background:linear-gradient(135deg,#1b2838 0%,#2a475e 100%);color:#c7d5e0;border-color:#66c0f4}.btn-steam:hover{color:#fff;border-color:#fff}main{min-height:50vh}.archetype-centered-classic .section-inner{max-width:var(--max-wide);margin:0 auto;padding:var(--space-lg)var(--space-md)}.hero-split-50-50{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center;max-width:var(--max-wide);margin:0 auto;padding:var(--space-xl)var(--space-md)var(--space-lg)}.hero-split-50-50 h1{font-size:clamp(1.75rem,4vw,2.65rem)}.hero-split-50-50 .lead{font-size:1.15rem;color:var(--color-muted);margin-bottom:var(--space-md)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero-media img{border-radius:var(--radius);box-shadow:var(--shadow);filter:saturate(.92)contrast(1.02)}.composition-staggered-rows .stagger-row{max-width:var(--max-read);margin:0 auto var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.composition-staggered-rows .stagger-row:nth-child(even){margin-left:auto;margin-right:0;transform:translateX(0)}@media(min-width:768px){.composition-staggered-rows .stagger-row:nth-child(odd){margin-right:8%}.composition-staggered-rows .stagger-row:nth-child(even){margin-left:8%}}.composition-full-bleed-band{position:relative;margin:var(--space-lg)0}.composition-full-bleed-band .band-media{width:100%;max-height:420px;object-fit:cover;filter:grayscale(.15)sepia(.12)}.composition-full-bleed-band .band-caption{text-align:center;margin-inline:auto;max-width:var(--max-read);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);margin-top:-2rem;position:relative;z-index:1;border-radius:var(--radius);box-shadow:var(--shadow)}.composition-text-left-media-right{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.composition-text-left-media-right .text-col{text-align:left}.composition-text-left-media-right h2{text-align:left}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.partner-chip{background:var(--color-bg);border:1px solid var(--color-border);padding:.75rem;text-align:center;font-family:var(--font-heading);font-size:.85rem;font-weight:600;border-radius:var(--radius)}.faq-list{list-style:none;padding:0;margin:0}.faq-list li{border-bottom:1px solid var(--color-border);padding:var(--space-sm)0}.faq-list strong{display:block;font-family:var(--font-heading);margin-bottom:.35rem}.site-footer{background:var(--color-ink);color:#e8ecf2;padding:var(--space-lg)var(--space-md);margin-top:var(--space-xl)}.footer-multi{max-width:var(--max-wide);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.footer-multi a{color:#9fd4d4}.footer-identity{font-size:.9rem;line-height:1.7}.footer-nav ul{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:.5rem}.footer-disclaimer{max-width:var(--max-wide);margin:var(--space-md)auto 0;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.15);font-size:.85rem;color:#b8c4d4;text-align:center}.consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:2px solid var(--color-accent);padding:var(--space-md);box-shadow:0 -8px 30px rgba(0,0,0,.12);z-index:200}.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)}.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:.65rem .75rem;font-family:var(--font-body);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.form-field textarea{min-height:120px;resize:vertical}.field-error{color:#b42318;font-size:.9rem;margin-top:.35rem}.form-status{padding:var(--space-sm);border-radius:var(--radius);margin-bottom:var(--space-md)}.form-status[hidden]{display:none!important}.form-status--pending{background:#eef6ff;border:1px solid #b6d4fe}.form-status--success{background:#e8f5e9;border:1px solid #a5d6a7}.form-status--error{background:#fdecea;border:1px solid #f5c2c0}.map-interactive{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--color-border);touch-action:none;max-width:100%}.map-interactive img{width:100%;transform-origin:center center;user-select:none}.map-controls{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.map-pin{position:absolute;left:52%;top:48%;width:18px;height:18px;margin:-9px 0 0 -9px;background:var(--color-warm);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}.page-hero{padding:var(--space-lg)var(--space-md);max-width:var(--max-read);margin:0 auto}.page-hero h1{font-size:clamp(1.5rem,3vw,2.25rem)}.legal-prose{max-width:var(--max-read);margin:0 auto;padding:var(--space-md)}.legal-prose h2{font-size:1.25rem;margin-top:var(--space-lg)}.cookie-table{width:100%;border-collapse:collapse;font-size:.95rem}.cookie-table th,.cookie-table td{border:1px solid var(--color-border);padding:.5rem;text-align:left}.error-page{text-align:center;padding:var(--space-xl)var(--space-md)}@media(max-width:767px){.hero-split-50-50,.composition-text-left-media-right{grid-template-columns:1fr}.composition-text-left-media-right .text-col,.composition-text-left-media-right h2{text-align:left}.header-split{flex-direction:column;align-items:flex-start}.nav-main{justify-content:flex-start}}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}