:root{color-scheme:light;--navy-950:#0a1d35;--navy-900:#102b50;--navy-800:#193d68;--navy-700:#245181;--yellow-500:#f2c94c;--yellow-100:#fff7dc;--ink:#172b42;--muted:#68778a;--surface:#fff;--background:#f6f8fb;--border:#e4eaf1;--radius-lg:24px;--radius-md:16px;--content-width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow-500);outline-offset:4px}.container{width:min(var(--content-width), calc(100% - 48px));margin-inline:auto}.topline{background:linear-gradient(90deg, var(--yellow-500) 0 24%, var(--navy-900) 24% 100%);height:5px}.header{z-index:10;backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #e4eaf1d9;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand{align-items:center;gap:13px;min-width:0;display:flex}.brand-mark{width:48px;height:48px;color:var(--navy-950);background:var(--yellow-500);letter-spacing:-.5px;border-radius:15px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.brand-copy{line-height:1.45;display:grid}.brand-name{color:var(--navy-950);font-size:15px;font-weight:700}.brand-caption{color:var(--muted);font-size:12px}.nav{align-items:center;gap:26px;display:flex}.nav a{color:#45566b;font-size:14px;font-weight:500;transition:color .16s}.nav a:hover{color:var(--navy-700)}.nav .nav-contact{color:#fff;background:var(--navy-900);border-radius:10px;padding:10px 17px}.nav .nav-contact:hover{background:var(--navy-700);color:#fff}.nav-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--navy-900);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background-color .16s,border-color .16s,color .16s;display:none}.nav-toggle:hover{color:var(--navy-950);background:#edf3fa;border-color:#b6c7dc}.nav-toggle .icon-close,.nav-toggle[aria-expanded=true] .icon-menu{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}.hero{color:#fff;background:radial-gradient(ellipse at 85% 10%, #f2c94c24, transparent 32%), radial-gradient(ellipse at 0% 100%, #436f9e3d, transparent 40%), var(--navy-950);padding:92px 0 88px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #ffffff17;border-radius:50%;width:440px;height:440px;position:absolute;top:-150px;right:-110px;box-shadow:0 0 0 48px #ffffff05,0 0 0 96px #ffffff05}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:64px;display:grid;position:relative}.eyebrow{color:var(--yellow-500);letter-spacing:.3px;align-items:center;gap:10px;margin:0 0 20px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:26px;height:2px}.hero h1{letter-spacing:-1.1px;max-width:680px;margin:0;font-size:clamp(34px,4.2vw,54px);font-weight:600;line-height:1.35}.hero h1 span{color:var(--yellow-500)}.hero-description{color:#d0d9e5;max-width:570px;margin:22px 0 30px;font-size:16px;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 19px;font-size:14px;font-weight:600;transition:transform .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--navy-950);background:var(--yellow-500)}.button-primary:hover{background:#ffda68}.button-outline{color:#fff;background:#ffffff0a;border-color:#ffffff47}.button-outline:hover{background:#ffffff1a}.hero-art{place-items:center;min-height:340px;display:grid;position:relative}.art-orbit{aspect-ratio:1;border:1px solid #ffffff26;border-radius:50%;width:min(100%,340px);position:absolute}.art-orbit:before,.art-orbit:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.art-orbit:before{inset:28px}.art-orbit:after{inset:58px}.school-card{text-align:center;backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff2e;border-radius:26px;align-content:center;justify-items:center;width:min(100%,290px);min-height:260px;padding:28px;display:grid;position:relative;box-shadow:0 28px 80px #0003}.school-symbol{width:88px;height:88px;color:var(--yellow-500);background:#f2c94c17;border:1px solid #f2c94c8c;border-radius:26px;place-items:center;margin-bottom:18px;display:grid}.school-symbol svg{width:49px;height:49px}.school-card strong{font-size:17px;font-weight:600}.school-card span{color:#d0d9e5;margin-top:4px;font-size:12px}.hero-tag{color:var(--yellow-500);background:#17395e;border:1px solid #ffffff29;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:500;position:absolute;bottom:34px;right:-4px}.quick-links{z-index:2;background:#fff;margin-top:-1px;position:relative}.quick-grid{border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-left:1px solid var(--border);border-radius:0 0 18px 18px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.quick-item{align-items:center;gap:15px;min-height:98px;padding:22px 26px;display:flex}.quick-item+.quick-item{border-left:1px solid var(--border)}.quick-icon{width:44px;height:44px;color:var(--navy-800);background:#edf3fa;border-radius:13px;flex:none;place-items:center;display:grid}.quick-icon svg{width:22px;height:22px}.quick-item strong{font-size:14px;font-weight:600;display:block}.quick-item span{color:var(--muted);font-size:12px;display:block}.section{padding:88px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.section-label{color:#9a7610;letter-spacing:.7px;margin:0 0 8px;font-size:12px;font-weight:700}.section-heading h2{color:var(--navy-950);margin:0;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.45}.section-heading p{max-width:570px;color:var(--muted);margin:10px 0 0;font-size:14px}.text-link{color:var(--navy-800);flex:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.text-link:hover{color:#9a7610}.about-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.about-visual{border-radius:var(--radius-lg);background:linear-gradient(145deg, #102b50eb, #193d68f2), var(--navy-900);place-items:center;min-height:335px;display:grid;position:relative;overflow:hidden}.about-visual:before{content:"";border:1px solid #ffffff29;border-radius:17px;position:absolute;inset:22px}.about-visual svg{width:140px;height:140px;color:var(--yellow-500)}.about-caption{color:#fff;text-align:center;position:absolute;bottom:35px;left:35px;right:35px}.about-caption strong{font-size:18px;display:block}.about-caption span{color:#d0d9e5;font-size:12px}.about-copy h3{color:var(--navy-950);margin:0 0 16px;font-size:23px;font-weight:600;line-height:1.6}.about-copy p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:2}.about-note{background:var(--yellow-100);border:1px solid #f0e5b9;border-radius:13px;align-items:start;gap:12px;margin-top:24px;padding:16px;display:flex}.about-note svg{color:#8b6b0e;flex:none;width:22px;height:22px;margin-top:3px}.about-note p{color:#6f5b20;margin:0;font-size:13px}.news-section{background:#fff}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.news-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;transition:transform .18s,box-shadow .18s;overflow:hidden}.news-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #102b5014}.news-art{min-height:150px;color:var(--navy-800);background:linear-gradient(135deg,#e8eef7,#f5f7fb);place-items:center;display:grid}.news-card:nth-child(2) .news-art{color:#86660d;background:linear-gradient(135deg,#fff2c7,#fff9e8)}.news-card:nth-child(3) .news-art{color:#286653;background:linear-gradient(135deg,#dff3e9,#f1faf5)}.news-art svg{width:47px;height:47px}.news-body{padding:21px}.news-category{color:#8b6b0e;margin-bottom:9px;font-size:11px;font-weight:700;display:inline-block}.news-body h3{color:var(--navy-950);margin:0 0 9px;font-size:17px;font-weight:600;line-height:1.6}.news-body p{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.news-placeholder{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:7px;margin-top:18px;padding:5px 9px;font-size:10px;display:inline-flex}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.service-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;min-height:225px;padding:26px;transition:transform .18s,border-color .18s;position:relative}.service-card:hover{border-color:#b6c7dc;transform:translateY(-3px)}.service-number{color:#a4afbc;font-size:12px;font-weight:600}.service-icon{width:46px;height:46px;color:var(--navy-800);background:#edf3fa;border-radius:13px;place-items:center;margin:18px 0 14px;display:grid}.service-icon svg{width:23px;height:23px}.service-card h3{color:var(--navy-950);margin:0 0 7px;font-size:17px;font-weight:600}.service-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.85}.contact-section{padding:0 0 84px}.contact-panel{border-radius:var(--radius-lg);color:#fff;background:radial-gradient(ellipse at 100% 0%, #f2c94c21, transparent 40%), var(--navy-900);justify-content:space-between;align-items:center;gap:30px;padding:38px 42px;display:flex}.contact-panel h2{margin:0 0 8px;font-size:25px;font-weight:600}.contact-panel p{color:#d0d9e5;margin:0;font-size:14px}.contact-panel .button{flex:none}.footer{border-top:1px solid var(--border);background:#fff;padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-name{color:var(--navy-950);margin:0;font-size:13px;font-weight:600}.footer-copy{color:var(--muted);margin:4px 0 0;font-size:11px}.footer-links{flex-wrap:wrap;gap:18px;display:flex}.footer-links a{color:var(--muted);font-size:12px}.footer-links a:hover{color:var(--navy-800)}@media (width<=960px){.nav{gap:15px}.nav a{font-size:12px}.hero-grid{gap:28px}.quick-item{padding:20px 16px}.about-grid{gap:32px}}@media (width<=720px){html{scroll-padding-top:76px}.container{width:min(100% - 32px, var(--content-width))}.nav-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0;min-height:68px;padding:12px 0}.brand{flex:auto;min-width:0}.brand-mark{border-radius:12px;width:42px;height:42px}.brand-name{font-size:13px}.brand-caption{font-size:11px}.nav-toggle{flex:none;display:inline-flex}.nav{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:6px;width:100%;max-height:calc(100vh - 90px);margin-top:12px;padding:16px 0 8px;display:none;overflow-y:auto}.header.is-open .nav,.nav.is-open{display:flex}.nav a{color:var(--ink);border-radius:10px;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;transition:background-color .14s,color .14s;display:flex}.nav a:hover,.nav a:focus-visible{color:var(--navy-800);background:#edf3fa}.nav .nav-contact{color:#fff;background:var(--navy-900);justify-content:center;margin-top:4px;padding:11px 16px}.nav .nav-contact:hover,.nav .nav-contact:focus-visible{background:var(--navy-700);color:#fff}.hero{padding:62px 0 55px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(31px,8vw,43px)}.hero-description{margin:17px 0 24px;font-size:14px}.hero-art{min-height:290px}.school-card{min-height:220px}.school-symbol{border-radius:20px;width:70px;height:70px}.school-symbol svg{width:40px;height:40px}.hero-tag{bottom:12px;right:0}.quick-grid{grid-template-columns:1fr}.quick-item{min-height:78px;padding:15px 18px}.quick-item+.quick-item{border-top:1px solid var(--border);border-left:0}.section{padding:62px 0}.section-heading{align-items:start;margin-bottom:25px}.section-heading h2{font-size:27px}.section-heading>.text-link{display:none}.about-grid{grid-template-columns:1fr;gap:28px}.about-visual{min-height:285px}.news-grid,.service-grid{grid-template-columns:1fr;gap:16px}.news-art{min-height:125px}.service-card{min-height:0}.contact-section{padding-bottom:60px}.contact-panel{flex-direction:column;align-items:start;padding:28px 24px}.contact-panel h2{font-size:22px}.footer-inner{flex-direction:column;align-items:start;gap:18px}.footer-links{gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}