: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:flex;align-items:center;gap:1.5rem;padding:1.15rem 0}.header-logo{display:flex;align-items:center;flex:0 0 auto;min-width:0}.logo img{height:104px;width:auto;max-width:100%}.nav{display:flex;flex-wrap:nowrap;gap:0;align-items:center;justify-content:center;flex:1;min-width:0;white-space:nowrap}.nav-sep{color:#c5c5c5;font-weight:300;font-size:14px;padding:0 .55rem;user-select:none}.nav a{color:#555;font-family:Kanit,sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;text-decoration:none;padding:.4rem .15rem;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.nav a:hover,.nav a.active{color:var(--primary);text-decoration:none}.header-flags{display:flex;justify-content:flex-end;align-items:center;gap:.65rem;flex:0 0 auto;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:1024px){.logo img{height:88px}.nav a{font-size:12px}.nav-sep{padding:0 .35rem}}@media(max-width:900px){.header-inner{display:grid;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:68%;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;white-space:normal}.nav.open{display:flex}.nav a{padding:.65rem .25rem;font-size:14px}.nav-sep{display:none}}.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__content--lead{max-width:46rem}.hero-carousel__lead{margin:0 0 .75rem;font-size:clamp(.95rem,1.7vw,1.15rem);font-weight:400;line-height:1.55;color:#fff}.hero-carousel__lead:last-child{margin-bottom:0}.about-banner{padding:1.5rem 0 .25rem}.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}}.vflip-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}.vflip-grid--home{width:min(100% - 2rem,1050px);margin:0 auto 2rem}.vflip-grid--2{width:100%}@media(max-width:767px){.vflip-grid{grid-template-columns:1fr}}.vflip{perspective:1200px;cursor:pointer;overflow:hidden;border-radius:20px}.vflip__inner{position:relative;height:100%}.vflip__front,.vflip__back{border-radius:20px;padding:1.5rem 1.35rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:220px}.vflip__front{position:relative;background:#e7e7e7;box-shadow:inset 6px 0 #e8c547;color:var(--text);transform-origin:center;transition:transform .35s ease .35s}.vflip__back{position:absolute;inset:0;background:#3e5ecc;color:#fff;transform:rotateX(90deg);transform-origin:center;transition:transform .35s ease 0s,opacity 0s linear .35s;pointer-events:none;opacity:0}.vflip:hover .vflip__front,.vflip:focus-within .vflip__front,.vflip.is-flipped .vflip__front{transform:rotateX(-90deg);transition-delay:0s}.vflip:hover .vflip__back,.vflip:focus-within .vflip__back,.vflip.is-flipped .vflip__back{transform:rotateX(0);transition-delay:.35s;pointer-events:auto;opacity:1}.vflip__icon{display:block;width:48px;height:48px;margin-bottom:.65rem;color:#8a8a8a}.vflip__back .vflip__icon{color:#fff}.vflip__icon svg{width:100%;height:100%;display:block}.vflip__logo{max-height:72px;width:auto;max-width:70%;margin:0 auto .85rem;object-fit:contain}.vflip__front h3,.vflip__back h3{margin:0 0 .7rem;font-family:Kanit,sans-serif;font-weight:600;font-size:1.15rem;line-height:1.3}.vflip__front h3{color:var(--primary)}.vflip__back h3{color:#fff}.vflip__front p,.vflip__back p{margin:0;font-size:.92rem;font-weight:300;line-height:1.55;max-width:36rem}.vflip__front p{color:var(--text)}.vflip__back p{color:#fff;opacity:.95}.vflip__cta{display:inline-block;background:#fff;color:#333!important;border:1px solid #d0d0d0;padding:.45rem 1.15rem;font-family:Kanit,sans-serif;font-size:14px;font-weight:400;text-decoration:none!important;border-radius:2px}.vflip__cta:hover{background:#f4f4f4}@media(prefers-reduced-motion:reduce){.vflip__inner{transition:none}}.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;margin-bottom:-40px}@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}.about-page{padding-top:2.5rem}.about-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:1.25rem;row-gap:2rem;align-items:start}.about-cols h2{color:var(--primary);text-align:center;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.about-cols p{margin:0;color:var(--text-dark);font-size:.95rem;line-height:1.7}.about-cols img{width:100%;height:280px;object-fit:cover;border-radius:16px}.about-goals{display:grid;grid-template-columns:1fr 1fr;gap:2.25rem 1.25rem}.about-goals h2{color:var(--primary);text-align:center;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.about-goals p{margin:0;color:var(--text-dark);font-size:.95rem;line-height:1.7}.about-photos{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2.75rem 0}.about-photos img{width:100%;height:280px;object-fit:cover;border-radius:16px}.about-bio{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:start}.about-bio h2{color:var(--primary);margin:0 0 1rem;font-size:1.35rem}.about-bio p{color:var(--text-dark);font-size:.95rem;line-height:1.7}.about-bio img{width:100%;border-radius:16px;object-fit:cover;max-height:420px}.about-projects{padding-top:1.5rem;padding-bottom:3.5rem}.about-projects .vflip__front,.about-projects .vflip__back{min-height:300px;justify-content:flex-start;padding-top:1.85rem}@media(max-width:800px){.about-cols,.about-goals,.about-photos,.about-bio{grid-template-columns:1fr}.about-cols img,.about-photos img{height:220px}}.activities-page{padding-top:2.75rem}.activities-title{text-align:center;color:var(--primary);font-weight:600;font-size:clamp(1.35rem,3vw,1.65rem);letter-spacing:.04em;margin:0 0 1.5rem}.activities-intro{margin:0 0 2rem}.activities-intro p{color:var(--text-dark);font-size:.95rem;line-height:1.7}.activities-photo{width:100%;margin:0 0 2.5rem;border-radius:16px;display:block;object-fit:cover;max-height:420px}.literacy-page{padding-top:2.75rem;padding-bottom:3.5rem}.literacy-panel{background:#fff;border-radius:20px;padding:2.25rem 2.5rem 2.5rem}.literacy-panel h2{color:var(--primary);font-weight:600;font-size:clamp(1.35rem,3vw,1.65rem);letter-spacing:.03em;margin:0 0 1.15rem}.literacy-panel p{color:var(--text-dark);font-size:.95rem;line-height:1.7;margin:0 0 1rem}.literacy-photo{width:100%;margin:1.5rem 0 0;border-radius:16px;display:block;object-fit:cover;max-height:420px}@media(max-width:767px){.literacy-panel{padding:1.5rem 1.15rem}}.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:70px 0 30px;margin-top:0;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:56px 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}.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)}