:root{--green:#103e35;--deep:#082e28;--lime:#c3df83;--cream:#f7f5ef;--ink:#1b302c;--muted:#6c7772;--line:#e2e7dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.container{width:min(1200px,calc(100% - 64px));margin:auto}.topbar{background:var(--deep);color:#d8e6da;font-size:11px;letter-spacing:.025em}.top-inner{height:34px;display:flex;justify-content:space-between;align-items:center}.dot{color:var(--lime);padding:0 10px}.toplinks{display:flex;gap:22px}header{position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 1px 0 #e9ece7}.nav{height:83px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand strong{display:block;font-family:'Plus Jakarta Sans';font-size:15px;letter-spacing:-.04em}.brand small{display:block;font-size:10px;color:#6c7a74;margin-top:5px}.crest{height:50px;width:46px;background:var(--green);color:white;clip-path:polygon(50% 0,95% 12%,95% 70%,50% 100%,5% 70%,5% 12%);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.crest span{font-size:24px;font-weight:800}.crest small{font-size:7px;color:inherit;letter-spacing:.12em;margin-top:1px}.nav nav{display:flex;gap:25px;margin-left:auto;align-items:center}.nav nav a{font-size:12px;font-weight:700;color:#596861;white-space:nowrap}.nav nav a:hover,.nav nav a.active{color:#0b8062}.nav-cta{background:var(--green);color:white;padding:15px 18px;border-radius:5px;font-size:12px;font-weight:700;white-space:nowrap}.nav-cta span{margin-left:17px}.menu-btn{display:none;border:0;background:none;font-size:25px}.hero{height:650px;position:relative;background:#173c36;overflow:hidden;color:white}.hero-photo{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=2000&q=85') center 47%/cover;filter:saturate(.8)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,38,32,.94) 0%,rgba(6,46,39,.82) 39%,rgba(6,46,39,.20) 100%),linear-gradient(0deg,rgba(0,24,19,.5),transparent 45%)}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:5px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:#3d8065;margin-bottom:26px}.eyebrow.light{color:#d0e7b6}.sparkle{color:var(--lime);font-size:17px;margin-right:12px}.hero h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif}.hero h1{font-size:clamp(44px,5.2vw,75px);line-height:1.16;letter-spacing:-.065em;margin:0;max-width:820px;font-weight:800}.hero h1 em,.spmb h2 i{font-style:normal;color:var(--lime)}.hero p{max-width:520px;color:#dbe6e0;font-size:16px;line-height:1.8;margin:25px 0 32px}.hero-actions{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 21px;font-size:12px;font-weight:800;border-radius:5px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);color:#153a30}.button.ghost{border:1px solid #91aaa1;color:white}.hero-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;color:#c8d8d0}.hero-bottom b{color:var(--lime);padding:0 10px}.hero-scroll{display:flex;align-items:center;gap:15px}.hero-scroll:first-letter{font-size:25px}.quick-wrap{position:relative;margin-top:-1px;background:#fff}.quick-links{display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 20px 45px #143b3120;position:relative;top:-45px;background:white;z-index:2}.quick-links a{padding:30px 24px;display:flex;gap:15px;align-items:center;border-right:1px solid var(--line);transition:background .2s}.quick-links a:last-child{border:0}.quick-links a:hover{background:#f6f9f3}.quick-icon{font-size:24px;color:#32785b;background:#ebf4e8;border-radius:8px;height:48px;min-width:48px;display:grid;place-items:center}.quick-links strong{font-size:13px;display:block}.quick-links small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.quick-links b{margin-left:auto;color:#528168;font-weight:400}.section{padding:105px 0}.intro{padding-top:75px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.intro-visual{height:540px;position:relative}.intro-visual img{width:100%;height:100%;object-fit:cover;border-radius:3px;filter:saturate(.78)}.photo-caption{position:absolute;bottom:0;background:var(--deep);color:#fff;padding:17px 20px;font-size:11px;width:100%;display:flex;justify-content:space-between}.photo-caption span{color:#a0c8aa}.floating-stamp{position:absolute;top:35px;right:-35px;width:135px;height:135px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(13deg);font-size:14px}.floating-stamp b{font-size:22px}.floating-stamp span{font-size:23px}.intro h2,.section h2,.spmb h2{font-size:clamp(35px,3.4vw,51px);line-height:1.2;letter-spacing:-.058em;margin:0 0 28px}.section h2 i{font-style:normal;color:#58916d}.intro-copy p,.section-head p,.info-block p,.identity p{color:var(--muted);line-height:1.85;font-size:14px}.facts{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0 30px;padding:24px 0;gap:26px}.facts div{flex:1}.facts strong{display:block;font-size:25px;font-family:'Plus Jakarta Sans'}.facts span{font-size:11px;color:var(--muted)}.text-link{font-weight:800;color:#286b51;border-bottom:1px solid #286b51;padding-bottom:7px;font-size:12px}.news{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:37px}.section-head h2{margin-bottom:0}.section-head p{max-width:330px;margin:0 0 4px}.notice-strip{background:#e5edda;display:flex;align-items:center;gap:30px;padding:20px 25px;margin-bottom:28px}.notice-label{font-size:10px;letter-spacing:.12em;font-weight:800;background:var(--green);color:white;padding:10px 12px}.notice-strip>div:nth-child(2){flex:1}.notice-strip strong{display:block;font-size:13px}.notice-strip span{display:block;font-size:11px;color:#5f7066;margin-top:5px}.notice-strip>a{font-size:12px;font-weight:800;color:#256b4f}.news-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.news-card,.mini-news{background:white;overflow:hidden}.news-img{height:245px;background-size:cover;background-position:center;position:relative}.image-tag{position:absolute;bottom:16px;left:18px;background:#d5ecab;color:#214c3c;font-size:10px;font-weight:800;padding:9px 12px}.news-body{padding:24px}.meta{font-size:10px;letter-spacing:.09em;font-weight:800;color:#4d9070}.meta b{padding:0 6px;color:#bdc7bd}.news-body h3{font-size:21px;letter-spacing:-.04em;line-height:1.38;margin:12px 0}.news-body p{font-size:12px;line-height:1.8;color:var(--muted)}.news-body a,.mini-news a{font-size:11px;font-weight:800;color:#246c50;display:inline-block;margin-top:10px}.mini-news{padding-bottom:25px}.mini-image{height:185px;margin-bottom:23px}.mini-image img{width:100%;height:100%;object-fit:cover}.mini-news>.meta,.mini-news h3,.mini-news a{margin-left:22px;margin-right:22px}.mini-news h3{font-size:17px;line-height:1.5;letter-spacing:-.035em;margin-top:10px}.editor-note{font-size:10px;color:#87928b;margin-top:17px}.academic{background:#fff}.program-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:19px}.program{min-height:350px;padding:25px;background:#e8eee8;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.program:hover{transform:translateY(-5px)}.program.large{background:var(--green);color:white}.program:nth-child(3){background:#e9e9dd}.program-no{font-size:10px;font-weight:800;letter-spacing:.11em;opacity:.65}.program-icon{font-size:34px;color:#327b60;margin-bottom:14px}.program.large .program-icon{color:var(--lime)}.program h3{font-size:22px;letter-spacing:-.05em;max-width:240px;margin:0 0 10px}.program p{font-size:12px;color:#63766d;line-height:1.7;max-width:260px}.program.large p{color:#b5cdc0}.round-arrow{width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;margin-top:20px}.activities{background:#f3f6f0}.filter-row{display:flex;gap:9px;margin-bottom:26px;flex-wrap:wrap}.filter{border:1px solid #d2dbd1;color:#536b5c;background:transparent;padding:12px 19px;border-radius:4px;font-size:11px;font-weight:700}.filter.active,.filter:hover{background:var(--green);color:#fff;border-color:var(--green)}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.activity{background:white;border:1px solid #e5ece4;overflow:hidden}.act-art{height:170px;display:grid;place-items:center;font-size:72px;font-family:Georgia}.a1{background:#dfe8d6;color:#577c53}.a2{background:#e7e7df;color:#bc6b59}.a3{background:#d9e7e2;color:#477d77}.a4{background:#ece4d3;color:#9f7852}.activity>div:last-child{padding:22px}.activity span{font-size:9px;letter-spacing:.1em;color:#5f9073;font-weight:800}.activity h3{font-size:20px;margin:10px 0;letter-spacing:-.04em}.activity p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.spmb{background:var(--deep);color:white;padding:95px 0;position:relative;overflow:hidden}.spmb:before{content:'9';position:absolute;right:-40px;top:-190px;font-size:640px;font-weight:800;color:#ffffff06;font-family:'Plus Jakarta Sans'}.spmb-grid{display:grid;grid-template-columns:1fr .83fr;gap:100px;align-items:center;position:relative}.spmb h2{font-size:clamp(45px,4.7vw,67px)}.spmb p{color:#b8cdc0;font-size:14px;line-height:1.9;max-width:480px}.spmb-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button.cream{background:var(--lime);color:var(--deep)}.button.outline{border:1px solid #63867a;color:white}.spmb-panel{background:#f7f7f0;color:var(--ink);padding:30px}.panel-top{display:flex;justify-content:space-between;border-bottom:1px solid #dce3da;padding-bottom:20px;font-size:11px;font-weight:800;letter-spacing:.1em}.spmb-panel ol{padding:0;margin:5px 0;list-style:none}.spmb-panel li{display:flex;align-items:center;gap:25px;padding:18px 0;border-bottom:1px solid #dce3da}.spmb-panel li b{font-size:21px;color:#5c9676;font-family:'Plus Jakarta Sans'}.spmb-panel li strong{display:block;font-size:13px}.spmb-panel li small{display:block;font-size:11px;color:#7a877d;margin-top:6px}.panel-foot{font-size:10px;color:#7a877d;line-height:1.6;padding-top:18px}.gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;height:345px}.gallery-item{border:0;padding:0;position:relative;overflow:hidden;text-align:left;background:#345;cursor:zoom-in}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:saturate(.8)}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071e1caa)}.gallery-item span{position:absolute;bottom:20px;left:20px;color:white;font-size:13px;font-weight:700;z-index:1}.additional{background:#f6f7f2}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.info-block h2{font-size:40px}.info-block p{max-width:480px}.empty-state{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:23px;margin:30px 0}.empty-state>span{font-size:40px;color:#4f8a63}.empty-state strong,.staff-list strong{display:block;font-size:13px}.empty-state small,.staff-list small{display:block;color:#718078;font-size:11px;line-height:1.6;margin-top:5px}.staff-list{border-top:1px solid #dce3d9;margin-top:28px}.staff-list>div{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #dce3d9}.staff-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#d8e6d5;color:#397053;font-size:12px;font-weight:800}.staff-list em{font-style:normal}.identity-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:130px}.identity dl{margin:0;border-top:1px solid var(--line)}.identity dl div{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid var(--line);padding:19px 0;gap:15px}.identity dt{color:#728078;font-size:12px}.identity dd{margin:0;font-size:13px;font-weight:700;line-height:1.6}.services{background:#edf3e8}.services .section-head{margin-bottom:35px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-grid a{background:white;padding:25px;min-height:155px;display:flex;flex-direction:column;transition:transform .2s}.service-grid a:hover{transform:translateY(-4px)}.service-grid a>span{text-align:right;color:#3b8b63;font-size:21px}.service-grid strong{font-size:14px;margin-top:auto}.service-grid small{font-size:11px;color:#7b8b81;margin-top:7px}footer{background:#082b26;color:white;padding:80px 0 25px}.footer-main{display:flex;justify-content:space-between;gap:60px}.crest.white{background:var(--lime);color:var(--deep);margin-bottom:30px}.footer-brand h2{font-family:'Plus Jakarta Sans';font-size:45px;letter-spacing:-.06em;line-height:1.15;margin:0 0 24px}.footer-brand h2 i{color:var(--lime);font-style:normal}.footer-brand p{font-size:12px;color:#a7c0b2;line-height:1.9}.footer-brand>a{font-size:12px;color:var(--lime);font-weight:700}.footer-columns{display:flex;gap:100px;padding-top:20px}.footer-columns>div{display:flex;flex-direction:column;gap:18px}.footer-columns h4{font-size:13px;margin:0 0 12px}.footer-columns a{font-size:12px;color:#a8c0b3}.footer-bottom{border-top:1px solid #33564b;margin-top:80px;padding-top:22px;display:flex;justify-content:space-between;color:#7c9c8c;font-size:10px}.lightbox{position:fixed;inset:0;background:#071c19ed;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(950px,95vw);max-height:78vh;object-fit:contain}.lightbox p{color:white;font-size:13px}.lightbox button{position:absolute;top:25px;right:30px;color:white;background:none;border:0;font-size:38px}
@media(max-width:1100px){.nav nav{gap:14px}.brand{min-width:220px}.nav-cta{display:none}.intro-grid{gap:60px}.spmb-grid{gap:50px}.identity-grid{gap:60px}}@media(max-width:850px){.container{width:min(100% - 36px,700px)}.nav{height:70px}.brand strong{font-size:13px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:15px 25px 25px;box-shadow:0 15px 20px #0002;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:12px 0;border-bottom:1px solid #eee}.menu-btn{display:block;margin-left:auto}.hero{height:600px}.hero-overlay{background:linear-gradient(90deg,#052c26ef,#052c2690)}.quick-links{grid-template-columns:1fr 1fr}.quick-links a{padding:20px}.intro-grid,.spmb-grid,.two-col,.identity-grid{grid-template-columns:1fr;gap:45px}.intro-visual{height:420px}.floating-stamp{right:10px}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.program-grid{grid-template-columns:1fr 1fr}.program.large{grid-column:1/-1}.activity-grid,.service-grid{grid-template-columns:1fr 1fr}.gallery-grid{height:520px;grid-template-columns:1fr 1fr}.g1{grid-column:1/-1}.section{padding:75px 0}.section-head{align-items:start;gap:20px;flex-direction:column}.section-head p{max-width:570px}.footer-columns{gap:45px}}@media(max-width:570px){.toplinks{display:none}.top-inner{justify-content:center}.hero{height:610px}.hero h1{font-size:43px}.hero p{font-size:14px}.hero-actions{flex-direction:column;width:100%}.hero-actions .button{justify-content:space-between}.hero-bottom>span:last-child{display:none}.quick-links{top:-25px}.quick-links a{padding:16px 10px;gap:8px}.quick-icon{height:35px;min-width:35px;font-size:19px}.quick-links small{font-size:9px}.quick-links strong{font-size:11px}.quick-links b{display:none}.intro{padding-top:45px}.intro-visual{height:330px}.intro h2,.section h2{font-size:35px}.facts{gap:10px}.facts strong{font-size:20px}.notice-strip{flex-wrap:wrap;gap:12px}.news-grid,.program-grid,.activity-grid,.service-grid{grid-template-columns:1fr}.program.large{grid-column:auto}.program{min-height:280px}.gallery-grid{display:flex;height:auto;flex-direction:column}.gallery-item{height:220px}.footer-main{flex-direction:column}.footer-columns{gap:70px}.footer-bottom{gap:15px;flex-direction:column}.spmb-panel{padding:20px}.spmb h2{font-size:43px}.identity dl div{grid-template-columns:120px 1fr}.footer-brand h2{font-size:38px}}

/* Visual refresh: palet cerah, kontras hangat, dan navigasi bertingkat. */
:root{--green:#134fbd;--deep:#0b276a;--lime:#fbd85b;--cream:#fff9eb;--ink:#182647;--muted:#68758a;--line:#e3e8f1}
body{background:#fffdf8}::selection{background:#ffe06e;color:#173b92}
.topbar{background:#163ca0;color:#ecf2ff}.dot{color:#fbd85b}
header{box-shadow:0 6px 24px #132e6810}.crest{background:#1a55c9}.brand strong{color:#113d97}.brand small{color:#7180a4}.nav-cta{background:#ff704d;color:#fff;border-radius:100px;padding:14px 21px;box-shadow:0 6px 16px #ff704d35}.nav-cta:hover{background:#ed5a39}
.nav nav{gap:5px}.nav nav>a,.nav-toggle{font:700 12px 'DM Sans',sans-serif;color:#334467;background:transparent;border:0;padding:15px 10px;white-space:nowrap;border-radius:10px}.nav nav>a:hover,.nav nav>a.active,.nav-toggle:hover,.nav-group.expanded .nav-toggle{color:#1756ca;background:#eef4ff}.nav-group{position:relative}.nav-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.chevron{font-size:18px;font-weight:500;line-height:8px;transition:transform .2s}.nav-group.expanded .chevron{transform:rotate(180deg)}.dropdown{display:none;position:absolute;top:calc(100% + 5px);left:-15px;background:white;min-width:245px;padding:13px;border:1px solid #e5ecfa;border-radius:16px;box-shadow:0 22px 50px #112c6740;z-index:50}.nav-group.expanded .dropdown{display:flex;flex-direction:column}.dropdown:before{content:'';position:absolute;height:12px;top:-12px;left:0;right:0}.dropdown-heading{font-size:9px;font-weight:800;letter-spacing:.16em;color:#95a2bc;padding:9px 12px 12px}.nav nav .dropdown a{display:block;padding:11px 12px;font-size:12px;color:#334467;border-radius:8px;white-space:nowrap}.nav nav .dropdown a:hover{background:#eef4ff;color:#1555c5}
.hero{background:#113b8f}.hero-photo{background-position:center 43%;filter:saturate(1.12)}.hero-overlay{background:linear-gradient(90deg,rgba(10,34,105,.95),rgba(15,64,156,.75) 48%,rgba(25,65,147,.17)),linear-gradient(0deg,#102d78b5,transparent 45%)}.hero:after{content:'';position:absolute;width:370px;height:370px;border:65px solid #ffd74c25;border-radius:50%;right:-180px;bottom:-220px;pointer-events:none}.hero .eyebrow{background:#ffffff23;border:1px solid #ffffff40;border-radius:100px;padding:10px 17px;margin-bottom:25px;backdrop-filter:blur(8px)}.hero h1 em{color:#ffe27b}.hero h1{max-width:890px}.button{border-radius:100px}.button.primary{background:#ffdb62;color:#15376e;box-shadow:0 10px 30px #071f5633}.button.primary:hover{background:#ffe994}.button.ghost{background:#ffffff17;border-color:#ffffff80}.hero-scroll:first-letter{color:#ffe27b}
.quick-links{border-radius:18px;overflow:hidden;box-shadow:0 22px 55px #1d4e9c21}.quick-links a{border-color:#e5ecf7}.quick-links a:hover{background:#fff7dd}.quick-icon{background:#e8efff;color:#1d5bd0;border-radius:14px}.quick-links a:nth-child(2) .quick-icon{background:#fff0df;color:#f07842}.quick-links a:nth-child(3) .quick-icon{background:#e7f6e8;color:#298f70}.quick-links a:nth-child(4) .quick-icon{background:#f7eaff;color:#8954c8}.quick-links b{color:#2e62c2}
.eyebrow{color:#ee764a}.section h2 i{color:#1f67d9}.intro-visual img,.mini-image img,.gallery-item img{filter:saturate(1.08)}.intro-visual img{border-radius:19px}.photo-caption{border-radius:0 0 19px 19px;background:#123d9c}.floating-stamp{background:#ffda61;color:#15366d;box-shadow:0 14px 30px #14345c30}.facts strong{color:#1551b7}.text-link{color:#1758c2;border-color:#1758c2}
.news{background:#f0f5ff}.notice-strip{background:#fff3c8;border-radius:14px;border:1px solid #f6dd90}.notice-label{background:#ff704d;border-radius:50px}.notice-strip>a,.news-body a,.mini-news a{color:#1756c1}.news-card,.mini-news{border-radius:17px;box-shadow:0 9px 25px #173e8610}.news-img{background-position:center}.image-tag{background:#ffdc6e;color:#173c80;border-radius:100px}.meta{color:#ee764a}.program{border-radius:18px;background:#e8f0ff;min-height:355px}.program.large{background:#1854c2;position:relative;overflow:hidden}.program.large:after{content:'✳';font-size:220px;position:absolute;top:-110px;right:-40px;color:#ffffff14;pointer-events:none}.program:nth-child(3){background:#fff0dd}.program-icon{color:#2a64d1}.program.large .program-icon{color:#ffdb6a}.program.large p{color:#d6e2ff}.program p{color:#657690}.round-arrow{color:#225ab9}
.activities{background:#fff9ed}.filter{border-color:#e2d9c8;color:#62708d;border-radius:100px}.filter.active,.filter:hover{background:#1755c7;border-color:#1755c7}.activity{border-color:#f0e5d6;border-radius:17px;box-shadow:0 12px 28px #8d714614}.a1{background:#e1edff;color:#3164be}.a2{background:#ffe9e4;color:#df705d}.a3{background:#ddf6ee;color:#329f83}.a4{background:#f7e4fa;color:#9a58b4}.activity span{color:#e6734a}
.spmb{background:#132d87}.spmb .eyebrow{color:#ffda65}.spmb h2 i{color:#ffdf65}.spmb p{color:#cdd9fb}.button.cream{background:#ffda65;color:#173c80}.button.outline{border-color:#8cabe9}.spmb-panel{border-radius:20px;background:#fffdf5;box-shadow:0 30px 65px #071b5c55}.spmb-panel li b{color:#e7754b}.gallery-item{border-radius:18px}.additional{background:#f0f5ff}.empty-state{border-radius:15px}.empty-state>span{color:#f28b4a}.staff-avatar{background:#e1eaff;color:#1a59bf}.identity{background:#fffdf8}.services{background:#fff1d8}.service-grid a{border-radius:16px;box-shadow:0 10px 25px #ad783615}.service-grid a>span{color:#f17c45}footer{background:#101f5b}.crest.white{background:#ffdd69;color:#153978}.footer-brand h2 i{color:#ffdc71}.footer-brand>a{color:#ffdc71}.footer-columns a{color:#bac8ef}.footer-bottom{border-color:#344a89;color:#9bacda}
@media(max-width:1100px){.nav nav{gap:0}.nav nav>a,.nav-toggle{padding:12px 7px;font-size:11px}}
@media(max-width:850px){.nav nav{gap:0;max-height:calc(100vh - 70px);overflow-y:auto;padding:15px 20px 25px}.nav nav>a,.nav-toggle{padding:14px 10px;font-size:13px;width:100%;text-align:left;border-radius:8px;border-bottom:1px solid #edf1f9}.nav-toggle{justify-content:space-between}.nav-group{width:100%}.dropdown{position:static;min-width:0;box-shadow:none;border:0;border-radius:0;background:#f3f7ff;margin:3px 0 8px;padding:7px}.dropdown:before{display:none}.nav nav .dropdown a{border:0;padding:12px 14px;font-size:12px}.nav-group.expanded .dropdown{display:flex}.nav nav .dropdown-heading{padding:10px 14px}.hero-overlay{background:linear-gradient(90deg,#0d2b85f2,#164bb4bc)}.nav-cta{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Slideshow bertransisi lembut, dengan kontrol yang tetap terlihat di ponsel. */
.hero-slides{position:absolute;inset:0;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;opacity:0;transform:scale(1.055);transition:opacity 1.15s ease,transform 7s ease;will-change:opacity,transform}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-overlay{z-index:1;pointer-events:none}.hero-content{z-index:2}.hero-slider-ui{position:absolute;bottom:74px;right:0;display:flex;flex-direction:column;gap:17px;align-items:flex-end}.hero-slide-label{display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;letter-spacing:.11em;font-weight:800;text-shadow:0 2px 10px #05194f}.live-dot{width:7px;height:7px;border-radius:50%;background:#ffde70;box-shadow:0 0 0 5px #ffde7035}.hero-slider-actions{display:flex;gap:12px;align-items:center}.slider-arrow{display:grid;place-items:center;border:1px solid #ffffff7a;background:#ffffff24;backdrop-filter:blur(8px);color:#fff;border-radius:50%;height:40px;width:40px;font-size:20px;transition:background .2s}.slider-arrow:hover{background:#ffdc6c;color:#173c80;border-color:#ffdc6c}.slider-dots{display:flex;align-items:center;gap:7px}.slider-dot{height:7px;width:7px;padding:0;border:0;border-radius:100px;background:#ffffff80;transition:width .3s,background .3s}.slider-dot.active{width:29px;background:#ffdc6c}.slider-dot:focus-visible,.slider-arrow:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:850px){.hero-slider-ui{right:0;bottom:67px}.hero-slide-label{font-size:9px}}@media(max-width:570px){.hero-slider-ui{left:0;right:auto;bottom:71px;align-items:flex-start}.hero-bottom{bottom:24px}.hero-content{padding-bottom:76px}.slider-arrow{height:34px;width:34px;font-size:17px}.hero-slide-label{font-size:8px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none!important}}

/* Ritme editorial baru: tipografi besar, garis aksen, gerak terukur. */
.hero:before{content:'09';position:absolute;right:2%;top:6%;z-index:2;font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(140px,19vw,310px);font-weight:800;line-height:1;color:#ffffff0d;letter-spacing:-.12em;pointer-events:none}.hero h1{max-width:760px;text-wrap:balance}.hero h1 em{position:relative}.hero h1 em:after{content:'';position:absolute;left:0;bottom:-8px;width:58%;height:5px;border-radius:9px;background:#ff7955;transform:rotate(-1.6deg)}.hero-visual-disclaimer{position:absolute;bottom:53px;left:0;color:#d3dcf5;font-size:9px;letter-spacing:.02em;opacity:.82}.hero-slider-ui{bottom:80px}.hero-bottom{bottom:24px}
.school-ticker{overflow:hidden;background:#ffda63;color:#113b8e;white-space:nowrap;transform:rotate(-1deg) scale(1.015);margin:12px 0 40px;box-shadow:0 6px 20px #cda64125}.ticker-track{display:flex;width:max-content;animation:tickerMove 24s linear infinite}.ticker-track span{font:800 clamp(17px,2.4vw,29px) 'Plus Jakarta Sans',sans-serif;letter-spacing:.04em;padding:15px 5px}.ticker-track b{color:#f46f4d;margin:0 35px}@keyframes tickerMove{to{transform:translateX(-50%)}}
.intro-visual:before{content:'';position:absolute;top:-19px;left:-19px;width:110px;height:110px;border-top:8px solid #ff7851;border-left:8px solid #ff7851;border-radius:15px 0 0 0;z-index:1;pointer-events:none}.intro-visual img{object-position:58% center}.news-card,.mini-news,.program,.activity,.gallery-item,.service-grid a{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.news-card:hover,.mini-news:hover,.activity:hover,.service-grid a:hover{transform:translateY(-6px);box-shadow:0 20px 36px #1c419a22}.section-head h2,.intro h2{max-width:720px}.gallery-grid{grid-template-columns:1.25fr 1fr 1fr;gap:18px}.gallery-item.g1 img{object-position:center}.gallery-item.g2 img{object-position:65% center}.gallery-item.g3 img{object-position:60% center}.gallery-item:after{background:linear-gradient(transparent,#061e57b8)}.program .round-arrow{transition:transform .3s}.program:hover .round-arrow{transform:rotate(45deg);background:#ffffff50}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:translateY(0)}
@media(max-width:850px){.hero-visual-disclaimer{bottom:44px}.school-ticker{margin:0 0 30px}.gallery-grid{grid-template-columns:1fr 1fr}}@media(max-width:570px){.hero h1 em:after{height:3px}.hero-slider-ui{bottom:90px}.hero-visual-disclaimer{bottom:52px;font-size:8px}.hero-bottom{bottom:19px}.hero:before{top:20%;right:8%;font-size:160px}.school-ticker{margin:0 0 16px}.ticker-track span{font-size:18px;padding:12px 4px}.ticker-track b{margin:0 17px}.intro-visual:before{left:-9px;top:-9px;width:80px;height:80px;border-width:5px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Gradasi kontemporer & portal informasi tambahan */
.hero-overlay{background:linear-gradient(105deg,rgba(11,35,104,.94) 0%,rgba(41,57,166,.78) 48%,rgba(204,83,119,.22) 100%),linear-gradient(0deg,rgba(11,32,100,.7),transparent 65%)}.hero:after{background:linear-gradient(145deg,#ffdf7045,#ff6f8b35);filter:blur(8px)}.nav-cta{background:linear-gradient(110deg,#ff7357,#f54b8a);box-shadow:0 9px 20px #f6587840}.button.primary,.button.cream{background:linear-gradient(110deg,#ffdf70,#ffb95d);color:#163a83}.quick-icon{background:linear-gradient(135deg,#d9e7ff,#eef3ff)}.quick-links a:nth-child(2) .quick-icon{background:linear-gradient(135deg,#ffdfca,#ffeef0)}.quick-links a:nth-child(3) .quick-icon{background:linear-gradient(135deg,#cdf8e8,#e9f8ee)}.quick-links a:nth-child(4) .quick-icon{background:linear-gradient(135deg,#e9dbff,#f5eaff)}.news{background:linear-gradient(150deg,#edf3ff 0%,#fcf4ff 100%)}.program.large{background:linear-gradient(145deg,#145bc9 0%,#4a4abd 65%,#8053b5 100%)}.program:nth-child(2){background:linear-gradient(135deg,#e7efff,#f4ecff)}.program:nth-child(3){background:linear-gradient(135deg,#fff0da,#ffe7e7)}.spmb{background:radial-gradient(ellipse at 85% 15%,#6851ba 0%,transparent 48%),linear-gradient(120deg,#102d88,#243fa3 55%,#3746a9)}.spmb:before{color:#ffffff0a}.services{background:linear-gradient(120deg,#fff0d7,#ffeadf 52%,#f3e9ff)}.school-ticker{background:linear-gradient(100deg,#ffe278,#ffbc72,#ffdb6e)}.footer-brand h2 i{background:linear-gradient(110deg,#ffe06d,#ff957e);background-clip:text;color:transparent}.section h2 i{background:linear-gradient(110deg,#2469d8,#9453bb);background-clip:text;color:transparent}
.site-search-btn{border:1px solid #dce5f7;background:#f6f9ff;color:#2456b0;border-radius:50px;display:flex;align-items:center;gap:4px;padding:7px 13px;font-weight:800;cursor:pointer}.site-search-btn span{font-size:24px;line-height:22px}.site-search-btn small{font-size:11px}.site-search-btn:hover{background:#e8f0ff}.search-dialog{border:0;border-radius:22px;width:min(550px,calc(100% - 30px));padding:28px;box-shadow:0 35px 90px #061a57a8;color:#1a2c50}.search-dialog::backdrop{background:#0c1e59b3;backdrop-filter:blur(5px)}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.search-head strong{font:800 20px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em}.search-close{border:0;background:#edf2fd;width:34px;height:34px;border-radius:50%;font-size:25px;color:#274b95}.search-dialog label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7b88a2;margin-bottom:9px}.search-dialog input{width:100%;padding:16px 18px;border:2px solid #dce5f6;border-radius:12px;font:500 14px 'DM Sans',sans-serif;outline:0}.search-dialog input:focus{border-color:#3871df}.search-results{max-height:340px;overflow:auto;margin-top:15px}.search-results a{padding:14px 12px;border-bottom:1px solid #e8edf7;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.search-results a:hover{background:#f1f6ff;color:#205cc9}.search-results b{color:#4e7dd1}.search-empty{padding:22px;color:#79849b;font-size:13px}.search-dialog>p{color:#9aa6b9;font-size:10px;margin:20px 0 0}
.school-hub{background:#fffdf8}.hub-layout{display:grid;grid-template-columns:1.25fr .85fr;gap:22px}.hub-main,.hub-side{border:1px solid #e3e9f6;border-radius:22px;padding:32px;background:#fff;box-shadow:0 15px 45px #243d8410}.hub-title-row{display:flex;align-items:start;justify-content:space-between;gap:15px}.hub-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#f16f6a}.hub-layout h3{font:800 25px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;margin:12px 0 25px}.hub-pill{border-radius:100px;padding:8px 11px;background:#fff2dd;color:#a66f31;font-size:10px;font-weight:800;white-space:nowrap}.agenda-item{display:flex;gap:17px;align-items:center;border-top:1px solid #e7edf8;padding:20px 0}.agenda-icon{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;font-size:25px;background:#ecf2ff;border-radius:13px;color:#2c69cc}.agenda-item:nth-child(2) .agenda-icon{background:#f8eafe;color:#8857c0}.agenda-item:nth-child(3) .agenda-icon{background:#fff0df;color:#dd7c4f}.agenda-item>div{flex:1}.agenda-item strong{font-size:13px}.agenda-item p{margin:6px 0 0;color:#7c89a0;font-size:11px;line-height:1.65}.agenda-item>a{color:#326bca;font-size:20px}.hub-side{background:linear-gradient(145deg,#183fa1,#4c47af);color:white;border:0}.hub-side .hub-kicker{color:#ffdf82}.hub-side h3{margin-bottom:12px}.hub-side>p{color:#c8d8fb;font-size:12px;line-height:1.8}.hub-side>a{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #ffffff35}.hub-side>a>span:first-child{font-size:23px;color:#ffdc80}.hub-side>a>span:nth-child(2){flex:1}.hub-side strong{display:block;font-size:12px}.hub-side small{display:block;font-size:10px;color:#beceef;margin-top:5px}.hub-side b{font-size:18px;font-weight:400}.download-note{font-size:10px;color:#d9e4ff;margin-top:23px;line-height:1.6;background:#ffffff15;padding:15px;border-radius:10px}
.faq-section{background:linear-gradient(120deg,#ecf2ff,#f9eefa)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid h2{font-size:clamp(32px,3.4vw,48px)}.faq-grid p{line-height:1.8;font-size:13px;color:#6d7890}.faq-contact{background:#234fc2;color:white;margin-top:22px}.faq-items{border-top:1px solid #dbe3f3}.faq-items details{border-bottom:1px solid #dbe3f3}.faq-items summary{list-style:none;cursor:pointer;padding:23px 0;font-size:14px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:25px;color:#3364c5;font-weight:400;transition:transform .2s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items details p{margin:0 0 25px;max-width:600px}
@media(max-width:1100px){.site-search-btn small{display:none}.site-search-btn{padding:8px 12px}.faq-grid{gap:55px}}@media(max-width:850px){.site-search-btn{margin-left:auto}.menu-btn{margin-left:0}.hub-layout,.faq-grid{grid-template-columns:1fr;gap:25px}.hub-main,.hub-side{padding:25px}.faq-grid{gap:25px}}@media(max-width:570px){.site-search-btn{padding:6px 10px}.hub-title-row{flex-direction:column}.hub-layout h3{font-size:23px}.agenda-item{gap:10px}.agenda-icon{width:40px;height:40px;flex-basis:40px}.faq-items summary{font-size:13px}}

/* Floating school-help chat */
.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}.chat-widget{position:fixed;bottom:23px;right:25px;z-index:80;font-family:'DM Sans',sans-serif}.chat-launcher{position:relative;display:grid;place-items:center;width:66px;height:66px;border:2px solid #fff;border-radius:22px;background:linear-gradient(135deg,#2466d5,#7352c9 70%,#a54eb2);color:#fff;box-shadow:0 12px 32px #2045a866;cursor:pointer;transform:rotate(-5deg);transition:transform .25s,box-shadow .25s}.chat-launcher svg{transform:rotate(5deg)}.chat-launcher:hover{transform:translateY(-5px) rotate(0deg);box-shadow:0 17px 38px #2045a878}.chat-bubble-badge{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ff765b;border:2px solid #fff;color:#fff;font-size:10px;font-weight:800}.chat-widget.is-open .chat-launcher{transform:rotate(0)}.chat-widget.is-open .chat-bubble-badge{display:none}.chat-panel{position:absolute;right:0;bottom:85px;width:380px;height:min(570px,calc(100vh - 140px));display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 30px 85px #091f6480;border:1px solid #e1e7f8;transform-origin:bottom right;animation:chatOpen .24s ease-out}.chat-panel[hidden]{display:none}@keyframes chatOpen{from{opacity:0;transform:translateY(13px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(110deg,#1b51bf,#6052b8 72%,#8250b2);padding:23px 19px;color:white;display:flex;align-items:center;gap:12px}.chat-avatar{background:linear-gradient(135deg,#fff0a0,#ffba65);color:#1b419e;width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;font:800 23px 'Plus Jakarta Sans',sans-serif;position:relative}.chat-avatar span{position:absolute;top:1px;right:4px;font-size:12px;color:#ed6a60}.chat-header-copy{flex:1}.chat-header-copy strong{font-size:13px;line-height:1.4;display:block}.chat-header-copy small{display:flex;align-items:center;gap:7px;color:#dee7ff;font-size:10px;margin-top:6px}.chat-status{height:7px;width:7px;border-radius:50%;background:#bdeaa1;box-shadow:0 0 0 3px #bdeaa125}.chat-close{border:0;background:#ffffff25;color:white;border-radius:50%;width:29px;height:29px;font-size:21px;line-height:1}.chat-body{flex:1;overflow-y:auto;background:linear-gradient(150deg,#f1f5ff,#fff9f5);padding:18px 15px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;scroll-behavior:smooth}.chat-day{align-self:center;font-size:9px;font-weight:800;color:#a2adc5;letter-spacing:.14em;margin:0 0 10px}.chat-message{font-size:12px;line-height:1.65;padding:12px 15px;border-radius:15px;max-width:92%;box-shadow:0 4px 12px #132c6710;overflow-wrap:anywhere}.chat-message.bot{background:white;color:#344364;border-top-left-radius:4px;border:1px solid #e5ebf7}.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,#2569d5,#5b51ba);color:white;border-bottom-right-radius:4px}.chat-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.chat-suggestions button{font-size:10px;font-weight:800;color:#315db4;border:1px solid #cfddf6;background:#fff;border-radius:100px;padding:10px 12px;cursor:pointer}.chat-suggestions button:hover{background:#e7efff}.chat-result-link{font-size:11px;color:#265bc0;background:#e8efff;padding:9px 12px;border-radius:9px;font-weight:800;margin-top:-3px;max-width:90%}.chat-footer{padding:13px;background:#fff;border-top:1px solid #e9eef7}.chat-form{display:flex;gap:8px;align-items:center;border:1px solid #dce5f5;background:#f8faff;border-radius:13px;padding:6px}.chat-form:focus-within{border-color:#6693ea;box-shadow:0 0 0 3px #6693ea18}.chat-form input{flex:1;min-width:0;border:0;background:none;outline:0;font:500 12px 'DM Sans',sans-serif;padding:9px;color:#263b67}.chat-form button{width:37px;height:37px;border-radius:10px;border:0;background:linear-gradient(135deg,#265fd0,#6453bd);color:white;font-size:17px;cursor:pointer}.chat-footer>span{display:block;text-align:center;color:#9ca8bb;font-size:9px;margin-top:10px}.chat-footer>span a{color:#326bc7;text-decoration:underline;text-underline-offset:2px}.chat-launcher:focus-visible,.chat-close:focus-visible,.chat-suggestions button:focus-visible,.chat-form button:focus-visible{outline:3px solid #ffcc65;outline-offset:3px}
@media(max-width:570px){.chat-widget{right:15px;bottom:15px}.chat-launcher{width:59px;height:59px;border-radius:20px}.chat-panel{width:min(390px,calc(100vw - 24px));right:-3px;bottom:73px;height:min(570px,calc(100dvh - 105px));border-radius:19px}.chat-header{padding:17px}.chat-body{padding:15px}.chat-footer{padding:10px}}@media(prefers-reduced-motion:reduce){.chat-panel{animation:none}.chat-body{scroll-behavior:auto}}

/* Hijau zamrud untuk tombol chat, dengan panel yang lebih lembut. */
.chat-launcher{background:linear-gradient(140deg,#19bd79 0%,#079b69 55%,#057b64 100%);box-shadow:0 12px 32px #087e5b70;border-radius:23px}.chat-launcher:hover{box-shadow:0 18px 40px #087e5b80}.chat-header{background:linear-gradient(112deg,#078f6a,#15ac7c 58%,#2fc99a)}.chat-form button{background:linear-gradient(135deg,#11b47b,#078866)}.chat-message.user{background:linear-gradient(125deg,#0ea87c,#168c7d)}.chat-suggestions button{color:#087f66;border-color:#c9eade;background:#f7fffb}.chat-suggestions button:hover{background:#e2f8ed}.chat-result-link{background:#dff6ec;color:#087b62}.chat-status{background:#d0ffac}

/* Alumni: editorial and celebratory, with truthful empty-state storytelling. */
.alumni-section{background:#fcfbff;position:relative;overflow:hidden}.alumni-section:before{content:'';position:absolute;top:-250px;right:-230px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#ebddff 0%,#ebddff00 70%);pointer-events:none}.alumni-intro{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center;margin-bottom:38px}.alumni-intro h2{font-size:clamp(37px,4vw,58px);margin-bottom:23px}.alumni-intro p{font-size:14px;line-height:1.9;color:#718098;max-width:570px}.alumni-monogram{min-height:240px;border-radius:28px;background:linear-gradient(125deg,#254dc4,#6b4fc4 65%,#e47e92);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:rotate(2deg);box-shadow:0 25px 55px #3543a33d}.alumni-monogram:before{content:'';position:absolute;inset:15px;border:1px solid #ffffff70;border-radius:19px}.alumni-monogram span{font-size:11px;font-weight:800;letter-spacing:.4em}.alumni-monogram strong{font:800 105px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.12em;margin-right:12px;color:#ffe67b}.alumni-monogram small{font-size:9px;letter-spacing:.18em;color:#e4e7ff;margin-top:9px}.alumni-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:21px}.alumni-story-card{background:#fff;border:1px solid #e5e9f5;border-radius:24px;padding:32px;box-shadow:0 16px 40px #2541a010}.story-header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#7281a0;font-weight:800}.story-header span:last-child{font-size:23px;color:#3e65c4}.story-avatar-row{display:flex;align-items:center;gap:15px;margin:26px 0}.story-avatar{width:62px;height:62px;flex:0 0 62px;border-radius:50%;background:linear-gradient(135deg,#fce18a,#f3a3a7);display:grid;place-items:center;color:#6b50a8;font-size:30px}.story-avatar-label strong{font-size:14px;display:block}.story-avatar-label small{font-size:11px;display:block;color:#8a94a6;line-height:1.6;margin-top:6px}.story-quote{font:700 clamp(21px,2.6vw,32px)/1.48 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;color:#263d80;margin:35px 0}.story-mark{display:block;font-size:9px;letter-spacing:.1em;color:#a5afc0}.alumni-path{background:#e9f4f0;border-radius:24px;padding:32px}.alumni-path>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#468e76}.alumni-path h3{font:800 30px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;color:#15554c;margin:20px 0 25px}.path-steps>div{display:flex;gap:17px;border-top:1px solid #caddd6;padding:17px 0}.path-steps b{font-size:18px;color:#26a47f}.path-steps strong{display:block;font-size:13px}.path-steps small{display:block;font-size:11px;color:#6a9082;margin-top:5px}.alumni-invitation{margin-top:25px;border-radius:23px;background:linear-gradient(115deg,#172d80,#3d47b5 62%,#7154b0);padding:45px;display:flex;justify-content:space-between;align-items:center;gap:40px;color:white;position:relative;overflow:hidden}.alumni-invitation:after{content:'✳';font-size:220px;position:absolute;right:25%;bottom:-155px;color:#ffffff12;pointer-events:none}.alumni-invitation .eyebrow{color:#ffda75}.alumni-invitation h3{font:800 34px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;margin:0}.alumni-invitation p{color:#cbd5f7;line-height:1.7;font-size:12px;max-width:530px}.alumni-share{position:relative;z-index:1;flex:0 0 auto;border:0;border-radius:100px;background:linear-gradient(110deg,#ffe17d,#ffbd6e);color:#183781;padding:18px 23px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 9px 25px #08175050}.alumni-share span{margin-left:24px}.alumni-share:hover{transform:translateY(-2px)}
.alumni-dialog{border:0;border-radius:23px;width:min(540px,calc(100% - 30px));max-height:90vh;overflow:auto;padding:0;box-shadow:0 35px 90px #0c20517d}.alumni-dialog::backdrop{background:#061d56ae;backdrop-filter:blur(5px)}.alumni-dialog-shell{padding:30px;display:flex;flex-direction:column;gap:10px}.alumni-dialog-head{display:flex;justify-content:space-between;align-items:start}.alumni-dialog-head span{font-size:9px;letter-spacing:.14em;font-weight:800;color:#ef7b6c}.alumni-dialog-head h3{font:800 29px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;margin:7px 0}.alumni-close{border:0;background:#eef3fc;color:#38599e;width:36px;height:36px;border-radius:50%;font-size:24px}.alumni-dialog-shell>p{font-size:12px;color:#7d889d;line-height:1.7;margin:0 0 9px}.alumni-dialog-shell>label:not(.alumni-consent){font-size:11px;font-weight:800;color:#51617e;margin-top:6px}.alumni-dialog-shell>input,.alumni-dialog-shell>textarea{font:500 13px 'DM Sans',sans-serif;border:1px solid #dce4f0;border-radius:10px;padding:13px 14px;outline:0;resize:vertical}.alumni-dialog-shell>input:focus,.alumni-dialog-shell>textarea:focus{border-color:#4178d8;box-shadow:0 0 0 3px #4178d815}.alumni-consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#69788f;line-height:1.5;margin:10px 0}.alumni-consent input{margin-top:2px;accent-color:#2463cb}.alumni-send{border:0;border-radius:10px;background:linear-gradient(110deg,#215ed0,#6852bb);color:white;padding:16px;font-weight:800;font-size:12px;cursor:pointer}
@media(max-width:850px){.alumni-intro,.alumni-showcase{grid-template-columns:1fr}.alumni-monogram{min-height:200px;transform:none}.alumni-invitation{flex-direction:column;align-items:flex-start}.alumni-share{align-self:flex-start}}@media(max-width:570px){.alumni-intro{gap:20px}.alumni-monogram strong{font-size:83px}.alumni-story-card,.alumni-path{padding:23px}.story-quote{font-size:23px}.alumni-invitation{padding:27px}.alumni-invitation h3{font-size:27px}.alumni-share{width:100%;display:flex;justify-content:space-between}.alumni-dialog-shell{padding:20px}}

/* Photo-led alumni profile and refined school identity spacing. */
.alumni-photo{position:relative;margin:22px 0 0;border-radius:16px;overflow:hidden;aspect-ratio:1.9;background:#dce8f5}.alumni-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.alumni-photo:hover img{transform:scale(1.045)}.alumni-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#10295a88)}.alumni-photo figcaption{position:absolute;bottom:13px;left:15px;right:15px;color:#fff;z-index:1;font-size:9px;font-weight:800;letter-spacing:.1em;text-shadow:0 2px 6px #0a204c}.alumni-story-card .story-avatar-row{margin:21px 0}.alumni-story-card .story-quote{margin:22px 0}.alumni-story-card .story-avatar{background:linear-gradient(135deg,#d7edff,#ddd6ff);color:#3264bd}
header .brand{gap:15px;min-width:252px}header .brand .crest{width:53px;height:58px;filter:drop-shadow(0 6px 7px #2355bb2c);background:linear-gradient(145deg,#185bd2,#2646a8);flex:0 0 53px}header .brand .crest span{font-size:26px}header .brand strong{font-size:15px;letter-spacing:-.045em}header .brand small{letter-spacing:.01em}.nav{height:86px}
@media(max-width:1100px){header .brand{min-width:218px;gap:10px}header .brand strong{font-size:13px}header .brand .crest{width:46px;height:51px;flex-basis:46px}}@media(max-width:850px){.nav{height:70px}.alumni-photo{aspect-ratio:1.7}}@media(max-width:570px){header .brand{min-width:0}header .brand .crest{width:44px;height:49px;flex-basis:44px}header .brand strong{font-size:12px}.alumni-photo{aspect-ratio:1.4}.alumni-photo figcaption{font-size:8px}}

.alumni-five{margin-top:76px}.alumni-five-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.alumni-five-head .eyebrow{margin:0 0 15px}.alumni-five-head h3{font:800 clamp(30px,3vw,43px)/1.18 'Plus Jakarta Sans',sans-serif;letter-spacing:-.055em;margin:0}.alumni-five-head h3 i{font-style:normal;color:#8654be}.alumni-five-head p{font-size:12px;color:#7d889e;line-height:1.8;max-width:580px}.story-controls{display:flex;gap:9px;padding-bottom:9px}.story-controls button{width:45px;height:45px;flex:0 0 45px;border-radius:50%;border:1px solid #cddaf2;background:#fff;color:#2458bc;font-size:21px;cursor:pointer}.story-controls button:hover{background:#275dcc;color:white}.alumni-story-track{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bacbee transparent;padding:4px 1px 22px}.alumni-memory{flex:0 0 clamp(260px,30%,350px);scroll-snap-align:start;min-height:345px;border-radius:21px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s;position:relative;overflow:hidden}.alumni-memory:hover{transform:translateY(-3px)}.alumni-memory:before{content:'';position:absolute;width:170px;height:170px;border:28px solid #ffffff1b;border-radius:50%;right:-80px;top:-80px}.alumni-memory.blue{background:linear-gradient(150deg,#174ba9,#2f67c8);color:white}.alumni-memory.coral{background:linear-gradient(145deg,#ffddd4,#f7b4b9);color:#662c50}.alumni-memory.violet{background:linear-gradient(145deg,#5e45a4,#9965ba);color:white}.alumni-memory.yellow{background:linear-gradient(145deg,#f9e6a2,#f8bf72);color:#644822}.alumni-memory.green{background:linear-gradient(145deg,#117d76,#2bb39c);color:white}.memory-top{display:flex;justify-content:space-between;align-items:start;font-size:10px;font-weight:800;letter-spacing:.1em}.memory-top span:last-child{font-size:33px;line-height:1}.memory-theme{font-size:9px;font-weight:800;letter-spacing:.13em;opacity:.75}.memory-body h4{font:800 22px/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-.05em;margin:12px 0}.memory-body p{font-size:12px;line-height:1.75;opacity:.87}.memory-bottom{display:flex;justify-content:space-between;align-items:end;gap:8px;border-top:1px solid currentColor;padding-top:14px;font-size:9px;font-weight:800;letter-spacing:.06em;opacity:.75}.memory-bottom span:last-child{font-size:20px}.alumni-story-foot{display:flex;justify-content:space-between;gap:20px;margin:10px 0 0;color:#9ba5b9;font-size:10px;font-weight:800;letter-spacing:.08em}.alumni-five+.alumni-invitation{margin-top:55px}
@media(max-width:850px){.alumni-memory{flex-basis:65%}}@media(max-width:570px){.alumni-five{margin-top:55px}.alumni-five-head{align-items:start}.alumni-five-head h3{font-size:31px}.story-controls button{width:37px;height:37px;flex-basis:37px}.alumni-memory{flex-basis:88%;min-height:330px}.alumni-story-foot{font-size:9px;flex-wrap:wrap}}

/* Alumni portraits: five editorial profiles, all explicitly illustrative. */
.alumni-memory{padding:0;min-height:0;justify-content:flex-start;background:#fff!important;color:#1c315c!important;border:1px solid #e2e9f6;box-shadow:0 12px 30px #2444a017;overflow:hidden}.alumni-memory:before{display:none}.alumni-memory:hover{transform:translateY(-5px);box-shadow:0 25px 45px #2444a026}.memory-photo{position:relative;height:210px;overflow:hidden;background:#e3ebf4}.memory-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;display:block;transition:transform .5s}.alumni-memory:hover .memory-photo img{transform:scale(1.06)}.memory-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#071c4c8c)}.memory-photo>span{position:absolute;left:17px;bottom:13px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em;z-index:1}.memory-card-content{padding:23px;display:flex;flex-direction:column;flex:1}.memory-top{color:#7790bc}.memory-top span:last-child{color:#e87f77}.memory-profile{padding:15px 0;border-bottom:1px solid #e5ecf6;margin-bottom:20px}.memory-profile strong{font:800 19px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;display:block;color:#213f8b}.memory-profile small{display:block;font-size:9px;color:#8795b1;margin-top:6px}.memory-theme{color:#d77469;opacity:1}.memory-body h4{font-size:18px;color:#223b7c}.memory-body p{color:#6b7b99;opacity:1}.memory-bottom{margin-top:auto;color:#9eabc2;border-color:#e2e9f4;font-size:8px}.alumni-story-track{padding-bottom:25px}

/* Refined mega-dropdowns with compact two-column discovery. */
header{backdrop-filter:blur(16px)}.nav nav{gap:4px}.nav nav>a,.nav-toggle{position:relative;border-radius:10px;padding:14px 10px;font-size:12px;transition:background .2s,color .2s}.nav-group.expanded .nav-toggle{background:linear-gradient(115deg,#edf3ff,#f1eaff);color:#2455b9}.nav-toggle .chevron{font-size:15px}.nav-group.expanded .nav-toggle:after{content:'';position:absolute;left:15px;right:15px;bottom:3px;height:3px;border-radius:3px;background:linear-gradient(90deg,#2e6bd7,#915bbd)}.dropdown{width:365px;min-width:365px;left:-40px;top:calc(100% + 13px);padding:17px;border-radius:21px;border:1px solid #e0e7f7;box-shadow:0 25px 65px #152b6561;background:#fff}.nav-group:nth-of-type(4) .dropdown{left:auto;right:-70px}.dropdown-heading{padding:6px 8px 15px;font-size:10px;color:#8d9ab3}.dropdown-items{display:grid;grid-template-columns:1fr 1fr;gap:5px}.nav nav .dropdown a.dropdown-item{display:flex;align-items:center;gap:9px;padding:11px 9px;white-space:normal;border-radius:11px;min-height:60px}.nav nav .dropdown a.dropdown-item:hover{background:#eef3ff}.dropdown-item-icon{height:31px;width:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:#eff3ff;color:#3764c3;font-size:17px}.dropdown-item:nth-child(3n+2) .dropdown-item-icon{background:#fff1e7;color:#eb8667}.dropdown-item:nth-child(3n) .dropdown-item-icon{background:#eeebff;color:#815fbd}.dropdown-item-text{min-width:0;flex:1}.dropdown-item-text strong{display:block;font-size:11px;line-height:1.3;color:#273a67;font-weight:800}.dropdown-item-text small{font-size:9px;color:#95a0b4;display:block;margin-top:4px;line-height:1.4}.dropdown-item-arrow{color:#a3afd0;align-self:flex-start;font-size:11px}.nav nav .dropdown a.dropdown-feature{display:flex;gap:12px;align-items:center;background:linear-gradient(115deg,#1f55bf,#6350b7);color:white;padding:14px;border-radius:13px;margin-top:12px}.dropdown-feature-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffff25;color:#ffdc8b;font-size:23px}.dropdown-feature strong{display:block;font-size:12px}.dropdown-feature small{display:block;font-size:10px;color:#d5def9;margin-top:5px}.nav nav .dropdown a.dropdown-feature:hover{background:linear-gradient(115deg,#1747a9,#5140a3)}
@media(max-width:1100px){.nav nav>a,.nav-toggle{padding:12px 7px;font-size:11px}.dropdown{width:330px;min-width:330px;left:-80px}.nav-group:nth-of-type(4) .dropdown{right:-45px}}@media(max-width:850px){.dropdown,.nav-group:nth-of-type(4) .dropdown{position:static;width:auto;min-width:0;box-shadow:none;border:0;background:#f3f7ff;padding:12px;top:auto;left:auto;right:auto;border-radius:13px}.dropdown-items{grid-template-columns:1fr 1fr}.nav nav .dropdown a.dropdown-item{border:0;padding:10px}.nav nav .dropdown a.dropdown-feature{border:0;margin-top:10px}.nav nav .dropdown-heading{padding:3px 8px 10px}.nav-group.expanded .nav-toggle:after{display:none}.alumni-memory{flex-basis:62%}}@media(max-width:570px){.dropdown-items{grid-template-columns:1fr}.nav nav .dropdown a.dropdown-item{min-height:55px}.alumni-memory{flex-basis:85%}.memory-photo{height:225px}}

/* Bright energy refresh: generous light surfaces and purposeful SVG iconography. */
:root{--green:#1b60d5;--deep:#113d91;--lime:#ffdb64;--cream:#fff9ef;--ink:#17305c;--muted:#647996}.hero-overlay{background:linear-gradient(105deg,#0d3595ed 0%,#3158c7b8 46%,#ce63875e 100%),linear-gradient(0deg,#0c3576ab,transparent 65%)}.hero .eyebrow{background:#ffffff28}.hero h1 em{color:#fff19d}.hero:after{background:linear-gradient(145deg,#ffd86570,#f879b552)}.quick-links{background:#fff}.section-head .eyebrow,.intro-copy .eyebrow{color:#ef7260}.news{background:linear-gradient(125deg,#eef6ff 0%,#f5f0ff 52%,#fff3ec 100%)}.activities{background:linear-gradient(140deg,#f6faff,#fff7e9 53%,#fff0f3)}.services{background:linear-gradient(130deg,#e9f4ff,#f4ecff 50%,#ffedda)}.alumni-section{background:linear-gradient(150deg,#fcfcff,#f5f9ff 55%,#fff8f2)}.program.large{background:linear-gradient(135deg,#146ad8,#5158d0 65%,#9860bd)}.spmb{background:radial-gradient(circle at 87% 10%,#6c62d2 0%,transparent 48%),linear-gradient(120deg,#1246a6,#283ca3 72%)}.site-search-btn{background:#eef5ff}.nav-cta{background:linear-gradient(110deg,#ff7b4e,#f15a8b)}
.activity-modern{border:1px solid #ffffff;background:#fff;box-shadow:0 14px 35px #4266ad15;transition:transform .3s,box-shadow .3s}.activity-modern:hover{transform:translateY(-7px);box-shadow:0 25px 45px #4266ad2c}.activity-modern .act-art{height:185px;position:relative;overflow:hidden;display:grid;place-items:center}.act-art.a1{background:linear-gradient(135deg,#cfe4ff,#e8efff)}.act-art.a2{background:linear-gradient(135deg,#ffdfda,#ffeef0)}.act-art.a3{background:linear-gradient(135deg,#d1f7ed,#e8fff6)}.act-art.a4{background:linear-gradient(135deg,#f0defe,#f9efff)}.activity-modern .act-icon-shell{display:grid;place-items:center;width:102px;height:102px;border-radius:28px;background:#ffffffb5;box-shadow:0 18px 28px #1d43801a;position:relative;z-index:2;transform:rotate(-7deg);transition:transform .3s}.activity-modern:hover .act-icon-shell{transform:rotate(0) scale(1.08)}.act-icon-shell .feature-svg{width:55px;height:55px;stroke-width:1.65}.a1 .act-icon-shell{color:#3169c9}.a2 .act-icon-shell{color:#ea6d67}.a3 .act-icon-shell{color:#1b9e7a}.a4 .act-icon-shell{color:#935bc8}.act-decor{position:absolute;display:block!important;border-radius:50%;pointer-events:none}.act-decor-one{width:170px;height:170px;border:26px solid #ffffff5e;right:-65px;top:-62px}.act-decor-two{width:100px;height:100px;background:#ffffff4b;bottom:-50px;left:-26px}.activity-modern>div:last-child{padding:24px}.activity-modern h3{font-size:21px}.activity-modern p{color:#7886a0}.activity-modern>div:last-child>span{font-size:10px;color:#e87965}
.service-grid{gap:17px}.service-grid a.service-modern{min-height:220px;border:1px solid #ffffff;background:#fff;border-radius:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 15px 35px #3456ad17;display:flex;flex-direction:column;align-items:flex-start}.service-grid a.service-modern:before{content:'';position:absolute;right:-55px;top:-65px;height:160px;width:160px;border-radius:50%;background:#d8e8ff77}.service-grid a.service-modern:nth-child(2):before{background:#ffe1d977}.service-grid a.service-modern:nth-child(3):before{background:#d5f5e577}.service-grid a.service-modern:nth-child(4):before{background:#e7ddff90}.service-grid a.service-modern:hover{transform:translateY(-8px);box-shadow:0 25px 45px #3456ad2c}.service-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#dceaff,#eef4ff);color:#2b68cd;position:relative;z-index:1;margin:4px 0 26px}.service-icon-graduation{background:linear-gradient(135deg,#ffe1d6,#fff0eb);color:#e27859}.service-icon-database{background:linear-gradient(135deg,#d0f6e7,#e8fff3);color:#209a79}.service-icon-clipboard{background:linear-gradient(135deg,#e9ddff,#f5efff);color:#9360c6}.service-icon .feature-svg{width:34px;height:34px}.service-modern .service-arrow{position:absolute;top:19px;right:20px;background:#f2f6fd;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#3b70ca;font-size:18px;z-index:1}.service-grid a.service-modern strong{font:800 16px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;margin-top:auto;color:#233f78}.service-grid a.service-modern small{font-size:11px;color:#7e8daa;line-height:1.6}
@media(max-width:570px){.service-grid a.service-modern{min-height:180px}.service-icon{margin-bottom:12px}.activity-modern .act-art{height:170px}}

/* Official uploaded crest: displayed with its original shape, not recolored. */
.school-logo-img{display:block;width:60px;height:69px;object-fit:contain;flex:0 0 60px;background:#fff;border-radius:11px;padding:4px;box-shadow:0 4px 15px #1d4da31a;border:1px solid #e6ecf8}.brand{gap:12px}.brand strong{font-size:14px;letter-spacing:-.04em}.brand small{font-size:10px}.footer-brand .school-logo-img{width:75px;height:89px;flex-basis:75px;padding:6px;border-radius:14px;box-shadow:0 12px 30px #020c3530;margin-bottom:30px}.nav{height:89px}
@media(max-width:1100px){.school-logo-img{width:51px;height:60px;flex-basis:51px}.brand strong{font-size:12px}}@media(max-width:850px){.nav{height:70px}.school-logo-img{height:59px;width:50px;flex-basis:50px}.brand strong{font-size:13px}}@media(max-width:570px){.school-logo-img{width:45px;height:55px;flex-basis:45px;padding:3px}.brand{gap:8px}.brand strong{font-size:12px}.brand small{font-size:9px}}