:root{--primary: #0B3D91;--secondary: #2E7DBA;--accent: #1D4ED8;--text: #7A7A7A;--text-dark: #333;--bg: #F8FAFC;--peach: #FFBC7D;--white: #fff;--gray-line: #E7E7E7;--max: 1140px;--font: "Kanit", system-ui, sans-serif;--font-alt: "Poppins", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-weight:300;font-size:17px;color:var(--text-dark);background:var(--bg);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(100% - 2rem,var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background:var(--white);border-bottom:1px solid var(--gray-line);position:sticky;top:0;z-index:100}.header-inner{display:grid;grid-template-columns:20% 65% 25%;align-items:center;gap:0;padding:1.1rem 0;min-height:96px}.header-logo{display:flex;align-items:center;min-width:0}.logo img{height:72px;width:auto;max-width:100%}.nav{display:flex;flex-wrap:nowrap;gap:0;align-items:center;justify-content:center;min-width:0;white-space:nowrap}.nav a{color:var(--primary);font-family:Kanit,sans-serif;font-weight:400;font-size:14px;text-transform:uppercase;text-decoration:none;padding:.4rem 8px;letter-spacing:.01em;white-space:nowrap;flex-shrink:0}.nav a:hover,.nav a.active{color:var(--accent);text-decoration:none}.header-flags{display:flex;justify-content:center;align-items:center;gap:.65rem;min-width:0}.lang-flag{display:inline-flex;opacity:.72;transition:opacity .2s;line-height:0}.lang-flag.current,.lang-flag:hover{opacity:1}.lang-flag img{width:33px;height:auto;border-radius:2px;max-width:90%}.menu-toggle{display:none;background:transparent;color:var(--primary);border:0;padding:.35rem;cursor:pointer;line-height:0;justify-self:end}.menu-toggle .icon-hamburger{display:block}@media(max-width:900px){.header-inner{grid-template-columns:1fr auto auto;grid-template-areas:"logo logo logo" ". flags toggle" "nav nav nav";padding:.85rem 0 .5rem;min-height:auto;gap:.45rem .75rem}.header-logo{grid-area:logo;justify-content:center}.logo img{max-width:59%;height:auto;margin-inline:auto}.header-flags{grid-area:flags;justify-content:flex-end;gap:.5rem}.menu-toggle{display:inline-flex;grid-area:toggle}.nav{grid-area:nav;display:none;flex-direction:column;align-items:stretch;border-top:1px solid var(--gray-line);padding:.5rem 0 .75rem}.nav.open{display:flex}.nav a{padding:.65rem .25rem;font-size:14px}}.hero-carousel{position:relative;overflow:hidden;color:#fff}.hero-carousel--home{height:660px}.hero-carousel--classroom{height:450px;border-radius:20px;width:100%;margin:0}.hero-carousel__track{position:relative;height:100%}.hero-carousel__slide{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .6s ease;text-align:center}.hero-carousel__slide.active{opacity:1;visibility:visible;z-index:1}.hero-carousel--home .hero-carousel__overlay{position:absolute;inset:0;background:#0000008f;z-index:0}.hero-carousel--classroom .hero-carousel__overlay{position:absolute;inset:0;background:#080a2d96;z-index:0}.hero-carousel__content{position:relative;z-index:1;max-width:66%;padding:1rem}.hero-carousel__title{margin:0;font-size:clamp(1.45rem,3.4vw,2.55rem);font-weight:600;line-height:1.25;color:#fff}.hero-carousel--classroom .hero-carousel__title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:600}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:transparent;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer;padding:.4rem .6rem;opacity:.9}.hero-carousel__arrow--prev{left:.5rem}.hero-carousel__arrow--next{right:.5rem}.hero-carousel__dots{position:absolute;bottom:1rem;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:.45rem}.hero-carousel__dot{width:10px;height:10px;border-radius:50%;border:0;background:#fff;opacity:1;cursor:pointer;padding:0}.hero-carousel__dot.active{outline:2px solid #fff;outline-offset:2px}@media(max-width:767px){.hero-carousel--home{height:256px}.hero-carousel--classroom{height:280px}.hero-carousel__content{max-width:100%}.hero-carousel__title{font-size:1.15rem}.hero-carousel__arrow{font-size:26px}}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:4.5rem 0 3.5rem;text-align:center}.section{padding:3.5rem 0}.section-alt{background:var(--white)}.section-about-home{background:var(--white);margin:100px 0;padding:0}.section-title{color:var(--primary);font-weight:600;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 1.25rem;text-align:center}.section-lead{text-align:center;color:var(--text);max-width:46rem;margin:0 auto 2rem}.btn{display:inline-block;background:var(--primary);color:#fff!important;padding:.7rem 1.4rem;border-radius:4px;font-family:Kanit,sans-serif;font-weight:400;text-decoration:none!important;transition:background .2s}.btn:hover{background:var(--secondary)}.btn-outline{background:transparent;border:2px solid #fff;color:#fff!important}.btn-outline:hover{background:#fff;color:var(--primary)!important}.btn-primary-soft{background:var(--primary);color:#fff!important;font-weight:400}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}@media(max-width:800px){.about-grid{grid-template-columns:1fr}.section-about-home{margin:2.5rem 0}}.about-grid img{border-radius:20px;width:100%;object-fit:cover;max-height:400px}.about-grid h2{color:var(--primary);margin-top:0;font-size:clamp(1.75rem,4vw,2.8rem)}.kicker{color:var(--text);font-family:var(--font-alt);font-weight:600;font-size:18px;margin:0 0 .35rem}.mid-heading{text-align:center;padding:2rem 1rem 1.5rem;margin:30px 0}.mid-heading .mid-kicker{margin:0 0 .4rem;font-family:var(--font-alt);font-size:18px;font-weight:600;color:var(--text)}.mid-heading .mid-title{margin:0;color:var(--primary);font-family:Kanit,sans-serif;font-weight:600;font-size:clamp(1.75rem,5vw,50px);line-height:1.15}@media(max-width:767px){.mid-heading .mid-title{font-size:30px}}.flip-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:min(100% - 2rem,1050px);margin:0 auto 2rem}@media(max-width:767px){.flip-cards{grid-template-columns:1fr}}.flip-card{background:#e7e7e7;border-radius:20px;padding:20px;text-align:center;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center}.flip-card h3{margin:0 0 .75rem;color:var(--primary);font-family:Kanit,sans-serif;font-weight:600;font-size:1.25rem}.flip-card p{margin:0 0 1rem;color:var(--text);font-size:.95rem;font-weight:300;max-width:36rem}.flip-card .btn{margin-top:auto}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.post-card{background:transparent;border-radius:0;overflow:visible;box-shadow:none}.post-card img{width:100%;aspect-ratio:16/10.5;object-fit:cover;border-radius:20px}.post-card .pad{padding:1rem .15rem .5rem}.post-card h3{margin:0 0 .35rem;font-size:20px;color:#000;font-weight:400;line-height:1.3}.post-card h3 a{color:inherit;text-decoration:none}.post-card h3 a:hover{color:var(--primary)}.post-card time{color:var(--text);font-size:.85rem}.post-card p{color:var(--text);font-size:.92rem;font-weight:300}.news-chrome{margin-top:100px;padding:50px 0 80px;background:var(--white);border-radius:0 0 70px 70px}@media(max-width:767px){.news-chrome{margin-top:2.5rem;padding:2rem 0 3rem;border-radius:0 0 40px 40px}}.page-hero,.title-bar{background:var(--primary);color:#fff;padding:25px 0;text-align:left}.page-hero h1,.title-bar h1{margin:0;font-family:Kanit,sans-serif;font-weight:500;font-size:20px;line-height:1.35;color:#fff}.page-hero.with-bg{background-size:cover;background-position:center;position:relative;text-align:center;padding:3rem 0}.page-hero.with-bg:before{content:"";position:absolute;inset:0;background:#0000008f}.page-hero.with-bg .container{position:relative}.page-hero.with-bg h1{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;text-align:center}.prose{max-width:760px;margin:0 auto}.prose h2{color:var(--primary)}.prose p,.prose li{color:var(--text-dark)}.prose img{margin:1.25rem auto;border-radius:6px}.prose a{word-break:break-word}.prose time{color:var(--text);font-size:.9rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:800px){.two-col{grid-template-columns:1fr}}.panel{background:var(--white);padding:1.5rem;border-radius:20px;box-shadow:0 2px 12px #0000000d}.panel h2{color:var(--primary);margin-top:0;font-size:1.35rem}.projects{display:grid;gap:1.5rem}.project{display:grid;grid-template-columns:160px 1fr;gap:1.25rem;align-items:center;background:var(--white);padding:1.25rem;border-radius:20px;box-shadow:0 2px 12px #0000000d}@media(max-width:600px){.project{grid-template-columns:1fr}}.project img{max-height:80px;width:auto;margin:0 auto;object-fit:contain}.project h3{margin:0 0 .5rem;color:var(--primary);font-size:1.05rem}.logos{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center;margin-top:2rem}.logos img{height:48px;width:auto;object-fit:contain;border-radius:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:stretch}@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}.contact-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 2px 12px #0000000a}.contact-card p{margin:0;color:var(--text-dark);font-weight:300}.contact-mail{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;min-height:100%}.contact-mail .envelope{width:2em;height:2em;color:#0b3d91;fill:#0b3d91}.contact-mail a{font-family:Kanit,sans-serif;font-size:1.3em;font-weight:300;color:var(--text-dark);text-decoration:none}.contact-mail a:hover{color:var(--primary)}.contact-mail strong{font-weight:500;color:var(--primary)}.cta-band{background:transparent;color:var(--text-dark);padding:2rem 0 .5rem;text-align:center}.cta-band h2{margin:0 0 .35rem;font-family:var(--font-alt);font-size:18px;font-weight:600;color:var(--text)}.cta-band p{margin:0 0 1rem;color:var(--primary);font-size:clamp(1.5rem,4vw,2.4rem);font-weight:600}.site-footer{background-image:url(/images/home-2.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;padding:130px 0 30px;position:relative}.site-footer>*{position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:44.835% 23.345% 31.453%;gap:10px;align-items:stretch;padding-bottom:0}.footer-brand{padding-right:10%;min-width:0}@media(max-width:800px){.footer-grid{grid-template-columns:1fr}.footer-brand{padding-right:0}.site-footer{padding:100px 0 30px}}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer h3{margin:0 0 .75rem;font-family:Kanit,sans-serif;font-weight:500;font-size:18px;color:#fff}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.35rem 0}.site-footer .footer-menu li a{font-family:var(--font-alt);font-size:13px;font-weight:400;color:#fff;padding:1px 4px}.footer-tagline{margin:1rem 0 0;font-family:var(--font-alt);font-size:14px;font-weight:400;color:#e7e7e7;line-height:1.6}.footer-email{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-alt);font-size:13px;font-weight:400;color:#e6e6e6!important}.footer-email-icon{flex-shrink:0;color:#fff}.footer-divider{border-top:1px solid #414D76;margin:15px 0}.footer-bottom{padding:0 0 .25rem;font-family:var(--font-alt);font-size:12px;font-weight:400;text-align:center;color:#fff}.footer-bottom a{color:#fff}.footer-logo-link{display:inline-block;line-height:0}.footer-logo{height:auto;width:auto;max-width:47%;filter:none}.banner-strip{display:grid;grid-template-columns:1fr 1fr;gap:0}@media(max-width:700px){.banner-strip{grid-template-columns:1fr}}.banner-panel{min-height:280px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;padding:2rem;color:#fff}.banner-panel:before{content:"";position:absolute;inset:0;background:#0000008f}.banner-panel .inner{position:relative;max-width:28rem}.banner-panel h2{margin:0 0 .75rem;font-size:1.35rem}.banner-panel p{margin:0 0 1rem;font-weight:300}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 4px 18px #0b3d9114;display:flex;flex-direction:column}.card-media{min-height:160px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:1rem}.card-media:before{content:"";position:absolute;inset:0;background:#0000008c}.card-media h3{position:relative;color:#fff;margin:0;font-size:1.15rem;font-weight:600}.card-body{padding:1.15rem 1.25rem 1.4rem;flex:1;display:flex;flex-direction:column}.card-body p{color:var(--text);margin:0 0 1rem;flex:1;font-size:.95rem}.flip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.flip{background:var(--primary);color:#fff;border-radius:8px;padding:1.4rem 1.25rem;min-height:180px;display:flex;flex-direction:column;justify-content:center;transition:transform .2s,background .2s}.flip:hover{background:var(--secondary);transform:translateY(-2px)}.flip h3{margin:0 0 .6rem;font-size:1.05rem;font-weight:600}.flip p{margin:0;font-size:.9rem;font-weight:300;opacity:.95}.contact-box{background:var(--white);max-width:560px;margin:0 auto;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 4px 18px #0b3d9114}.contact-box a.mail{font-size:1.2rem;font-weight:500;color:var(--primary)}