@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--green:#08724f;--green2:#0a8a60;--dark:#073d2d;--deep:#032b20;--lime:#c7e64f;--gold:#d9b45b;--cream:#f4f1e7;--paper:#fbfcfa;--ink:#172d26;--muted:#66766f;--line:#dde7e1;--shadow:0 20px 60px rgba(3,43,32,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:132px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1210px,calc(100% - 48px));margin:auto}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notice{height:38px;background:var(--deep);color:#d5e4dd;font-size:11px}.notice-in{height:100%;display:flex;align-items:center}.notice-label{align-self:stretch;background:var(--lime);color:var(--deep);font-weight:800;letter-spacing:1.1px;display:flex;align-items:center;padding:0 18px;margin-right:22px}.ticker{flex:1;overflow:hidden;white-space:nowrap}.ticker span{display:inline-block}.notice-links{display:flex;gap:20px}.notice-links a:hover{color:#fff}.site-header{height:142px;background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 5px 25px rgba(3,45,31,.08)}.header-main{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong,.brand span,.brand small{display:block}.brand strong{font:800 24px/1 'Manrope',sans-serif;color:var(--dark);letter-spacing:.6px}.brand span{font:700 10px 'Manrope',sans-serif;color:#50675e;letter-spacing:2.1px;margin-top:5px}.brand small{font-size:8px;color:#84958e;margin-top:4px;letter-spacing:.6px}.header-contact{display:flex;align-items:center;gap:11px}.contact-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--green)}.contact-icon svg{width:17px}.header-contact span,.header-contact strong{display:block}.header-contact span{font-size:9px;color:#809087}.header-contact strong{font-size:13px;color:var(--dark);margin-top:3px}.nav-shell{height:54px;border-top:1px solid #eef3f0}.nav-row{height:100%;display:flex;align-items:stretch}.nav{display:flex;align-items:stretch;flex:1;gap:2px}.nav>a,.nav-item>button{border:0;background:transparent;height:100%;padding:0 15px;text-transform:uppercase;font:700 11px 'Manrope',sans-serif;color:#243e35;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative}.nav>a:after,.nav-item>button:after{content:'';position:absolute;height:3px;background:var(--green);bottom:0;left:15px;right:15px;transform:scaleX(0);transition:.25s}.nav>a:hover:after,.nav-item>button:hover:after,.nav-item.open>button:after{transform:scaleX(1)}.nav-item{position:relative}.nav-item>button svg{width:13px}.dropdown{position:absolute;left:0;top:calc(100% + 12px);width:330px;padding:10px;background:#fff;border-top:3px solid var(--green);box-shadow:0 20px 55px rgba(2,42,29,.18);opacity:0;visibility:hidden;transform:translateY(7px);transition:.22s;display:grid;z-index:10}.nav-item:hover .dropdown,.nav-item.open .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{padding:12px 14px;border-bottom:1px solid #edf2ef;display:block}.dropdown a:last-child{border:0}.dropdown a:hover{background:#f1f7f4}.dropdown b,.dropdown span{display:block}.dropdown b{font:700 12px 'Manrope',sans-serif;color:var(--dark)}.dropdown span{font-size:10px;color:#849188;margin-top:4px}.dropdown-wide{width:440px;grid-template-columns:1fr 1fr}.dropdown-wide a:nth-last-child(2){border-bottom:0}.ppdb-button{width:158px;background:linear-gradient(135deg,#ff9d19,#f37900);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 15px;margin-left:8px;clip-path:polygon(0 0,100% 0,100% 70%,85% 100%,0 100%)}.ppdb-button span,.ppdb-button small{display:block}.ppdb-button span{font:800 15px/1 'Manrope',sans-serif}.ppdb-button small{font-size:8px;margin-top:3px;letter-spacing:.7px}.ppdb-button svg{width:18px}.search-btn{width:55px;border:0;background:#f6f8f6;position:relative}.search-btn span{width:15px;height:15px;border:2px solid var(--dark);border-radius:50%;display:block;margin:auto}.search-btn span:after{content:'';width:7px;height:2px;background:var(--dark);position:absolute;transform:rotate(45deg);margin:12px 0 0 -1px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--dark);margin:5px;transition:.3s}.hero{height:650px;position:relative;color:#fff;overflow:hidden;background:var(--deep)}.hero-image{position:absolute;inset:0;background:url('../images/slider/hero-madrasah.jpg') center/cover no-repeat;transition:background-image .5s}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,35,26,.94) 0%,rgba(2,49,35,.73) 47%,rgba(2,49,35,.08) 80%)}.hero-ornament{position:absolute;right:-80px;top:-140px;width:540px;height:540px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.hero-inner{height:100%;position:relative;display:flex;align-items:center;justify-content:space-between}.hero-copy{width:710px;padding-bottom:20px}.hero-badge{display:flex;align-items:center;gap:14px;color:#d8ee78;text-transform:uppercase;letter-spacing:2.2px;font-size:10px}.hero-badge span{width:34px;height:1px;background:currentColor}.hero h1{font:700 62px/1.05 'Playfair Display',serif;margin:22px 0 19px;letter-spacing:-1.2px}.hero h1 em{color:#d7eb7e;font-weight:600}.hero-copy>p{font-size:16px;line-height:1.8;color:#dce9e3;max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:0 22px;border-radius:3px;font:700 11px 'Manrope',sans-serif;text-transform:uppercase;letter-spacing:.45px}.btn svg,.text-link svg,.program-cards a svg,.news-body a svg{width:18px}.btn-lime{background:var(--lime);color:var(--deep)}.btn-lime:hover{background:#d6f065}.btn-glass{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.06);backdrop-filter:blur(5px)}.hero-dots{display:flex;gap:9px;margin-top:48px}.hero-dots button{border:0;background:transparent;color:#ffffff77;font:600 9px 'Manrope';padding:7px 0;width:35px;border-bottom:2px solid #ffffff3c}.hero-dots button.active{color:#fff;border-color:var(--lime)}.hero-card{width:225px;padding:26px;background:rgba(4,54,39,.73);backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.15);margin-top:180px}.hero-card>span{font-size:9px;text-transform:uppercase;color:#b8cec4;letter-spacing:1.4px}.hero-card>strong{font:600 22px/1.25 'Playfair Display',serif;display:block;margin:10px 0 25px}.hero-card>div{display:flex;align-items:center;gap:10px}.hero-card b{color:var(--lime);font-size:10px}.hero-card i{width:35px;height:1px;background:#ffffff50}.hero-card small{font-size:8px;color:#abc2b7}.scroll-hint{position:absolute;right:28px;bottom:90px;display:flex;align-items:center;gap:11px;transform:rotate(90deg);transform-origin:right;font-size:8px;text-transform:uppercase;letter-spacing:1.5px}.scroll-hint i{width:45px;height:1px;background:#fff}.services{position:relative;margin-top:-52px;z-index:5}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:var(--shadow)}.service-grid>a{height:105px;padding:20px 22px;display:flex;align-items:center;gap:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service-grid>a:hover{background:var(--green);color:#fff}.service-icon{width:45px;height:45px;border-radius:50%;background:#e9f4ef;color:var(--green);display:grid;place-items:center;flex:0 0 auto}.service-icon svg{width:21px}.service-grid>a:hover .service-icon{background:#fff}.service-grid small,.service-grid strong{display:block}.service-grid small{font-size:9px;color:#8a9891;margin-bottom:4px}.service-grid strong{font:700 14px 'Manrope',sans-serif}.service-grid>a:hover small{color:#c3dbd0}.service-arrow{margin-left:auto;width:17px;color:#9aaba3}.section{padding:110px 0}.section-tag{text-transform:uppercase;color:var(--green);letter-spacing:2.2px;font:800 10px 'Manrope',sans-serif}.section-tag:before{content:'';display:inline-block;width:27px;height:1px;background:currentColor;vertical-align:middle;margin-right:11px}.section-copy h2,.heading-row h2,.center-heading h2,.vision h2,.achievement h2{font:700 45px/1.15 'Playfair Display',serif;color:var(--dark);margin:16px 0 25px}.section-copy h2 em,.heading-row h2 em,.center-heading h2 em,.vision h2 em,.achievement h2 em{color:var(--green);font-weight:600}.section-copy p,.heading-row>p,.center-heading>p{color:var(--muted);font-size:14px;line-height:1.85}.section-copy .lead{font-size:15px;color:#52685f}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:95px;align-items:center}.about-media{height:590px;position:relative}.about-photo{position:absolute;background:center/cover no-repeat}.photo-a{left:0;top:0;width:78%;height:520px;background-image:linear-gradient(145deg,rgba(3,60,42,.12),transparent),url('../images/slider/hero-madrasah.jpg')}.photo-b{right:0;bottom:0;width:44%;height:280px;border:8px solid #fff;background-image:url('../images/slider/hero-prestasi.jpg')}.experience{position:absolute;left:-20px;bottom:15px;background:var(--green);color:#fff;padding:23px 27px;display:flex;align-items:center;gap:15px;box-shadow:0 18px 40px rgba(3,60,42,.25)}.experience strong{font:700 42px 'Playfair Display';color:var(--lime)}.experience span{font-size:10px;line-height:1.5}.arabic{position:absolute;right:15px;top:20px;background:#fff;color:var(--green);padding:14px 20px;font:22px serif;box-shadow:0 12px 35px rgba(3,60,42,.15)}.about-points{margin:29px 0}.about-points article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.about-points article>span{color:var(--green);font:600 15px 'Playfair Display'}.about-points strong{font:700 13px 'Manrope';color:var(--dark)}.about-points p{margin:4px 0 0;font-size:11px;line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--green);font:700 11px 'Manrope';text-transform:uppercase;border-bottom:1px solid #b6cec2;padding-bottom:6px}.metrics{background:var(--deep);color:#fff;padding:52px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid>div{padding:0 28px;border-right:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:35px 1fr;column-gap:14px;align-items:center}.metric-grid>div:first-child{padding-left:0}.metric-grid>div:last-child{border:0}.metric-grid svg{width:31px;grid-row:1/3;color:var(--lime)}.metric-grid strong{font:700 35px 'Playfair Display';color:#fff}.metric-grid span{font-size:9px;color:#afc5ba;text-transform:uppercase;letter-spacing:.9px}.programs{background:var(--cream)}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}.heading-row>p{width:430px}.program-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.program-cards article{background:#fff;padding:28px 25px;min-height:310px;border-bottom:3px solid transparent;transition:.3s}.program-cards article:hover{transform:translateY(-8px);border-color:var(--lime);box-shadow:0 17px 35px rgba(3,50,35,.1)}.program-top{display:flex;justify-content:space-between}.program-top svg{width:43px;height:43px;color:var(--green);background:#eaf4ef;padding:10px;border-radius:50%}.program-top span{color:#c2cec8;font:600 18px 'Playfair Display'}.program-cards h3{font:700 20px 'Playfair Display';color:var(--dark);margin:27px 0 12px}.program-cards p{font-size:12px;line-height:1.75;color:var(--muted);min-height:64px}.program-cards a,.news-body a{display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:700;text-transform:uppercase;margin-top:24px}.vision{min-height:610px;background:var(--dark);display:grid;grid-template-columns:1fr 1fr}.vision-photo{background:url('../images/slider/hero-prestasi.jpg') center/cover}.vision-content{padding:90px max(40px,calc((100vw - 1210px)/2)) 80px 75px;position:relative;overflow:hidden}.vision-content:after{content:'۞';position:absolute;right:-70px;bottom:-130px;font-size:370px;color:rgba(255,255,255,.04)}.section-tag.light{color:var(--lime)}.vision h2,.vision h2 em,.achievement h2,.achievement h2 em{color:#fff}.vision p,.achievement p{font-size:14px;line-height:1.85;color:#bed0c7;max-width:570px}.values{margin:30px 0;position:relative;z-index:2}.values>div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid rgba(255,255,255,.12);padding:16px 0}.values b{color:var(--lime);font-size:11px}.values span{font-size:11px;color:#b7cbc1}.btn-outline-light{border:1px solid rgba(255,255,255,.45);color:#fff;position:relative;z-index:2}.greeting-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.principal{position:relative;height:590px}.principal-placeholder{height:540px;background:linear-gradient(160deg,#dce9e2,#afc8bc);display:grid;place-items:center;text-align:center;color:#47655a}.principal-placeholder img{width:150px;opacity:.16;filter:grayscale(1);position:absolute}.principal-placeholder span{font:600 13px 'Manrope';z-index:1}.principal-placeholder small{font-weight:400;color:#789087}.principal-label{position:absolute;bottom:0;right:-28px;background:var(--green);color:#fff;width:280px;padding:22px}.principal-label small,.principal-label strong{display:block}.principal-label small{font-size:9px;color:#c2dbd0;text-transform:uppercase}.principal-label strong{font:600 18px 'Playfair Display';margin-top:6px}.quote-mark{font:700 70px 'Playfair Display';color:var(--lime);height:50px}.signature{border-left:3px solid var(--lime);padding-left:17px;margin:25px 0}.signature strong,.signature span{display:block}.signature strong{font:600 18px 'Playfair Display';color:var(--dark)}.signature span{font-size:10px;color:#849188;margin-top:4px}.organization{background:#f6f8f6}.center-heading{text-align:center;max-width:650px;margin:0 auto 50px}.org-chart{max-width:950px;margin:auto;text-align:center;position:relative}.org-chart article{background:#fff;padding:20px;box-shadow:0 10px 35px rgba(3,50,35,.08)}.org-head{width:270px;margin:auto}.org-chart small,.org-chart strong{display:block}.org-chart small{font-size:9px;text-transform:uppercase;color:var(--green);letter-spacing:.7px}.org-chart strong{font:600 15px 'Playfair Display';margin-top:5px}.avatar{width:48px;height:48px;background:var(--dark);color:#fff;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;font:700 12px 'Manrope'}.org-line{height:55px;width:1px;background:#9db6aa;margin:auto;position:relative}.org-line:after{content:'';position:absolute;left:-340px;bottom:0;width:680px;height:1px;background:#9db6aa}.org-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.org-row article{position:relative}.org-row article:before{content:'';position:absolute;width:1px;height:20px;background:#9db6aa;top:-20px;left:50%}.team{background:#fff}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-grid article{border-bottom:2px solid var(--green);padding-bottom:15px}.team-photo{height:330px;background:linear-gradient(145deg,#e0ebe6,#b5ccc1);display:grid;place-items:center;color:#6e887c;font-size:10px;margin-bottom:16px;position:relative}.team-photo:before{content:'';width:95px;height:95px;border-radius:50%;background:#fff5;box-shadow:0 100px 0 30px #fff4}.team-grid small,.team-grid strong{display:block}.team-grid small{font-size:9px;color:var(--green);text-transform:uppercase;letter-spacing:.8px}.team-grid strong{font:600 16px 'Playfair Display';color:var(--dark);margin-top:5px}.btn-dark{background:var(--dark);color:#fff}.achievement{background:linear-gradient(115deg,rgba(3,43,32,.98),rgba(5,91,64,.9)),url('../images/slider/hero-madrasah.jpg') center/cover;padding:85px 0;color:#fff}.achievement-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.award-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff22}.award-grid article{height:155px;background:#0b4e3999;padding:30px;display:flex;flex-direction:column;justify-content:center}.award-grid strong{font:600 37px 'Playfair Display';color:var(--lime)}.award-grid b{font-size:12px;color:var(--lime)}.award-grid span{font-size:10px;color:#c4d8cf;text-transform:uppercase;letter-spacing:.8px;margin-top:7px}.news{background:#fafbf9}.news-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.news-feature{background:#fff}.news-photo{height:320px;background:center/cover no-repeat;position:relative}.np-1{background-image:url('../images/slider/hero-prestasi.jpg')}.news-photo>span{position:absolute;left:20px;top:20px;background:var(--lime);color:var(--dark);padding:7px 10px;font-size:9px;text-transform:uppercase;font-weight:700}.news-body{padding:27px}.news-body small,.news-side small{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.8px}.news-body h3{font:600 23px/1.35 'Playfair Display';color:var(--dark);margin:10px 0}.news-body p{color:var(--muted);font-size:12px;line-height:1.7}.news-side{display:grid;gap:14px}.news-side>article{background:#fff;display:grid;grid-template-columns:160px 1fr;gap:19px;padding:13px;align-items:center}.news-thumb{height:110px;background:center/cover}.np-2{background-image:url('../images/slider/hero-madrasah.jpg')}.np-3{background-image:url('../images/slider/hero-prestasi.jpg')}.news-side h3{font:600 16px/1.35 'Playfair Display';color:var(--dark);margin:7px 0}.news-side a{font-size:9px;color:var(--green);font-weight:700}.announcement{background:var(--dark)!important;color:#fff!important}.date{width:90px;height:90px;background:var(--lime);color:var(--dark);display:grid;place-items:center;align-content:center}.date strong{font:600 31px/1 'Playfair Display'}.date span{font-size:8px}.announcement h3{color:#fff}.gallery .center-heading{margin-bottom:40px}.gallery-grid{display:grid;grid-template-columns:1.25fr .8fr .95fr;grid-template-rows:220px 220px;gap:12px}.gallery-item{position:relative;background:center/cover;overflow:hidden}.gallery-item:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(2,35,26,.8))}.gallery-item span{position:absolute;left:18px;bottom:17px;z-index:1;color:#fff;font:600 14px 'Playfair Display'}.g1{grid-row:1/3;background-image:url('../images/slider/hero-madrasah.jpg')}.g2,.g5{background-image:url('../images/slider/hero-prestasi.jpg')}.g3,.g4{background-image:url('../images/slider/hero-madrasah.jpg')}.g5{grid-column:2/4}.ppdb{background:linear-gradient(100deg,var(--green),#0b805b);color:#fff;padding:80px 0;position:relative;overflow:hidden}.ppdb-pattern{position:absolute;width:450px;height:450px;border:1px solid #ffffff20;border-radius:50%;right:-90px;top:-160px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.ppdb-in{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.ppdb h2{font:700 41px/1.18 'Playfair Display';margin:16px 0}.ppdb p{font-size:13px;color:#d6e8e0;max-width:650px;line-height:1.75}.ppdb-meta{display:flex;gap:25px;font-size:10px;color:#e5f0eb;margin-top:22px}.ppdb-actions{display:flex;flex-direction:column;gap:10px;min-width:230px}footer{background:var(--deep);color:#adc3b8;padding-top:75px}.footer-main{display:grid;grid-template-columns:1.5fr .7fr .7fr 1.2fr;gap:55px}.brand-light strong{color:#fff}.brand-light span{color:#d4e2dc}.footer-about>p{font-size:12px;line-height:1.8;max-width:320px}.socials{display:flex;gap:8px;margin-top:20px}.socials a{width:32px;height:32px;border:1px solid #4c6e60;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700}.footer-main h4{color:#fff;font:600 15px 'Playfair Display';margin:0 0 21px}.footer-main>div>a:not(.brand){display:block;font-size:11px;margin:12px 0}.footer-contact p{display:flex;gap:10px;font-size:11px;line-height:1.7}.footer-contact svg{width:17px;flex:0 0 auto;color:var(--lime)}.footer-contact small{font-size:9px;color:#779386}.footer-bottom{border-top:1px solid #ffffff16;margin-top:55px;padding:21px 0;display:flex;justify-content:space-between;font-size:9px}.wa,.back-top{position:fixed;right:20px;border:0;color:#fff;z-index:30;display:grid;place-items:center;box-shadow:0 9px 30px rgba(3,42,30,.28)}.wa{bottom:22px;width:50px;height:50px;background:#22c769;border-radius:50%}.wa svg{width:22px}.back-top{bottom:82px;width:36px;height:36px;background:var(--dark);opacity:0;pointer-events:none;transition:.25s}.back-top.show{opacity:1;pointer-events:auto}
@media(max-width:1024px){.container{width:min(100% - 36px,1210px)}.site-header{height:78px}.header-main{height:78px}.header-contact,.nav-shell{display:none}.menu-toggle{display:block}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-shell.mobile-open{display:block;position:fixed;inset:78px 0 0;background:#fff;height:auto;overflow-y:auto;padding:10px 18px 40px}.nav-shell.mobile-open .nav-row{height:auto;display:block}.nav-shell.mobile-open .nav{display:block}.nav-shell.mobile-open .nav>a,.nav-shell.mobile-open .nav-item>button{width:100%;height:52px;padding:0 5px;border-bottom:1px solid var(--line);justify-content:space-between}.nav-shell.mobile-open .nav-item{display:block}.nav-shell.mobile-open .nav-item>button svg{width:15px}.nav-shell.mobile-open .nav-item.open>button svg{transform:rotate(180deg)}.nav-shell.mobile-open .dropdown{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:0;background:#f3f7f5;padding:5px}.nav-shell.mobile-open .nav-item.open .dropdown{display:grid}.nav-shell.mobile-open .dropdown-wide{grid-template-columns:1fr}.nav-shell.mobile-open .ppdb-button{width:100%;height:62px;margin:15px 0 0;clip-path:none;border-radius:4px}.nav-shell.mobile-open .search-btn{display:none}body.menu-open{overflow:hidden}.hero{height:610px}.hero h1{font-size:52px}.hero-card{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.greeting-grid{gap:55px}.program-cards{grid-template-columns:1fr 1fr}.vision-content{padding-left:50px}.team-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:70px}.container{width:calc(100% - 30px)}.notice{height:32px}.notice-label{padding:0 10px;margin-right:10px;font-size:8px}.ticker{font-size:9px}.notice-links{display:none}.site-header{top:0;height:70px}.header-main{height:70px}.brand img{width:47px;height:47px}.brand strong{font-size:19px}.brand span{font-size:8px;letter-spacing:1.5px}.brand small{display:none}.nav-shell.mobile-open{inset:70px 0 0}.hero{height:650px;min-height:650px}.hero-image{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(2,35,26,.94),rgba(2,49,35,.64)),linear-gradient(0deg,rgba(2,35,26,.8),transparent)}.hero-inner{align-items:flex-start;padding-top:95px}.hero-copy{width:100%;padding:0}.hero-badge{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:42px;line-height:1.07;margin:19px 0}.hero-copy>p{font-size:13px;line-height:1.65;max-width:92%}.hero-actions{display:grid;grid-template-columns:1fr;max-width:260px;margin-top:26px}.hero-actions .btn{width:100%}.hero-dots{position:absolute;bottom:85px;margin:0}.scroll-hint{display:none}.services{margin-top:-35px}.service-grid{grid-template-columns:1fr 1fr}.service-grid>a{height:95px;padding:13px 11px;gap:9px}.service-icon{width:37px;height:37px}.service-icon svg{width:18px}.service-grid strong{font-size:11px}.service-grid small{font-size:7px}.service-arrow{display:none}.section{padding:72px 0}.section-copy h2,.heading-row h2,.center-heading h2,.vision h2,.achievement h2{font-size:34px}.about-grid,.greeting-grid{grid-template-columns:1fr;gap:48px}.about-media{height:430px}.photo-a{width:88%;height:390px}.photo-b{height:190px;width:45%;border-width:5px}.experience{left:0;bottom:0;padding:16px 18px}.experience strong{font-size:32px}.about-points article{grid-template-columns:35px 1fr}.metric-grid{grid-template-columns:1fr 1fr;gap:25px 0}.metric-grid>div{padding:0 12px;grid-template-columns:26px 1fr}.metric-grid>div:nth-child(2){border:0}.metric-grid svg{width:23px}.metric-grid strong{font-size:27px}.metric-grid span{font-size:7px}.heading-row{display:block;margin-bottom:32px}.heading-row>p{width:auto}.program-cards{grid-template-columns:1fr}.program-cards article{min-height:265px}.program-cards p{min-height:auto}.vision{grid-template-columns:1fr}.vision-photo{height:340px}.vision-content{padding:65px 15px}.principal{height:470px}.principal-placeholder{height:430px}.principal-label{right:0;width:260px}.org-line:after{display:none}.org-line{height:30px}.org-row{grid-template-columns:1fr 1fr;gap:13px}.org-row article:before{display:none}.team-grid{grid-template-columns:1fr 1fr;gap:12px}.team-photo{height:235px}.team-grid strong{font-size:13px}.achievement-grid{grid-template-columns:1fr;gap:40px}.award-grid article{height:120px;padding:20px}.news-side>article{grid-template-columns:105px 1fr;gap:12px}.news-thumb{height:95px}.news-side h3{font-size:14px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 150px 150px}.g1{grid-column:1/3;grid-row:auto}.g5{grid-column:1/3}.ppdb-in{display:block}.ppdb h2{font-size:34px}.ppdb-meta{display:grid;gap:8px}.ppdb-actions{margin-top:30px}.footer-main{grid-template-columns:1fr;gap:35px}.footer-bottom{display:block;line-height:2}.wa{width:46px;height:46px}.back-top{right:25px}.dropdown a{padding:13px 12px}.dropdown b{font-size:11px}}
@media(max-width:380px){.brand span{letter-spacing:1px}.hero h1{font-size:37px}.service-grid{grid-template-columns:1fr}.service-grid>a{height:78px}.team-grid{grid-template-columns:1fr}.org-row{grid-template-columns:1fr}.metric-grid strong{font-size:24px}}
.btn svg,.text-link svg,.program-cards a svg,.news-body a svg,.ppdb-button svg{width:18px;height:18px;flex:0 0 auto}
.brand img{background:#fff;border-radius:50%;padding:3px}.footer-main.compact{grid-template-columns:1.35fr .65fr .75fr 1.25fr;gap:38px}.footer-main.compact .footer-about>p{margin:12px 0}.footer-main.compact .socials{margin-top:13px}.footer-main.compact>div>a:not(.brand){margin:8px 0}.footer-main.compact .footer-contact p{margin:7px 0}.powered{color:#c7e64f}.powered b{color:#fff}.wa img{width:25px;height:25px}.service-page{background:#f4f7f5}.service-header{height:84px;background:#fff;box-shadow:0 4px 24px rgba(3,43,32,.09)}.service-header .container{height:100%;display:flex;align-items:center;justify-content:space-between}.service-back{font:700 10px 'Manrope';text-transform:uppercase;color:var(--green)}.service-hero{background:linear-gradient(110deg,#032b20,#08724f);color:#fff;padding:72px 0}.service-hero span{color:var(--lime);font:700 10px 'Manrope';letter-spacing:2px}.service-hero h1{font:700 48px 'Playfair Display';margin:15px 0 8px}.service-hero p{color:#c7dbd2;margin:0}.service-content{padding:70px 0}.service-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:55px}.service-layout>article{background:#fff;padding:42px;box-shadow:0 14px 45px rgba(3,43,32,.07)}.service-layout h2{font:700 33px 'Playfair Display';color:var(--dark);margin:14px 0}.service-layout article>p{color:var(--muted);line-height:1.85}.service-layout h3{font:700 18px 'Playfair Display';color:var(--dark);margin-top:30px}.service-layout ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-layout li{background:#eef5f1;padding:13px;font-size:12px}.service-layout li b{color:var(--green);margin-right:8px}.service-layout aside{background:var(--dark);color:#fff;padding:32px;align-self:start}.service-layout aside>img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}.service-layout aside h3{color:#fff;font-size:23px}.service-layout aside p{color:#bdd0c7;font-size:12px;line-height:1.7}.service-wa,.service-phone{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:11px;font-size:11px;font-weight:700}.service-wa{background:#25d366;color:#fff;gap:9px}.service-wa img{width:20px}.service-phone{border:1px solid #ffffff55}.mini-footer{background:var(--deep);color:#a9c0b5;padding:20px 0;font-size:9px}.mini-footer .container{display:flex;justify-content:space-between}.mini-footer a{color:var(--lime)}
@media(max-width:700px){.footer-main.compact{grid-template-columns:1fr 1fr;gap:25px}.footer-main.compact .footer-about,.footer-main.compact .footer-contact{grid-column:1/3}.service-header{height:70px}.service-header .brand small{display:none}.service-back{font-size:8px}.service-hero{padding:50px 0}.service-hero h1{font-size:37px}.service-content{padding:40px 0}.service-layout{grid-template-columns:1fr;gap:20px}.service-layout>article{padding:25px}.service-layout ul{grid-template-columns:1fr}.mini-footer .container{display:block;line-height:2}.footer-bottom{margin-top:30px}}
footer:not(.mini-footer){padding-top:42px}.footer-main.compact{gap:32px}.footer-main.compact .footer-about>p{margin:9px 0}.footer-main.compact .socials{margin-top:10px}.footer-main.compact>div>a:not(.brand){margin:6px 0}.footer-main.compact .footer-contact p{margin:5px 0}.footer-main.compact h4{margin-bottom:13px}footer:not(.mini-footer) .footer-bottom{margin-top:26px;padding:15px 0}
@media(max-width:700px){footer:not(.mini-footer){padding-top:34px}.footer-main.compact{gap:20px}.footer-main.compact>div>a:not(.brand){margin:5px 0}footer:not(.mini-footer) .footer-bottom{margin-top:22px}}

/* Aset contoh siap diganti tanpa mengubah kode */
.principal-placeholder{background:#dce9e2 url('../images/pimpinan/kepala_sekolah.png') center top/cover no-repeat}
.principal-placeholder img,.principal-placeholder span{display:none}
.team-photo{background-color:#dce9e2;background-position:center top;background-size:cover;background-repeat:no-repeat}
.team-grid article:nth-child(1) .team-photo{background-image:url('../images/guru/guru_01.png')}
.team-grid article:nth-child(2) .team-photo{background-image:url('../images/guru/guru_02.png')}
.team-grid article:nth-child(3) .team-photo{background-image:url('../images/guru/guru_03.png')}
.team-grid article:nth-child(4) .team-photo{background-image:url('../images/guru/guru_04.png')}
.team-photo span,.team-photo:before{display:none}
.np-1{background-image:url('../images/berita/berita_prestasi.jpg')}.np-2{background-image:url('../images/berita/berita_muharam.jpg')}.np-3{background-image:url('../images/berita/berita_proyek.jpg')}
.gallery-item.g1{background-image:url('../images/galeri/galeri_01.jpg')}.gallery-item.g2{background-image:url('../images/galeri/galeri_02.jpg')}.gallery-item.g3{background-image:url('../images/galeri/galeri_03.jpg')}.gallery-item.g4{background-image:url('../images/galeri/galeri_04.jpg')}.gallery-item.g5{background-image:url('../images/galeri/galeri_05.jpg')}