:root{--night:#071c2a;--sea:#123f49;--mint:#88dbca;--cream:#f4f1e9;--muted:#afc0c4;--spread:.34;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--night);color:var(--cream);font:16px/1.8 'Manrope','Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:5px}.preview{text-align:center;background:#17333f;padding:5px 16px;font-size:11px;color:#c6dedc}header{max-width:1440px;padding:27px 6%;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:21px}.mark{font-size:31px;letter-spacing:-4px;color:var(--mint);line-height:1}.mark span{font-size:20px;vertical-align:top}.brand-sub{font-size:12px;font-weight:400;border-left:1px solid #46616b;padding-left:14px;margin-left:6px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px;color:#c7d6d8}nav a:hover{color:var(--mint)}#language{color:var(--cream);background:transparent;border:1px solid #45616a;border-radius:30px;padding:7px 18px;cursor:pointer;font-size:12px}#language span{padding-left:14px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.07fr;align-items:center;min-height:700px;padding:26px 6% 60px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.intro{display:flex;gap:10px;align-items:center;font-size:13px;color:#bfd6d2;margin-bottom:30px}.dot{height:6px;width:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 20px #7fdfbe}h1{font-size:clamp(44px,4.5vw,70px);line-height:1.35;letter-spacing:-2px;font-weight:500;margin:0 0 27px}html[lang=en] h1{font-size:clamp(52px,5.6vw,88px);line-height:1.12;letter-spacing:-4px}.lead{max-width:430px;color:#b8cbd0;font-size:16px;line-height:1.9;margin:0 0 30px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--mint);color:#092b35;font-weight:700;font-size:13px;padding:16px 24px;border:none;border-radius:5px;cursor:pointer;min-height:52px}.button:hover{background:#b3ebdd}.quiet{font-size:13px;border-bottom:1px solid #6c8990;padding:7px 0}.location{font-size:11px;color:#91a8ae;margin-top:30px}.art{height:640px;position:relative;isolation:isolate}.halo{position:absolute;width:110%;height:90%;inset:0 -5%;background:radial-gradient(ellipse,#237e7860 0%,#123b4050 34%,transparent 69%);z-index:-1}#portrait{width:100%;height:100%;overflow:visible;filter:drop-shadow(12px 17px 16px #0006)}.slice{transition:transform .16s ease-out}.art-tag{position:absolute;background:#16333dcf;border:1px solid #507a7960;padding:9px 15px;border-radius:30px;font-size:10px;box-shadow:0 10px 40px #00131d70;color:#c7e8df}.tag-one{left:0;top:36%}.tag-two{right:-2%;top:62%}.art-controls{position:absolute;bottom:0;left:12%;right:8%;display:flex;gap:12px;align-items:center;font-size:10px;color:#bad1d0}.art-controls label{white-space:nowrap}.art-controls input{min-width:0;width:100%;accent-color:var(--mint);height:3px;cursor:pointer}.facts{border-top:1px solid #2d4550;border-bottom:1px solid #2d4550;display:grid;grid-template-columns:repeat(3,1fr);padding:29px max(6%,calc((100vw - 1268px)/2));gap:30px;background:#0b2431}.facts strong{font-size:25px;font-weight:500}.facts strong span{font-size:16px}.facts p{margin:3px 0 0;font-size:12px;color:var(--muted)}.experience{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding:115px 8%;max-width:1440px;margin:auto}.eyebrow{font-size:13px;color:#83bdb6;margin:0 0 23px}h2{font-size:clamp(30px,3.1vw,48px);line-height:1.45;font-weight:500;letter-spacing:-1.5px;margin:0 0 25px}.section-intro>p:last-child{max-width:370px;color:var(--muted);font-size:15px}.lesson{border:1px solid #3b6267;border-radius:14px;overflow:hidden;background:#102d3a;box-shadow:0 28px 60px #00101850}.tabs{display:flex;padding:9px;background:#0b2531;border-bottom:1px solid #2c4b54;gap:7px}.tabs button{flex:1;border:0;border-radius:7px;background:transparent;color:#b4c7c8;padding:11px;cursor:pointer;font-size:13px}.tabs button.active{background:#294c56;color:#eff8f2}.lesson-body{padding:27px 30px}.lesson-label{font-size:11px;color:#95b8b6;margin:0 0 8px}.lesson h3{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 22px}.sample{border-left:2px solid var(--mint);padding:12px 19px;background:#ffffff05}.sample span{font-size:10px;color:#98b8b7}.sample p{font-size:14px;color:#e3eee9;margin:7px 0 3px;line-height:1.75}.takeaway{display:flex;gap:14px;margin-top:17px}.spark{font-size:24px;color:var(--mint)}.takeaway p{font-size:12px;color:#b4cecd;margin:7px 0}.example-note{font-size:10px;color:#91a9ad;margin-bottom:0}.teacher{background:var(--cream);color:#14343c;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:90px 8%;align-items:center}.teacher-photo{position:relative;max-width:480px;margin:auto;width:100%}.teacher-photo img{width:100%;height:520px;object-fit:cover;object-position:50% 34%;border-radius:140px 140px 5px 5px;display:block}.photo-caption{position:absolute;bottom:22px;left:24px;right:24px;background:#f4f1e9ed;padding:12px 20px;font-size:12px;text-align:center}.teacher .eyebrow{color:#426b65}.teacher h2{font-size:44px}.teacher h2 span{font-size:13px;display:block;letter-spacing:0;margin-top:8px;color:#607a79}.teacher-copy>p{max-width:490px;font-size:15px;color:#50686b}.teacher-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:32px;font-size:12px;font-weight:700}.teacher-links a{border-bottom:1px solid #8aaba2;padding:8px 0}.journey{padding:90px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;max-width:1440px;margin:auto}.journey ol{list-style:none;margin:0;padding:0}.journey li{border-top:1px solid #38535c;padding:22px 0;display:flex;gap:30px}.journey li>span{font-size:13px;color:var(--mint);padding-top:6px;white-space:nowrap}.journey h3{font-size:20px;font-weight:500;margin:0 0 7px}.journey p{font-size:13px;color:var(--muted);margin:0}.contact{background:#123b43;padding:85px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.contact>div>p:not(.eyebrow){max-width:370px;color:#b5d0ce;font-size:14px}.contact>div>a{font-size:13px;color:var(--mint)}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{font-size:12px;color:#d0e3df}form input,form select,form textarea{display:block;width:100%;background:#0b2d36;border:1px solid #4d7476;border-radius:5px;color:#f4f1e9;padding:10px;margin-top:7px;min-width:0}form textarea{resize:vertical}.wide{grid-column:1/-1}.form-note{font-size:11px;color:#adc6c5;margin:0}#form-status{font-size:12px;color:var(--mint);margin:0}footer{display:flex;align-items:center;justify-content:space-between;padding:32px 6%;gap:20px}footer p,footer>a:last-child{font-size:11px;color:#a5bec1}footer .brand{font-size:19px}@media(min-width:1600px){.teacher,.contact{padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr 1fr;min-height:600px;padding-top:50px}.art{height:520px}h1{font-size:44px}.tag-one{left:-8%;top:30%}.art-tag{font-size:8px}.art-controls{left:0;right:0;flex-wrap:wrap}.art-controls input{width:55%}.experience,.teacher,.journey,.contact{gap:7%;padding:70px 6%}.teacher-photo img{height:450px}.teacher h2{font-size:35px}.facts{gap:18px}.facts strong{font-size:22px}}@media(max-width:640px){header{padding:22px 6%}.brand-sub{display:none}.hero{display:flex;flex-direction:column;padding-top:28px;padding-bottom:30px;align-items:stretch}.intro{margin-bottom:22px;font-size:12px}h1{font-size:49px;line-height:1.28;letter-spacing:-1.5px}html[lang=en] h1{font-size:63px}.lead{font-size:14px;max-width:95%;margin-bottom:23px}.location{font-size:10px}.actions{gap:19px}.button{padding:14px 20px}.art{height:470px;margin-top:8px}.art-tag{font-size:10px}.tag-one{left:0;top:28%}.tag-two{right:0}.art-controls{left:6%;right:6%;bottom:0;flex-wrap:nowrap}.art-controls input{width:100%}.facts{padding:25px 6%;gap:22px;grid-template-columns:1fr}.facts>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.facts strong{font-size:21px}.facts strong span{font-size:13px}.facts p{font-size:10px;max-width:145px;text-align:right}.experience,.teacher,.journey,.contact{grid-template-columns:1fr;padding:60px 6%;gap:30px}.section-intro>p:last-child{max-width:100%}.lesson-body{padding:25px}.teacher-photo img{height:460px}.teacher-copy{padding-top:12px}.teacher h2{font-size:36px}.teacher-copy>p{font-size:14px}h2{font-size:34px}.contact form{gap:14px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}form label{min-width:0}.art-controls label{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slice{transition:none;transform:none!important}}