@font-face{font-family:prompt;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prompt-thai-400.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:prompt;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/prompt-thai-700.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sarabun-thai-400.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/sarabun-thai-600.woff2)format("woff2");unicode-range:U+E00-E7F}:root{--bg:#0c0e11;--surface:#151a21;--surface-2:#1c232d;--border:#2f3a47;--plasma:#ff4d1a;--plasma-dim:#c93a12;--text:#e6e9ec;--muted:#9aa6b2;--focus:#ffb199;--max:1120px;--font-head:"Prompt", system-ui, sans-serif;--font-body:"Sarabun", system-ui, sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;color:var(--text);background:var(--bg);background-image:linear-gradient(135deg,rgba(255,77,26,4%) 0%,transparent 40%),repeating-linear-gradient( 90deg,transparent,transparent 48px,rgba(47,58,71,.15) 48px,rgba(47,58,71,.15) 49px )}img{max-width:100%;height:auto;display:block}.img-grade--duotone{filter:grayscale(1)sepia(.45)contrast(1.05)}a{color:var(--plasma);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#ff7a52}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--plasma);color:#000;padding:.5rem 1rem;z-index:9999}.skip-link:focus{left:0}.site-header{border-bottom:1px solid var(--border);background:rgba(12,14,17,.92);position:sticky;top:0;z-index:50;backdrop-filter:blur(6px)}.header-inner{max-width:var(--max);margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none;letter-spacing:.02em}.brand span{color:var(--plasma)}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1.15rem;background:var(--plasma);color:#0c0e11;font-family:var(--font-head);font-weight:700;text-decoration:none;border:1px solid var(--plasma-dim);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.header-cta:hover{background:#ff6a3d;color:#000}.nav-toggle{display:none;min-height:44px;min-width:44px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-head)}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.25rem;flex-wrap:wrap}.site-nav a{color:var(--muted);text-decoration:none;font-weight:600}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}main{min-height:50vh}.section{padding:3.5rem 1.25rem}.section-inner{max-width:var(--max);margin-inline:auto}.section h2{font-family:var(--font-head);font-weight:700;font-size:clamp(1.45rem,3vw,2rem);margin:0 0 1rem;line-height:1.25}.section h3{font-family:var(--font-head);font-size:1.15rem;margin:0 0 .5rem}.lead{font-size:1.125rem;color:var(--muted);max-width:42rem}.split-editorial .section{border-bottom:1px solid var(--border)}.hero-wide-caption{padding:0;border-bottom:2px solid var(--plasma-dim)}.hero-wide-caption__media{position:relative;max-height:62vh;overflow:hidden}.hero-wide-caption__media img{width:100%;height:min(62vh,520px);object-fit:cover}.hero-wide-caption__caption{max-width:var(--max);margin-inline:auto;padding:2rem 1.25rem 2.5rem}.hero-wide-caption__caption h1{font-family:var(--font-head);font-size:clamp(1.75rem,4.5vw,2.65rem);margin:0 0 .75rem;line-height:1.2}.hero-wide-caption__caption .hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1.2rem;font-family:var(--font-head);font-weight:700;text-decoration:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.btn--primary{background:var(--plasma);border-color:var(--plasma-dim);color:#0c0e11}.btn--ghost{background:0 0}.composition-statement-band{text-align:center}.composition-statement-band .statement-inner{max-width:40rem;margin-inline:auto;text-align:center;padding:2rem 1.5rem;border-left:3px solid var(--plasma);border-right:3px solid var(--plasma);background:var(--surface)}.composition-statement-band .statement-inner p{font-family:var(--font-head);font-size:clamp(1.2rem,2.5vw,1.45rem);margin:0;line-height:1.5}.composition-text-left-media-right{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.composition-text-left-media-right .media img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--border)}.composition-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.course-card{background:var(--surface);border:1px solid var(--border);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.course-card--promo{border-color:var(--plasma);box-shadow:0 0 0 1px rgba(255,77,26,.25)}.course-card__badge{font-size:.8rem;font-weight:700;color:var(--plasma);text-transform:uppercase;letter-spacing:.06em}.course-card__price{font-family:var(--font-head);font-size:1.35rem;font-weight:700}.price-old{text-decoration:line-through;color:var(--muted);font-size:1rem;margin-right:.5rem}.price-note{font-size:.9rem;color:var(--muted)}.course-card__media img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:.5rem}.composition-centered{text-align:center}.composition-centered .lead{margin-inline:auto}.disclaimer{font-size:.875rem;color:var(--muted);border-top:1px solid var(--border);padding-top:1rem;margin-top:1.5rem}.faq-list{max-width:40rem;margin-inline:auto;text-align:left}.faq-list details{border:1px solid var(--border);background:var(--surface);margin-bottom:.5rem;padding:.75rem 1rem}.faq-list summary{font-family:var(--font-head);font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center}.site-footer{border-top:2px solid var(--plasma-dim);padding:1.5rem 1.25rem 2rem;background:#080a0d;font-size:.9rem;color:var(--muted)}.footer-compact{max-width:var(--max);margin-inline:auto;text-align:center}.footer-compact .identity-line{line-height:1.7;margin-bottom:.75rem}.footer-compact a{color:var(--muted)}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin:1rem 0}.footer-nav a{text-decoration:none}.footer-nav a:hover{color:var(--text)}.tel-header{font-weight:600}.tel-header a{color:var(--plasma);text-decoration:none;white-space:nowrap}.inquiry-form{max-width:32rem}.form-field{margin-bottom:1rem}.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:.5rem .75rem;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border)}.form-field textarea{min-height:120px;resize:vertical}.field-error{color:#ff8a65;font-size:.9rem;margin-top:.25rem}.form-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{margin-top:1rem;padding:.75rem 1rem;border:1px solid var(--border);background:var(--surface)}.form-status--success{border-color:#3d8b5f}.form-status--error{border-color:var(--plasma)}.submit-btn{min-height:44px;min-width:10rem;padding:.65rem 1.5rem;font-family:var(--font-head);font-weight:700;background:var(--plasma);color:#0c0e11;border:1px solid var(--plasma-dim);cursor:pointer}.submit-btn:disabled{opacity:.65;cursor:not-allowed}.retry-btn{margin-top:.5rem;min-height:44px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-head);cursor:pointer}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--surface);border-top:2px solid var(--plasma);padding:1rem 1.25rem;box-shadow:0 -4px 24px rgba(0,0,0,.45)}.consent-inner{max-width:var(--max);margin-inline:auto;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.consent-actions{display:flex;gap:.5rem;flex-wrap:wrap}.consent-actions button{min-height:44px;padding:.5rem 1rem;font-family:var(--font-head);font-weight:600;cursor:pointer;border:1px solid var(--border)}.consent-accept{background:var(--plasma);color:#0c0e11}.consent-reject{background:0 0;color:var(--text)}.legal-page h2{font-family:var(--font-head);margin-top:2rem}.legal-page table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.legal-page th,.legal-page td{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}@media(max-width:768px){.nav-toggle{display:inline-flex}.site-nav{display:none;width:100%}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;padding:.5rem 0}.composition-text-left-media-right{grid-template-columns:1fr;text-align:left}.composition-text-left-media-right h2{text-align:left}.composition-card-row{grid-template-columns:1fr}.composition-statement-band .statement-inner{text-align:center;margin-inline:auto}}