*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{line-height:1.5}body{font-size:1rem;font-weight:400;text-align:left}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;margin-bottom:.5rem}p,ul{margin-bottom:1rem}ul{margin-top:0;padding-left:2rem}img,svg{vertical-align:middle}button,input{font:inherit;line-height:inherit;margin:0}[type=button],[type=submit],button{cursor:pointer}iframe{border:0}table{border-collapse:collapse;caption-side:bottom}th{text-align:inherit}.hidden,[hidden]{display:none!important}.container{--container-gutter:1.5rem;margin-inline:auto;padding-inline:calc(var(--container-gutter)*.5);width:100%}@media (width>=576px){.container{max-width:540px}}@media (width>=768px){.container{max-width:720px}}@media (width>=992px){.container{max-width:960px}}@media (width>=1200px){.container{max-width:1140px}}@media (width>=1400px){.container{max-width:1320px}}.btn{background:0 0;border:1px solid #0000;color:#212529;display:inline-block;padding:.55rem .9rem;text-align:center;transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s;vertical-align:middle}.btn:disabled{opacity:.65;pointer-events:none}.btn-primary{background:#0d6efd;border-color:#0d6efd;color:#fff}.btn-primary:hover{background:#0b5ed7;color:#fff}.btn-outline-primary:hover{background:#0d6efd;color:#fff}.form-control{background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;color:#212529;display:block;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-control:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd2e;outline:0}.table{border-color:#dee2e6;margin-bottom:1rem;vertical-align:top;width:100%}.table>:not(caption)>*>*{border-bottom:1px solid #dee2e6;padding:.5rem}.navbar{align-items:center;display:flex;position:relative}.navbar-nav{display:flex;list-style:none;margin:0;padding-left:0}.dropdown-item,.nav-link,.navbar-brand{display:block}.dropdown{position:relative}.dropdown-menu{background:#fff;display:none;list-style:none;margin:0;min-width:12rem;padding:.5rem 0;position:absolute;z-index:1000}.dropdown-item{color:#212529;padding:.45rem 1rem;width:100%}.d-flex{display:flex!important}.mx-auto{margin-inline:auto!important}.mt-3{margin-top:1rem!important}.gap-3{gap:1rem!important}.align-items-center{align-items:center!important}.text-center{text-align:center!important}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@media (width>=992px){.navbar-expand-lg .navbar-collapse{display:flex!important}.align-items-lg-center{align-items:center!important}.gap-lg-3{gap:1rem!important}}:root{--navy:#0b1b3f;--blue:#06449d;--cyan:#28b6d6;--yellow:#ffc400;--soft:#f4f7fb;--line:#e5edf6;--text:#172033;--muted:#68748a;--green:#1a8f6f;--danger:#c24141;--radius:8px;--shadow:0 18px 50px #0b1b3f14;--site-width:1100px}.inline-icon{fill:none;height:1em;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1em}*{box-sizing:border-box}body{background:#fff;color:var(--text);font-family:Lato,sans-serif;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.frontend-body h1,.frontend-body h2{font-family:Playfair Display,serif;letter-spacing:0}.btn{border-radius:var(--radius);font-weight:800}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-outline-primary{border-color:#0f6bff59;color:var(--blue)}.btn-outline-primary:hover{background:var(--blue);border-color:var(--blue)}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #e5edf6cc;position:sticky;top:0;transition:box-shadow .2s;z-index:50}.school-topbar{background:#07142f;color:#dce8f8;font-size:.88rem;font-weight:800}.school-topbar .container{align-items:center;display:flex;gap:1rem;justify-content:center;min-height:38px}.topbar-contact{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.school-topbar a{color:#dce8f8}.site-header.scrolled{box-shadow:var(--shadow)}.navbar-brand small,.navbar-brand strong{display:block}.navbar-brand strong{color:var(--navy);font-size:.95rem;line-height:1.15;max-width:230px}.brand-logo{min-width:48px;width:48px}.site-nav .nav-link{border-radius:var(--radius);color:var(--text);font-weight:800;padding:.6rem .85rem}.site-nav .nav-link.active,.site-nav .nav-link:hover{background:#0f6bff14;color:var(--blue)}.nav-search{align-items:center;background:var(--soft);border:1px solid var(--line);display:flex;gap:.35rem;margin-left:.8rem;max-width:100%;padding:.25rem}.nav-search input{background:0 0;border:0;color:var(--text);flex:auto;font-weight:800;outline:0;padding:.35rem .2rem .35rem .65rem;width:150px}.nav-search button{background:var(--blue);border:0;border-radius:50%;color:#fff;display:grid;flex:0 0 34px;font-weight:900;height:34px;place-items:center;width:34px}.nav-search button svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:18px}.navbar-toggler{border:0;display:none}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{background:currentColor;border-radius:999px;display:block;height:2px;position:relative;width:22px}.navbar-toggler-icon:after,.navbar-toggler-icon:before{background:currentColor;border-radius:999px;content:"";height:2px;left:0;position:absolute;width:22px}.navbar-toggler-icon:before{top:-7px}.navbar-toggler-icon:after{top:7px}.dropdown-menu{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.dropdown-menu.show{display:block}.hero-section{background:linear-gradient(#fff,#f7fbff);padding:clamp(4rem,7vw,7rem) 0 4rem}.hero-full{align-items:flex-end;background:#07142f;display:flex;min-height:calc(100vh - 74px);overflow:hidden;padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);position:relative}.hero-bg-layer.placeholder-gambar{aspect-ratio:auto;border-radius:0;height:100%;width:100%}.hero-bg-layer.placeholder-gambar,.hero-slider-bg{inset:0;position:absolute;z-index:0}.hero-slider-bg .hero-slide{animation:hero-slide-fade 12s infinite;opacity:0}.hero-slider-bg .hero-slide:first-child{animation-delay:0s}.hero-slider-bg .hero-slide:nth-child(2){animation-delay:6s}.hero-slider-bg .hero-slide:only-child{animation:none;opacity:1}.hero-bg-layer.placeholder-gambar img{object-fit:cover!important;transform:scale(1.045);transform-origin:50%}@keyframes hero-slide-fade{0%,45%{opacity:1;transform:scale(1)}55%,to{opacity:0;transform:scale(1.04)}}.hero-overlay{background:#07142f38;inset:0;position:absolute;z-index:1}.hero-content{position:relative;z-index:2}.hero-copy{max-width:760px}.hero-section h1,.page-hero h1{color:var(--navy);font-size:clamp(2.4rem,5vw,4.9rem);font-weight:800;line-height:1.02}.hero-full h1,.hero-full p{color:#fff;text-shadow:0 3px 28px #00000047}.hero-full .section-eyebrow{color:#bceee8}.hero-section p,.page-hero p{color:var(--muted);font-size:1.08rem;line-height:1.8;max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.content-image,.detail-image{box-shadow:var(--shadow)}.section-eyebrow{align-items:center;color:var(--green);display:inline-flex;font-weight:900;letter-spacing:0;margin-bottom:.75rem}.article-card span,.report-item span{color:var(--muted);display:block;font-size:.85rem;font-weight:800}.section-block{padding:clamp(2.75rem,4.5vw,4.5rem) 0}.muted-band{background:var(--soft)}.section-head{margin-bottom:1.5rem;max-width:760px}.section-head p{color:var(--muted);line-height:1.75}.section-head.compact{margin-bottom:1.2rem}.section-row-head{align-items:end;display:flex;gap:1rem;justify-content:space-between;max-width:none}.section-row-head>div{max-width:760px}.rich-content h2,.section-head h2{color:var(--navy);font-size:clamp(2rem,4vw,3.3rem);font-weight:800}.article-grid,.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.four,.gallery-grid,.program-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid,.program-grid{display:grid;gap:1rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card,.contact-form,.contact-panel,.gallery-card,.link-panel,.program-card,.report-item,.school-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 35px #0b1b3f0f}.program-card{padding:1.1rem;transition:transform .2s,box-shadow .2s}.program-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.program-icon.placeholder-gambar{margin-bottom:1rem;width:64px}.program-card h3{color:var(--navy);font-size:1.05rem;font-weight:900}.program-card p{color:var(--muted);line-height:1.65}.article-card,.school-card{display:block;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card:hover,.school-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.article-card>div:last-child,.gallery-card strong,.school-card>div:last-child{display:block;padding:.9rem}.article-card h3,.report-item h2,.school-card h3{color:var(--navy);font-size:1.1rem;font-weight:900;line-height:1.35}.article-card p,.report-item p,.school-card p{color:var(--muted);line-height:1.55;margin-bottom:.65rem}.page-hero{background:var(--soft);border-bottom:1px solid var(--line);padding:4rem 0 3rem}.page-hero.information-hero{background:linear-gradient(#07142fc7,#07142fc7),var(--information-hero-image,url(/storage/cms/beranda/sangga-rima-roman-selia-bgqgakagqb4-unsplash-scaled-1-1536x893-1-20260611223907-pwhalk.webp)) center /cover;border-bottom:0;color:#fff;overflow:hidden;position:relative;text-align:center}.page-hero.information-hero .container{position:relative;z-index:1}.page-hero.information-hero .breadcrumb-line,.page-hero.information-hero .breadcrumb-line a,.page-hero.information-hero .breadcrumb-line span,.page-hero.information-hero .section-eyebrow,.page-hero.information-hero h1{color:#fff}.breadcrumb-line{color:var(--muted);display:flex;flex-wrap:wrap;font-weight:800;gap:.45rem;margin-bottom:1rem}.breadcrumb-line a:after{color:#a9b6c8;content:"/";margin-left:.45rem}.content-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.content-layout-text-only{grid-template-columns:minmax(0,820px);justify-content:center}.optional-page-section{padding-top:clamp(2.5rem,6vw,4.5rem)}.optional-page-content{grid-template-columns:minmax(0,820px);justify-content:center;text-align:left}.optional-page-content .content-image{cursor:zoom-in;margin:0 auto;max-width:100%;width:fit-content}.natural-size-image.placeholder-gambar{aspect-ratio:auto;max-width:100%;width:fit-content}.natural-size-image.placeholder-gambar img{height:auto;max-width:100%;object-fit:contain!important;width:auto}.optional-page-content .rich-content{margin:0 auto;max-width:760px;text-align:left;width:100%}.optional-page-content .rich-content h2,.optional-page-content .rich-content h3,.optional-page-content .rich-content p{text-align:left}.rich-content{color:#2a3548;font-size:1.02rem;line-height:1.85}.rich-content .lead{color:var(--navy);font-size:1.15rem;font-weight:800}.rich-content h3{color:var(--navy);font-weight:900;margin-top:1.5rem}.history-hero{background:linear-gradient(#07142fbd,#07142fbd),var(--history-hero-image) center /cover;color:#fff;overflow:hidden;padding:4rem 0 7.4rem;position:relative;text-align:center}.history-hero .container{max-width:var(--site-width);position:relative;z-index:1}.history-hero .breadcrumb-line{color:#ffffffbd;justify-content:center}.history-hero .breadcrumb-line a,.history-hero .breadcrumb-line span{color:#ffffffe0}.history-hero h1{color:#fff;font-family:Lato,sans-serif;font-size:clamp(2rem,3.7vw,3rem);font-weight:900;margin:1rem 0 0}.principal-page-hero{background:linear-gradient(#07142fb8,#07142fb8),var(--principal-hero-image) center /cover;color:#fff;overflow:hidden;padding:4.2rem 0 7.2rem;position:relative;text-align:center}.principal-page-hero .container{max-width:var(--site-width);position:relative;z-index:1}.principal-page-hero .breadcrumb-line{color:#ffffffc2;justify-content:center}.principal-page-hero .breadcrumb-line a,.principal-page-hero .breadcrumb-line span{color:#ffffffdb}.principal-page-hero .breadcrumb-line a:after{color:#ffffff8a}.principal-page-hero h1{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:900;margin:.4rem 0 0}.principal-page-section{background:#fff;padding:0 0 5.5rem}.principal-page-card{background:#fff;box-shadow:0 24px 60px #0922521a;margin:-4.15rem auto 0;padding:4rem clamp(1.5rem,5vw,4rem) 3.2rem;position:relative;width:min(100%,980px);z-index:2}.principal-page-avatar-wrap{left:50%;position:absolute;top:-44px;transform:translate(-50%);width:92px}.principal-page-avatar.placeholder-gambar{border:5px solid #fff;border-radius:50%;box-shadow:0 12px 30px #0922522e;min-width:92px;width:92px}.principal-page-head{margin-bottom:2rem;text-align:center}.principal-page-head h2{color:var(--navy);font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:900;margin:0 0 .35rem}.principal-page-head p{color:var(--muted);font-size:.94rem;font-weight:800;margin:0}.principal-page-content{margin:0 auto;max-width:860px}.principal-page-intro{color:#111827;font-size:1.02rem;line-height:1.78}.history-section{background:#fff;padding:0 0 clamp(4rem,7vw,6rem)}.history-section .container{max-width:var(--site-width)}.history-panel{background:#fff;box-shadow:0 18px 48px #0b1b3f14;display:grid;gap:clamp(2.4rem,5vw,4rem);grid-template-columns:minmax(0,1.45fr) minmax(300px,.82fr);margin:-4.8rem auto 0;padding:clamp(2rem,5vw,3.4rem);position:relative;width:min(100%,980px);z-index:2}.structure-section{padding-bottom:clamp(4rem,7vw,6rem)}.structure-panel{background:#fff;box-shadow:0 18px 48px #0b1b3f14;margin:-4.8rem auto 0;padding:clamp(1.2rem,3.2vw,2.4rem);position:relative;width:min(100%,1040px);z-index:2}.structure-chart-frame{overflow-x:auto;scrollbar-width:none}.structure-chart-frame::-webkit-scrollbar{display:none}.structure-chart-image.placeholder-gambar{background:#fff;border-radius:0;min-width:720px}.structure-chart-image.placeholder-gambar img{object-fit:contain}.staff-directory-section{background:#fff;padding:0 0 clamp(4.5rem,7vw,6.2rem)}.staff-directory-panel{background:#fff;box-shadow:0 18px 48px #0b1b3f14;margin:-4.8rem auto 0;padding:clamp(2rem,4vw,3rem) clamp(2rem,4.8vw,4rem);position:relative;width:min(100%,1040px);z-index:2}.staff-directory-grid{display:grid;gap:1.8rem clamp(2rem,5vw,4.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}.staff-directory-item{align-items:center;display:grid;gap:1.2rem;grid-template-columns:132px minmax(0,1fr);min-width:0}.staff-directory-photo.placeholder-gambar{background:#edf3fa;border-radius:0;min-width:132px;width:132px}.staff-directory-copy{min-width:0}.staff-directory-copy h2{color:#0f172a;font-size:1.08rem;font-weight:900;line-height:1.25;margin:0 0 .55rem}.staff-directory-copy p{color:#0f172a;font-size:.94rem;line-height:1.35;margin:.12rem 0}.staff-directory-copy strong{font-weight:900}.staff-directory-pagination{margin-top:1.7rem}.history-content h2{color:#111827;font-family:Lato,sans-serif;font-size:1.55rem;font-weight:900;margin-top:0}.history-content li,.history-content p{color:#111827;font-size:.98rem;line-height:1.78}.school-motto{border-top:1px solid #e5edf6;margin-top:1.7rem;padding-top:1.25rem}.school-motto h2{color:#111827;font-family:Lato,sans-serif;font-size:1.35rem;font-weight:900;margin:0 0 .85rem}.school-motto strong{color:#111827;display:block;font-size:1.05rem;font-weight:900;line-height:1.55;margin-bottom:.8rem}.school-motto p{margin-bottom:0}.vision-panel h2{color:#111827;font-family:Lato,sans-serif;font-size:1.45rem;font-weight:900;margin:0 0 1.15rem}.vision-panel>p{color:#111827;font-size:1rem;font-weight:700;line-height:1.65;margin:0 0 1.5rem}.mission-timeline{display:grid;gap:0}.mission-item{display:grid;gap:1rem;grid-template-columns:46px minmax(0,1fr);padding-bottom:1.35rem;position:relative}.mission-item:before{border-left:1px dashed var(--blue);bottom:0;content:"";left:19px;position:absolute;top:38px}.mission-item:last-child{padding-bottom:0}.mission-item:last-child:before{display:none}.mission-item span{background:var(--yellow);border-radius:50%;color:#111827;display:grid;font-size:.95rem;font-weight:900;height:38px;place-items:center;position:relative;width:38px;z-index:1}.mission-item p{color:#111827;font-size:.95rem;line-height:1.65;margin:0}.gallery-card{overflow:hidden}.gallery-card>div{padding:1rem}.gallery-card span{color:var(--muted);display:block;font-size:.82rem;font-weight:900}.gallery-card strong{color:var(--navy);padding:0}.article-detail{margin:0 auto;max-width:900px}.article-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.article-meta span{background:#0f6bff14;border-radius:999px;color:var(--blue);display:inline-flex;font-size:.82rem;font-weight:900;padding:.35rem .65rem}.link-panel{margin-top:2rem;padding:1.2rem}.link-panel a{border-top:1px solid var(--line);color:var(--blue);display:block;font-weight:900;padding:.55rem 0}.report-item{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.2rem}.contact-form,.contact-panel{height:100%;padding:1.5rem}.contact-panel h2{color:var(--navy);font-weight:900}.contact-panel a{color:var(--blue);display:block;font-weight:900;margin-top:.7rem}.contact-strip-hero{background-image:linear-gradient(90deg,#062248eb 0,#062c5ebd 48%,#06224870 100%),var(--contact-strip-image);background-position:50%;background-size:cover;border-top:3px solid var(--blue);color:#fff;overflow:hidden;position:relative}.contact-strip-hero .container{align-items:center;display:flex;max-width:var(--site-width);min-height:206px}.contact-strip-copy{border-left:7px solid var(--yellow);padding:.35rem 0 .45rem 1.25rem;width:min(100%,560px)}.contact-strip-copy h1,.contact-strip-copy p{color:#fff;margin:0}.contact-strip-copy h1{font-size:clamp(2rem,3.2vw,3rem);font-weight:900;line-height:1.08}.contact-strip-copy p{font-size:.96rem;font-weight:700;line-height:1.48;margin-top:.45rem;max-width:470px}.contact-directory-page{background:radial-gradient(circle at 12% 8%,#28b6d61c,#0000 24rem),#f6f9fd;padding:2.75rem 0 4.45rem}.contact-directory-page>.container{max-width:var(--site-width)}.contact-directory-shell{display:grid;gap:.95rem}.contact-directory-main{align-items:stretch;display:grid;gap:1.05rem;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)}.contact-action-card,.contact-directory-map,.contact-information-panel{background:#fff;border:1px solid #dfe8f4;border-radius:9px;box-shadow:0 12px 30px #0b1b3f14}.contact-directory-map{min-height:280px;overflow:hidden;padding:.7rem;position:relative}.contact-directory-map iframe{background:var(--soft);border:0;border-radius:7px;display:block;height:100%;min-height:258px;width:100%}.contact-map-identity{align-items:center;background:#fff;border:1px solid #e4ebf5;border-radius:8px;bottom:1.7rem;box-shadow:0 14px 34px #0b1b3f2e;color:var(--text);display:grid;gap:.85rem;grid-template-columns:54px minmax(0,1fr);left:2rem;padding:.85rem 1rem;position:absolute;width:min(72%,360px)}.contact-map-school-icon{background:var(--blue);border-radius:10px;color:#fff;display:grid;height:48px;place-items:center;width:48px}.contact-action-icon svg,.contact-information-icon svg,.contact-map-school-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.85px}.contact-map-school-icon svg{height:27px;width:27px}.contact-map-identity small,.contact-map-identity strong{display:block}.contact-map-identity strong{color:var(--blue);font-size:1rem;font-weight:900;line-height:1.2}.contact-map-identity small{color:var(--muted);font-size:.78rem;line-height:1.35}.contact-information-panel{padding:1.15rem 1.25rem}.contact-information-panel header{margin-bottom:.9rem}.contact-information-panel h2{color:var(--blue);font-size:1.32rem;font-weight:900;line-height:1.15;margin:0}.contact-information-panel header span{background:var(--yellow);border-radius:99px;display:block;height:3px;margin-top:.5rem;width:58px}.contact-information-list{display:grid}.contact-information-list a{align-items:center;border-bottom:1px solid #e8eef6;color:var(--text);display:grid;gap:.8rem;grid-template-columns:43px minmax(0,1fr);min-height:58px;padding:.65rem 0}.contact-information-list a:last-child{border-bottom:0}.contact-information-icon{background:#edf5ff;border-radius:8px;color:var(--blue);display:grid;height:36px;place-items:center;width:36px}.contact-information-icon svg{height:19px;width:19px}.contact-information-list small,.contact-information-list strong{display:block}.contact-information-list strong{color:var(--navy);font-size:.82rem;font-weight:900;margin-bottom:.14rem}.contact-information-list small{color:var(--muted);font-size:.78rem;line-height:1.35;word-break:break-word}.contact-action-grid{display:grid;gap:1.05rem;grid-template-columns:repeat(3,minmax(0,1fr))}.contact-action-card{align-items:center;color:var(--text);display:grid;gap:.95rem;grid-template-columns:56px minmax(0,1fr) 22px;min-height:76px;padding:.82rem 1rem;transition:transform .2s,box-shadow .2s}.contact-action-card:hover{box-shadow:0 18px 42px #0b1b3f1f;transform:translateY(-2px)}.contact-action-icon{border-radius:50%;color:#fff;display:grid;flex:0 0 52px;height:52px;place-items:center;width:52px}.contact-action-icon svg{height:24px;width:24px}.contact-action-icon .bi-whatsapp{font-size:1.65rem;line-height:1}.contact-action-card.whatsapp .contact-action-icon{background:#38b86f}.contact-action-card.phone .contact-action-icon{background:var(--blue)}.contact-action-card.email .contact-action-icon{background:var(--yellow);color:var(--navy)}.contact-action-card small,.contact-action-card strong{display:block}.contact-action-card strong{color:var(--blue);font-size:1rem;font-weight:900;line-height:1.25}.contact-action-card small{color:var(--muted);font-size:.82rem;line-height:1.35;word-break:break-word}.contact-action-card b{color:var(--blue);font-size:0;font-weight:900;line-height:1;text-align:right}.contact-action-card b:before{content:"›";font-size:1.8rem}@media (width<=991.98px){.contact-action-grid,.contact-directory-main{grid-template-columns:1fr}}@media (width<=575.98px){.contact-strip-hero .container{margin-inline:auto;min-height:172px;padding-inline:1rem;width:min(100%,430px)}.contact-strip-copy{border-left-width:5px;padding-left:.9rem}.contact-strip-copy h1{font-size:clamp(1.7rem,8vw,2.25rem)}.contact-strip-copy p{font-size:.82rem;line-height:1.45;max-width:310px}.contact-directory-page{padding:2.35rem .2rem 3.2rem}.contact-directory-page>.container{margin-inline:auto;width:min(100%,430px)}.contact-directory-map{min-height:230px;padding:.5rem}.contact-directory-map iframe{min-height:218px}.contact-map-identity{bottom:auto;box-shadow:none;grid-template-columns:44px minmax(0,1fr);left:auto;margin-top:.55rem;padding:.75rem;position:relative;width:100%}.contact-map-school-icon{height:40px;width:40px}.contact-information-panel{padding:1rem}.contact-action-card{grid-template-columns:48px minmax(0,1fr) 18px;min-height:70px;padding:.75rem}.contact-action-icon{flex-basis:44px;height:44px;width:44px}}.site-footer{border-top:4px solid #ffc400}.footer-main{display:grid;gap:0;grid-template-columns:1.15fr .95fr .75fr 1.35fr;padding-bottom:2.6rem;padding-top:3.25rem}.footer-main>*{min-width:0;padding-inline:1.6rem}.footer-main>:first-child{padding-left:0}.footer-main>:last-child{padding-right:0}.footer-main>*+*{border-left:1px solid #ffffff40}.site-footer h2,.site-footer h3,.site-footer p{margin-top:0}.site-footer h2,.site-footer h3{font-weight:900}.site-footer h2{font-family:Lato,sans-serif;font-size:1.15rem;line-height:1.25;margin-bottom:.25rem}.site-footer h3{font-size:1rem;margin:.25rem 0 1rem}.site-footer p{color:#e2e8f0;font-size:.9rem;line-height:1.7;margin-bottom:0}.footer-intro{padding-left:0}.footer-intro>p{max-width:310px}.footer-brand{align-items:center;display:flex;gap:.8rem;margin-bottom:1rem}.footer-brand span{color:#e2e8f0;display:block;font-size:.78rem;font-weight:700}.footer-logo.placeholder-gambar{background:0 0;border:0;border-radius:0;flex:0 0 48px;min-width:48px;width:48px}.footer-contact-list{display:grid;gap:.85rem}.footer-contact-list a{align-items:start;color:#e2e8f0;display:grid;font-size:.86rem;gap:.65rem;grid-template-columns:20px minmax(0,1fr);line-height:1.55;transition:color .2s}.footer-contact-list svg{fill:none;height:18px;margin-top:.1rem;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;transition:stroke .2s,transform .2s;width:18px}.footer-contact-list a:hover,.footer-links a:hover{color:#ffc400}.footer-contact-list a:hover svg{stroke:#ffc400;transform:translateY(-1px)}.footer-links{display:grid;gap:.55rem;grid-template-columns:1fr}.footer-links a{color:#e2e8f0;font-size:.86rem;font-weight:700;position:relative;transition:color .2s,transform .2s}.footer-links a:before{background:#ffc400;border-radius:50%;content:"";display:inline-block;height:5px;margin-right:.5rem;vertical-align:.12em;width:5px}.footer-links a:hover{transform:translate(3px)}.footer-map{min-width:0}.footer-map iframe{background:#ffffff14;border:1px solid #ffffff40;border-radius:var(--radius);display:block;height:210px;width:100%}.search-page-form{display:flex;gap:.75rem;margin-top:1.5rem;max-width:760px}.search-result-stack{display:grid;gap:2rem}.search-result-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 28px #0b1b3f0d;display:block;margin-bottom:.75rem;padding:1rem}.search-result-item strong{color:var(--navy);font-size:1.05rem;font-weight:900}.search-result-item p{color:var(--muted);margin:.35rem 0 0}.school-topbar{background:var(--blue);color:#fff}.school-topbar a{color:#fff}.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.brand-search-row,.site-header{background:#fff}.brand-search-row .container,.hero-content,.main-nav-bar .container,.school-topbar .container,.site-footer>.container,main>.section-block>.container{max-width:var(--site-width)}.brand-search-row .container{gap:1.25rem;min-height:78px}.brand-line,.brand-search-row .container{align-items:center;display:flex;justify-content:space-between}.brand-line{gap:1rem;min-width:0}.navbar-brand strong{color:#111827;font-size:1.55rem;line-height:1}.navbar-brand small{color:#6b7280;font-size:.8rem}.brand-logo.placeholder-gambar{flex-basis:54px;min-width:54px;width:54px}.nav-search{background:#fff;border:1px solid #c9d1dd;border-radius:999px;margin-left:auto;overflow:hidden;padding:0;width:min(420px,48vw)}.nav-search input{font-weight:700;min-width:0;padding:.72rem 1rem;width:100%}.nav-search button{background:#23272f;border-radius:0 999px 999px 0;flex:0 0 52px;font-size:.82rem;height:42px;min-width:52px;padding:0 1rem;width:auto}.main-nav-bar{background:var(--blue);min-height:54px;padding:0}.main-nav-bar .nav-link{border-radius:0;color:#fff;font-weight:900;padding:1rem 1.12rem}.main-nav-bar .nav-link.active,.main-nav-bar .nav-link:hover{background:0 0;color:var(--yellow)}.main-nav-bar .dropdown-menu{border-radius:0 0 var(--radius) var(--radius);margin-top:0}.hero-full{align-items:center;min-height:456px;padding:4rem 0}.hero-copy{max-width:640px;min-width:0}.hero-full h1{font-family:Lato,sans-serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;line-height:1.08;overflow-wrap:break-word}.hero-full p{color:#fff;font-weight:400;line-height:1.65;max-width:520px;text-shadow:0 3px 16px #0000008c}.btn-warning{background:var(--yellow);border-color:var(--yellow);color:#111827}.program-section{background:#fff}.program-grid{gap:2rem 4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;max-width:none}.program-card{align-items:start;background:0 0;border:0;box-shadow:none;display:grid;gap:1rem;grid-template-columns:70px minmax(0,1fr);min-width:0;padding:0}.program-card:hover{box-shadow:none;transform:none}.program-icon.placeholder-gambar{background:0 0;margin-bottom:0;width:58px}.program-icon-symbol{background:#eef5ff;border:1px solid #d9e7fb;border-radius:999px;color:var(--blue);display:grid;font-size:1.15rem;font-weight:900;height:60px;place-items:center;width:60px}.program-icon-symbol svg{fill:none;height:32px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:32px}.program-icon-symbol[data-icon]{background:#eaf4ff;border-color:#cfe6ff;color:var(--blue)}.home-announcement-panel h2,.news-board h2,.principal-card h2,.profile-card h2,.program-card h3,.section-head h2{color:#111827;font-family:Lato,sans-serif;font-weight:900}.home-announcement-panel h2,.news-board h2,.staff-principal-grid .section-head h2{font-size:1.45rem;line-height:1.22}.program-card p{color:#566070;font-weight:400;margin:0}.competency-strip{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.competency-pill{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:.8rem;min-width:0;padding:.9rem}.competency-pill span{color:var(--yellow);font-weight:900}.competency-pill strong{color:#111827;font-size:.95rem;line-height:1.3;min-width:0;overflow-wrap:anywhere}.competency-more{background:var(--blue)}.competency-more span,.competency-more strong{color:#fff}.news-announcement-grid{align-items:start;display:grid;gap:clamp(2rem,4vw,2.75rem);grid-template-columns:minmax(0,2.05fr) minmax(300px,.9fr)}.news-board{min-width:0}.news-headline{align-items:center;border-bottom:1px solid var(--line);margin-bottom:1.15rem;min-height:42px;padding-bottom:.75rem}.news-layout{align-items:start;display:grid;gap:1.45rem;grid-template-columns:minmax(0,1.02fr) minmax(250px,.98fr)}.featured-news,.news-mini-list a{display:block}.featured-news .placeholder-gambar{border-radius:4px}.featured-news .placeholder-gambar img,.news-mini-list .placeholder-gambar img{object-fit:cover}.featured-news span,.news-mini-list span{color:#6b7280;display:block;font-size:.78rem;font-weight:800;margin-top:.65rem}.featured-news h3{color:#111827;font-size:clamp(1.08rem,1.6vw,1.28rem);font-weight:900;-webkit-line-clamp:2;line-height:1.28;margin:.35rem 0 .6rem}.featured-news h3,.featured-news p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-news p{color:#4b5563;font-size:.92rem;-webkit-line-clamp:3;line-height:1.58;margin-bottom:0}.news-mini-list{display:grid;gap:.85rem;max-height:none;overflow:visible;padding-right:0;scrollbar-width:none}.news-mini-list a{align-items:start;display:grid;gap:.85rem;grid-template-columns:76px minmax(0,1fr);min-width:0}.news-mini-list .placeholder-gambar{border-radius:4px;min-width:76px;width:76px}.news-mini-list span{margin-top:0}.news-mini-list strong{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;font-weight:900;line-height:1.3;overflow:hidden}.news-mini-list em{color:var(--blue);display:block;font-size:.72rem;font-style:normal;font-weight:900;margin-top:.28rem;text-transform:uppercase}.news-mini-list::-webkit-scrollbar,.teacher-mini-list::-webkit-scrollbar{width:6px}.news-mini-list::-webkit-scrollbar-thumb,.teacher-mini-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.teacher-mini-list::-webkit-scrollbar{display:none;width:0}.small-link{color:var(--blue);font-size:.86rem;font-weight:900}.home-announcement-panel{background:var(--blue);border-radius:var(--radius);box-shadow:0 18px 34px #06449d29;color:#fff;padding:1.65rem 1.75rem}.home-announcement-panel h2{color:#fff;margin-bottom:1.05rem}.home-announcement-panel a{border-bottom:1px solid #ffffff2e;color:#fff;display:grid;gap:.75rem;grid-template-columns:20px minmax(0,1fr);padding:.72rem 0}.home-announcement-panel a span{background:var(--yellow);border-radius:3px;color:var(--blue);display:grid;font-size:.75rem;font-weight:900;height:18px;place-items:center;width:18px}.home-announcement-panel a span svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:14px}.home-announcement-panel a strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.92rem;line-height:1.32;overflow:hidden}.home-announcement-panel .announcement-more{border-bottom:0;display:block;font-weight:900;margin-top:1rem;padding:.9rem 0 0;text-align:center}.news-index-hero{background:linear-gradient(#07142fc7,#07142fc7),var(--information-hero-image,url(/storage/cms/beranda/sangga-rima-roman-selia-bgqgakagqb4-unsplash-scaled-1-1536x893-1-20260611223907-pwhalk.webp)) center /cover;color:#fff;overflow:hidden;padding:3.6rem 0 5.3rem;position:relative;text-align:center}.news-index-hero .container{max-width:var(--site-width)}.news-index-hero .breadcrumb-line{color:#ffffffc2;justify-content:center}.news-index-hero .breadcrumb-line a,.news-index-hero .breadcrumb-line span{color:#ffffffe0}.news-index-hero h1{color:#fff;font-family:Lato,sans-serif;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:900;margin:1rem 0 0}.news-index-section{background:#fff;padding:clamp(2.3rem,4.5vw,3.4rem) 0 clamp(4rem,7vw,6rem)}.news-index-section .container{max-width:980px}.news-index-layout{align-items:start;display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:minmax(0,1fr) 340px}.news-index-list{display:grid;gap:2rem}.news-index-item{align-items:start;display:grid;gap:1.35rem;grid-template-columns:230px minmax(0,1fr)}.news-index-image .placeholder-gambar{background:#eef4fb;border-radius:2px}.news-index-image img{object-fit:cover}.news-index-copy time,.news-sidebar-latest time{color:#64748b;display:block;font-size:.78rem;font-weight:800}.news-index-copy h2{color:#111827;font-family:Lato,sans-serif;font-size:clamp(1.18rem,2vw,1.55rem);font-weight:900;line-height:1.18;margin:.35rem 0 .55rem}.news-index-copy h2 a{color:inherit}.news-index-copy h2 a:hover{color:var(--blue)}.news-index-copy p{color:#273449;line-height:1.55;margin:0 0 .55rem}.news-index-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.news-index-tags a,.news-index-tags span{color:var(--blue);font-size:.76rem;font-weight:900;text-decoration:none;text-transform:uppercase}.news-index-sidebar{display:grid;gap:1.8rem;position:sticky;top:96px}.news-sidebar-block h2{border-bottom:1px solid #e5edf6;color:#111827;font-family:Lato,sans-serif;font-size:1.35rem;font-weight:900;margin:0 0 1rem;padding-bottom:.85rem}.news-sidebar-announcements{display:grid;gap:.85rem}.news-sidebar-announcements a{align-items:start;color:#111827;display:grid;gap:.65rem;grid-template-columns:22px minmax(0,1fr)}.news-sidebar-announcements span{background:var(--yellow);border-radius:3px;color:var(--blue);display:grid;height:18px;margin-top:.1rem;place-items:center;width:18px}.news-sidebar-announcements svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:14px}.news-sidebar-announcements strong{color:#111827;font-size:.92rem;font-weight:900;line-height:1.35}.news-sidebar-announcements a:hover strong{color:var(--blue)}.news-sidebar-latest{display:grid;gap:.8rem}.news-sidebar-latest a{align-items:start;display:grid;gap:.75rem;grid-template-columns:64px minmax(0,1fr)}.news-sidebar-latest .placeholder-gambar{background:#eef4fb;border-radius:2px}.news-sidebar-latest strong{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;font-weight:900;line-height:1.28;margin-top:.15rem;overflow:hidden}.news-sidebar-latest a:hover strong{color:var(--blue)}.news-index-pagination{margin-top:.5rem}.staff-principal-grid{align-items:stretch;display:grid;gap:2rem;gap:clamp(1.8rem,3.6vw,2.35rem);grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-template-columns:minmax(0,.95fr) minmax(0,.9fr) minmax(0,1.15fr);margin:0;max-width:none}.principal-card,.profile-card,.teacher-list-card{background:0 0;color:#0f172a;display:flex;flex-direction:column;min-width:0}.principal-card .section-head,.profile-card .section-head,.teacher-list-card .section-head{align-items:center;border-bottom:1px solid var(--line);margin-bottom:.95rem;min-height:40px;padding-bottom:.7rem}.teacher-mini-list{display:grid;gap:.76rem;max-height:none;overflow:visible;padding-right:0;scrollbar-width:none}.teacher-mini-list a{align-items:center;display:grid;gap:.75rem;grid-template-columns:48px minmax(0,1fr);min-width:0;padding:0}.teacher-mini-list .placeholder-gambar{border-radius:50%}.teacher-mini-list strong{color:#111827;font-size:.92rem;font-weight:900}.teacher-mini-list span,.teacher-mini-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-mini-list span{color:#6b7280;font-size:.78rem;font-weight:800}.principal-media{align-items:center;display:flex;gap:.85rem;margin-bottom:.95rem}.principal-avatar.placeholder-gambar{border-radius:50%;min-width:54px;width:54px}.principal-card h3{color:#111827;font-size:.98rem;font-weight:900;line-height:1.25;margin:0}.principal-card span{color:#6b7280;font-size:.8rem;font-weight:800}.principal-card p,.profile-card p{color:#374151;font-size:.93rem;font-weight:400;line-height:1.68}.school-video{aspect-ratio:16/8.6;background:#07142f;border-radius:4px;box-shadow:0 8px 22px #0b1b3f14;overflow:hidden;position:relative;width:100%}.school-video iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.lite-video{appearance:none;border:0;cursor:pointer;padding:0}.lite-video .placeholder-gambar{border:0;border-radius:0;height:100%;inset:0;position:absolute}.lite-video-play{background:#d71920;border-radius:8px;color:#fff;display:grid;height:42px;inset:50% auto auto 50%;place-items:center;position:absolute;transform:translate(-50%,-50%);transition:transform .2s,background-color .2s;width:58px;z-index:2}.lite-video-play svg{fill:currentColor;height:26px;width:26px}.lite-video:focus-visible .lite-video-play,.lite-video:hover .lite-video-play{background:#b11117;transform:translate(-50%,-50%)scale(1.06)}.lite-video:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.profile-card .placeholder-gambar{border-radius:4px;margin-bottom:.95rem}.profile-video{margin-bottom:.95rem}.hero-overlay{background:#07142fad}.principal-media span,.teacher-mini-list span{color:#5b6472}.section-eyebrow{color:#11745b}.scroll-text{margin-bottom:.95rem;max-height:112px;min-height:0;overflow-y:auto;padding-right:.25rem;scrollbar-width:none}.principal-card .scroll-text{flex:auto;max-height:225px}.scroll-text p{margin-bottom:0}.principal-card .btn,.profile-card .btn{align-self:flex-start;margin-top:auto}.scroll-text::-webkit-scrollbar{display:none;width:0}.scroll-text::-webkit-scrollbar-thumb{background:0 0}.partner-section{background:#fff}.partner-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);overflow:hidden;padding:.5rem 0 1rem}.partner-logo-track{animation:partner-marquee 28s linear infinite;display:flex;gap:1rem;width:max-content}.partner-marquee:hover .partner-logo-track{animation-play-state:paused}.partner-logo-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #0b1b3f0d;display:grid;flex:0 0 190px;min-height:122px;padding:1rem;place-items:center;text-align:center}.partner-logo-card .placeholder-gambar{background:0 0}.partner-empty{height:1px;width:1px}.facility-hero{background-color:#07142f;background-image:linear-gradient(90deg,#07142fe0,#07142fbd),var(--facility-hero-image);background-position:50%;background-size:cover;color:#fff;overflow:hidden;padding:3.35rem 0 5.25rem;position:relative;text-align:center}.facility-hero:before{display:none}.facility-hero .container{max-width:var(--site-width);position:relative;z-index:1}.facility-hero .breadcrumb-line{color:#ffffffbd;justify-content:center}.facility-hero .breadcrumb-line a,.facility-hero .breadcrumb-line span{color:#ffffffdb}.facility-hero h1{color:#fff;font-family:Lato,sans-serif;font-size:clamp(2.1rem,4vw,3rem);font-weight:900;letter-spacing:0;margin:1.1rem 0 0}.facility-section{background:#fff;padding:0 0 clamp(4rem,7vw,7rem)}.facility-section .container{max-width:var(--site-width)}.facility-panel{background:#fff;box-shadow:0 20px 54px #0b1b3f17;margin:-3.6rem auto 0;padding:clamp(2rem,4vw,3rem);position:relative;width:min(100%,980px);z-index:2}.facility-row{align-items:center;border-bottom:1px solid #edf2f8;display:grid;gap:clamp(2rem,4vw,3.5rem);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);margin-bottom:clamp(3rem,5vw,4.5rem);padding-bottom:clamp(3rem,5vw,4.5rem)}.facility-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.facility-main-image.placeholder-gambar{background:#eef4fb;border-radius:2px;cursor:zoom-in}.facility-main-image.placeholder-gambar img{object-fit:cover}.facility-copy h2{color:#111827;font-family:Lato,sans-serif;font-size:clamp(1.28rem,2vw,1.6rem);font-weight:900;margin:0 0 .85rem}.facility-copy p{color:#263143;font-size:.98rem;font-weight:500;line-height:1.8;margin:0 0 1.35rem;max-width:43rem}.facility-thumbs{display:grid;gap:.4rem;grid-template-columns:repeat(5,minmax(0,1fr));max-width:430px}.facility-thumbs .placeholder-gambar{background:#edf3fa;border-radius:2px;cursor:zoom-in}.facility-thumbs img{object-fit:cover;transition:transform .25s}.facility-thumbs .placeholder-gambar:hover img{transform:scale(1.04)}.facility-pagination{display:flex;justify-content:center;margin-top:2rem}.facility-pagination nav{justify-content:center!important;width:100%}.facility-pagination nav>div:first-child{display:none!important}.facility-pagination nav>div:last-child{display:flex!important;justify-content:center!important;width:100%}.facility-pagination .pagination,.facility-pagination nav>div:last-child>div{display:flex;justify-content:center}.facility-pagination .pagination{align-items:center;gap:.45rem;margin:0}.facility-pagination .page-link{border:1px solid #dce6f2;border-radius:7px!important;box-shadow:0 8px 18px #0b1b3f0d;color:var(--blue);display:grid;font-weight:900;height:42px;line-height:1;padding:0;place-items:center;width:42px}.facility-pagination .page-item:first-child .page-link,.facility-pagination .page-item:last-child .page-link,.facility-pagination .page-link[rel=next],.facility-pagination .page-link[rel=prev]{font-size:1.25rem}.facility-pagination .page-item.active .page-link{background:var(--blue);border-color:var(--blue);color:#fff}.facility-pagination .page-item.disabled .page-link{background:#f4f7fb;color:#9aa8bb}.image-modal{background:#07142fd1;display:grid;inset:0;opacity:0;padding:clamp(1rem,4vw,3rem);place-items:center;position:fixed;transition:opacity .2s,visibility .2s;visibility:hidden;z-index:100}.image-modal.open{opacity:1;visibility:visible}.image-modal-inner{display:grid;gap:.9rem;max-height:88vh;position:relative;width:min(100%,1080px)}.image-modal img{background:#fff;border-radius:8px;box-shadow:0 28px 80px #00000052;display:block;max-height:82vh;object-fit:contain;width:100%}.image-modal-caption{color:#fff;font-size:.95rem;font-weight:800;text-align:center}.image-modal-close{background:#fff;border:0;border-radius:999px;box-shadow:0 14px 34px #00000038;color:#07142f;display:grid;font-size:1.45rem;font-weight:900;height:42px;line-height:1;place-items:center;position:absolute;right:-18px;top:-18px;width:42px}.image-modal-close:hover{color:var(--blue)}[data-image-modal]{cursor:zoom-in}.ad-popup{display:grid;inset:0;opacity:0;padding:clamp(1rem,4vw,2.5rem);place-items:center;pointer-events:none;position:fixed;transition:opacity .22s,visibility .22s;visibility:hidden;z-index:120}.ad-popup.open{opacity:1;pointer-events:auto;visibility:visible}.ad-popup-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0610249e;border:0;inset:0;position:absolute}.ad-popup-dialog{position:relative;transform:translateY(18px)scale(.96);transition:transform .25s;width:min(92vw,520px);z-index:1}.ad-popup.open .ad-popup-dialog{transform:translateY(0)scale(1)}.ad-popup-frame{background:#fff;border:1px solid #ffffffdb;border-radius:16px;box-shadow:0 30px 90px #00000042;overflow:hidden}.ad-popup-media{background:#fff;padding:0}.ad-popup-image{background:#fff;border:0;border-radius:0;box-shadow:none;max-height:min(86vh,760px);overflow:hidden;width:100%}.ad-popup-image img{max-height:min(76vh,680px)}.ad-popup-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:0;border-radius:999px;box-shadow:0 10px 24px #00000029;color:var(--navy);display:grid;font-size:1.25rem;font-weight:900;height:38px;line-height:1;place-items:center;position:absolute;right:.85rem;top:.85rem;width:38px;z-index:2}.ad-popup-close:hover{background:var(--blue);color:#fff}.ad-popup-actions{align-items:center;background:#fff;border-top:1px solid #0b1b3f14;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem .8rem .85rem}.ad-popup-primary,.ad-popup-secondary{border-radius:8px;font-weight:900;line-height:1;min-height:40px;padding:.6rem .95rem}.ad-popup-primary{background:var(--navy);border:1px solid var(--navy);color:#fff}.ad-popup-secondary{background:0 0;border:1px solid #0000;color:#617089}.ad-popup-primary:hover{background:var(--blue);border-color:var(--blue)}.ad-popup-secondary:hover{background:#f4f7fb;color:var(--navy)}.competency-hero{background-color:#07142f;background-image:linear-gradient(90deg,#07142fe6,#07142fa8),var(--competency-hero-image);background-position:50%;background-size:cover;color:#fff;overflow:hidden;padding:clamp(3.6rem,6vw,5.5rem) 0;position:relative}.competency-hero .container{max-width:var(--site-width)}.competency-hero .breadcrumb-line,.competency-hero .breadcrumb-line a,.competency-hero .breadcrumb-line span{color:#ffffffdb}.competency-hero .section-eyebrow{color:var(--yellow)}.competency-hero h1{color:#fff;font-family:Lato,sans-serif;font-size:clamp(2.2rem,4.2vw,3.7rem);font-weight:900;line-height:1.02;margin:.85rem 0 1rem;max-width:790px}.competency-hero p{color:#ffffffdb;font-size:1.05rem;font-weight:400;line-height:1.65;margin:0;max-width:620px}.competency-detail-section{background:#fff}.competency-detail-section .container{max-width:var(--site-width)}.competency-detail-layout{align-items:start;display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.competency-side{display:grid;gap:1rem;position:sticky;top:155px}.competency-main-image.placeholder-gambar{background:#edf3fa;border-radius:4px;box-shadow:0 18px 44px #0b1b3f17}.competency-info-card{background:var(--blue);border-radius:var(--radius);box-shadow:0 16px 36px #06449d2e;color:#fff;padding:1.25rem}.competency-info-card span{color:#ffffffbf;display:block;font-size:.78rem;font-weight:900;margin-bottom:.35rem;text-transform:uppercase}.competency-info-card strong{display:block;font-size:1.15rem;font-weight:900;line-height:1.25;margin-bottom:.75rem}.competency-info-card p{color:#ffffffd6;line-height:1.7;margin:0}.competency-content{display:grid;gap:1.5rem}.competency-block{border-bottom:1px solid #e8eef6;padding-bottom:1.5rem}.competency-block h2,.competency-highlight h2{color:#111827;font-family:Lato,sans-serif;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:900;margin:0 0 .75rem}.competency-block p,.competency-highlight p{color:#334155;font-size:1rem;line-height:1.85;margin:0}.competency-table-head{margin-bottom:1rem}.competency-table-wrap{border:1px solid #e2eaf4;border-radius:8px;box-shadow:0 12px 30px #0b1b3f0d;overflow-x:auto}.competency-table{background:#fff;border-collapse:collapse;min-width:640px;width:100%}.competency-table td,.competency-table th{border-bottom:1px solid #e8eef6;padding:1rem;vertical-align:top}.competency-table th{background:var(--blue);color:#fff;font-size:.86rem;font-weight:900;text-transform:uppercase}.competency-table td:first-child,.competency-table th:first-child{text-align:center;width:74px}.competency-table td:first-child{color:var(--blue);font-weight:900}.competency-table td:nth-child(2){color:#111827;font-weight:900}.competency-table tr:last-child td{border-bottom:0}.competency-highlight-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.competency-highlight{background:#f4f7fb;border:1px solid #e1eaf5;border-radius:var(--radius);padding:1.35rem}.competency-highlight span{color:var(--green);display:block;font-size:.78rem;font-weight:900;margin-bottom:.5rem;text-transform:uppercase}.agenda-hero{background-color:#07142f;background:linear-gradient(#07142fd1,#07142fd1),var(--information-hero-image,url(/storage/cms/beranda/sangga-rima-roman-selia-bgqgakagqb4-unsplash-scaled-1-1536x893-1-20260611223907-pwhalk.webp)) center /cover;color:#fff;overflow:hidden;padding:3.25rem 0 6.5rem;position:relative;text-align:center}.agenda-hero:before{display:none}.agenda-hero .container{max-width:var(--site-width);position:relative;z-index:1}.agenda-hero .breadcrumb-line{color:#ffffffb3;justify-content:center}.agenda-hero .breadcrumb-line a,.agenda-hero .breadcrumb-line span{color:#ffffffd6}.agenda-hero h1{color:#fff;font-family:Lato,sans-serif;font-size:clamp(2rem,3.6vw,3rem);font-weight:900;line-height:1.18;margin:1rem auto 0;max-width:780px}.agenda-detail-section,.agenda-section{background:#fff;padding:0 0 clamp(3rem,6vw,5rem)}.agenda-detail-section .container,.agenda-section .container{max-width:var(--site-width)}.agenda-detail-panel,.agenda-panel{background:#fff;box-shadow:0 18px 48px #0b1b3f14;margin:-4.6rem auto 0;padding:clamp(1.75rem,4vw,3rem);position:relative;width:min(100%,980px);z-index:2}.agenda-grid{display:grid;gap:1.35rem;grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-card{align-content:start;background:#fff;border:1px solid #e2eaf4;border-radius:2px;color:var(--text);display:grid;gap:1rem;min-height:210px;padding:1.35rem;transition:transform .2s,box-shadow .2s,border-color .2s}.agenda-card:hover{border-color:#06449d40;box-shadow:0 14px 34px #0b1b3f14;transform:translateY(-3px)}.agenda-card h2{color:#111827;font-family:Lato,sans-serif;font-size:1.18rem;font-weight:900;line-height:1.35;margin:0}.agenda-card .btn{font-size:.9rem;justify-self:start;margin-top:.25rem;padding:.62rem 1rem}.bosp-panel{width:min(100%,920px)}.bosp-list{display:grid;gap:1rem}.bosp-card{align-items:center;background:#fff;border:1px solid #e2eaf4;border-radius:6px;color:var(--text);display:grid;gap:1.25rem;grid-template-columns:108px minmax(0,1fr) auto;padding:1.35rem;transition:transform .2s,border-color .2s,box-shadow .2s}.bosp-card:hover{border-color:#06449d47;box-shadow:0 14px 34px #0b1b3f14;color:var(--text);transform:translateY(-2px)}.bosp-year{background:var(--blue);border-radius:6px;color:#fff;display:grid;font-size:1.35rem;font-weight:900;min-height:82px;place-items:center}.bosp-card-copy small,.bosp-card-copy span{color:var(--green);display:block;font-size:.72rem;font-weight:900;text-transform:uppercase}.bosp-card-copy h2{color:var(--navy);font-size:1.18rem;line-height:1.35;margin:.3rem 0 .4rem}.bosp-card-copy p{color:var(--muted);line-height:1.6;margin:0 0 .55rem}.bosp-card-copy small{color:#77879b;text-transform:none}.bosp-detail-panel{width:min(100%,960px)}.bosp-detail-lead{color:var(--muted);font-size:1.05rem;line-height:1.75;margin:0 auto 1.75rem;max-width:760px;text-align:center}.bosp-image-list{display:grid;gap:1.5rem}.bosp-report-image{background:#f7f9fc;border:1px solid #e2eaf4;border-radius:6px;margin:0;padding:1rem}.bosp-report-image .placeholder-gambar{background:#fff;border-radius:3px;cursor:zoom-in;margin:0 auto;max-width:760px}.bosp-report-image figcaption{color:#66758a;font-size:.82rem;margin-top:.75rem;text-align:center}.agenda-meta-list{color:#111827;display:grid;font-size:.94rem;gap:.55rem;line-height:1.45}.agenda-meta-list span{align-items:flex-start;display:flex;gap:.5rem}.agenda-meta-list svg{fill:none;height:17px;margin-top:.1rem;min-width:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:17px}.agenda-detail-hero{padding-bottom:6.75rem}.agenda-detail-panel{width:min(100%,760px)}.agenda-meta-list.detail{border-bottom:1px solid #e8eef6;margin-bottom:1.35rem;padding-bottom:1.35rem}.agenda-detail-image.placeholder-gambar{border-radius:2px;margin-bottom:1.3rem}.agenda-rich-content{color:#172033;line-height:1.78}.announcement-detail-section,.announcement-section{background:#fff;padding:0 0 clamp(3rem,6vw,5rem)}.announcement-detail-section .container,.announcement-section .container{max-width:var(--site-width)}.announcement-detail-panel,.announcement-panel{background:#fff;border-radius:8px;box-shadow:0 18px 48px #0b1b3f14;margin:-4.6rem auto 0;padding:clamp(2.25rem,4.4vw,3.4rem);position:relative;width:min(100%,980px);z-index:2}.announcement-grid{display:grid;gap:clamp(2.25rem,4vw,3.5rem) clamp(2rem,4vw,3.8rem);grid-template-columns:repeat(2,minmax(0,1fr))}.announcement-item{color:var(--text);display:grid;gap:.7rem;grid-template-columns:24px minmax(0,1fr)}.announcement-icon{background:var(--yellow);border-radius:3px 3px 1px 1px;color:var(--blue);display:grid;height:24px;margin-top:.15rem;place-items:center;width:18px}.announcement-icon svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:14px}.announcement-item h2{color:#111827;font-family:Lato,sans-serif;font-size:clamp(1.2rem,1.75vw,1.52rem);font-weight:900;line-height:1.17;margin:0 0 .8rem}.announcement-item p{color:#111827;font-size:.98rem;line-height:1.7;margin:0}.announcement-item:hover h2{color:var(--blue)}.announcement-detail-hero h1,.announcement-detail-panel{width:min(100%,760px)}.announcement-date{color:var(--blue);font-weight:900;margin-bottom:1.1rem}.announcement-rich-content{color:#111827;font-size:1rem;line-height:1.8}.detail-back-actions{border-top:1px solid #e8eef6;margin-top:1.75rem;padding-top:1.25rem}.achievement-hero{background:linear-gradient(#07142fb8,#07142fb8),var(--information-hero-image,url(/storage/cms/beranda/sangga-rima-roman-selia-bgqgakagqb4-unsplash-scaled-1-1536x893-1-20260611223907-pwhalk.webp)) center /cover;color:#fff;overflow:hidden;padding:3.6rem 0 7rem;position:relative;text-align:center}.achievement-hero .container{max-width:var(--site-width)}.achievement-hero .breadcrumb-line{color:#ffffffbd;justify-content:center}.achievement-hero .breadcrumb-line a,.achievement-hero .breadcrumb-line span{color:#ffffffdb}.achievement-hero h1{color:#fff;font-family:Lato,sans-serif;font-size:clamp(2rem,3.8vw,3rem);font-weight:900;line-height:1.18;margin:1rem auto 0;width:min(100%,820px)}.achievement-detail-section,.achievement-section{background:#fff;padding:0 0 clamp(3rem,6vw,5rem)}.achievement-detail-section .container,.achievement-section .container{max-width:var(--site-width)}.achievement-detail-panel,.achievement-panel{background:#fff;box-shadow:0 18px 48px #0b1b3f14;margin:-4.6rem auto 0;padding:clamp(1.7rem,3.8vw,2.5rem);position:relative;width:min(100%,980px);z-index:2}.achievement-intro{margin:0 auto 1.5rem;max-width:780px;text-align:center}.achievement-intro p{color:#111827;line-height:1.65;margin:0 auto 1rem}.achievement-table-wrap{border:1px solid #e7edf5;overflow:visible}.achievement-table{background:#fff;border-collapse:collapse;font-size:.84rem;table-layout:fixed;width:100%}.achievement-table td,.achievement-table th{border-bottom:1px solid #e7edf5;overflow-wrap:anywhere;padding:.75rem .8rem;vertical-align:top}.achievement-table th{background:#f2f4f7;color:#111827;font-size:.78rem;font-weight:900;text-align:center}.achievement-table tbody tr:nth-child(2n){background:#f6f6f6}.achievement-table td:first-child{font-weight:800;width:28%}.achievement-table td:nth-child(2){width:25%}.achievement-table td:nth-child(3){width:15%}.achievement-table td:nth-child(4){width:20%}.achievement-table td:nth-child(5){text-align:center;vertical-align:middle;width:12%}.achievement-table a{color:#111827;font-weight:900}.achievement-table a:hover{color:var(--blue)}.achievement-table span{color:#64748b;display:block;font-size:.8rem;margin-top:.35rem}.achievement-image-button{align-items:center;background:var(--blue);border:0;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:900;justify-content:center;min-height:34px;padding:.45rem .7rem;transition:background .2s,transform .2s;white-space:nowrap}.achievement-image-button:hover{background:#00357d;transform:translateY(-1px)}.achievement-no-image{color:#94a3b8;font-size:.78rem;font-weight:800}.achievement-pagination{align-items:center;display:flex;gap:.45rem;justify-content:center;margin-top:1.6rem}.achievement-page{background:#fff;border:1px solid #dce6f2;border-radius:7px;box-shadow:0 8px 18px #0b1b3f0d;color:var(--blue);display:grid;font-weight:900;height:40px;line-height:1;place-items:center;width:40px}.achievement-page:hover{background:#f4f8ff;color:var(--blue)}.achievement-page.active{background:var(--blue);border-color:var(--blue);color:#fff}.achievement-page.disabled{background:#f4f7fb;color:#9aa8bb;pointer-events:none}.achievement-detail-panel{width:min(100%,820px)}.achievement-detail-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.25rem}.achievement-detail-meta span{background:#eef5ff;border:1px solid #dbeafe;border-radius:999px;color:var(--blue);font-size:.86rem;font-weight:900;padding:.45rem .7rem}.achievement-detail-image.placeholder-gambar{border-radius:4px;margin-bottom:1.3rem}.achievement-detail-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1.35rem}.achievement-detail-grid>div{background:#f6f8fb;border:1px solid #e5edf6;border-radius:var(--radius);padding:1rem}.achievement-detail-grid strong{color:#111827;display:block;font-weight:900;margin-bottom:.45rem}.achievement-detail-grid p{color:#334155;line-height:1.65;margin:0}@keyframes partner-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - .5rem))}}.frontend-body h1,.frontend-body h2{font-family:Lato,sans-serif}@media (width<=1100px){.footer-main{gap:1.8rem 0;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main>*{padding-inline:1.35rem}.footer-main>:nth-child(odd){border-left:0;padding-left:0}.footer-main>:nth-child(2n){border-left:1px solid #ffffff40;padding-right:0}}@media (width<=680px){.footer-main{gap:0;grid-template-columns:1fr;padding-bottom:2rem;padding-top:2.35rem}.footer-main>*{border-left:0!important;border-top:1px solid #ffffff40;padding:1.25rem 0}.footer-main>:first-child{border-top:0;padding-top:0}.footer-intro>p{max-width:none}.footer-map iframe{height:230px}}.back-to-top,.wa-floating{border:0;border-radius:999px;box-shadow:var(--shadow);color:#fff;display:grid;font-weight:900;height:46px;place-items:center;position:fixed;right:1rem;width:46px;z-index:60}.wa-floating{background:#1faa64;bottom:1rem}.wa-floating .bi-whatsapp{font-size:1.45rem;line-height:1}.back-to-top{background:var(--navy);bottom:4.5rem;opacity:0;pointer-events:none;transition:opacity .2s}.back-to-top.show{opacity:1;pointer-events:auto}.placeholder-gambar{aspect-ratio:var(--placeholder-ratio);background:#f3f7fb;border:1px solid #e3edf7;border-radius:var(--radius);overflow:hidden;position:relative;width:100%}.placeholder-gambar img{display:block;height:100%;width:100%}.brand-logo.placeholder-gambar{background:0 0;border:0;border-radius:0;flex:0 0 48px;min-width:48px;width:48px}.placeholder-fallback{align-items:center;background:linear-gradient(135deg,#ffffffe0,#eef5fceb),repeating-linear-gradient(45deg,#0f6bff0f 0 8px,#0000 8px 16px);color:#5f7189;display:flex;flex-direction:column;gap:.55rem;inset:0;justify-content:center;padding:.8rem;position:absolute;text-align:center}.placeholder-fallback.hidden{display:none}.placeholder-error .placeholder-fallback{display:flex}.placeholder-fallback-icon{background:#e8f2ff;border:1px solid #d5e8ff;border-radius:999px;color:var(--blue);display:grid;height:46px;place-items:center;width:46px}.placeholder-fallback svg{fill:currentColor;height:25px;width:25px}.placeholder-fallback-copy{display:grid;gap:.1rem;max-width:180px}.placeholder-fallback-copy strong{color:var(--navy);font-size:.82rem;font-weight:900;line-height:1.2}.placeholder-fallback-copy small{color:#66758b;font-size:.72rem;font-weight:800;line-height:1.25}.empty-state{background:#fff;border:1px dashed #cbd7e7;border-radius:var(--radius);color:var(--muted);grid-column:1/-1;padding:1.2rem;text-align:center}.reveal-on-scroll{opacity:1;transform:none}.motion-ready .reveal-on-scroll{--reveal-delay:0s;filter:blur(2px);opacity:0;transform:translateY(24px);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1),filter .68s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay);will-change:opacity,transform}.motion-ready .reveal-on-scroll.visible{filter:blur()}.motion-ready .hero-copy>*{animation:hero-content-enter .72s cubic-bezier(.22,1,.36,1) forwards;opacity:0;transform:translateY(22px)}.motion-ready .hero-copy>:nth-child(2){animation-delay:.12s}.motion-ready .hero-copy>:nth-child(3){animation-delay:.22s}.welcome-loader{background:#fff;color:var(--navy);display:grid;inset:0;opacity:0;padding:1.5rem;place-items:center;position:fixed;transition:opacity .4s,visibility .4s;visibility:hidden;z-index:10000}.welcome-loader.show{opacity:1;visibility:visible}.welcome-loader.hide{opacity:0;visibility:hidden}.welcome-loader-content{text-align:center;width:min(100%,430px)}.welcome-loader-logo.placeholder-gambar{animation:welcome-logo-enter .72s cubic-bezier(.22,1,.36,1) both;background:0 0;border:0;border-radius:0;box-shadow:none;margin:0 auto 1.25rem;width:clamp(82px,16vw,118px)}.welcome-loader-logo.placeholder-gambar img{object-fit:contain!important}.welcome-loader-content strong,.welcome-loader-content>span{display:block}.welcome-loader-content strong{animation:welcome-copy-enter .65s cubic-bezier(.22,1,.36,1) both;color:var(--navy);font-family:Lato,sans-serif;font-size:clamp(1.35rem,4vw,2.25rem);font-weight:900;line-height:1.08;margin-bottom:.45rem}.welcome-loader-content>span{animation:welcome-copy-enter .65s cubic-bezier(.22,1,.36,1) .12s both;color:var(--blue);font-size:clamp(.75rem,2vw,.95rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.welcome-loader-line{background:#e5edf6;border-radius:999px;height:3px;margin:1.2rem auto 0;overflow:hidden}.welcome-loader-line span{animation:welcome-line-enter 1s cubic-bezier(.22,1,.36,1) 80ms both;background:var(--yellow);display:block;height:100%;transform-origin:0;width:100%}@keyframes welcome-copy-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-logo-enter{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-line-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-content-enter{to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.ad-popup,.ad-popup-dialog,.welcome-loader-line span,.welcome-loader-logo.placeholder-gambar,.welcome-loader.hide,.welcome-loader.show{animation:none;transform:none;transition:none}.motion-ready .hero-copy>*,.motion-ready .reveal-on-scroll,.motion-ready .reveal-on-scroll.reveal-left,.motion-ready .reveal-on-scroll.reveal-right{animation:none;filter:none;opacity:1;transform:none;transition:none}.hero-slide,.partner-logo-track{animation-play-state:paused}}.form-field{background:#fbfdff;border:1px solid #e2edf8;border-radius:var(--radius);padding:.9rem}.form-field:focus-within{background:#fff;border-color:#9fc7f7;box-shadow:0 0 0 3px #0f6bff12}.form-field label{color:var(--navy);display:block;font-weight:900;margin-bottom:.4rem}.form-control{border-color:#d8e2ef;border-radius:var(--radius)}@media (width<=575px){.ad-popup{padding:.85rem}.ad-popup-dialog{width:min(96vw,420px)}.ad-popup-close{right:.65rem;top:.65rem}.ad-popup-actions{align-items:stretch;flex-direction:column-reverse}.ad-popup-primary,.ad-popup-secondary{width:100%}}@media (width>=992px){.dropdown:hover .dropdown-menu{display:block}}@media (width<=991.98px){.navbar-toggler{background:var(--blue);border-radius:var(--radius);color:#fff;display:inline-grid!important;flex:0 0 42px;height:42px;opacity:1;place-items:center;visibility:visible;width:42px;z-index:5}.main-nav-bar{min-height:0}.site-nav{display:none;padding-top:1rem;width:100%}.site-nav.show{display:block}.dropdown-menu.show{box-shadow:none;display:block;margin:.35rem 0;position:static}.article-grid,.card-grid,.card-grid.four,.competency-strip,.content-layout,.gallery-grid,.news-announcement-grid,.news-layout,.program-grid,.staff-principal-grid{grid-template-columns:1fr}.report-item,.section-row-head{align-items:flex-start;flex-direction:column}.teacher-list-card .section-head.section-row-head{align-items:center;flex-direction:row;gap:.85rem;justify-content:space-between}.teacher-list-card .section-head.section-row-head .small-link{flex:none;margin-left:auto;white-space:nowrap}.facility-hero{padding:2.9rem 0 4.5rem}.facility-panel{margin-top:-3rem;padding:1.5rem;width:min(100%,720px)}.facility-row{gap:1.5rem;grid-template-columns:1fr}.facility-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%}.agenda-grid,.announcement-grid,.competency-detail-layout,.competency-highlight-grid,.news-index-layout,.staff-directory-grid{grid-template-columns:1fr}.news-index-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.news-sidebar-video{grid-column:1/-1}.competency-side{position:static}.nav-search{display:grid;gap:0;grid-template-columns:minmax(0,1fr) 52px;margin:.8rem 0 0;width:100%}.nav-search input{width:auto}.nav-search button{min-width:0;width:52px}.agenda-hero{padding:2.9rem 0 5rem}.achievement-detail-panel,.achievement-panel,.agenda-detail-panel,.agenda-panel,.announcement-detail-panel,.announcement-panel{margin-top:-3.6rem;padding:1.4rem;width:min(100%,720px)}.principal-page-hero{padding:3rem 0 5.6rem}.principal-page-card{margin-top:-3.4rem;padding:3.8rem 1.5rem 2.1rem;width:min(100%,720px)}.structure-panel{padding:1rem}.staff-directory-panel,.structure-panel{margin-top:-3.6rem;width:min(100%,720px)}.staff-directory-panel{padding:1.5rem}}@media (width<=575.98px){.school-topbar{display:none}.site-header{border-top:3px solid var(--blue)}.hero-section,.page-hero,.principal-page-hero,.section-block{padding-left:.2rem;padding-right:.2rem}.section-block>.container{margin-left:0;margin-right:auto;max-width:360px;width:min(100%,360px)}.hero-content{margin-left:0;margin-right:0;max-width:none;padding-left:1rem;padding-right:1rem;width:100%}.navbar-brand strong{font-size:.82rem;max-width:190px}.hero-actions,.search-page-form{flex-direction:column}.school-topbar .container{align-items:center;padding-bottom:.6rem;padding-top:.6rem}.hero-full{min-height:430px;padding-bottom:3rem;padding-top:3rem}.hero-full h1{font-size:clamp(1.78rem,7vw,2rem);line-height:1.1;max-width:100%}.hero-full p{font-size:.9rem;max-width:100%}.hero-copy{margin-left:0;max-width:330px;width:min(100%,330px)}.principal-page-section>.container{margin-left:0;margin-right:auto;max-width:360px;width:min(100%,360px)}.principal-page-card{padding:3.55rem 1.05rem 1.8rem}.structure-section>.container{margin-left:0;margin-right:auto;max-width:360px;width:min(100%,360px)}.structure-panel{padding:.75rem}.staff-directory-section>.container{margin-left:0;margin-right:auto;max-width:360px;width:min(100%,360px)}.staff-directory-panel{padding:1.15rem}.staff-directory-grid{row-gap:1.25rem}.staff-directory-item{gap:.85rem;grid-template-columns:92px minmax(0,1fr)}.staff-directory-photo.placeholder-gambar{min-width:92px;width:92px}.staff-directory-copy h2{font-size:.96rem}.staff-directory-copy p{font-size:.82rem}.principal-page-content{font-size:.95rem;line-height:1.72}.brand-search-row .container{align-items:center;display:flex;gap:.7rem;justify-content:space-between;margin-left:0;margin-right:0;max-width:none;min-height:62px;padding:.55rem 1rem;width:100%}.brand-line{align-items:center;display:flex;flex:auto;min-width:0}.brand-line .navbar-brand{gap:.6rem!important;margin-right:0;min-width:0}.hero-actions .btn{max-width:100%;width:100%}.nav-search{background:0 0;border:0;border-radius:0;display:grid;flex:0 0 38px;grid-template-columns:1fr;height:38px;margin:0;max-width:38px;overflow:visible;padding:0;position:static;transform:none;width:38px}.nav-search input{display:none}.nav-search button{background:0 0;border-radius:50%;color:var(--blue);height:38px;min-width:0;padding:0;width:38px}.nav-search button svg{height:22px;stroke-width:2.2px;width:22px}.brand-logo.placeholder-gambar{flex-basis:42px;min-width:42px;width:42px}.navbar-brand small,.navbar-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-grid{gap:1.35rem}.program-card{gap:.85rem;grid-template-columns:58px minmax(0,1fr)}.navbar-toggler{background:0 0;border-radius:0;color:var(--blue);display:inline-grid!important;flex:0 0 42px;height:42px;opacity:1!important;place-items:center;position:static;transform:none;visibility:visible!important;width:42px;z-index:30}.navbar-toggler-icon,.navbar-toggler-icon:after,.navbar-toggler-icon:before{height:2px;width:24px}.main-nav-bar .container{padding:0}.site-nav{background:var(--blue);padding:.5rem 1rem 1rem}.main-nav-bar .nav-link{padding:.75rem .5rem}.facility-hero{padding:2.6rem 0 4rem}.facility-section .container{margin-left:0;margin-right:auto;max-width:390px;padding-left:1.25rem;padding-right:1.25rem;width:min(100%,390px)}.facility-panel{margin-top:-3.4rem;padding:1rem}.facility-row{margin-bottom:2.3rem;padding-bottom:2.3rem}.facility-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.competency-hero{padding:3rem 0}.competency-hero h1{font-size:clamp(2rem,9vw,2.65rem)}.competency-table td,.competency-table th{padding:.8rem}.agenda-hero{padding:2.6rem 0 4.3rem}.achievement-detail-section .container,.achievement-section .container,.agenda-detail-section .container,.agenda-section .container,.announcement-detail-section .container,.announcement-section .container{margin-left:0;margin-right:auto;max-width:390px;padding-left:1.25rem;padding-right:1.25rem;width:min(100%,390px)}.achievement-detail-panel,.achievement-panel,.agenda-detail-panel,.agenda-panel,.announcement-detail-panel,.announcement-panel{margin-top:-3rem;padding:1rem}.agenda-card{min-height:0;padding:1rem}.bosp-card{gap:.85rem;grid-template-columns:72px minmax(0,1fr);padding:1rem}.bosp-card>.btn{grid-column:1/-1;justify-self:start}.bosp-year{font-size:1rem;min-height:68px}.bosp-report-image{padding:.55rem}.announcement-item{gap:.7rem;grid-template-columns:24px minmax(0,1fr)}.announcement-item h2{font-size:1.12rem;line-height:1.24}.achievement-hero{padding:2.7rem 0 4.4rem}.news-index-hero{padding:2.7rem 0 4.2rem}.news-index-section .container{margin-left:0;margin-right:auto;max-width:390px;padding-left:1.25rem;padding-right:1.25rem;width:min(100%,390px)}.news-index-layout,.news-index-list,.news-index-sidebar{gap:1.35rem}.news-index-item{border-bottom:1px solid #e7edf5;gap:.85rem;grid-template-columns:1fr;padding-bottom:1.35rem}.news-index-copy h2{font-size:1.22rem}.news-index-sidebar{grid-template-columns:1fr}.news-sidebar-block h2{font-size:1.22rem}.achievement-table-wrap{border:0}.achievement-table,.achievement-table tbody,.achievement-table td,.achievement-table thead,.achievement-table tr{display:block;width:100%}.achievement-table{font-size:.9rem}.achievement-table thead{display:none}.achievement-table tbody tr{background:#fff;border:1px solid #e7edf5;border-radius:6px;box-shadow:0 10px 24px #0b1b3f0a;margin-bottom:.9rem;padding:.9rem}.achievement-table tbody tr:nth-child(2n){background:#fff}.achievement-table td{border-bottom:0;padding:.48rem 0}.achievement-table td:before{color:#64748b;content:attr(data-label);display:block;font-size:.72rem;font-weight:900;margin-bottom:.18rem;text-transform:uppercase}.achievement-table td:nth-child(5){text-align:left}.achievement-image-button{min-height:36px}.achievement-detail-grid{grid-template-columns:1fr}.image-modal{padding:1rem}.image-modal-close{right:.75rem;top:.75rem}:root{--mobile-content-width:430px;--mobile-gutter:1rem}.school-topbar{display:block;font-size:.72rem}.school-topbar .container{justify-content:center;margin-inline:auto;min-height:auto;padding:.42rem var(--mobile-gutter);width:min(100%,var(--mobile-content-width))}.topbar-contact{gap:.35rem .85rem;justify-content:center;line-height:1.35;width:100%}.topbar-contact a{white-space:nowrap}.brand-search-row .container{margin-inline:auto;max-width:var(--mobile-content-width);padding:.85rem 6rem .85rem var(--mobile-gutter);width:min(100%,var(--mobile-content-width))}.achievement-detail-section .container,.achievement-hero>.container,.achievement-section .container,.agenda-detail-section .container,.agenda-hero>.container,.agenda-section .container,.announcement-detail-section .container,.announcement-section .container,.competency-detail-section .container,.competency-hero>.container,.facility-hero>.container,.facility-section .container,.hero-content,.history-hero>.container,.history-section .container,.main-nav-bar .container,.news-index-hero>.container,.news-index-section .container,.page-hero>.container,.principal-page-hero>.container,.principal-page-section>.container,.section-block>.container,.site-footer>.container,.staff-directory-section>.container,.structure-section>.container,main>.section-block>.container{margin-left:auto;margin-right:auto;max-width:var(--mobile-content-width);padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter);width:min(100%,var(--mobile-content-width))}.hero-section,.page-hero,.principal-page-hero,.section-block{padding-left:0;padding-right:0}.section-block{padding-bottom:2.35rem;padding-top:2.35rem}.hero-full{min-height:430px;padding-bottom:3.35rem;padding-top:3.35rem}.hero-copy{margin-left:0;max-width:360px;width:100%}.hero-full h1{font-size:clamp(1.72rem,8vw,2.08rem);line-height:1.12}.hero-full p{font-size:.9rem;line-height:1.58}.section-row-head{align-items:flex-start;gap:.7rem}.section-head{margin-bottom:1.15rem}.rich-content h2,.section-head h2{font-size:clamp(1.45rem,7vw,2rem);line-height:1.18}.competency-strip,.news-announcement-grid,.news-layout,.program-grid,.staff-principal-grid{gap:1.1rem}.program-card{gap:.85rem;grid-template-columns:54px minmax(0,1fr)}.program-icon-symbol{height:52px;width:52px}.program-icon-symbol svg{height:28px;width:28px}.news-headline,.principal-card .section-head,.profile-card .section-head,.teacher-list-card .section-head{margin-bottom:.85rem;padding-bottom:.6rem}.teacher-list-card .section-head.section-row-head{align-items:center;flex-direction:row;gap:.85rem;justify-content:space-between}.teacher-list-card .section-head.section-row-head h2{margin:0;min-width:0}.teacher-list-card .section-head.section-row-head .small-link{flex:none;margin-left:auto;white-space:nowrap}.featured-news .placeholder-gambar{border-radius:6px}.news-mini-list{gap:.78rem}.news-mini-list a{gap:.75rem;grid-template-columns:68px minmax(0,1fr)}.news-mini-list .placeholder-gambar{min-width:68px;width:68px}.home-announcement-panel{border-radius:6px;padding:1.2rem}.home-announcement-panel a{padding:.62rem 0}.principal-card,.profile-card,.teacher-list-card{min-width:0}.teacher-mini-list a{gap:.7rem;grid-template-columns:44px minmax(0,1fr)}.principal-avatar.placeholder-gambar{min-width:50px;width:50px}.scroll-text{max-height:none;padding-right:0}.profile-card .placeholder-gambar,.profile-video{margin-bottom:.75rem}.partner-marquee{margin-inline:calc(var(--mobile-gutter)*-1);-webkit-mask-image:linear-gradient(90deg,#0000,#000 11% 89%,#0000);mask-image:linear-gradient(90deg,#0000,#000 11% 89%,#0000)}.site-footer{padding-top:0}.footer-main{gap:0}.footer-map iframe{height:180px}}.site-footer{overflow:hidden;position:relative}.site-footer:before{background:#ffffff38;content:"";height:1px;inset:0 0 auto;position:absolute}.site-footer .footer-main{grid-template-columns:minmax(250px,1.45fr) minmax(120px,.68fr) minmax(140px,.8fr) minmax(210px,1.16fr) minmax(185px,1fr);padding-bottom:1.45rem;padding-top:1.65rem}.site-footer .footer-main>:first-child{padding-left:0}.site-footer .footer-main>:last-child{padding-right:0}.site-footer .footer-brand{align-items:center;gap:.72rem;margin-bottom:.72rem}.site-footer .footer-brand-kicker,.site-footer .footer-brand-meta{display:block}.site-footer .footer-brand-kicker{font-size:.58rem;font-weight:900;letter-spacing:.08em;line-height:1;margin-bottom:.12rem;text-transform:uppercase}.site-footer .footer-brand-meta{color:#ffffffa8;font-size:.66rem;font-weight:700;margin-top:.15rem}.site-footer h2{color:#fff;font-size:.98rem;font-weight:900;line-height:1.15;margin:0}.site-footer h3{color:#ffc400;font-size:.68rem;font-weight:900;letter-spacing:.07em;line-height:1.1;margin:0 0 .8rem;padding-bottom:.5rem;position:relative;text-transform:uppercase}.site-footer h3:after{background:#ffc400;border-radius:999px;bottom:0;content:"";height:2px;left:0;position:absolute;width:22px}.site-footer p{color:#ffffffbd;font-size:.7rem;line-height:1.55}.site-footer .footer-intro>p{max-width:260px}.site-footer .footer-links a{color:#ffffffc2;display:inline-flex;font-size:.69rem;font-weight:700;line-height:1.45;transition:color .2s,transform .2s;width:fit-content}.site-footer .footer-links a:before{display:none}.site-footer .footer-links a:hover{color:#ffc400;transform:translate(2px)}.site-footer .footer-contact-list a{align-items:start;color:#ffffffc2;display:grid;font-size:.67rem;gap:.5rem;grid-template-columns:24px minmax(0,1fr);line-height:1.4}.site-footer .footer-contact-list i{border:1px solid #fff3;border-radius:50%;color:#fff;display:grid;font-size:.66rem;height:24px;margin-top:-.12rem;place-items:center;transition:color .2s,border-color .2s,background .2s;width:24px}.site-footer .footer-contact-list a:hover i{background:#ffc400;border-color:#ffc400;color:#0b3d91;transform:none}.site-footer .footer-map iframe{border:1px solid #ffffff3d;border-radius:6px;display:block;filter:saturate(.75)contrast(.95);height:112px}@media (width<=1100px){.site-footer .footer-main{gap:1.2rem 0;grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer .footer-main>:nth-child(4){border-left:0;padding-left:0}}@media (width<=680px){.site-footer .footer-main{grid-template-columns:1fr;padding-bottom:1.15rem;padding-top:1.35rem}.site-footer .footer-main>*{border-left:0;border-top:1px solid #ffffff29;padding:.9rem 0}.site-footer .footer-main>:first-child{border-top:0;padding-top:0}.site-footer .footer-map iframe{height:150px}}.site-footer .footer-map iframe{height:118px}@media (width<=1100px){.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .footer-main>:nth-child(3){border-left:0;padding-left:0}}@media (width<=680px){.site-footer .footer-main{grid-template-columns:1fr}}.site-footer:before{background:#ffc400;height:3px}.site-footer .footer-main{align-items:end;grid-template-columns:minmax(230px,.82fr) minmax(0,2.75fr);padding-bottom:2rem;padding-top:0}.site-footer .footer-intro{border-radius:7px 0 0 7px;box-shadow:0 20px 40px #03183d47;color:#fff;min-height:238px;padding:1.45rem}.site-footer .footer-brand{align-items:flex-start;margin-bottom:1rem}.site-footer .footer-brand-kicker{color:#ffc400}.site-footer .footer-brand-meta,.site-footer .footer-intro p{color:#ffffffad}@media (width<=1100px){.site-footer .footer-main{grid-template-columns:minmax(210px,.75fr) minmax(0,2fr)}}@media (width<=760px){.site-footer{padding-top:1.5rem}.site-footer .footer-main{grid-template-columns:1fr;padding-bottom:1.25rem}.site-footer .footer-intro{border-radius:7px 7px 0 0;min-height:0}}.site-footer{padding-top:2rem}.site-footer .footer-main{background:#124a9e;border:1px solid #ffffff24;border-radius:7px 7px 0 0;box-shadow:0 18px 38px #03183d38;grid-template-columns:1.25fr .8fr .8fr 1.2fr;position:relative}.site-footer .footer-main>*{border-left:1px solid #ffffff24;min-width:0;padding:1.3rem 1.25rem}.site-footer .footer-main>:first-child{border-left:0}.site-footer .footer-intro{border-radius:6px 0 0;padding:1.3rem 1.25rem}.site-footer .footer-intro p{max-width:290px}.site-footer .footer-column h3{margin-bottom:.72rem}.site-footer .footer-links{gap:.2rem}.site-footer .footer-contact-list{gap:.38rem}.site-footer .footer-map{background:#124a9e;border:4px solid #0b3d91;border-radius:50%;bottom:16px;box-shadow:0 12px 26px #03183d47;height:68px;overflow:hidden;padding:0;position:absolute;right:-42px;width:68px}.site-footer .footer-map iframe{border:0;border-radius:50%;height:100%;pointer-events:none;width:100%}@media (width<=1180px){.site-footer .footer-map{bottom:-34px;right:12px}}@media (width<=900px){.site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .footer-main>:nth-child(3){border-left:0;border-top:1px solid #ffffff24}.site-footer .footer-main>:nth-child(4){border-top:1px solid #ffffff24}}@media (width<=620px){.site-footer{padding-top:1.25rem}.site-footer .footer-main{grid-template-columns:1fr}.site-footer .footer-main>*,.site-footer .footer-main>:nth-child(3),.site-footer .footer-main>:nth-child(4){border-left:0;border-top:1px solid #ffffff24}.site-footer .footer-main>:first-child{border-top:0}.site-footer .footer-map{bottom:-28px;height:58px;right:14px;width:58px}}.site-footer{padding:2.25rem 0 0}.site-footer .footer-main{background:0 0;border:0;border-radius:0;box-shadow:none;display:grid;gap:0;grid-template-columns:minmax(270px,.9fr) minmax(0,2.7fr);overflow:visible;padding:0}.site-footer .footer-main>*{border:0;padding:0}.site-footer .footer-intro{border:1px solid #ffffff1c;box-shadow:0 18px 40px #03183d40;min-height:275px;position:relative;z-index:2}.site-footer .footer-columns{background:#124a9e;border:1px solid #ffffff1c;box-shadow:0 18px 40px #03183d33;grid-template-columns:repeat(4,minmax(0,1fr));min-height:230px;padding:2.15rem 1.6rem 1.55rem}.site-footer .footer-columns .footer-contact-list a,.site-footer .footer-columns .footer-links a{color:#ffffffb8}.site-footer .footer-columns .footer-contact-list i{background:0 0;border:0;color:#ffc400;height:18px;width:18px}.site-footer .footer-content-bottom{color:#ffffff94;font-size:.61rem;gap:1rem;justify-content:space-between;padding:.72rem 1.6rem}.site-footer .footer-content-bottom a{color:#ffffffad}.site-footer .footer-content-bottom a:hover{color:#ffc400}.site-footer .footer-map-embed-hidden{overflow:hidden}.site-footer .footer-map{display:none}@media (width<=900px){.site-footer .footer-main{grid-template-columns:1fr}.site-footer .footer-intro{min-height:0}}@media (width<=680px){.site-footer .footer-columns{gap:1.2rem 0;grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .footer-columns>:nth-child(3){border-left:0;padding-left:0}}@media (width<=440px){.site-footer .footer-columns{grid-template-columns:1fr}.site-footer .footer-columns>*{border-left:0;border-top:1px solid #ffffff21;padding:.8rem 0}.site-footer .footer-columns>:first-child{border-top:0;padding-top:0}}.site-footer{border-top:3px solid #ffc400;padding-top:2.4rem}.site-footer:before{display:none}.site-footer .footer-main{grid-template-columns:minmax(275px,.95fr) minmax(0,2.75fr)}.site-footer .footer-intro{background:#082f6f;border-color:#ffffff2e;min-height:280px;padding:2rem 1.8rem}.site-footer .footer-intro p{font-size:.76rem;line-height:1.65}.site-footer .footer-columns{border-color:#ffffff2e;min-height:236px;padding:2.15rem 1.75rem 1.7rem}.site-footer .footer-columns>*{border-left-color:#ffffff2e;padding-inline:1.15rem}.site-footer .footer-columns .footer-contact-list a,.site-footer .footer-columns .footer-links a{font-size:.7rem;transition:color .2s,transform .2s}.site-footer .footer-columns .footer-links a:hover{color:#ffc400;transform:translate(3px)}.site-footer .footer-columns .footer-contact-list a:hover{color:#ffc400}.site-footer .footer-columns .footer-contact-list a:hover i{background:0 0;color:#ffc400}.site-footer .footer-content-bottom{border-top:1px solid #ffffff2e;padding:.72rem 1.75rem}@media (width<=900px){.site-footer{padding-top:1.5rem}.site-footer .footer-intro{min-height:0}}.site-footer{background:#edf3fb;padding:3rem 0}.site-footer .footer-card{background:#0b3d91;border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 22px 55px #062a6333;color:#fff;display:block;overflow:hidden;padding:0;position:relative}.site-footer .footer-card>*{border:0;padding:0}.site-footer .footer-card-top{align-items:center;background:#082f6f;border-bottom:1px solid #ffffff1f;display:flex;gap:2rem;justify-content:space-between;padding:2rem 2.25rem}.site-footer .footer-intro{background:0 0;border:0;border-radius:0;box-shadow:none;max-width:640px;min-height:0;padding:0}.site-footer .footer-brand{margin-bottom:.65rem}.site-footer .footer-logo.placeholder-gambar{flex-basis:46px;min-width:46px;width:46px}.site-footer .footer-intro h2{color:#fff;font-size:1.08rem}.site-footer .footer-intro p{color:#e2e8f0;font-size:.78rem;line-height:1.6;margin:0;max-width:560px}.site-footer .footer-columns{background:#0b3d91;border:0;box-shadow:none;display:grid;gap:0;grid-template-columns:.8fr 1fr 1fr 1.35fr;min-height:0;padding:2rem 2.25rem}.site-footer .footer-columns>*{border-left:1px solid #ffffff1f;min-width:0;padding:0 1.35rem}.site-footer .footer-columns>:first-child{border-left:0;padding-left:0}.site-footer .footer-columns>:last-child{padding-right:0}.site-footer .footer-columns h3{font-size:.72rem;letter-spacing:.05em;margin:0 0 .85rem;padding:0}.site-footer .footer-columns .footer-contact-list a,.site-footer .footer-columns .footer-links a{font-size:.71rem;line-height:1.45}.site-footer .footer-columns .footer-contact-list{gap:.55rem}.site-footer .footer-columns .footer-contact-list i{color:#fff}.site-footer .footer-content-bottom{border-top:1px solid #ffffff1f;display:flex;font-size:.64rem;justify-content:center;padding:.75rem 2.25rem}.site-footer .footer-map-embed-hidden{height:1px;opacity:0;pointer-events:none;width:1px}@media (width<=900px){.site-footer{padding:2rem 0}.site-footer .footer-columns{gap:1.5rem 0;grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .footer-columns>:nth-child(3){border-left:0;padding-left:0}}@media (width<=600px){.site-footer{padding:1rem 0}.site-footer .footer-card{border-radius:20px}.site-footer .footer-card-top{align-items:flex-start;flex-direction:column;padding:1.35rem}.site-footer .footer-columns{gap:0;grid-template-columns:1fr;padding:0 1.35rem}.site-footer .footer-columns>*,.site-footer .footer-columns>:nth-child(3){border-left:0;border-top:1px solid #ffffff1f;padding:1.2rem 0}.site-footer .footer-columns>:first-child{border-top:0}}body,html{overflow-x:clip}body,html,iframe,img,video{max-width:100%}@media (width<=991.98px){.container{width:min(100% - 2rem,var(--site-width))}.competency-detail-layout,.facility-row,.news-layout{grid-template-columns:1fr}.competency-side{position:static}.competency-main-image,.facility-main-image{width:100%}.competency-table-wrap{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.competency-table{min-width:680px}}@media (width<=640px){.container{width:min(100% - 1.25rem,var(--site-width))}.competency-hero,.facility-hero,.page-hero{min-height:250px;padding-block:2.25rem}.competency-hero h1,.facility-hero h1,.page-hero h1{font-size:clamp(2rem,10vw,2.8rem);line-height:1.08;max-width:100%}.competency-hero p,.facility-hero p,.page-hero p{font-size:.9rem;max-width:100%}.facility-section,.section-block{padding-block:2.5rem}.competency-block,.competency-info-card,.facility-panel,.facility-row{min-width:0}.facility-row{gap:1rem;padding-block:1.25rem}.facility-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid,.card-grid.four{grid-template-columns:1fr}.breadcrumb,.breadcrumb-line{max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.breadcrumb-line::-webkit-scrollbar,.breadcrumb::-webkit-scrollbar{display:none}.site-footer .footer-main.footer-card{padding-inline:.75rem}.site-footer .footer-intro p{max-width:100%}}.site-footer .footer-card-top>.footer-intro,.site-footer .footer-columns>.footer-column,.site-footer .footer-columns>.footer-column:nth-child(2),.site-footer .footer-columns>.footer-column:nth-child(3),.site-footer .footer-columns>.footer-column:nth-child(4){border:0}.site-footer .footer-columns h3{padding-bottom:0}.site-footer .footer-columns h3:after{display:none}.site-footer .footer-columns .footer-contact-list i,.site-footer .footer-contact-list i{background:0 0;border:0}@media (width<=600px){.site-footer .footer-card-top>.footer-intro,.site-footer .footer-columns>.footer-column,.site-footer .footer-columns>.footer-column:nth-child(2),.site-footer .footer-columns>.footer-column:nth-child(3),.site-footer .footer-columns>.footer-column:nth-child(4){border:0}}.site-footer{border:0;color:#fff;padding:0}.site-footer .footer-main.footer-card{background:0 0;border:0;border-radius:0;box-shadow:none;display:grid;gap:0;grid-template-columns:1.3fr .72fr 1fr 1.35fr;max-width:1200px;overflow:visible;padding:50px 0;position:relative}.site-footer .footer-card-top,.site-footer .footer-columns{display:contents}.site-footer .footer-card-top>.footer-intro,.site-footer .footer-columns>.footer-column{border-left:1px solid #ffffff1f;min-width:0;padding:0 1.6rem}.site-footer .footer-card-top>.footer-intro{background:0 0;border-left:0;box-shadow:none;max-width:none;min-height:0;padding-left:0;position:relative}.site-footer .footer-column-extra{display:none}.site-footer .footer-intro p{max-width:300px;padding-bottom:2.3rem}.site-footer .footer-columns h3{color:#ffc400;margin-bottom:.8rem}.site-footer .footer-columns .footer-links{gap:.3rem}.site-footer .footer-columns .footer-contact-list a,.site-footer .footer-columns .footer-links a{color:#e2e8f0;font-size:.72rem}.site-footer .footer-columns .footer-contact-list a:hover,.site-footer .footer-columns .footer-links a:hover{color:#ffc400}.site-footer .footer-map-embed-hidden{position:absolute}.site-footer .footer-content-bottom{background:#062a63;border:0;color:#e2e8f0;font-size:.66rem;grid-column:1/-1;margin:50px 0 -50px calc(50% - 50vw);padding:15px 1rem;text-align:center;width:100vw}@media (width<=900px){.site-footer .footer-main.footer-card{gap:2rem 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:42px 1rem}.site-footer .footer-card-top>.footer-intro,.site-footer .footer-columns>.footer-column{padding-inline:1.2rem}.site-footer .footer-card-top>.footer-intro,.site-footer .footer-columns>.footer-column:nth-child(2){border-left:0;padding-left:0}.site-footer .footer-content-bottom{margin-bottom:-42px;margin-top:42px}}@media (width<=600px){.site-footer .footer-main.footer-card{gap:0;grid-template-columns:1fr;padding:32px 1rem}.site-footer .footer-card-top>.footer-intro,.site-footer .footer-columns>.footer-column,.site-footer .footer-columns>.footer-column:nth-child(2){border-left:0;border-top:1px solid #ffffff1f;padding:1.25rem 0}.site-footer .footer-card-top>.footer-intro{border-top:0;padding-top:0}.site-footer .footer-intro p{padding-bottom:2.3rem}.site-footer .footer-content-bottom{margin-bottom:-32px;margin-top:32px;padding:14px 1rem}}.site-footer{background:#0b3d91}.site-footer .footer-main{align-items:stretch}.site-footer .footer-intro{background:#062a63;border:1px solid #ffffff1f;border-right:0;box-shadow:0 18px 36px #03183d33;min-height:220px;padding:1.35rem}@media (width<=760px){.site-footer .footer-intro{border-bottom:0;border-right:1px solid #ffffff1f}}@media (width<=991.98px){.frontend-body main>.section-block{contain-intrinsic-size:auto 680px;content-visibility:auto}.motion-ready .reveal-on-scroll{filter:none;transition-duration:.45s;will-change:auto}}@media (width<=575.98px){.brand-search-row .container{gap:.25rem;margin-inline:auto;max-width:none;min-height:60px;padding:.55rem .75rem;width:100%}.brand-line{min-width:0;overflow:hidden}.brand-line .navbar-brand{gap:.5rem!important;max-width:100%}.brand-logo.placeholder-gambar{flex-basis:38px;min-width:38px;width:38px}.navbar-brand strong{font-size:.8rem;line-height:1.15;max-width:min(48vw,190px)}.navbar-brand small{font-size:.68rem;line-height:1.2}.nav-search,.navbar-toggler{border-radius:50%;flex:0 0 40px;height:40px;width:40px}.nav-search{max-width:40px}.nav-search button{height:40px;width:40px}.nav-search button svg{height:19px;width:19px}.navbar-toggler{background:0 0;color:var(--blue);padding:0}.nav-search button:focus-visible,.nav-search button:hover,.navbar-toggler:focus-visible,.navbar-toggler:hover{background:#06449d14}.navbar-toggler-icon,.navbar-toggler-icon:after,.navbar-toggler-icon:before{height:2px;transition:transform .2s,opacity .2s,background-color .2s;width:20px}.navbar-toggler-icon:before{top:-6px}.navbar-toggler-icon:after{top:6px}.navbar-toggler.is-open .navbar-toggler-icon{background:0 0}.navbar-toggler.is-open .navbar-toggler-icon:before{top:0;transform:rotate(45deg)}.navbar-toggler.is-open .navbar-toggler-icon:after{top:0;transform:rotate(-45deg)}}.main-nav-bar .container{max-width:1200px}.site-nav,.site-nav .navbar-nav{min-width:0}.site-nav .navbar-nav{flex-wrap:nowrap;gap:.15rem!important;justify-content:center;width:100%}.main-nav-bar .nav-link{font-size:.91rem;line-height:1.25;padding:.95rem .72rem;white-space:nowrap}.competency-pill,.featured-news,.news-mini-list>a,.principal-card,.profile-card,.program-card>div,.teacher-list-card,.teacher-mini-list>a{min-width:0}.competency-pill strong,.news-mini-list strong,.program-card h3,.program-card p,.teacher-mini-list span,.teacher-mini-list strong{max-width:100%;overflow-wrap:anywhere}.section-head p{color:#5b6576}.site-footer .footer-links a{align-items:center;display:flex;min-height:28px;padding-block:.22rem}.motion-ready .reveal-on-scroll,.motion-ready .reveal-on-scroll.reveal-left,.motion-ready .reveal-on-scroll.reveal-right{filter:none;opacity:0;transform:translateY(26px);transition-duration:.65s}.motion-ready .reveal-on-scroll.reveal-left{transform:translate(-30px,8px)}.motion-ready .reveal-on-scroll.reveal-right{transform:translate(30px,8px)}.motion-ready .reveal-on-scroll.visible{opacity:1;transform:translate(0)}@media (width<=820px){.motion-ready .reveal-on-scroll.reveal-left,.motion-ready .reveal-on-scroll.reveal-right{transform:translateY(24px)}.history-hero{padding:2.6rem 0 4.8rem}.history-hero h1{font-size:clamp(1.8rem,9vw,2.35rem);line-height:1.12;margin-top:.7rem}.history-section{padding-bottom:3rem}.history-panel{box-shadow:0 12px 32px #0b1b3f14;gap:1.7rem;grid-template-columns:minmax(0,1fr);margin-top:-2.6rem;padding:1.25rem;width:100%}.history-content,.school-motto,.vision-panel{min-width:0;overflow-wrap:anywhere}.history-content h2,.vision-panel h2{font-size:1.28rem;line-height:1.25}.history-content li,.history-content p,.mission-item p,.vision-panel>p{font-size:.93rem;line-height:1.7}.history-content ul{padding-left:1.25rem}.vision-panel{border-top:1px solid #e5edf6;padding-top:1.5rem}.mission-item{gap:.75rem;grid-template-columns:38px minmax(0,1fr);padding-bottom:1.1rem}.mission-item:before{left:16px;top:34px}.mission-item span{font-size:.82rem;height:34px;width:34px}.rich-content iframe,.rich-content img,.rich-content video{height:auto;max-width:100%}.rich-content table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;max-width:100%;overflow-x:auto;width:100%}}@media (width<=1180px) and (width>=992px){.main-nav-bar .nav-link{font-size:.84rem;padding-inline:.52rem}}@media (width<=991.98px){.frontend-body main>.section-block{contain-intrinsic-size:auto;content-visibility:visible}.site-nav .navbar-nav{display:block;width:100%}.main-nav-bar .nav-link{white-space:normal}}@media (width<=575.98px){:root{--mobile-content-width:100%;--mobile-gutter:1rem}.brand-search-row .container{display:grid;gap:.35rem;grid-template-columns:minmax(0,1fr) 40px 40px;max-width:none;padding:.6rem .85rem;width:100%}.brand-line{max-width:none;overflow:hidden;width:auto}.brand-line .navbar-brand{width:100%}.nav-search,.navbar-toggler{display:grid!important;margin:0;opacity:1!important;place-items:center;visibility:visible!important}.hero-content,.section-block>.container,main>.section-block>.container{max-width:100%;padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter);width:100%}.competency-strip,.news-announcement-grid,.news-layout,.program-card,.program-grid,.staff-principal-grid{max-width:100%;min-width:0;width:100%}.program-card{gap:.8rem;grid-template-columns:48px minmax(0,1fr)}.program-icon-symbol{height:48px;width:48px}.program-card h3{font-size:.98rem;line-height:1.32}.program-card p{font-size:.9rem;line-height:1.58}}.facility-pagination .school-pagination{display:flex;justify-content:center;width:100%}.facility-pagination .school-pagination .pagination{align-items:center;display:flex;gap:.45rem;justify-content:center;list-style:none;margin:0;padding:0}.facility-pagination .school-pagination .page-item{display:block;margin:0}.facility-pagination .school-pagination .page-link{background:#fff;border:1px solid #dce6f2;border-radius:8px!important;box-shadow:0 8px 18px #0b1b3f0f;color:var(--blue);display:grid;font-size:.92rem;font-weight:900;height:42px;line-height:1;padding:0;place-items:center;transition:color .2s,background-color .2s,border-color .2s,transform .2s;width:42px}.facility-pagination .school-pagination a.page-link:hover{transform:translateY(-2px)}.facility-pagination .school-pagination .active .page-link,.facility-pagination .school-pagination a.page-link:hover{background:var(--blue);border-color:var(--blue);color:#fff}.facility-pagination .school-pagination .disabled .page-link{background:#f4f7fb;box-shadow:none;color:#9aa8bb}.facility-pagination .school-pagination .pagination-ellipsis{background:0 0;border-color:#0000}.news-sidebar-block-announcements{background:var(--blue);border-radius:8px;box-shadow:0 18px 38px #06449d2e;color:#fff;padding:1.35rem}.news-sidebar-block-announcements h2{border-bottom-color:#ffffff3d;color:#fff}.news-sidebar-block-announcements .news-sidebar-announcements a{border-bottom:1px solid #ffffff29;color:#fff;padding-bottom:.8rem}.news-sidebar-block-announcements .news-sidebar-announcements a:last-child{border-bottom:0;padding-bottom:0}.news-sidebar-block-announcements .news-sidebar-announcements a:hover strong,.news-sidebar-block-announcements .news-sidebar-announcements strong{color:#fff}.placeholder-gambar img{image-rendering:auto}@media (width<=575.98px){.facility-pagination .school-pagination .pagination{gap:.3rem}.facility-pagination .school-pagination .page-link{height:38px;width:38px}.frontend-body .hero-full{min-height:450px;padding-bottom:3.6rem;padding-top:3.6rem}.frontend-body .news-section,.frontend-body .partner-section,.frontend-body .program-section,.frontend-body .section-block.muted-band{padding-bottom:3.15rem;padding-top:3.15rem}.frontend-body .program-section{padding-top:3.35rem}.frontend-body .program-grid{gap:1.35rem}.frontend-body .news-headline,.frontend-body .section-head,.frontend-body .section-head.compact{margin-bottom:1.35rem}.frontend-body .section-row-head{gap:1rem}.frontend-body .competency-strip{gap:.9rem}.frontend-body .news-announcement-grid{gap:2rem}.frontend-body .news-layout{gap:1.45rem}.frontend-body .news-mini-list{display:grid;gap:.85rem}.frontend-body .home-announcement-panel{margin-top:.35rem;padding:1.35rem}.frontend-body .staff-principal-grid{gap:2.2rem}.frontend-body .principal-card,.frontend-body .profile-card,.frontend-body .teacher-list-card{display:block;padding-bottom:.25rem}.frontend-body .principal-card .btn,.frontend-body .profile-card .btn{margin-top:1rem}.frontend-body .partner-marquee{padding-bottom:1.35rem;padding-top:.95rem}.frontend-body .competency-hero{min-height:370px;padding-bottom:3.55rem;padding-top:3.45rem}.frontend-body .competency-hero>.container{display:block;max-width:100%;padding-left:1rem;padding-right:1rem;width:100%}.frontend-body .competency-hero .breadcrumb-line{display:flex;flex-wrap:wrap;font-size:.82rem;gap:.35rem .45rem;line-height:1.4;margin-bottom:1.05rem;overflow:visible;white-space:normal}.frontend-body .competency-hero .section-eyebrow{display:inline-block;margin-bottom:.75rem}.frontend-body .competency-hero h1{font-size:clamp(2.08rem,10vw,2.8rem);line-height:1.08;margin:0;max-width:100%;overflow-wrap:anywhere}.frontend-body .competency-hero p{font-size:.94rem;line-height:1.68;margin-top:1rem;max-width:100%}.frontend-body .competency-detail-section,.frontend-body .extracurricular-detail-section{padding-bottom:3.15rem;padding-top:2.75rem}.frontend-body .competency-detail-section .container,.frontend-body .extracurricular-detail-section .container{max-width:100%;padding-left:1rem;padding-right:1rem;width:100%}.frontend-body .competency-detail-layout{display:grid;gap:2rem;grid-template-columns:1fr;min-width:0;width:100%}.frontend-body .competency-side{display:grid;gap:1rem;min-width:0;position:static;width:100%}.frontend-body .competency-main-image.placeholder-gambar{border-radius:8px;box-shadow:0 12px 26px #0b1b3f14;width:100%}.frontend-body .competency-info-card{border-radius:8px;margin:0;padding:1.15rem;width:100%}.frontend-body .competency-info-card strong{font-size:1.05rem;margin-bottom:.55rem}.frontend-body .competency-info-card p{font-size:.92rem;line-height:1.6}.frontend-body .competency-content{display:grid;gap:1.35rem;margin-top:.95rem;min-width:0}.frontend-body .competency-block{padding-bottom:1.2rem}.frontend-body .competency-content>.competency-block:first-child{padding-top:.25rem}.frontend-body .competency-block .section-eyebrow,.frontend-body .competency-table-head .section-eyebrow{display:block;line-height:1.2;margin-bottom:.62rem;max-width:100%;width:max-content}.frontend-body .competency-content>.competency-block:first-child .section-eyebrow{margin-top:.2rem}.frontend-body .competency-block h2,.frontend-body .competency-highlight h2{font-size:1.22rem;line-height:1.3;margin-bottom:.7rem}.frontend-body .competency-block p,.frontend-body .competency-highlight p,.frontend-body .rich-content{font-size:.94rem;line-height:1.72}.frontend-body .competency-table-head{margin-bottom:.85rem}.frontend-body .competency-table-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;margin-top:.65rem;max-width:100%;overflow-x:auto}.frontend-body .competency-table{font-size:.86rem;min-width:620px}.frontend-body .competency-table td,.frontend-body .competency-table th{padding:.78rem}.frontend-body .competency-highlight-grid{gap:1rem;grid-template-columns:1fr}.frontend-body .competency-highlight{border-radius:8px;padding:1.15rem}.frontend-body .extracurricular-detail-section+.section-block{padding-bottom:3.15rem;padding-top:2.8rem}.frontend-body .extracurricular-detail-section+.section-block .section-head{margin-bottom:1.25rem}.frontend-body .card-grid.four{gap:1rem;grid-template-columns:1fr}.frontend-body .school-card{border-radius:8px}.frontend-body .school-card h3{font-size:1rem;line-height:1.28}.frontend-body .school-card p{font-size:.9rem;line-height:1.58}}