:root{--navy:#102a43;--deep:#081d2d;--blue:#174d72;--red:#b34838;--coral:#d8735c;--cream:#f5f0e7;--paper:#fffdf8;--ink:#172a38;--muted:#647581;--gold:#d4a74d;--white:#fff;--shadow:0 28px 70px rgba(8,29,45,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans Thai",sans-serif;line-height:1.7}img{display:block;width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:36px;background:var(--red);color:#fff5ef;font-size:12px}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{font-weight:700}.site-header{position:absolute;z-index:20;top:36px;width:100%;color:white;border-bottom:1px solid rgba(255,255,255,.16);transition:.3s}.site-header.scrolled{position:fixed;top:0;background:rgba(255,253,248,.97);color:var(--ink);box-shadow:0 8px 35px rgba(8,29,45,.12);border:0}.nav-wrap{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:white;border:3px solid white}.brand span{display:flex;flex-direction:column;line-height:1.3}.brand strong{font-size:19px}.brand small{font-size:9px;letter-spacing:.22em;opacity:.72}.main-nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.main-nav a{position:relative;white-space:nowrap}.main-nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--coral);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.menu-toggle{display:none;border:0;background:none;color:inherit;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;margin:5px;background:currentColor}.hero{height:820px;min-height:680px;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--deep),#123b59 65%,#1f5878);color:white}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 42%,rgba(255,255,255,.12) 0 1px,transparent 2px);background-size:24px 24px;opacity:.4}.hero-content{position:relative;z-index:3;padding-top:255px}.eyebrow,.section-no{display:block;margin:0;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1,.section h2{font-family:"Pridi",serif;font-weight:600;line-height:1.08;letter-spacing:-.025em}.hero h1{max-width:800px;margin:21px 0;font-size:clamp(56px,7vw,92px)}h1 em,h2 em{font-style:normal;color:var(--coral)}.hero-content>p:not(.eyebrow){max-width:610px;color:#d9e6ec;font-size:18px}.hero-actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 24px;font-size:14px;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--coral);color:white}.ghost{border:1px solid rgba(255,255,255,.5)}.hero-art{position:absolute;z-index:1;right:5%;top:180px;width:410px;height:410px;display:grid;place-items:center}.hero-art img{position:relative;z-index:2;width:230px;height:230px;border-radius:50%;border:10px solid rgba(255,255,255,.92);box-shadow:0 35px 80px rgba(0,0,0,.28)}.orbit{position:absolute;border:1px solid rgba(216,115,92,.5);border-radius:50%}.orbit-one{inset:0}.orbit-two{inset:45px;transform:rotate(45deg);border-style:dashed}.hero-stats{position:absolute;z-index:3;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,170px);background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.hero-stats div{padding:24px 28px;border-right:1px solid #e4ddd2}.hero-stats strong{display:block;color:var(--red);font-family:"Pridi";font-size:32px;line-height:1}.hero-stats span{font-size:11px;color:var(--muted)}.section{padding:120px 0}.history{background:var(--paper)}.history-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.section h2{margin:18px 0 32px;font-size:clamp(42px,5.2vw,70px)}.section h2 em{color:var(--red)}.year-mark{width:230px;margin-top:62px;padding:22px 0;border-top:1px solid #cfc4b5;border-bottom:1px solid #cfc4b5}.year-mark strong{display:block;font-family:"Pridi";font-size:54px;color:var(--red);line-height:1}.year-mark span{font-size:12px;color:var(--muted)}.history-copy .lead{margin-top:2px;font-size:20px;color:#2c4657}.history-copy>p:not(.lead){color:var(--muted)}.facts{display:grid;grid-template-columns:1fr 1fr;margin:42px 0 0;border-top:1px solid #ded6ca}.facts div{padding:20px 20px 18px 0;border-bottom:1px solid #ded6ca}.facts dt{font-size:11px;color:var(--red);font-weight:800}.facts dd{margin:4px 0 0;font-weight:600}.programs{background:var(--deep);color:white;position:relative}.programs:after{content:"1930";position:absolute;right:2%;top:3%;color:rgba(255,255,255,.025);font:600 240px/1 "Pridi"}.section-no.light{color:#eca895}.section-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:58px}.section-head>p{max-width:430px;color:#afc0cb;margin-bottom:35px}.programs h2 em,.systems h2 em{color:var(--coral)}.program-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.program-card{min-height:355px;padding:28px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);transition:.3s}.program-card:hover{background:rgba(216,115,92,.1);transform:translateY(-5px)}.program-card>span{font-size:10px;color:#7892a2}.icon{height:92px;display:flex;align-items:end;color:var(--coral);font:600 40px "Pridi"}.program-card h3{font-size:20px}.program-card p{font-size:14px;color:#abc0cc}.director{background:var(--cream)}.director-grid{display:grid;grid-template-columns:minmax(360px,.9fr) 1fr;gap:115px;align-items:center}.director-photo{position:relative;padding:24px 0 0 24px}.director-photo:before{content:"";position:absolute;inset:0 55px 60px 0;background:var(--red)}.photo-frame{position:relative;height:660px;overflow:hidden;box-shadow:var(--shadow);background:#d9d2c8}.photo-frame img{height:100%;object-fit:cover;object-position:center top}.photo-label{position:absolute;right:-35px;bottom:26px;padding:11px 20px;background:var(--deep);color:white;font-size:9px;letter-spacing:.17em}.director-copy{max-width:570px}.kicker{margin:38px 0 0;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.16em}.director-copy h2{margin-top:10px}.director-copy blockquote{margin:25px 0;padding:20px 0 20px 25px;border-left:3px solid var(--coral);color:var(--red);font:500 21px/1.7 "Pridi"}.director-copy>p:last-child{color:var(--muted);font-size:17px}.systems{background:var(--blue);color:white}.systems-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px}.systems-intro .section-no{grid-column:1/-1}.systems-intro p{max-width:410px;color:#c3d4de;margin:0 0 35px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.system-card{display:grid;grid-template-columns:72px 1fr auto;gap:22px;align-items:center;min-height:145px;padding:25px 28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:.25s}.system-card:hover{background:var(--paper);color:var(--ink);transform:translateY(-4px)}.system-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:white;font-size:12px;font-weight:800;letter-spacing:.08em}.system-card small{color:#b7ccd7}.system-card:hover small{color:var(--red)}.system-card h3{margin:4px 0;font-size:17px}.system-card b{font-size:23px;color:var(--coral)}.contact{background:var(--paper);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;right:-180px;top:-180px;width:550px;height:550px;border:80px solid rgba(179,72,56,.05);border-radius:50%}.contact-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.contact-card{padding:45px;background:var(--cream);border-top:5px solid var(--red);box-shadow:var(--shadow)}.contact-card>span{font-size:11px;color:var(--red);font-weight:800;letter-spacing:.14em}.contact-card h3{font-family:"Pridi";font-size:25px;line-height:1.6}.contact-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.text-link{color:var(--red);font-size:13px;font-weight:700;border-bottom:1px solid}.contact .section-no{margin-bottom:15px}footer{padding:65px 0 18px;background:var(--deep);color:#b4c5cf}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:50px}.footer-main .brand{color:white}.footer-main p{font-size:13px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:white;font-size:12px}.copyright{display:flex;justify-content:space-between;margin-top:50px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1020px){.main-nav{gap:15px;font-size:12px}.hero-art{right:-6%;opacity:.7}.history-grid,.director-grid,.contact-grid{gap:65px}.program-grid{grid-template-columns:1fr 1fr}.systems-intro{grid-template-columns:1fr}.systems-intro p{margin-top:0}}
@media(max-width:820px){.main-nav{position:fixed;top:0;right:-100%;width:min(360px,88vw);height:100vh;background:var(--deep);color:white;flex-direction:column;justify-content:center;gap:28px;font-size:15px;transition:.35s}.main-nav.open{right:0}.menu-toggle{display:block;position:relative;z-index:21}.hero-art{right:-150px;top:230px;opacity:.36}.hero-stats{grid-template-columns:repeat(3,1fr);left:24px;right:24px}.history-grid,.director-grid,.contact-grid{grid-template-columns:1fr}.director-photo{width:min(560px,92%);margin:auto}.systems-intro{display:block}.system-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-main .brand{grid-column:1/-1}}
@media(max-width:560px){.container{width:min(100% - 30px,1180px)}.topbar-inner>span{display:none}.topbar-inner{justify-content:flex-end}.nav-wrap{height:78px}.brand img{width:52px;height:52px}.brand strong{font-size:15px}.brand small{font-size:7px}.hero{height:770px}.hero-content{padding-top:195px}.hero h1{font-size:48px}.hero-content>p:not(.eyebrow){font-size:15px}.hero-actions{flex-direction:column;width:245px}.hero-art{width:330px;height:330px;right:-180px;top:295px}.hero-art img{width:170px;height:170px}.hero-stats{left:0;right:0}.hero-stats div{padding:18px 12px}.hero-stats strong{font-size:25px}.section{padding:82px 0}.history-grid{gap:35px}.year-mark{margin-top:35px}.facts{grid-template-columns:1fr}.section-head{display:block}.program-grid{grid-template-columns:1fr}.program-card{min-height:260px}.icon{height:65px}.director-grid{gap:50px}.director-photo{width:calc(100% - 15px);padding:13px 0 0 13px}.director-photo:before{inset:0 30px 35px 0}.photo-frame{height:470px}.photo-label{right:-15px}.system-card{grid-template-columns:58px 1fr auto;padding:20px 15px;gap:14px}.system-icon{width:55px;height:55px}.system-card h3{font-size:15px}.contact-card{padding:28px}.contact-actions{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr}.footer-main .brand{grid-column:auto}.copyright{gap:12px}}