:root{--navy:#071c3b;--navy2:#0d2c57;--gold:#d9a62e;--gold2:#f0c453;--cream:#f6f3ec;--ink:#12213a;--muted:#64748b;--line:#e6e9ee;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.7;background:#fff}h1,h2,h3,h4,h5,h6,.navbar-brand{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.035em}a{text-decoration:none}.topbar{background:var(--navy);color:#dce6f5;font-size:.76rem;padding:.45rem 0}.school-nav{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 2px 20px rgba(7,28,59,.07);padding:.8rem 0}.navbar-brand strong{display:block;font-size:.95rem;letter-spacing:-.02em;color:var(--navy)}.navbar-brand small{display:block;font-family:'DM Sans';font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;color:#7a879a}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--navy);color:var(--gold2);font-size:1.15rem;box-shadow:0 8px 20px rgba(7,28,59,.18)}.brand-mark-light{background:#fff}.school-nav .nav-link{font-size:.86rem;font-weight:600;color:#40506a;padding:.7rem .75rem!important;position:relative}.school-nav .nav-link.active,.school-nav .nav-link:hover{color:var(--navy)}.school-nav .nav-link.active:after{content:"";position:absolute;bottom:.25rem;left:.75rem;right:.75rem;height:2px;background:var(--gold)}.btn{font-weight:700;border-radius:10px;padding:.72rem 1.25rem}.btn-lg{font-size:.92rem;padding:.95rem 1.45rem}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold2);border-color:var(--gold2);color:var(--navy);transform:translateY(-2px)}.btn-navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2);color:#fff}.text-gold{color:var(--gold2)!important}.hero-home{position:relative;min-height:780px;background:url('https://images.unsplash.com/photo-1523580846011-d3a5bc25702b?auto=format&fit=crop&w=2000&q=88') center 43%/cover no-repeat;color:#fff;display:flex;align-items:stretch}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,36,.94) 0%,rgba(3,15,36,.72) 48%,rgba(3,15,36,.18) 100%),linear-gradient(0deg,rgba(3,15,36,.55),transparent 55%)}.hero-content{position:relative;z-index:1;padding-top:6rem;padding-bottom:10rem}.min-vh-75{min-height:600px}.eyebrow,.section-kicker{text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:.8rem}.eyebrow span{width:38px;height:2px;background:var(--gold)}.hero-home h1{font-size:clamp(3.5rem,8vw,7.4rem);line-height:.93;margin:1.2rem 0 1.4rem;letter-spacing:-.065em}.hero-home h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold2)}.hero-lead{font-size:clamp(1.05rem,2vw,1.45rem);max-width:680px;color:#e4ebf6;margin-bottom:2rem}.hero-stats{position:absolute;z-index:2;bottom:0;left:0;right:0;background:rgba(7,28,59,.87);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.16)}.stat-item{padding:1.5rem 2rem;border-right:1px solid rgba(255,255,255,.12)}.stat-item strong{font-family:'Manrope';font-size:2rem;color:var(--gold2);display:block}.stat-item small{color:#d7e1ef;font-size:.8rem}.section-space{padding:110px 0}.bg-cream{background:var(--cream)}.bg-navy{background:var(--navy)!important}.section-heading{max-width:720px}.section-kicker{display:block;color:#a77a12;margin-bottom:.9rem}.section-kicker.light{color:var(--gold2)}h2{font-size:clamp(2.1rem,4vw,3.55rem);line-height:1.12}h2 em{color:#b27f0a}.section-heading>p,.lead-soft{color:var(--muted);font-size:1.05rem}.features-grid>.col-lg{flex:1 0 20%;min-width:210px}.feature-card{background:#fff;border-radius:var(--radius);padding:2rem 1.6rem;height:100%;position:relative;overflow:hidden;border:1px solid rgba(7,28,59,.05);transition:.3s;box-shadow:0 10px 35px rgba(27,36,56,.05)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(7,28,59,.12)}.feature-icon{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;background:#f7edcf;color:#a87508;font-size:1.35rem;margin-bottom:1.6rem}.feature-card h5{font-size:1rem}.feature-card p{font-size:.87rem;color:var(--muted);line-height:1.6;margin:0}.feature-no{position:absolute;top:1rem;right:1.2rem;font-size:.65rem;color:#b3bac6;font-weight:700}.about-photo{position:relative;padding:0 2rem 2rem 0}.about-photo img{width:100%;height:580px;object-fit:cover;border-radius:8px 80px 8px 8px}.experience-card{position:absolute;right:0;bottom:0;background:var(--navy);color:#fff;padding:1.4rem 1.7rem;border-radius:18px;box-shadow:0 15px 40px rgba(7,28,59,.25);display:flex;align-items:center;gap:1rem}.experience-card strong{font:800 2rem 'Manrope';color:var(--gold2)}.experience-card span{font-size:.75rem;line-height:1.45}.play-button{position:absolute;left:50%;top:50%;width:72px;height:72px;border:0;border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 0 0 12px rgba(255,255,255,.25);transform:translate(-50%,-50%);transition:.2s}.play-button:hover{transform:translate(-50%,-50%) scale(1.08)}.display-heading{font-size:clamp(2.3rem,4vw,3.7rem)}.vision-box{display:flex;gap:1.2rem;background:var(--cream);border-left:3px solid var(--gold);padding:1.4rem;margin:2rem 0}.vision-box>i{color:var(--gold);font-size:1.5rem}.vision-box small{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#9a7421}.vision-box p{margin:.2rem 0 0;font-weight:600;line-height:1.5}.text-link{color:var(--navy);font-weight:800;border-bottom:2px solid var(--gold);padding-bottom:.3rem}.text-link i,.read-more i{font-size:.75rem;margin-left:.4rem;transition:.2s}.text-link:hover i,.read-more:hover i{transform:translateX(4px)}.news-section{background:#fafbfc}.news-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line);transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(7,28,59,.1)}.news-image{display:block;position:relative;overflow:hidden;height:220px}.news-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.news-card:hover .news-image img{transform:scale(1.04)}.news-image span{position:absolute;left:1rem;top:1rem;background:var(--gold2);color:var(--navy);padding:.35rem .7rem;border-radius:20px;text-transform:uppercase;font-weight:800;font-size:.62rem;letter-spacing:.08em}.news-body{padding:1.5rem}.news-body time{color:#7b879a;font-size:.73rem}.news-body h4{font-size:1.15rem;line-height:1.35;margin:.7rem 0}.news-body h4 a{color:var(--navy)}.news-body p{font-size:.85rem;color:var(--muted);line-height:1.65}.read-more{font-size:.78rem;font-weight:800;color:#a2740a}.news-featured .news-image{height:310px}.news-featured .news-body h4{font-size:1.5rem}.agenda-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.agenda-section:after{content:"";position:absolute;width:400px;height:400px;border:80px solid rgba(255,255,255,.025);border-radius:50%;left:-150px;bottom:-180px}.agenda-section p{color:#b9c7da}.agenda-list{border-top:1px solid rgba(255,255,255,.18)}.agenda-item{display:grid;grid-template-columns:80px 1fr auto;gap:1.2rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.18)}.agenda-date{text-align:center;border-right:1px solid rgba(255,255,255,.18)}.agenda-date strong{font:800 1.8rem 'Manrope';display:block;color:var(--gold2)}.agenda-date span,.agenda-item small{font-size:.67rem;letter-spacing:.08em;color:#aebdd0}.agenda-item h5{font-size:1.05rem;margin:.2rem 0}.agenda-item>i{color:var(--gold2)}.achievement-card{border:1px solid var(--line);border-radius:var(--radius);padding:2rem;text-align:center;height:100%;transition:.2s}.achievement-card:hover{border-color:var(--gold);background:var(--cream)}.trophy{width:68px;height:68px;margin:0 auto 1.2rem;border-radius:50%;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-size:1.6rem}.achievement-card>span{color:#a2740a;text-transform:uppercase;font-size:.65rem;letter-spacing:.12em;font-weight:800}.achievement-card h4{font-size:1.15rem;margin:.6rem 0}.achievement-card p{color:var(--muted);font-size:.85rem}.cta-band{background:linear-gradient(120deg,#123866,#071c3b);color:#fff;padding:70px 0}.cta-band h2{margin:.3rem 0;font-size:2.5rem}.cta-band p{color:#c5d1e2;margin:0}.site-footer{background:#041328;color:#aebcd0;padding:80px 0 0;font-size:.85rem}.site-footer h6{color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:1.3rem}.site-footer a{display:block;color:#aebcd0;margin:.65rem 0}.site-footer a:hover{color:var(--gold2)}.site-footer p{display:flex;gap:.8rem;margin:.8rem 0}.site-footer p i{color:var(--gold2);margin-top:.35rem}.footer-intro{display:block!important;max-width:420px}.socials{display:flex;gap:.6rem}.socials a{display:grid;width:36px;height:36px;place-items:center;border:1px solid #32445d;border-radius:50%}.footer-bottom{border-top:1px solid #24354d;margin-top:50px;padding:22px 0;font-size:.74rem}.whatsapp{position:fixed;right:24px;bottom:24px;background:#25d366;color:#fff!important;border-radius:40px;padding:.75rem 1rem;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:99;font-weight:700;font-size:.78rem}.whatsapp i{font-size:1.3rem;vertical-align:middle;margin-right:.4rem}.modal-close{position:absolute;right:-.5rem;top:-2.2rem;z-index:5}.page-hero{--page-image:url('');background:linear-gradient(90deg,rgba(3,15,36,.9),rgba(3,15,36,.35)),var(--page-image) center/cover;min-height:430px;color:#fff;display:flex;align-items:center}.page-hero .container{padding-top:3rem}.page-hero>div>span{color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.7rem}.page-hero h1{font-size:clamp(3rem,7vw,5.5rem);margin:.5rem 0}.page-hero p{font-size:1.1rem;color:#d8e0eb;max-width:650px}.page-hero nav{display:flex;gap:.8rem;align-items:center;font-size:.72rem;margin-top:2rem;text-transform:uppercase;letter-spacing:.08em}.page-hero nav a{color:#d8e0eb}.page-hero nav i{font-size:.55rem;color:var(--gold2)}.rounded-premium{border-radius:8px 70px 8px 8px;max-height:600px;object-fit:cover}.value-card{height:100%;background:#fff;border-radius:20px;padding:2.2rem;border:1px solid var(--line)}.value-card.navy{background:var(--navy);color:#fff}.value-card>i{font-size:2rem;color:var(--gold);margin-bottom:2rem}.value-card>span{display:block;color:#a2740a;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:800}.value-card h3{font-size:1.3rem}.value-card p{color:var(--muted)}.value-card.navy p{color:#bdc9da}.facility-item{border:1px solid rgba(255,255,255,.15);border-radius:15px;padding:1.4rem;display:flex;gap:1rem;align-items:center}.facility-item i{color:var(--gold2);font-size:1.3rem}.program-card{display:flex;gap:1.3rem;padding:2rem;border:1px solid var(--line);border-radius:18px;height:100%}.program-card>i{color:#a2740a;font-size:1.6rem}.program-card h4{font-size:1.15rem}.program-card p{color:var(--muted);margin:0}.image-program{height:430px;border-radius:20px;overflow:hidden;position:relative;color:#fff}.image-program:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,36,.9),transparent 70%)}.image-program img{width:100%;height:100%;object-fit:cover}.image-program>div{position:absolute;z-index:2;left:1.5rem;right:1.5rem;bottom:1.5rem}.image-program span,.activity-card span{font-size:.65rem;color:var(--gold2);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.image-program p{font-size:.85rem;color:#dce3ee}.check-list{list-style:none;padding:0}.check-list li{padding:.6rem 0;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;margin-right:.8rem;border-radius:50%;background:#f5e7bd;color:#956b08;font-weight:800}.activity-card{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);height:100%}.activity-card img{width:100%;height:250px;object-fit:cover}.activity-card>div{padding:1.5rem}.activity-card h4{font-size:1.15rem}.activity-card p{color:var(--muted);font-size:.86rem}.student-quote{background:linear-gradient(90deg,rgba(7,28,59,.1),rgba(7,28,59,.92)),url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1800&q=85') center/cover;min-height:560px;display:flex;align-items:center;color:#fff}.student-quote i{color:var(--gold2);font-size:2rem}.student-quote blockquote{font:400 clamp(1.8rem,4vw,3rem)/1.3 Georgia,serif;margin:1rem 0}.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}.filter-pills button{border:1px solid var(--line);background:#fff;border-radius:25px;padding:.55rem 1rem;font-size:.74rem;font-weight:700;color:var(--muted)}.filter-pills button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.article-head{background:var(--navy);color:#fff;text-align:center;padding:100px 0 130px}.article-head span{color:var(--gold2);font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:.14em}.article-head h1{max-width:900px;margin:1rem auto;font-size:clamp(2.4rem,5vw,4.5rem)}.article-head p{color:#b9c6d8}.article-wrap{max-width:1050px;margin-top:-80px}.article-cover{width:100%;height:550px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.article-content{max-width:760px;margin:4rem auto;font-size:1.05rem}.article-content .lead{font-size:1.4rem;color:var(--navy);font-weight:600}.article-share{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem;display:flex;align-items:center;gap:.7rem}.article-share a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--navy)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:1rem}.gallery-item{position:relative;overflow:hidden;border-radius:16px}.gallery-wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,36,.85),transparent 70%)}.gallery-item>div{position:absolute;z-index:2;left:1.3rem;right:1.3rem;bottom:1.2rem;color:#fff}.gallery-item span{font-size:.62rem;color:var(--gold2);text-transform:uppercase;font-weight:800}.gallery-item h4{font-size:1.1rem;margin:.2rem 0}.gallery-item>div i{position:absolute;right:0;bottom:.3rem}.gallery-item:hover img{transform:scale(1.06)}.lightbox{position:fixed;inset:0;background:rgba(2,8,18,.94);z-index:9999;display:none;place-items:center;padding:3rem}.lightbox.show{display:grid}.lightbox img{max-width:90vw;max-height:85vh;border-radius:10px}.lightbox button{position:absolute;right:2rem;top:2rem;border:0;background:none;color:#fff;font-size:1.7rem}.contact-detail{display:flex;gap:1rem;margin:1.5rem 0}.contact-detail>i{width:45px;height:45px;display:grid;place-items:center;background:var(--cream);color:#9b700d;border-radius:12px}.contact-detail small{font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#8a95a5}.contact-detail p{margin:0}.contact-hours{background:var(--navy);color:#fff;border-radius:15px;padding:1rem 1.2rem;display:flex;justify-content:space-between;font-size:.82rem}.contact-card{border-radius:22px;padding:2.5rem;background:#fff;box-shadow:0 20px 60px rgba(7,28,59,.1)}.contact-card label{font-size:.75rem;font-weight:700;margin-bottom:.35rem}.form-control,.form-select{border-color:#dfe4eb;border-radius:9px;padding:.8rem}.form-control:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(217,166,46,.15)}.map-placeholder{min-height:420px;background:linear-gradient(rgba(7,28,59,.72),rgba(7,28,59,.72)),url('https://images.unsplash.com/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=1800&q=80') center/cover;display:grid;place-items:center;text-align:center;color:#fff}.map-placeholder i{font-size:2.5rem;color:var(--gold2)}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:991px){.school-nav .navbar-collapse{padding:1rem 0}.hero-home{min-height:760px}.hero-content{padding-top:3rem}.min-vh-75{min-height:510px}.stat-item{padding:1rem}.section-space{padding:80px 0}.features-grid>.col-lg{flex:0 0 50%}.about-photo img{height:480px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-wide{grid-column:span 1}.site-footer{padding-top:60px}}
@media(max-width:575px){.hero-home{min-height:800px}.hero-home h1{font-size:3.4rem}.hero-content{padding-bottom:11rem}.hero-stats .stat-item:nth-child(2){border-right:0}.stat-item strong{font-size:1.5rem}.stat-item small{font-size:.68rem}.features-grid>.col-lg{flex:0 0 100%}.about-photo{padding-right:0}.about-photo img{height:420px}.experience-card{right:-.3rem}.agenda-item{grid-template-columns:62px 1fr}.agenda-item>i{display:none}.whatsapp span{display:none}.whatsapp i{margin:0}.article-cover{height:300px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:260px}.contact-card{padding:1.4rem}.page-hero{min-height:380px}.page-hero h1{font-size:3rem}}

/* Reference-inspired homepage theme */
.topbar{display:none!important}.school-nav{background:#08243b;padding:.72rem 0;box-shadow:none}.school-nav .navbar-brand strong{color:#fff}.school-nav .navbar-brand small{color:#c1ced9}.school-nav .brand-mark{background:linear-gradient(145deg,#0d3c62,#0a2138);border:1px solid var(--gold);box-shadow:none}.school-nav .nav-link{color:#e7edf3}.school-nav .nav-link:hover,.school-nav .nav-link.active{color:#ffc21b}.school-nav .nav-link.active:after{background:#ffc21b}.school-nav .navbar-toggler{filter:invert(1)}.nav-search{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);color:#fff}.nav-search:hover{color:#ffc21b}.nav-ppdb{border-radius:30px;padding:.68rem 1.2rem!important;background:#ffbd08;border-color:#ffbd08}.hero-reference{height:545px;position:relative;background:url('../img/hero-sekolah-nusantara.png') center/cover no-repeat;color:#fff}.hero-ref-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,14,24,.96) 0%,rgba(2,17,29,.78) 34%,rgba(2,17,29,.1) 64%,rgba(2,17,29,.04) 100%)}.hero-ref-inner{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between}.hero-ref-copy{width:570px;padding-bottom:5px}.hero-ref-copy h1{margin:0 0 1rem;line-height:.88;letter-spacing:-.05em}.hero-ref-copy h1 em{display:block;font:italic 700 clamp(4.2rem,7vw,6.6rem)/.9 'Georgia',serif;color:#ffbd08;letter-spacing:-.07em}.hero-ref-copy h1 span{display:block;font:800 clamp(3rem,5.4vw,5rem)/1 'Manrope',sans-serif;color:#fff}.hero-ref-copy>p{max-width:490px;font-size:1.05rem;line-height:1.55;font-weight:500;color:#f3f6f8}.hero-ref-actions{display:flex;gap:.8rem;margin-top:1.4rem}.hero-ref-actions .btn{border-radius:32px;min-width:180px}.hero-ref-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.8rem;width:560px}.hero-ref-stats>div{position:relative;padding-right:1rem;border-right:1px solid rgba(255,255,255,.2)}.hero-ref-stats>div+div{padding-left:1.25rem}.hero-ref-stats>div:last-child{border:0}.hero-ref-stats i{display:block;width:32px;height:3px;background:#ffbd08;margin-bottom:.55rem}.hero-ref-stats strong{display:block;font:800 1.45rem 'Manrope';line-height:1.1}.hero-ref-stats small{display:block;color:#e1e8ee;font-size:.72rem;margin-top:.2rem}.hero-motto{align-self:flex-end;margin:0 1rem 4.3rem auto;display:flex;flex-direction:column;align-items:center;transform:rotate(-3deg);font:italic 600 1.65rem/1.12 Georgia,serif;text-shadow:0 2px 8px rgba(0,0,0,.7)}.hero-motto i{width:70px;height:5px;background:#ffbd08;transform:rotate(-8deg);margin-top:.5rem}.feature-strip-wrap{background:#eef8ff;padding-bottom:1.5rem}.feature-strip{position:relative;z-index:5;margin-top:-26px;background:#fff;border-radius:14px;box-shadow:0 12px 35px rgba(12,43,75,.14);padding:1rem;display:grid;grid-template-columns:repeat(6,1fr)}.strip-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:105px;border-right:1px solid #e4ebf1;text-align:center}.strip-item:last-child{border:0}.strip-icon{font-size:1.85rem;margin-bottom:.35rem}.strip-icon.blue{color:#1681f6}.strip-icon.green{color:#25b64b}.strip-icon.amber{color:#f5ad00}.strip-icon.red{color:#ee4855}.strip-icon.purple{color:#814edb}.strip-icon.sky{color:#4b9ef4}.strip-item b{font-size:.85rem;color:#0b2948}.strip-item small{color:#506177;font-weight:600}.home-about{background:linear-gradient(90deg,#f9fcff,#eaf7ff);padding:1.4rem 0 2.3rem}.about-copy-compact{padding:.5rem 0}.home-label{display:block;font:800 1.15rem 'Manrope';color:#0b2948;margin-bottom:1.4rem}.home-label:after{content:"";display:block;width:32px;height:3px;background:#ffbd08;margin-top:.55rem}.about-copy-compact h2{font-size:1.6rem;line-height:1.25;color:#082a50}.about-copy-compact p{font-size:.84rem;line-height:1.65;color:#41536a}.about-copy-compact .btn{border-radius:24px;font-size:.75rem;padding:.65rem 1.2rem}.school-video{width:100%;height:260px;border:0;padding:0;position:relative;overflow:hidden;border-radius:12px;background:#08243b;text-align:left}.school-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,18,32,.75),transparent 60%)}.school-video img{width:100%;height:100%;object-fit:cover;transition:.4s}.school-video:hover img{transform:scale(1.04)}.video-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;background:#ffb900;border:3px solid #fff;color:#fff;display:grid;place-items:center}.video-caption{position:absolute;z-index:2;left:1.2rem;bottom:1rem;color:#fff}.video-caption b,.video-caption small{display:block}.video-caption b{font:800 .95rem 'Manrope'}.video-caption small{font-size:.8rem}.today-card{height:100%;min-height:260px;background:linear-gradient(140deg,#edf8ff,#fff);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.today-card:after{content:"";position:absolute;width:130px;height:130px;border:24px solid rgba(21,78,123,.035);border-radius:50%;right:-40px;bottom:-40px}.today-card>i{float:left;font-size:2rem;color:#0c3456;margin:0 1rem 1rem 0}.today-card h4{font-size:1rem;line-height:1.45;color:#0b2948}.today-card>span{display:block;clear:both;width:30px;height:3px;background:#ffbd08;margin:1.2rem 0}.today-card blockquote{font:italic .8rem/1.65 'DM Sans';color:#506177}.home-updates{background:linear-gradient(90deg,#f7fbff,#eaf6ff);padding:1rem 0 3.5rem}.compact-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.compact-section-head h3{font-size:1.2rem;margin:0;color:#092947}.compact-section-head a{font-size:.68rem;font-weight:700;color:#42566c}.compact-section-head a i{color:#ffae00}.compact-news{height:100%;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 6px 18px rgba(17,51,83,.08)}.compact-news>a{display:block;height:135px;overflow:hidden}.compact-news img{width:100%;height:100%;object-fit:cover;transition:.35s}.compact-news:hover img{transform:scale(1.05)}.compact-news>div{padding:.8rem}.compact-news time{font-size:.64rem;color:#6e7f92}.compact-news h4{font-size:.82rem;line-height:1.4;margin:.35rem 0 .6rem;min-height:45px}.compact-news h4 a{color:#0b2948}.compact-news .more{font-size:.66rem;color:#29455f}.compact-news .more i{color:#ffae00}.compact-agenda{display:flex;flex-direction:column;gap:.55rem}.compact-agenda-item{display:flex;align-items:center;gap:.8rem;background:#fff;border-radius:9px;padding:.55rem;box-shadow:0 4px 15px rgba(17,51,83,.06)}.compact-agenda-item>div{width:50px;height:50px;border-radius:8px;background:linear-gradient(145deg,#0a4d93,#082c56);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.compact-agenda-item strong{font:800 1rem 'Manrope';line-height:1}.compact-agenda-item small{font-size:.6rem;text-transform:uppercase}.compact-agenda-item p{margin:0;line-height:1.35}.compact-agenda-item p b,.compact-agenda-item p span{display:block}.compact-agenda-item p b{font-size:.75rem;color:#0b2948}.compact-agenda-item p span{font-size:.65rem;color:#718095}.achievement-home{background:#fff}
@media(max-width:1199px){.hero-motto{display:none}.hero-reference{height:560px}.hero-ref-copy{width:600px}.school-nav .nav-link{padding:.7rem .5rem!important;font-size:.8rem}}
@media(max-width:991px){.school-nav .navbar-collapse{background:#08243b}.nav-search{margin:.5rem 0}.nav-ppdb{display:inline-block}.hero-reference{height:620px;background-position:60% center}.hero-ref-shade{background:linear-gradient(90deg,rgba(1,14,24,.95),rgba(1,14,24,.75) 65%,rgba(1,14,24,.18))}.feature-strip{grid-template-columns:repeat(3,1fr);margin-top:-18px}.strip-item:nth-child(3){border-right:0}.strip-item:nth-child(-n+3){border-bottom:1px solid #e4ebf1}.home-about{padding-top:2.5rem}.school-video{height:330px}}
@media(max-width:575px){html,body{max-width:100%;overflow-x:hidden}.school-nav .container{flex-wrap:nowrap}.navbar-brand{min-width:0;margin-right:.25rem}.navbar-brand strong{font-size:.84rem;white-space:nowrap}.navbar-brand small{display:none}.school-nav .navbar-toggler{display:block;flex:none;padding:.35rem}.hero-reference{height:680px;background-position:64% center}.hero-ref-inner{max-width:100%;overflow:hidden}.hero-ref-shade{background:linear-gradient(90deg,rgba(1,14,24,.96),rgba(1,14,24,.78))}.hero-ref-copy{width:100%;max-width:100%;min-width:0;padding-top:1rem}.hero-ref-copy h1 em{font-size:4rem}.hero-ref-copy h1 span{font-size:3.1rem;white-space:nowrap}.hero-ref-copy>p{font-size:.92rem;width:100%;max-width:350px;overflow-wrap:anywhere}.hero-ref-actions{flex-direction:column;align-items:flex-start}.hero-ref-actions .btn{width:215px}.hero-ref-stats{width:100%;max-width:350px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem}.hero-ref-stats>div{min-width:0}.hero-ref-stats>div:nth-child(2){border:0}.hero-ref-stats>div:nth-child(3){padding-left:0}.hero-ref-stats small{font-size:.64rem}.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.strip-item{min-width:0}.strip-item:nth-child(3){border-right:1px solid #e4ebf1}.strip-item:nth-child(2n){border-right:0}.strip-item:nth-child(-n+4){border-bottom:1px solid #e4ebf1}.school-video{height:260px}.home-updates{padding-top:2rem}}

/* SMK Negeri 2 Palu brand palette — royal blue, red, yellow, white */
:root{--navy:#063dcc;--navy2:#032a91;--gold:#ef1717;--gold2:#fff200;--cream:#f2f6ff;--ink:#08205f;--muted:#5e6f96;--line:#dce5f5}.school-logo{width:54px;height:54px;padding:3px;border-radius:11px;background:#fff!important;border:2px solid #fff!important;box-shadow:0 5px 15px rgba(0,0,0,.18)!important;overflow:hidden}.school-logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.18)}.school-nav{background:#0637b7}.school-nav .brand-mark{color:inherit}.school-nav .nav-link.active,.school-nav .nav-link:hover{color:#fff200}.school-nav .nav-link.active:after{background:#fff200}.nav-search{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.nav-search:hover{color:#fff200}.btn-gold,.nav-ppdb{background:#ef1717!important;border-color:#ef1717!important;color:#fff!important}.btn-gold:hover,.nav-ppdb:hover{background:#c90e16!important;border-color:#c90e16!important;color:#fff!important}.hero-ref-shade{background:linear-gradient(90deg,rgba(2,20,78,.96) 0%,rgba(3,36,123,.76) 35%,rgba(3,40,130,.09) 67%,rgba(3,40,130,.02) 100%)}.hero-ref-copy h1 em{color:#fff200}.hero-ref-stats i,.hero-motto i,.home-label:after,.today-card>span{background:#fff200}.hero-motto{color:#fff}.feature-strip-wrap,.home-about,.home-updates{background:linear-gradient(90deg,#f8faff,#e8efff)}.strip-icon.blue,.strip-icon.sky,.strip-icon.purple{color:#063dcc}.strip-icon.green,.strip-icon.red{color:#ef1717}.strip-icon.amber{color:#f4c400}.video-play{background:#ef1717}.today-card{background:linear-gradient(145deg,#edf2ff,#fff);border-top:3px solid #063dcc}.compact-news .more i,.compact-section-head a i{color:#ef1717}.compact-agenda-item>div{background:linear-gradient(145deg,#063dcc,#032a91)}.section-kicker,.text-link,.read-more,.achievement-card>span{color:#d11118}.text-link{border-color:#fff200}.trophy{background:#063dcc;color:#fff200}.vision-box{border-left-color:#ef1717;background:#f1f5ff}.vision-box>i,.facility-item i{color:#fff200}.page-hero{background:linear-gradient(90deg,rgba(3,32,115,.93),rgba(3,32,115,.34)),var(--page-image) center/cover}.site-footer{background:#021d70}.cta-band{background:linear-gradient(120deg,#0748db,#032274)}.brand-mark-light{background:#fff}.feature-icon{background:#edf1ff;color:#063dcc}.whatsapp{border:2px solid #fff}.form-control:focus,.form-select:focus{border-color:#063dcc;box-shadow:0 0 0 .2rem rgba(6,61,204,.12)}
@media(max-width:575px){.school-logo{width:46px;height:46px}.hero-ref-shade{background:linear-gradient(90deg,rgba(2,20,78,.96),rgba(3,36,123,.78))}}

/* Updated hero: SMA uniform with the official SMK Negeri 2 Palu emblem. */
.hero-reference{background-image:url('../img/hero-smkn2-palu-v2.webp')}

/* Principal welcome and teachers slider */
.principal-welcome{padding:90px 0;background:#fff}.principal-panel{display:grid;grid-template-columns:minmax(320px, .82fr) 1.18fr;min-height:520px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#052eac,#063dcc 58%,#0d52e6);box-shadow:0 24px 65px rgba(6,61,204,.18);color:#fff}.principal-portrait{position:relative;min-height:520px;background:linear-gradient(145deg,#e9efff,#fff);overflow:hidden}.portrait-frame{position:absolute;left:8%;right:5%;bottom:0;top:7%;border-radius:180px 180px 20px 20px;overflow:hidden;border:7px solid #fff;box-shadow:0 20px 50px rgba(5,35,120,.2)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-dots{position:absolute;width:150px;height:150px;left:-30px;top:-20px;background-image:radial-gradient(#ef1717 2px,transparent 2px);background-size:14px 14px;opacity:.45}.principal-message{padding:4.5rem 5rem;position:relative;display:flex;flex-direction:column;justify-content:center}.principal-message .home-label{color:#fff200}.principal-message .home-label:after{background:#ef1717}.principal-quote{position:absolute;right:3rem;top:2.5rem;font-size:6rem;color:rgba(255,255,255,.08)}.principal-message h2{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.17;margin-bottom:1.2rem}.principal-message h2 em{color:#fff200}.principal-message>p{color:#e5ebff;font-size:1rem;line-height:1.85}.principal-sign{display:flex;flex-direction:column;border-left:4px solid #ef1717;padding-left:1rem;margin:1.2rem 0 1.5rem}.principal-sign strong{font:800 1rem 'Manrope'}.principal-sign span{color:#c7d5ff;font-size:.76rem}.principal-message .text-link{align-self:flex-start;color:#fff;border-color:#fff200}.staff-showcase{padding:95px 0;background:linear-gradient(180deg,#f8faff,#edf2ff);overflow:hidden}.staff-heading{max-width:720px;margin:0 auto 2.7rem;padding:0 1.25rem}.staff-heading h2{color:#063dcc;margin:.2rem 0}.staff-heading h2 em{color:#ef1717}.staff-heading p{color:#60729c}.staff-slider-shell{position:relative}.staff-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 max(7vw,45px) 1.2rem;scrollbar-width:none;cursor:grab}.staff-track::-webkit-scrollbar{display:none}.staff-track.dragging{cursor:grabbing;scroll-behavior:auto}.staff-card{flex:0 0 clamp(220px,18vw,270px);scroll-snap-align:start;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(13,48,114,.12);border:1px solid #e2e9f8;transition:.3s}.staff-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(6,61,204,.18)}.staff-photo{height:330px;position:relative;overflow:hidden;background:#dde6f8}.staff-photo:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(3,29,98,.4))}.staff-photo>img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:.45s}.staff-card:hover .staff-photo>img{transform:scale(1.035)}.staff-logo{position:absolute;z-index:2;right:.8rem;bottom:.8rem;width:42px;height:42px;border-radius:50%;background:#fff;padding:4px;box-shadow:0 5px 15px rgba(0,0,0,.18)}.staff-logo img{width:100%;height:100%;object-fit:contain}.staff-info{padding:1.15rem 1.2rem 1.35rem;border-top:4px solid #ef1717}.staff-info h4{font-size:1rem;color:#08205f;margin:0 0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-info b,.staff-info span{display:block}.staff-info b{font-size:.7rem;color:#063dcc}.staff-info span{font-size:.68rem;color:#7b88a3;margin-top:.15rem}.staff-nav{position:absolute;z-index:4;top:37%;width:52px;height:70px;border:0;background:rgba(3,42,145,.9);color:#fff;font-size:1.15rem;display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.18);transition:.2s}.staff-nav:hover{background:#ef1717}.staff-prev{left:0;border-radius:0 14px 14px 0}.staff-next{right:0;border-radius:14px 0 0 14px}.staff-progress{height:4px;background:#d5def0;max-width:340px;margin:1.5rem auto 0;border-radius:4px;overflow:hidden}.staff-progress span{display:block;width:20%;height:100%;background:linear-gradient(90deg,#063dcc,#ef1717);border-radius:4px;transition:.2s}.staff-more{border-color:#063dcc;color:#063dcc;border-radius:28px;font-size:.76rem}.staff-more:hover{background:#063dcc;border-color:#063dcc}.staff-showcase+.home-updates{padding-top:70px}
@media(max-width:991px){.principal-panel{grid-template-columns:1fr}.principal-portrait{min-height:480px}.principal-message{padding:3rem}.staff-card{flex-basis:245px}.staff-photo{height:310px}}
@media(max-width:575px){.principal-welcome{padding:55px 0}.principal-panel{border-radius:20px}.principal-portrait{min-height:390px}.portrait-frame{left:6%;right:6%;top:6%}.principal-message{padding:2.2rem 1.5rem}.principal-message h2{font-size:2rem}.principal-message>p{font-size:.9rem}.principal-quote{font-size:4rem;right:1rem;top:1.3rem}.staff-showcase{padding:65px 0}.staff-track{gap:14px;padding-left:22px;padding-right:22px}.staff-card{flex-basis:78vw}.staff-photo{height:330px}.staff-nav{width:40px;height:58px}.staff-heading{margin-bottom:2rem}.staff-heading h2{font-size:2.5rem}}

/* Compact principal greeting with an out-of-frame portrait cutout */
.principal-welcome{padding:65px 0 75px;overflow:hidden}.principal-panel{grid-template-columns:350px minmax(0,1fr);min-height:390px;max-width:1160px;margin:45px auto 0;background:transparent;box-shadow:none;overflow:visible;align-items:stretch}.principal-portrait{min-height:360px;margin:22px 0;background:linear-gradient(155deg,#eef3ff,#dce7ff);border-radius:24px 0 0 24px;overflow:visible;box-shadow:0 18px 50px rgba(6,61,204,.13);z-index:2}.portrait-frame{left:-22px;right:-10px;top:-85px;bottom:-1px;border:0;border-radius:0;overflow:visible;box-shadow:none}.portrait-frame img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 16px rgba(4,27,94,.24))}.portrait-dots{left:-35px;top:-52px;z-index:-1}.principal-message{min-height:390px;padding:2.6rem 3.2rem;background:linear-gradient(135deg,#052eac,#063dcc 62%,#0d52e6);border-radius:0 24px 24px 0;box-shadow:0 18px 50px rgba(6,61,204,.18)}.principal-message .home-label{font-size:.72rem;margin-bottom:.8rem}.principal-message h2{font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.18;margin-bottom:.8rem;max-width:680px}.principal-message>p{font-size:.88rem;line-height:1.7;margin-bottom:.5rem;max-width:720px}.principal-sign{margin:.8rem 0 1rem}.principal-message .text-link{font-size:.76rem}.principal-quote{font-size:4.5rem;top:1.4rem;right:2rem}
@media(max-width:991px){.principal-panel{grid-template-columns:300px minmax(0,1fr);margin-top:55px}.principal-portrait{min-height:360px}.principal-message{padding:2.2rem}.principal-message h2{font-size:1.8rem}}
@media(max-width:767px){.principal-welcome{padding:40px 0 55px}.principal-panel{grid-template-columns:1fr;margin-top:70px}.principal-portrait{min-height:315px;margin:0;border-radius:20px 20px 0 0}.portrait-frame{left:0;right:0;top:-75px}.principal-message{min-height:auto;padding:2rem 1.5rem;border-radius:0 0 20px 20px}.principal-message h2{font-size:1.8rem}.principal-message>p{font-size:.86rem}.principal-quote{font-size:3.5rem;right:1rem;top:1rem}}

/* Compact teachers and staff carousel */
.staff-showcase{padding:60px 0 65px}.staff-heading{margin-bottom:1.8rem}.staff-heading h2{font-size:clamp(2rem,3.2vw,2.8rem)}.staff-heading p{font-size:.9rem;margin-bottom:0}.staff-track{gap:16px;padding-left:max(5vw,35px);padding-right:max(5vw,35px)}.staff-card{flex-basis:clamp(180px,14.5vw,215px);border-radius:14px}.staff-photo{height:245px}.staff-logo{width:34px;height:34px;right:.6rem;bottom:.6rem}.staff-info{padding:.8rem .9rem 1rem;border-top-width:3px}.staff-info h4{font-size:.84rem;margin-bottom:.25rem}.staff-info b{font-size:.63rem}.staff-info span{font-size:.6rem}.staff-nav{width:42px;height:58px;font-size:.9rem;top:35%}.staff-progress{margin-top:.8rem;max-width:280px}.staff-more{padding:.55rem 1rem}.staff-showcase+.home-updates{padding-top:55px}
@media(max-width:575px){.staff-showcase{padding:50px 0}.staff-heading{margin-bottom:1.5rem}.staff-heading h2{font-size:2.15rem}.staff-heading p{font-size:.8rem}.staff-track{gap:12px;padding-left:18px;padding-right:18px}.staff-card{flex-basis:66vw}.staff-photo{height:260px}.staff-nav{width:36px;height:52px}.staff-info{padding:.75rem .85rem .9rem}}

/* Refined creative-school palette: midnight, turquoise, coral, soft violet */
:root{--navy:#0b1739;--navy2:#07102b;--gold:#ff6b55;--gold2:#27ddc8;--cream:#f6f6fc;--ink:#111b3d;--muted:#66708d;--line:#e4e5ef}.school-nav{background:linear-gradient(110deg,#08142f,#121f49)}.school-nav .nav-link.active,.school-nav .nav-link:hover{color:#27ddc8}.school-nav .nav-link.active:after{background:#ff6b55}.nav-search:hover{color:#27ddc8}.btn-gold,.nav-ppdb{background:#ff6b55!important;border-color:#ff6b55!important;color:#fff!important}.btn-gold:hover,.nav-ppdb:hover{background:#ef503b!important;border-color:#ef503b!important}.hero-ref-shade{background:linear-gradient(90deg,rgba(5,13,38,.97) 0%,rgba(10,25,62,.79) 37%,rgba(10,25,62,.12) 69%,rgba(10,25,62,.02) 100%)}.hero-ref-copy h1 em{color:#27ddc8}.hero-ref-stats i,.hero-motto i,.home-label:after,.today-card>span{background:#ff6b55}.feature-strip-wrap,.home-about,.home-updates{background:linear-gradient(110deg,#fafafe,#eff2fa)}.strip-icon.blue,.strip-icon.sky{color:#3b6de7}.strip-icon.purple{color:#8c62dc}.strip-icon.green{color:#14b8a6}.strip-icon.red{color:#ff6b55}.strip-icon.amber{color:#f0a92f}.video-play{background:#ff6b55}.today-card{background:linear-gradient(145deg,#f1f3fa,#fff);border-top-color:#27bfae}.compact-news .more i,.compact-section-head a i{color:#ff6b55}.compact-agenda-item>div{background:linear-gradient(145deg,#152656,#0b1739)}.section-kicker,.text-link,.read-more,.achievement-card>span{color:#dc533f}.text-link{border-color:#27ddc8}.trophy{background:#0b1739;color:#27ddc8}.page-hero{background:linear-gradient(90deg,rgba(8,20,48,.94),rgba(20,42,78,.36)),var(--page-image) center/cover}.site-footer{background:#07102b}.cta-band{background:linear-gradient(120deg,#101f49,#172b5f)}.feature-icon{background:#e8f8f5;color:#119d90}.principal-portrait{background:linear-gradient(155deg,#f4f0ff,#e8f0f5)}.principal-message{background:linear-gradient(135deg,#0b1739,#17275a 62%,#263778)}.principal-message .home-label{color:#27ddc8}.principal-message .home-label:after,.principal-sign{border-color:#ff6b55}.principal-message h2 em{color:#ff8a75}.principal-message .text-link{border-color:#27ddc8}.portrait-dots{background-image:radial-gradient(#ff6b55 2px,transparent 2px)}.staff-showcase{background:linear-gradient(180deg,#fafafe,#f0f2f9)}.staff-heading h2{color:#0b1739}.staff-heading h2 em{color:#ff6b55}.staff-card{border-color:#e2e5ef}.staff-info{border-top-color:#ff6b55}.staff-info b{color:#138f84}.staff-nav{background:rgba(11,23,57,.93)}.staff-nav:hover{background:#ff6b55}.staff-progress span{background:linear-gradient(90deg,#27bfae,#ff6b55)}.staff-more{border-color:#0b1739;color:#0b1739}.staff-more:hover{background:#0b1739;border-color:#0b1739}.school-nav .dropdown-menu{border:0;border-radius:13px;padding:.55rem;box-shadow:0 18px 45px rgba(7,16,43,.18)}.school-nav .dropdown-item{border-radius:8px;font-size:.8rem;font-weight:600;color:#26324f;padding:.6rem .75rem}.school-nav .dropdown-item:hover{background:#eaf9f7;color:#0d7e75}.form-control:focus,.form-select:focus{border-color:#14b8a6;box-shadow:0 0 0 .2rem rgba(20,184,166,.12)}
@media(max-width:575px){.hero-ref-shade{background:linear-gradient(90deg,rgba(5,13,38,.97),rgba(10,25,62,.82))}}

/* Google Maps */
.footer-map{position:relative;height:180px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 34px rgba(0,0,0,.22)}.footer-map iframe{width:100%;height:100%;border:0;filter:saturate(.85) contrast(1.05)}.footer-map>a{position:absolute;left:10px;bottom:10px;margin:0!important;padding:.55rem .8rem;border-radius:9px;background:#ff6b55;color:#fff!important;font-size:.72rem;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.22)}.footer-map>a:hover{background:#ef503b}.site-footer .footer-address{font-size:.76rem;line-height:1.55;margin-top:1rem}.contact-map{position:relative;min-height:500px;background:#e8eaf1}.contact-map>iframe{display:block;width:100%;height:500px;border:0}.contact-map-card{position:absolute;left:max(24px,calc((100% - 1140px)/2));top:50%;transform:translateY(-50%);width:min(390px,calc(100% - 48px));padding:2rem;border-radius:20px;background:rgba(11,23,57,.94);backdrop-filter:blur(12px);color:#fff;box-shadow:0 20px 50px rgba(11,23,57,.28)}.contact-map-card>span{font-size:.67rem;letter-spacing:.16em;font-weight:800;color:#27ddc8}.contact-map-card h4{margin:.5rem 0}.contact-map-card p{color:#c7d0e2;font-size:.87rem}@media(max-width:767px){.footer-map{height:220px}.contact-map,.contact-map>iframe{height:560px}.contact-map-card{top:auto;bottom:20px;transform:none}}

/* Dynamic editorial news and agenda */
.editorial-updates{position:relative;padding:88px 0 96px;background:linear-gradient(135deg,#f8f9fd 0%,#eef2f9 58%,#f7f4fb 100%);overflow:hidden}.editorial-updates:before,.editorial-updates:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.editorial-updates:before{width:380px;height:380px;right:-190px;top:-210px;background:radial-gradient(circle,rgba(39,221,200,.13),transparent 68%)}.editorial-updates:after{width:330px;height:330px;left:-170px;bottom:-210px;background:radial-gradient(circle,rgba(255,107,85,.12),transparent 70%)}.editorial-updates .container{position:relative;z-index:1}.updates-title{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2rem}.updates-title>div{max-width:650px}.updates-kicker{display:inline-flex;align-items:center;gap:.65rem;color:#138f84;font-size:.68rem;letter-spacing:.18em;font-weight:800}.updates-kicker:before{content:"";width:30px;height:3px;border-radius:4px;background:#ff6b55}.updates-title h2{margin:.45rem 0 0;font-size:clamp(2rem,3.3vw,3.15rem);color:#0b1739}.updates-title h2 em{color:#ff6b55}.updates-title>p{max-width:390px;margin:0 0 .45rem;color:#66708d;font-size:.9rem;line-height:1.7}.news-editorial-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-template-rows:repeat(2,210px);gap:16px}.news-editorial-feature{position:relative;grid-row:1/3;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px rgba(11,23,57,.16);background:#0b1739}.editorial-image,.editorial-image img{display:block;width:100%;height:100%}.editorial-image img{object-fit:cover;transition:transform .7s ease}.news-editorial-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,16,43,.98) 2%,rgba(7,16,43,.63) 43%,rgba(7,16,43,.05) 78%);pointer-events:none}.news-editorial-feature:hover .editorial-image img{transform:scale(1.06)}.news-chip{position:absolute;top:18px;left:18px;padding:.48rem .72rem;border-radius:30px;background:#27ddc8;color:#07102b;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;z-index:2}.editorial-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.7rem;color:#fff}.editorial-overlay time{display:block;color:#b9c7df;font-size:.7rem}.editorial-overlay time i{color:#27ddc8;margin-right:.35rem}.editorial-overlay h3{font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.22;margin:.5rem 0}.editorial-overlay h3 a{color:#fff}.editorial-overlay p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:570px;margin:0 0 .8rem;color:#c8d1e2;font-size:.77rem;line-height:1.55}.editorial-read{display:inline-flex;align-items:center;gap:.6rem;color:#27ddc8;font-size:.72rem;font-weight:800}.editorial-read i,.side-news-link i,.all-news-link i{transition:transform .25s}.editorial-read:hover i,.side-news-link:hover i,.all-news-link:hover i{transform:translateX(5px)}.news-editorial-side{display:grid;grid-template-columns:43% 1fr;min-width:0;background:#fff;border:1px solid rgba(11,23,57,.05);border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(25,35,71,.07);transition:transform .3s,box-shadow .3s}.news-editorial-side:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(25,35,71,.13)}.side-news-image{position:relative;display:block;overflow:hidden}.side-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-editorial-side:hover img{transform:scale(1.08)}.side-news-image span{position:absolute;left:10px;top:10px;width:31px;height:31px;border-radius:9px;background:rgba(11,23,57,.9);color:#fff;display:grid;place-items:center;font:800 .65rem 'Manrope'}.news-editorial-side>div{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:1.05rem}.news-editorial-side time{color:#138f84;font-size:.62rem;font-weight:700}.news-editorial-side h4{font-size:.9rem;line-height:1.35;margin:.45rem 0 .8rem}.news-editorial-side h4 a{color:#0b1739}.side-news-link{display:flex;align-items:center;gap:.45rem;color:#dc533f;font-size:.65rem;font-weight:800}.all-news-link{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.8rem 1.1rem;border:1px solid #dfe3ee;border-radius:13px;color:#0b1739;font-size:.75rem;font-weight:800;transition:.25s}.all-news-link:hover{background:#fff;border-color:#cfd5e4;color:#dc533f}.agenda-editorial{position:relative;height:100%;min-height:494px;padding:1.7rem;border-radius:24px;background:linear-gradient(145deg,#111f49,#07102b 76%);color:#fff;overflow:hidden;box-shadow:0 20px 45px rgba(7,16,43,.2)}.agenda-editorial:after{content:"";position:absolute;width:210px;height:210px;border:45px solid rgba(39,221,200,.045);border-radius:50%;right:-100px;top:-85px}.agenda-editorial-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-bottom:1.1rem;border-bottom:1px solid rgba(255,255,255,.12)}.agenda-editorial-head span{font-size:.6rem;letter-spacing:.16em;color:#27ddc8;font-weight:800}.agenda-editorial-head h3{margin:.2rem 0 0;font-size:1.35rem}.agenda-editorial-head>i{font-size:1.8rem;color:#ff7d68}.agenda-timeline{position:relative;z-index:1}.agenda-timeline-item{position:relative;display:grid;grid-template-columns:55px 20px minmax(0,1fr);align-items:center;min-height:103px;border-bottom:1px solid rgba(255,255,255,.1)}.agenda-date-modern{width:52px;height:60px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;align-items:center;justify-content:center}.agenda-date-modern strong{font:800 1.25rem/1 'Manrope';color:#fff}.agenda-date-modern span{font-size:.57rem;letter-spacing:.08em;color:#27ddc8;margin-top:.3rem}.agenda-line{height:100%;position:relative}.agenda-line:before{content:"";position:absolute;width:1px;top:0;bottom:0;left:50%;background:rgba(255,255,255,.12)}.agenda-line i{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff6b55;box-shadow:0 0 0 4px rgba(255,107,85,.12)}.agenda-copy{padding-left:.65rem;min-width:0}.agenda-copy>small{color:#8695b4;font-size:.57rem;text-transform:uppercase;letter-spacing:.08em}.agenda-copy h4{font-size:.8rem;line-height:1.35;margin:.2rem 0;color:#fff}.agenda-copy p{display:flex;gap:.4rem;align-items:center;margin:0;color:#aebbd2;font-size:.63rem}.agenda-copy p i{color:#27ddc8}.agenda-number{position:absolute;right:0;top:14px;color:rgba(255,255,255,.055);font:800 1.5rem 'Manrope'}.agenda-cta{position:relative;z-index:1;display:flex!important;align-items:center;justify-content:space-between;margin:1.15rem 0 0!important;padding:.85rem 1rem;border-radius:14px;background:#ff6b55;color:#fff!important;transition:.25s}.agenda-cta:hover{background:#ef503b;transform:translateY(-2px)}.agenda-cta span,.agenda-cta b,.agenda-cta small{display:block}.agenda-cta b{font-size:.75rem}.agenda-cta small{font-size:.58rem;color:#ffe4df;font-weight:500}.agenda-cta>i{width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:.7rem}
@media(max-width:1199px){.updates-title{align-items:flex-start}.agenda-editorial{min-height:auto}.news-editorial-grid{grid-template-rows:repeat(2,220px)}}
@media(max-width:767px){.editorial-updates{padding:65px 0 70px}.updates-title{display:block}.updates-title>p{margin-top:1rem}.news-editorial-grid{display:flex;flex-direction:column}.news-editorial-feature{height:450px}.news-editorial-side{min-height:180px}.agenda-editorial{padding:1.35rem}.editorial-overlay{padding:1.3rem}.editorial-overlay p{font-size:.72rem}}
@media(max-width:480px){.news-editorial-feature{height:410px}.news-editorial-side{grid-template-columns:38% 1fr;min-height:165px}.news-editorial-side>div{padding:.8rem}.news-editorial-side h4{font-size:.8rem}.agenda-timeline-item{grid-template-columns:52px 17px minmax(0,1fr)}}

/* Reader-friendly news index */
.news-page-hero .page-hero{min-height:370px}.news-page-hero .page-hero h1{font-size:clamp(3rem,6vw,4.8rem)}.news-reader-section{position:relative;padding:85px 0 100px;background:linear-gradient(135deg,#fafafe 0%,#f1f3f9 100%)}.news-reader-section:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-170px;top:30%;background:radial-gradient(circle,rgba(39,221,200,.1),transparent 70%);pointer-events:none}.news-reader-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;margin-bottom:2.2rem}.news-reader-head>div:first-child{max-width:660px}.news-reader-kicker{display:flex;align-items:center;gap:.65rem;color:#138f84;font-size:.68rem;font-weight:800;letter-spacing:.17em}.news-reader-kicker i{width:30px;height:3px;border-radius:4px;background:#ff6b55}.news-reader-head h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:.45rem 0;color:#0b1739}.news-reader-head h2 em{color:#ff6b55}.news-reader-head p{max-width:590px;margin:0;color:#66708d;font-size:.93rem}.news-filter{justify-content:flex-end}.news-filter button{padding:.65rem 1.05rem;border-color:#dde1eb;color:#59647e;transition:.22s}.news-filter button:hover{border-color:#27bfae;color:#12877d}.news-filter button.active{background:#0b1739;border-color:#0b1739;color:#fff;box-shadow:0 8px 18px rgba(11,23,57,.14)}.news-reader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.news-reader-card{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:260px;background:#fff;border:1px solid rgba(11,23,57,.06);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(20,31,67,.065);transition:transform .3s ease,box-shadow .3s ease}.news-reader-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(20,31,67,.13)}.news-reader-featured{grid-column:1/-1;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);min-height:440px}.news-reader-image{position:relative;display:block;min-height:100%;overflow:hidden;background:#dfe5ef}.news-reader-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7,16,43,.25));pointer-events:none}.news-reader-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.news-reader-card:hover .news-reader-image img{transform:scale(1.045)}.news-reader-category,.featured-label{position:absolute;z-index:2;border-radius:30px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.news-reader-category{left:16px;top:16px;padding:.45rem .72rem;background:#27ddc8;color:#07102b}.featured-label{right:18px;top:18px;padding:.5rem .75rem;background:rgba(11,23,57,.9);backdrop-filter:blur(8px);color:#fff}.featured-label i{color:#ff7b67;margin-right:.35rem}.news-reader-content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:1.65rem}.news-reader-featured .news-reader-content{padding:2.5rem}.news-reader-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;color:#778198;font-size:.67rem}.news-reader-meta time,.news-reader-meta span{display:flex;align-items:center;gap:.4rem}.news-reader-meta i{color:#138f84}.news-reader-content h3{font-size:1.2rem;line-height:1.35;margin:.75rem 0}.news-reader-featured .news-reader-content h3{font-size:clamp(1.7rem,2.5vw,2.4rem);line-height:1.2;margin:1rem 0}.news-reader-content h3 a{color:#0b1739;transition:color .2s}.news-reader-content h3 a:hover{color:#dc533f}.news-reader-content>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 1.2rem;color:#66708d;font-size:.82rem;line-height:1.7}.news-reader-featured .news-reader-content>p{font-size:.92rem;-webkit-line-clamp:4}.news-reader-more{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid #edf0f5;color:#0b1739;font-size:.72rem;font-weight:800}.news-reader-more i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f0f9f7;color:#138f84;transition:.25s}.news-reader-card:hover .news-reader-more i{background:#ff6b55;color:#fff;transform:translateX(3px)}.news-empty{text-align:center;padding:5rem 1rem}.news-empty>i{font-size:3rem;color:#a4adc0}.news-empty h3{margin:1rem 0 .3rem}.news-empty p{color:#66708d}.news-subscribe-band{padding:0 0 90px;background:#f1f3f9}.news-subscribe-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.2rem 2.5rem;border-radius:24px;background:linear-gradient(125deg,#111f49,#07102b);color:#fff;box-shadow:0 20px 45px rgba(7,16,43,.18)}.news-subscribe-inner span{font-size:.62rem;letter-spacing:.17em;color:#27ddc8;font-weight:800}.news-subscribe-inner h3{margin:.35rem 0;font-size:1.45rem}.news-subscribe-inner p{margin:0;color:#aebbd2;font-size:.8rem}
@media(max-width:991px){.news-reader-head{display:block}.news-filter{justify-content:flex-start;margin-top:1.5rem}.news-reader-featured{grid-template-columns:1fr;min-height:0}.news-reader-featured .news-reader-image{height:420px}.news-reader-featured .news-reader-content{padding:2rem}.news-reader-card:not(.news-reader-featured){grid-template-columns:1fr}.news-reader-card:not(.news-reader-featured) .news-reader-image{height:230px}}
@media(max-width:767px){.news-page-hero .page-hero{min-height:330px}.news-reader-section{padding:65px 0 75px}.news-reader-grid{grid-template-columns:1fr;gap:18px}.news-reader-featured{grid-column:auto}.news-reader-featured .news-reader-image{height:300px}.news-reader-featured .news-reader-content{padding:1.5rem}.news-reader-featured .news-reader-content h3{font-size:1.5rem}.news-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.35rem}.news-filter button{white-space:nowrap}.news-subscribe-band{padding-bottom:65px}.news-subscribe-inner{display:block;padding:1.7rem}.news-subscribe-inner .btn{margin-top:1.3rem}.featured-label{display:none}}
.news-reader-section{overflow:hidden}

/* Industry partners */
.industry-partners{position:relative;padding:78px 0 72px;background:#fff;overflow:hidden}.industry-partners:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;left:-210px;top:-190px;background:radial-gradient(circle,rgba(39,221,200,.11),transparent 70%)}.industry-partners:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-190px;bottom:-170px;background:radial-gradient(circle,rgba(255,107,85,.1),transparent 70%)}.industry-partners .container{position:relative;z-index:1}.partner-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2.1rem}.partner-heading>div{max-width:620px}.partner-kicker{display:flex;align-items:center;gap:.55rem;color:#138f84;font-size:.67rem;font-weight:800;letter-spacing:.16em}.partner-kicker i{color:#ff6b55}.partner-heading h2{margin:.45rem 0 0;color:#0b1739;font-size:clamp(2.1rem,3.7vw,3.25rem)}.partner-heading h2 em{color:#ff6b55}.partner-heading>p{max-width:470px;margin:0 0 .3rem;color:#66708d;font-size:.9rem;line-height:1.7}.partner-slider-shell{position:relative}.partner-track{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:8px 3px 18px;scrollbar-width:none}.partner-track::-webkit-scrollbar{display:none}.partner-card{flex:0 0 calc(25% - 14px);min-width:240px;scroll-snap-align:start;border:1px solid #e7e9f1;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(20,31,67,.07);transition:transform .3s,box-shadow .3s,border-color .3s}.partner-card:hover{transform:translateY(-7px);border-color:rgba(39,191,174,.45);box-shadow:0 20px 42px rgba(20,31,67,.13)}.partner-card>a{display:block;color:inherit;margin:0!important}.partner-logo{height:150px;display:flex;align-items:center;justify-content:center;padding:1.25rem 1.6rem;background:#fff;position:relative}.partner-logo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#27bfae,#ff6b55);transform:scaleX(0);transition:transform .3s}.partner-card:hover .partner-logo:after{transform:scaleX(1)}.partner-logo img{display:block;width:auto;height:auto;max-width:82%;max-height:104px;object-fit:contain;filter:saturate(.96);transition:transform .3s}.partner-card:hover .partner-logo img{transform:scale(1.04)}.partner-logo span{width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;margin-right:.85rem;background:#0b1739;color:#27ddc8;font-size:1.35rem;box-shadow:0 8px 20px rgba(11,23,57,.18)}.partner-logo strong{max-width:135px;color:#0b1739;font:800 1.05rem/1.25 'Manrope';letter-spacing:-.03em}.partner-meta{padding:1rem 1.15rem 1.15rem}.partner-meta b,.partner-meta small{display:block}.partner-meta b{color:#0b1739;font-size:.82rem}.partner-meta small{margin-top:.2rem;color:#7a849a;font-size:.65rem}.partner-nav{position:absolute;z-index:3;top:50%;width:42px;height:58px;border:0;border-radius:12px;background:#0b1739;color:#fff;box-shadow:0 8px 22px rgba(7,16,43,.22);transform:translateY(-50%);transition:.22s}.partner-nav:hover{background:#ff6b55}.partner-prev{left:-21px}.partner-next{right:-21px}.partner-foot{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:.35rem;color:#66708d;font-size:.69rem}.partner-foot>span{display:flex;align-items:center;gap:.5rem}.partner-foot>span i{color:#14b8a6}.partner-progress{width:180px;height:3px;border-radius:5px;background:#e5e8f0;overflow:hidden}.partner-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,#27bfae,#ff6b55);transition:width .25s}
@media(max-width:1199px){.partner-card{flex-basis:calc(33.333% - 12px)}.partner-prev{left:-10px}.partner-next{right:-10px}}
@media(max-width:767px){.industry-partners{padding:62px 0 58px}.partner-heading{display:block}.partner-heading>p{margin-top:1rem}.partner-card{flex-basis:78%;min-width:250px}.partner-track{padding-left:4px;padding-right:4px}.partner-nav{width:36px;height:50px}.partner-prev{left:-5px}.partner-next{right:-5px}.partner-foot{display:block}.partner-progress{margin-top:1rem;width:100%}}

/* Automatic Instagram feed */
.instagram-home{padding:82px 0 90px;background:linear-gradient(145deg,#0c1738,#131f47 62%,#222553);color:#fff;overflow:hidden}.instagram-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.instagram-heading>div>span{display:flex;align-items:center;gap:.55rem;color:#27ddc8;font-size:.67rem;font-weight:800;letter-spacing:.16em}.instagram-heading>div>span i{color:#ff7b67;font-size:1rem}.instagram-heading h2{font-size:clamp(2.15rem,3.7vw,3.3rem);margin:.45rem 0}.instagram-heading h2 em{color:#ff8a75}.instagram-heading p{margin:0;color:#aebbd2;font-size:.88rem}.instagram-heading>a{display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;column-gap:.8rem;align-items:center;min-width:235px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.055);color:#fff}.instagram-heading>a>.fa-instagram{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);display:grid;place-items:center;font-size:1.2rem}.instagram-heading>a b{font-size:.76rem}.instagram-heading>a small{font-size:.6rem;color:#9fabc4}.instagram-heading>a>.fa-arrow-up-right-from-square{grid-column:3;grid-row:1/3;color:#27ddc8;font-size:.7rem}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.instagram-post{position:relative;display:block;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#07102b}.instagram-post img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .4s}.instagram-post:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,16,43,.96),rgba(7,16,43,.06) 75%);opacity:.35;transition:opacity .35s}.instagram-post:hover img{transform:scale(1.06);filter:saturate(1.08)}.instagram-post:hover:after{opacity:1}.instagram-type{position:absolute;z-index:2;right:12px;top:12px;width:31px;height:31px;border-radius:10px;background:rgba(7,16,43,.72);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;font-size:.7rem}.instagram-post>div{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:1.15rem;color:#fff;transform:translateY(58%);opacity:0;transition:.35s}.instagram-post:hover>div{transform:none;opacity:1}.instagram-post>div>.fa-instagram{color:#27ddc8}.instagram-post>div p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:.35rem 0;font-size:.72rem;line-height:1.45}.instagram-post>div small{color:#aebbd2;font-size:.58rem}
@media(max-width:991px){.instagram-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.instagram-home{padding:64px 0 70px}.instagram-heading{display:block}.instagram-heading>a{margin-top:1.3rem;width:100%}.instagram-grid{gap:9px}.instagram-post{border-radius:14px}.instagram-post>div{display:none}}

/* Flexible, uncropped landing hero */
.hero-reference{height:clamp(620px,56.28vw,941px);min-height:0;background:#07102b!important;background-image:none!important;overflow:hidden}.hero-bg-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;display:block}.hero-ref-shade{z-index:1}.hero-ref-inner{z-index:2}.hero-ref-copy{position:relative;z-index:2}.hero-motto{position:relative;z-index:2}
@media(max-width:1199px){.hero-reference{height:clamp(620px,56.28vw,760px)}}
@media(max-width:767px){.hero-reference{height:auto;min-height:0;padding-top:56.28vw;background:#07102b!important;overflow:visible}.hero-bg-image{height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center top}.hero-ref-shade{height:56.28vw;bottom:auto;background:linear-gradient(90deg,rgba(5,13,38,.8),rgba(10,25,62,.08))}.hero-ref-inner{height:auto;min-height:620px;padding-top:2.2rem;padding-bottom:3.4rem;display:block;background:linear-gradient(180deg,#07102b,#101f49)}.hero-ref-copy{padding-top:0}.hero-ref-copy h1 em{font-size:clamp(3.3rem,16vw,4.4rem)}.hero-ref-copy h1 span{font-size:clamp(2.55rem,12vw,3.45rem);white-space:normal}.hero-ref-copy>p{max-width:100%}.hero-ref-actions{flex-direction:column;align-items:stretch;max-width:290px}.hero-ref-actions .btn{width:100%;min-width:0}.hero-ref-stats{max-width:100%;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.2rem}.hero-ref-stats>div:nth-child(2){border-right:0}.hero-ref-stats>div:nth-child(3){padding-left:0}.feature-strip{margin-top:-20px}}

/* Split hero placement: copy and photo occupy separate columns with no overlap. */
@media(min-width:768px){
 .hero-bg-image{left:auto;right:0;width:82%;height:100%;object-fit:cover;object-position:center center;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 5%,#000 17%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 5%,#000 17%,#000 100%)}
 .hero-ref-shade{background:linear-gradient(90deg,#07102b 0%,#07102b 18%,rgba(7,16,43,.94) 24%,rgba(7,16,43,.58) 33%,rgba(7,16,43,.18) 43%,rgba(7,16,43,0) 53%)}
 .hero-ref-inner{width:100%;max-width:none;align-items:center;padding:0 clamp(72px,5vw,120px)}
 .hero-ref-copy{width:min(470px,32%);margin:0 auto 0 0;padding:0 18px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
 .hero-ref-copy h1{margin:0 0 .75rem;line-height:.92;letter-spacing:0}
 .hero-ref-copy h1 em{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.8rem,4.2vw,4.7rem);font-weight:800;letter-spacing:-.055em;line-height:.82}
 .hero-ref-copy h1 span{font-family:'Sora','Manrope',sans-serif;font-size:clamp(1.85rem,2.75vw,3rem);font-weight:800;letter-spacing:-.065em;line-height:1.04}
 .hero-ref-copy>p{max-width:430px;margin:0;font-size:.85rem;line-height:1.55;color:#edf2fa}
 .hero-ref-actions{gap:.6rem;margin-top:1rem}.hero-ref-actions .btn{min-width:0;padding:.72rem 1.05rem;font-size:.76rem}
 .hero-ref-stats{width:100%;margin-top:1.15rem}.hero-ref-stats>div{padding-right:.55rem}.hero-ref-stats>div+div{padding-left:.75rem}.hero-ref-stats i{width:24px;height:2px;margin-bottom:.4rem}.hero-ref-stats strong{font-size:1.12rem}.hero-ref-stats small{font-size:.58rem;line-height:1.25}
 .hero-motto{display:none}
}
@media(min-width:768px) and (max-width:1199px){.hero-ref-copy{width:36%}.hero-ref-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.75rem}.hero-ref-stats>div:nth-child(2){border-right:0}.hero-ref-stats>div:nth-child(3){padding-left:0}}
@media(min-width:1200px){.hero-reference{height:clamp(650px,46vw,820px)}}
@media(min-width:1600px){
 .hero-ref-copy{width:540px;max-width:25vw}
 .hero-ref-copy h1 em{font-size:5.15rem}.hero-ref-copy h1 span{font-size:3.15rem}
 .hero-ref-copy>p{max-width:500px;font-size:.96rem}
 .hero-ref-actions .btn{padding:.82rem 1.2rem;font-size:.82rem}
 .hero-ref-stats{margin-top:1.35rem}.hero-ref-stats strong{font-size:1.3rem}.hero-ref-stats small{font-size:.63rem}
}

/* School study programs */
.feature-strip .strip-item{padding:.85rem .65rem;min-height:142px}
.feature-strip .strip-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 0 .55rem;border-radius:15px;background:color-mix(in srgb,currentColor 11%,transparent);transition:transform .25s ease,background .25s ease}
.feature-strip .strip-item:hover .strip-icon{transform:translateY(-4px) scale(1.06);background:color-mix(in srgb,currentColor 17%,transparent)}
.feature-strip .strip-item b{font-size:.88rem;line-height:1.2}
.feature-strip .strip-item small{display:block;max-width:175px;margin-top:.3rem;font-size:.66rem;line-height:1.35;color:#66708d}
@media(max-width:991px){.feature-strip .strip-item{min-height:150px;padding:1rem}.feature-strip .strip-item small{max-width:220px}}
@media(max-width:575px){.feature-strip .strip-item{min-height:158px;padding:.9rem .55rem}.feature-strip .strip-item small{font-size:.62rem;line-height:1.3}.feature-strip .strip-icon{width:44px;height:44px;font-size:1.45rem}}
@media(min-width:768px){.hero-reference{height:clamp(620px,min(56.28vw,calc(100svh - 86px)),941px)}}

/* Compact, minimal mobile homepage */
@media(max-width:575px){
  body{font-size:.9rem;line-height:1.55}
  .container{--bs-gutter-x:1.5rem}
  .school-nav{padding:.45rem 0}
  .school-logo{width:42px;height:42px;border-radius:10px}
  .navbar-brand strong{font-size:.78rem}
  .hero-reference{padding-top:56.28vw}
  .hero-ref-inner{min-height:0;padding:1.6rem 1rem 2.15rem}
  .hero-ref-copy h1{margin-bottom:.7rem}
  .hero-ref-copy h1 em{font-size:2.9rem;line-height:.88}
  .hero-ref-copy h1 span{font-size:2.35rem;line-height:1}
  .hero-ref-copy>p{font-size:.8rem;line-height:1.5;margin-bottom:0}
  .hero-ref-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;max-width:none;margin-top:1rem}
  .hero-ref-actions .btn{min-width:0;padding:.7rem .4rem;font-size:.68rem;white-space:nowrap}
  .hero-ref-stats{margin-top:1.35rem;row-gap:.85rem}
  .hero-ref-stats>div{padding-right:.6rem}
  .hero-ref-stats>div+div{padding-left:.75rem}
  .hero-ref-stats i{width:24px;height:2px;margin-bottom:.35rem}
  .hero-ref-stats strong{font-size:1.15rem}
  .hero-ref-stats small{font-size:.57rem;margin-top:.1rem}
  .hero-motto{display:none}
  .feature-strip-wrap{padding-bottom:.65rem}
  .feature-strip{margin-top:-14px;padding:.35rem;border-radius:16px;box-shadow:0 10px 25px rgba(11,23,57,.1)}
  .feature-strip .strip-item{min-height:112px;padding:.65rem .35rem}
  .feature-strip .strip-icon{width:38px;height:38px;margin-bottom:.35rem;border-radius:12px;font-size:1.15rem}
  .feature-strip .strip-item b{font-size:.72rem}
  .feature-strip .strip-item small{max-width:135px;margin-top:.2rem;font-size:.54rem;line-height:1.25}
  .home-about{padding:1.4rem 0 2rem}
  .home-about .row{--bs-gutter-y:1rem}
  .home-label{font-size:.8rem;margin-bottom:.85rem}
  .home-label:after{width:24px;height:2px;margin-top:.35rem}
  .about-copy-compact{padding:0}
  .about-copy-compact h2{font-size:1.35rem;line-height:1.25}
  .about-copy-compact p{font-size:.73rem;line-height:1.55}
  .about-copy-compact .btn{padding:.55rem 1rem;font-size:.67rem}
  .school-video{height:190px;border-radius:14px}
  .video-play{width:46px;height:46px}
  .today-card{min-height:178px;padding:1.1rem;border-radius:14px}
  .today-card>i{font-size:1.55rem}
  .today-card h4{font-size:.85rem;line-height:1.35}
  .today-card>span{margin:.8rem 0}
  .today-card blockquote{font-size:.7rem;line-height:1.5;margin-bottom:0}
  .principal-welcome{padding:32px 0 40px}
  .principal-panel{margin-top:44px;border-radius:18px}
  .principal-portrait{min-height:245px;border-radius:18px 18px 0 0}
  .portrait-frame{top:-52px;left:3%;right:3%}
  .portrait-dots{width:90px;height:90px;top:-30px;background-size:10px 10px}
  .principal-message{padding:1.35rem 1.15rem 1.5rem;border-radius:0 0 18px 18px}
  .principal-message .home-label{font-size:.62rem;margin-bottom:.55rem}
  .principal-message h2{font-size:1.3rem;line-height:1.2;margin-bottom:.65rem}
  .principal-message>p{font-size:.73rem;line-height:1.55;margin-bottom:.25rem}
  .principal-sign{margin:.65rem 0 .8rem;padding-left:.7rem;border-left-width:3px}
  .principal-sign strong{font-size:.78rem}
  .principal-sign span,.principal-message .text-link{font-size:.62rem}
  .principal-quote{font-size:2.6rem}
  .staff-showcase{padding:38px 0 42px}
  .staff-heading{margin-bottom:1.1rem;padding:0 1rem}
  .staff-heading .section-kicker{margin-bottom:.4rem;font-size:.58rem}
  .staff-heading h2{font-size:1.7rem;margin:0}
  .staff-heading p{max-width:310px;margin:.35rem auto 0;font-size:.7rem;line-height:1.45}
  .staff-track{gap:10px;padding:0 16px .6rem}
  .staff-card{flex-basis:56vw;border-radius:13px;box-shadow:0 8px 20px rgba(13,48,114,.09)}
  .staff-photo{height:205px}
  .staff-logo{width:29px;height:29px}
  .staff-info{padding:.6rem .7rem .72rem}
  .staff-info h4{font-size:.72rem}
  .staff-info b{font-size:.56rem}
  .staff-info span{font-size:.53rem}
  .staff-nav{width:30px;height:44px;font-size:.72rem;top:37%}
  .staff-progress{max-width:180px;margin-top:.65rem}
  .staff-showcase .text-center.mt-4{margin-top:.85rem!important}
  .staff-more{padding:.48rem .85rem;font-size:.64rem}
  .industry-partners{padding:40px 0 38px}
  .partner-heading{margin-bottom:1.15rem}
  .partner-kicker{font-size:.56rem}
  .partner-heading h2{font-size:1.75rem;margin-top:.3rem}
  .partner-heading>p{margin-top:.55rem;font-size:.71rem;line-height:1.5}
  .partner-track{gap:10px;padding-bottom:.65rem}
  .partner-card{flex-basis:70%;min-width:210px;border-radius:14px;box-shadow:0 7px 18px rgba(20,31,67,.06)}
  .partner-logo{height:105px;padding:1rem}
  .partner-logo img{max-height:65px}
  .partner-logo span{width:42px;height:42px;border-radius:12px;font-size:1rem}
  .partner-logo strong{font-size:.82rem}
  .partner-meta{padding:.65rem .8rem .75rem}
  .partner-meta b{font-size:.7rem}
  .partner-meta small{font-size:.56rem}
  .partner-nav{display:none}
  .partner-foot{margin-top:.35rem;font-size:.58rem}
  .partner-progress{margin-top:.6rem}
  .instagram-home{padding:40px 0 44px}
  .instagram-heading{margin-bottom:1.2rem}
  .instagram-heading>div>span{font-size:.56rem}
  .instagram-heading h2{font-size:1.75rem;margin:.3rem 0}
  .instagram-heading p{font-size:.7rem;line-height:1.5}
  .instagram-heading>a{grid-template-columns:34px 1fr auto;margin-top:.8rem;padding:.65rem .75rem;border-radius:12px}
  .instagram-heading>a>.fa-instagram{width:34px;height:34px;border-radius:10px;font-size:1rem}
  .instagram-grid{gap:6px}
  .instagram-post{border-radius:10px}
  .editorial-updates{padding:42px 0 45px}
  .updates-title{margin-bottom:1.25rem}
  .updates-kicker{font-size:.56rem}
  .updates-title h2{font-size:1.75rem;margin-top:.3rem}
  .updates-title>p{margin-top:.55rem;font-size:.71rem;line-height:1.5}
  .news-editorial-grid{gap:10px}
  .news-editorial-feature{height:270px;border-radius:16px}
  .news-chip{top:12px;left:12px;padding:.35rem .55rem;font-size:.52rem}
  .editorial-overlay{padding:1rem}
  .editorial-overlay time{font-size:.58rem}
  .editorial-overlay h3{font-size:1.05rem;margin:.35rem 0}
  .editorial-overlay p{display:none}
  .editorial-read{font-size:.6rem}
  .news-editorial-side{grid-template-columns:36% 1fr;min-height:125px;border-radius:14px}
  .news-editorial-side>div{padding:.7rem}
  .news-editorial-side time,.side-news-link{font-size:.54rem}
  .news-editorial-side h4{font-size:.72rem;margin:.3rem 0 .5rem}
  .all-news-link{margin-top:.7rem;padding:.65rem .8rem;font-size:.62rem}
  .agenda-editorial{min-height:0;margin-top:1rem;padding:1rem;border-radius:16px}
  .agenda-editorial-head{padding-bottom:.7rem}
  .agenda-editorial-head h3{font-size:1rem}
  .agenda-editorial-head>i{font-size:1.35rem}
  .agenda-timeline-item{grid-template-columns:44px 13px minmax(0,1fr);min-height:78px}
  .agenda-date-modern{width:42px;height:48px;border-radius:10px}
  .agenda-date-modern strong{font-size:1rem}
  .agenda-date-modern span{font-size:.48rem}
  .agenda-copy{padding-left:.4rem}
  .agenda-copy h4{font-size:.68rem}
  .agenda-copy p,.agenda-copy>small{font-size:.5rem}
  .agenda-number{font-size:1rem}
  .agenda-cta{margin-top:.8rem!important;padding:.65rem .75rem;border-radius:11px}
  .section-space{padding:42px 0}
  .achievement-home .section-heading .section-kicker{margin-bottom:.4rem;font-size:.56rem}
  .achievement-home .section-heading h2{font-size:1.75rem}
  .achievement-home .row{--bs-gutter-y:.65rem;margin-top:.5rem!important}
  .achievement-card{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto auto;column-gap:.8rem;text-align:left;padding:.8rem 1rem;border-radius:14px}
  .achievement-card .trophy{grid-row:1/4;width:42px;height:42px;margin:auto 0;font-size:1rem}
  .achievement-card>span{font-size:.5rem}
  .achievement-card h4{font-size:.8rem;margin:.2rem 0}
  .achievement-card p{font-size:.65rem;margin:0}
  .cta-band{padding:38px 0;text-align:center}
  .cta-band .section-kicker{font-size:.56rem}
  .cta-band h2{font-size:1.65rem;line-height:1.2}
  .cta-band p{font-size:.72rem;line-height:1.5}
  .cta-band .btn{margin-top:.7rem;padding:.65rem 1rem;font-size:.7rem}
  .site-footer{padding-top:42px;font-size:.72rem}
  .site-footer .row{--bs-gutter-y:1.6rem}
  .site-footer h6{margin-bottom:.7rem;font-size:.6rem}
  .site-footer a{margin:.4rem 0}
  .footer-map{height:160px;border-radius:13px}
  .site-footer .footer-address{font-size:.65rem;margin-top:.7rem}
  .footer-bottom{margin-top:28px;padding:16px 0;font-size:.62rem}
  .whatsapp{right:14px;bottom:14px;padding:.62rem;width:44px;height:44px;display:grid;place-items:center}
}

/* Footer visitor counter */
/* Smaller staff portraits, with native image dragging and touch callout disabled. */
.staff-card{flex-basis:clamp(165px,13vw,195px)}
.staff-photo{height:215px}
.staff-photo,.portrait-frame{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.staff-photo img,.portrait-frame img{-webkit-user-drag:none;-webkit-touch-callout:none}
@media(max-width:575px){.staff-card{flex-basis:50vw}.staff-photo{height:180px}}
#sambutan-kepala-sekolah{scroll-margin-top:105px}
.principal-full{padding:85px 0;background:linear-gradient(180deg,#f7f8fc,#fff)}
.principal-full .principal-panel{grid-template-columns:310px minmax(0,1fr);max-width:1180px;margin-top:0;align-items:start;gap:34px}
.principal-profile-aside{position:sticky;top:112px;align-self:start;z-index:2}
.principal-full .principal-portrait{height:410px;min-height:410px;margin:0;border-radius:24px;background:linear-gradient(155deg,#f1edf8,#e5eef2);box-shadow:0 20px 52px rgba(11,23,57,.13)}
.principal-full .portrait-frame{left:-15px;right:-15px;top:-48px;bottom:0}
.principal-full .principal-photo-caption{position:relative;margin:-18px 18px 0;padding:18px 18px 16px;border-radius:14px;background:#fff;box-shadow:0 14px 35px rgba(11,23,57,.13);text-align:center}
.principal-full .principal-photo-caption strong,.principal-full .principal-photo-caption span{display:block}
.principal-full .principal-photo-caption strong{font:800 .92rem Manrope,sans-serif;color:#101c40}
.principal-full .principal-photo-caption span{margin-top:4px;font-size:.72rem;color:#138f84}
.principal-full .principal-message{min-height:0;padding:3.2rem 3.6rem;background:#fff;color:#101c40;border:1px solid #e3e7ef;border-radius:24px;box-shadow:0 20px 52px rgba(11,23,57,.08)}
.principal-full .principal-message .home-label{color:#138f84}
.principal-full .principal-message h2{max-width:760px;color:#101c40;font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.25;margin-bottom:1.8rem}
.principal-full .principal-quote{color:rgba(11,23,57,.06)}
.principal-welcome-copy{max-width:760px;overflow-wrap:anywhere}
.principal-welcome-copy p{margin:0 0 1.25rem;color:#4d5872;font-size:.94rem;line-height:1.9}
.principal-welcome:not(.principal-full) .principal-welcome-copy p{color:#fff}
.principal-welcome-copy p:last-child{margin-bottom:0}
.principal-welcome-copy strong{color:#101c40;font-weight:800}
.principal-full .principal-sign{margin-top:2rem}
.principal-full .principal-sign strong{color:#101c40}
.principal-full .principal-sign span{color:#65718a}
@media(max-width:991px){.principal-full .principal-panel{grid-template-columns:260px minmax(0,1fr);gap:24px}.principal-full .principal-portrait{height:350px;min-height:350px}.principal-full .principal-message{padding:2.5rem}.principal-welcome-copy p{font-size:.9rem}}
@media(max-width:767px){#sambutan-kepala-sekolah{scroll-margin-top:85px}.principal-full{padding:55px 0}.principal-full .principal-panel{grid-template-columns:1fr;gap:55px}.principal-profile-aside{position:relative;top:auto;max-width:330px;width:88%;margin:38px auto 0}.principal-full .principal-portrait{height:350px;min-height:350px;border-radius:20px}.principal-full .principal-message{padding:2.1rem 1.5rem;border-radius:20px}.principal-full .principal-message h2{font-size:1.65rem;margin-bottom:1.35rem}.principal-welcome-copy p{font-size:.86rem;line-height:1.8}}
@media(max-width:575px){.principal-full .principal-portrait{height:300px;min-height:300px}.principal-full .portrait-frame{top:-38px}.principal-full .principal-photo-caption{margin:-14px 14px 0}}

/* Compact staff cards while keeping every name, degree and role readable. */
.staff-showcase{padding-top:50px;padding-bottom:55px}
.staff-card{flex-basis:clamp(225px,16.5vw,250px)}
.staff-photo{height:auto;aspect-ratio:4/5}
.staff-info{padding:.72rem .8rem .85rem}
.staff-info h4{font-size:clamp(.66rem,.62vw,.72rem);line-height:1.35;min-height:auto;white-space:nowrap;overflow:visible;text-overflow:clip}
@media(max-width:575px){.staff-showcase{padding-top:38px;padding-bottom:40px}.staff-card{flex-basis:56vw}.staff-photo{height:auto;aspect-ratio:4/5}.staff-info h4{font-size:.68rem;white-space:normal;min-height:2.7em;overflow-wrap:anywhere}}
/* Upright accent typography for the homepage news heading. */
.updates-title h2 em{font-family:'Manrope',sans-serif;font-style:normal;font-weight:700;color:#b84a48}
.footer-social-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.visitor-count{display:flex;align-items:center;gap:.65rem;min-height:36px;padding:.38rem .8rem;border:1px solid #32445d;border-radius:20px;background:rgba(255,255,255,.035);color:#fff}
.visitor-count>i{color:#27ddc8;font-size:.9rem}
.visitor-count span{display:flex;align-items:baseline;gap:.4rem}
.visitor-count strong{font:800 .82rem 'Manrope',sans-serif}
.visitor-count small{color:#aebcd0;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:575px){.footer-social-row{gap:.7rem}.visitor-count{min-height:34px;padding:.32rem .7rem}.visitor-count strong{font-size:.76rem}.visitor-count small{font-size:.52rem}}

/* Rich text typography for news articles. */
.article-rich-text{color:#39445b;line-height:1.9;overflow-wrap:anywhere}
.article-rich-text h2,.article-rich-text h3,.article-rich-text h4{color:#0b1739;line-height:1.3;margin:2rem 0 .8rem}
.article-rich-text h2{font-size:1.8rem}.article-rich-text h3{font-size:1.45rem}.article-rich-text h4{font-size:1.2rem}
.article-rich-text p{margin:0 0 1.25rem}.article-rich-text ul,.article-rich-text ol{margin:0 0 1.4rem;padding-left:1.5rem}
.article-rich-text li{margin:.35rem 0}.article-rich-text blockquote{margin:1.8rem 0;padding:1.1rem 1.4rem;border-left:4px solid #ff6b55;border-radius:0 12px 12px 0;background:#f4f6fb;color:#273451;font-style:italic}
.article-rich-text a{color:#0d8f84;text-decoration:underline;text-underline-offset:3px}.article-rich-text hr{margin:2rem 0;border-color:#dde2ec}
.article-rich-text .ql-align-center{text-align:center}.article-rich-text .ql-align-right{text-align:right}.article-rich-text .ql-align-justify{text-align:justify}
.article-rich-text ol li[data-list="bullet"]{list-style-type:disc}.article-rich-text ol li[data-list="ordered"]{list-style-type:decimal}

/* Horizontal profile values */
.profile-values-section{padding:80px 0}
.profile-values-list{display:grid;gap:1.15rem}
.profile-value-card{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.65fr);align-items:center;gap:2.2rem;padding:1.7rem 2rem;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(11,23,57,.045)}
.profile-value-heading{display:flex;align-items:center;gap:1.1rem;min-width:0}
.profile-value-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:15px;background:#fff0ed;color:#ff6b55;font-size:1.25rem}
.profile-value-heading small{display:block;margin-bottom:.25rem;color:#b34b3c;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.profile-value-heading h3{margin:0;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.3}
.profile-value-copy{padding-left:2.2rem;border-left:1px solid var(--line)}
.profile-value-copy p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.75}
.profile-value-card.navy{background:linear-gradient(135deg,#0b1739,#122554);border-color:transparent;color:#fff;box-shadow:0 16px 40px rgba(11,23,57,.15)}
.profile-value-card.navy .profile-value-icon{background:rgba(255,255,255,.1);color:#ff6b55}
.profile-value-card.navy .profile-value-heading small{color:#27ddc8}
.profile-value-card.navy .profile-value-copy{border-left-color:rgba(255,255,255,.17)}
.profile-value-card.navy .profile-value-copy p{color:#d3dbed}
@media(max-width:767px){.profile-values-section{padding:55px 0}.profile-value-card{grid-template-columns:1fr;gap:1rem;padding:1.35rem}.profile-value-copy{padding:1rem 0 0;border-left:0;border-top:1px solid var(--line)}.profile-value-card.navy .profile-value-copy{border-top-color:rgba(255,255,255,.17)}.profile-value-copy p{font-size:.88rem;line-height:1.7}}

/* History photo: preserve the complete uploaded composition */
.about-photo{isolation:isolate;padding:0 24px 30px 0}
.about-photo:before{content:"";position:absolute;z-index:-1;inset:24px 0 0 24px;border-radius:30px;background:linear-gradient(145deg,#dfe9ff,#c9d8ff);box-shadow:0 18px 45px rgba(11,23,57,.1)}
.about-photo img{position:relative;z-index:1;display:block;width:100%;height:auto!important;max-height:none;object-fit:contain;border-radius:28px;box-shadow:0 18px 45px rgba(11,23,57,.12)}
.about-photo .experience-card{z-index:2;right:0;bottom:0;max-width:calc(100% - 34px)}
@media(max-width:575px){.about-photo{padding:0 12px 24px 0}.about-photo:before{inset:14px 0 0 14px;border-radius:22px}.about-photo img{height:auto!important;border-radius:20px}.about-photo .experience-card{right:0;max-width:calc(100% - 14px);padding:1rem 1.15rem}.about-photo .experience-card strong{font-size:1.45rem}}

/* Centered school identity navigation */
@media(min-width:992px){
  .school-nav{min-height:78px;padding:0;background:#0b1739}
  .nav-centered-container{position:relative;max-width:1480px}
  .school-brand-centered{position:absolute;z-index:4;left:50%;top:-26px;width:136px;height:136px;min-height:136px;margin:0;padding:8px;transform:translateX(-50%);flex-direction:column;justify-content:flex-start;gap:0!important;text-align:center;background:transparent;border:0;border-radius:0;clip-path:none;box-shadow:none;isolation:isolate}
  .school-brand-centered:before{content:"";position:absolute;z-index:0;inset:0;background:#0b1739;-webkit-mask:url('../img/logo-smkn2-palu.png') center/contain no-repeat;mask:url('../img/logo-smkn2-palu.png') center/contain no-repeat;filter:drop-shadow(0 8px 8px rgba(2,8,28,.22))}
  .school-brand-centered:after{display:none}
  .school-brand-centered .school-logo{position:relative;z-index:1;width:120px;height:120px;flex:0 0 120px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
  .school-brand-centered .school-logo img{transform:none;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.22))}
  .school-brand-centered .school-brand-copy{display:none}
  .school-nav .nav-balanced-collapse{display:flex!important;justify-content:space-between;width:100%;gap:144px}
  .school-nav .nav-menu-side{display:flex;min-width:0;flex:1 1 calc(50% - 80px)}
  .school-nav .nav-menu-left{justify-content:flex-end}
  .school-nav .nav-menu-right{justify-content:flex-start}
  .school-nav .nav-link{white-space:nowrap}
  .school-nav .nav-search{flex:none}
}
@media(min-width:992px) and (max-width:1199px){
  .school-brand-centered{top:-22px;width:119px;height:119px;min-height:119px;padding:7px}
  .school-brand-centered .school-logo{width:105px;height:105px;flex-basis:105px}
  .school-nav .nav-balanced-collapse{gap:127px}
  .school-nav .nav-link{font-size:.72rem!important;padding:.7rem .36rem!important}
  .school-nav .nav-ppdb{padding:.58rem .75rem!important;font-size:.68rem}
}
@media(max-width:991px){
  .nav-centered-container{position:relative}
  .school-brand-centered{position:static;transform:none;background:transparent;box-shadow:none}
  .school-brand-centered:before{display:none}
  .school-brand-centered:after{display:none}
  .school-brand-centered .school-brand-copy{display:block}
  .school-nav .nav-balanced-collapse{display:none}
  .school-nav .nav-balanced-collapse.show{display:block}
  .school-nav .nav-menu-side{width:100%}
  .school-nav .navbar-nav{align-items:stretch!important}
}

/* Active navigation accent: solid school red */
.school-nav .nav-link.active:after{background:#ef1717}

/* Unified school-red accent */
:root{--gold:#ef1717}
.btn-gold,.nav-ppdb{background:#ef1717!important;border-color:#ef1717!important}
.btn-gold:hover,.nav-ppdb:hover{background:#c90e16!important;border-color:#c90e16!important}
.hero-ref-stats i,.hero-motto i,.home-label:after,.today-card>span,.video-play,.staff-nav:hover,.updates-kicker:before,.agenda-line i,.agenda-cta,.news-reader-kicker i,.news-reader-card:hover .news-reader-more i,.partner-nav:hover{background:#ef1717}
.strip-icon.red,.compact-news .more i,.compact-section-head a i,.section-kicker,.text-link,.read-more,.achievement-card>span,.principal-message h2 em,.staff-heading h2 em,.updates-title h2 em,.side-news-link,.all-news-link:hover,.agenda-editorial-head>i,.news-reader-head h2 em,.featured-label i,.news-reader-content h3 a:hover,.partner-kicker i,.partner-heading h2 em,.instagram-heading>div>span i,.instagram-heading h2 em,.profile-value-icon,.profile-value-card.navy .profile-value-icon{color:#ef1717}
.principal-message .home-label:after,.principal-sign,.staff-info{border-color:#ef1717}
.portrait-dots{background-image:radial-gradient(#ef1717 2px,transparent 2px)}
.staff-progress span,.partner-logo:after,.partner-progress i{background:#ef1717}
.footer-map>a{background:#ef1717}.footer-map>a:hover,.agenda-cta:hover{background:#c90e16}
.editorial-updates:after{background:radial-gradient(circle,rgba(239,23,23,.12),transparent 70%)}
.agenda-line i{box-shadow:0 0 0 4px rgba(239,23,23,.12)}
.industry-partners:after{background:radial-gradient(circle,rgba(239,23,23,.1),transparent 70%)}
.article-rich-text blockquote{border-left-color:#ef1717}
.profile-value-icon{background:#fff0f0}

/* Profile mission and goals list */
.profile-value-points{display:grid;gap:.8rem;margin:0;padding:0;list-style:none;color:var(--muted);font-size:.96rem;line-height:1.65;counter-reset:value-point}
.profile-value-points li{position:relative;padding-left:1.75rem}
.profile-value-points.bullet-list li:before{content:"";position:absolute;left:.25rem;top:.67em;width:7px;height:7px;border-radius:50%;background:#ef1717;box-shadow:0 0 0 4px #fff0f0}
.profile-value-points.number-list li{min-height:30px;padding-left:2.65rem;counter-increment:value-point}
.profile-value-points.number-list li:before{content:counter(value-point);position:absolute;left:0;top:.08rem;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#ef1717;color:#fff;font:800 .68rem 'Manrope',sans-serif;box-shadow:0 5px 12px rgba(239,23,23,.16)}
@media(max-width:767px){.profile-value-points{gap:.7rem;font-size:.88rem}.profile-value-points.number-list li{padding-left:2.45rem}}

/* Emphasize the school vision statement */
.profile-value-card.navy .profile-value-copy{position:relative;padding-left:2.35rem}
.profile-value-card.navy .profile-value-copy:before{content:"";position:absolute;left:0;top:.15rem;bottom:.15rem;width:4px;border-radius:6px;background:#ef1717}
.profile-value-card.navy .profile-value-copy p{max-width:980px;color:#fff;font:700 clamp(1.08rem,1.45vw,1.32rem)/1.58 'Manrope',sans-serif;letter-spacing:-.025em;text-wrap:balance}
@media(max-width:767px){.profile-value-card.navy .profile-value-copy{padding:1rem 0 0}.profile-value-card.navy .profile-value-copy:before{left:0;right:0;top:0;bottom:auto;width:48px;height:4px}.profile-value-card.navy .profile-value-copy p{font-size:1.02rem;line-height:1.55;padding-top:.55rem}}

/* Consistent blue inner-page headers */
.page-hero{background:linear-gradient(115deg,#032a91 0%,#063dcc 62%,#164fd6 100%)!important}
.complaint-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* Clearer primary navigation */
@media(min-width:1200px){.school-nav .nav-link{font-size:.92rem!important}}
@media(min-width:992px) and (max-width:1199px){.school-nav .nav-link{font-size:.78rem!important}}
@media(max-width:991px){.school-nav .nav-link{font-size:.9rem!important}}

/* Complaint service */
.nav-complaint i{color:#ef1717}.complaint-section{padding:80px 0 100px;background:#f5f7fc}.complaint-intro{display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:end;gap:3rem;max-width:1100px;margin:0 auto 2rem}.complaint-intro h2{margin:.45rem 0;font-size:clamp(2rem,3.5vw,3.25rem);color:#0b1739}.complaint-intro p{max-width:690px;margin:0;color:#66708d}.complaint-privacy{display:flex;gap:.9rem;padding:1.15rem;border-radius:16px;background:#eaf3ff;color:#063dcc}.complaint-privacy>i{font-size:1.35rem;margin-top:.2rem}.complaint-privacy b,.complaint-privacy span{display:block}.complaint-privacy b{font-size:.8rem}.complaint-privacy span{margin-top:.2rem;color:#506588;font-size:.68rem;line-height:1.5}.complaint-form{max-width:1100px;margin:auto;padding:2.2rem 2.4rem;border:1px solid #e0e5f0;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(11,23,57,.08)}.complaint-form-head{display:flex;align-items:center;gap:1rem;padding-bottom:1.4rem;border-bottom:1px solid #e7eaf1}.complaint-form-head>span{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#fff0f0;color:#ef1717;font-size:1.2rem}.complaint-form-head h3{margin:0;font-size:1.2rem}.complaint-form-head p{margin:.15rem 0 0;color:#7b8498;font-size:.7rem}.complaint-form fieldset{margin:0;padding:1.7rem 0;border:0;border-bottom:1px solid #e7eaf1}.complaint-form legend{width:100%;margin:0 0 1.2rem;color:#0b1739;font:800 1rem 'Manrope';letter-spacing:-.02em}.complaint-form label{display:block;margin-bottom:.45rem;color:#26365c;font-size:.74rem;font-weight:700}.complaint-form label>span{color:#8a94a8;font-weight:500}.complaint-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.complaint-types label{margin:0;cursor:pointer}.complaint-types input{position:absolute;opacity:0}.complaint-types span{display:flex;align-items:center;gap:.7rem;min-height:54px;padding:.8rem 1rem;border:1px solid #dfe4ee;border-radius:10px;color:#27395f;font-size:.75rem;font-weight:600;transition:.2s}.complaint-types span i{width:25px;color:#7c89a5}.complaint-types input:checked+span{border-color:#ef1717;background:#fff5f5;color:#b90e15;box-shadow:0 0 0 2px rgba(239,23,23,.08)}.complaint-types input:checked+span i{color:#ef1717}.complaint-hint{display:block;margin-top:.45rem;color:#7d899f;font-size:.64rem}.complaint-upload{min-height:145px;margin:0!important;border:2px dashed #cfd7e5;border-radius:14px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;background:#fafbfe;cursor:pointer}.complaint-upload:hover{border-color:#ef1717;background:#fffafa}.complaint-upload>i{font-size:2rem;color:#8e9ab0}.complaint-upload>b{color:#ef1717;font-size:.78rem}.complaint-upload>span{font-size:.65rem}.complaint-upload input{position:absolute;width:1px;height:1px;opacity:0}.complaint-file-name{text-align:center;margin-top:.5rem;color:#7b879b;font-size:.64rem}.complaint-submit{width:100%;margin-top:1.5rem;padding:1rem;border:0;border-radius:10px;background:#ef1717;color:#fff;font:800 .9rem 'Manrope';box-shadow:0 10px 25px rgba(239,23,23,.18);transition:.2s}.complaint-submit:hover{background:#c90e16;transform:translateY(-2px)}.complaint-submit i{margin-right:.65rem}.complaint-security{text-align:center;margin:1rem 0 0;color:#637492;font-size:.65rem}.complaint-security i{margin-right:.35rem;color:#18a878}.complaint-success{display:flex;gap:1.2rem;max-width:760px;margin:0 auto;padding:2rem;border-radius:20px;background:#fff;border:1px solid #dce6e2;box-shadow:0 15px 40px rgba(11,23,57,.08)}.complaint-success>i{font-size:2.4rem;color:#18a878}.complaint-success h3{margin:0}.complaint-success p{margin:.3rem 0;color:#6f7d91}.complaint-success strong{display:inline-block;padding:.5rem .8rem;border-radius:8px;background:#ecf8f4;color:#107865;letter-spacing:.08em}@media(max-width:767px){.complaint-section{padding:55px 0 70px}.complaint-intro{grid-template-columns:1fr;gap:1.3rem}.complaint-form{padding:1.35rem;border-radius:18px}.complaint-types{grid-template-columns:1fr}}

/* Homepage advantages */
.back-to-top{position:fixed;z-index:98;right:24px;bottom:88px;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:14px;display:grid;place-items:center;background:#ef1717;color:#fff;box-shadow:0 12px 28px rgba(11,23,57,.24);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s,visibility .25s,transform .25s,background .2s}.back-to-top.show{opacity:1;visibility:visible;transform:none}.back-to-top:hover{background:#0b1739}.back-to-top:focus-visible{outline:3px solid rgba(239,23,23,.28);outline-offset:3px}@media(max-width:575px){.back-to-top{right:16px;bottom:82px;width:42px;height:42px;border-radius:12px}}
.home-live-ticker{position:relative;z-index:5;margin-top:-1px;padding:18px 0 0;background:#fff}
.home-live-ticker-shell{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:54px;overflow:hidden;border:1px solid #e3e7f0;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(11,23,57,.08)}
.home-live-ticker-shell>strong{position:relative;z-index:2;display:flex;align-items:center;gap:.6rem;padding:0 1.25rem;background:#ef1717;color:#fff;font:800 .68rem 'Manrope',sans-serif;letter-spacing:.09em;white-space:nowrap}.home-live-ticker-shell>strong:after{content:"";position:absolute;right:-12px;border-top:27px solid transparent;border-bottom:27px solid transparent;border-left:12px solid #ef1717}
.home-live-ticker-window{display:flex;min-width:0;overflow:hidden}.home-live-ticker-track{display:flex;width:max-content;animation:home-news-marquee 24s linear infinite;will-change:transform}.home-live-ticker-window:hover .home-live-ticker-track{animation-play-state:paused}
.home-live-ticker-group{display:flex;align-items:center;flex:none}.home-live-ticker-group>a{display:flex;align-items:center;gap:.75rem;padding:0 1.15rem;color:#0b1739;white-space:nowrap;font-size:.74rem}.home-live-ticker-group>a b{color:#ef1717;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}.home-live-ticker-group>a span{font-weight:650}.home-live-ticker-group>a time{color:#8d96a9;font-size:.62rem}.home-live-ticker-group>i{width:5px;height:5px;border-radius:50%;background:#cad0dc}
.home-live-ticker+.feature-strip-wrap{padding-top:1px}.home-live-ticker+.feature-strip-wrap .feature-strip{margin-top:16px}
@keyframes home-news-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){.home-live-ticker{padding-top:10px}.home-live-ticker-shell{min-height:48px;border-radius:10px}.home-live-ticker-shell>strong{padding:0 .8rem;font-size:.58rem}.home-live-ticker-shell>strong span{display:none}.home-live-ticker-shell>strong:after{right:-9px;border-top-width:24px;border-bottom-width:24px;border-left-width:9px}.home-live-ticker-group>a{padding:0 .9rem;font-size:.67rem}.home-live-ticker-group>a time{display:none}.home-live-ticker-track{animation-duration:20s}}
@media(max-width:767px){.home-live-ticker+.feature-strip-wrap .feature-strip{margin-top:10px}}
.news-portal{padding:54px 0 90px;background:#fff}
.news-ticker{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:62px;margin-bottom:42px;border:1px solid #e5e8ef;background:#fff;box-shadow:0 8px 25px rgba(11,23,57,.045)}
.news-ticker>strong{display:flex;align-items:center;gap:.6rem;padding:0 1.35rem;background:#ef1717;color:#fff;font:800 .72rem 'Manrope',sans-serif;letter-spacing:.08em;white-space:nowrap}
.news-ticker-window{position:relative;min-width:0;overflow:hidden}
.news-ticker-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:0 1.4rem;color:#17213b;opacity:0;transform:translateY(16px);pointer-events:none;transition:.4s ease}
.news-ticker-item.active{opacity:1;transform:none;pointer-events:auto}
.news-ticker-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.news-ticker-item time{flex:none;color:#939bad;font-size:.7rem}
.news-ticker-controls{display:flex}.news-ticker-controls button{width:58px;border:0;border-left:1px solid #e5e8ef;background:#fff;color:#536079;transition:.2s}.news-ticker-controls button:hover{background:#0b1739;color:#fff}
.news-portal-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.72fr);gap:34px;align-items:start}
.news-portal-feature{height:590px;min-width:0}.news-portal-feature-image{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:3px;background:#dfe4ed;color:#fff}
.news-portal-feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,32,.02) 35%,rgba(4,12,32,.92) 100%)}
.news-portal-feature-image>img{width:100%;height:100%;object-fit:cover;transition:transform .75s ease}.news-portal-feature:hover img{transform:scale(1.035)}
.news-portal-feature-image>span{position:absolute;z-index:2;left:28px;top:28px;padding:.48rem .8rem;background:#ef1717;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.news-portal-feature-image>div{position:absolute;z-index:2;left:36px;right:36px;bottom:32px}.news-portal-feature time{font-size:.7rem;color:#d7dfed}.news-portal-feature h2{max-width:850px;margin:.55rem 0;font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.15;color:#fff}.news-portal-feature p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:760px;margin:0;color:#d9e0eb;font-size:.86rem}
.news-portal-sidebar{border:1px solid #e5e8ef;background:#fff}.news-sidebar-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e5e8ef}.news-sidebar-tabs button{position:relative;min-height:58px;border:0;border-right:1px solid #e5e8ef;background:#fff;color:#58647a;font-weight:700}.news-sidebar-tabs button:last-child{border-right:0}.news-sidebar-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#ef1717;transform:scaleX(0);transition:.25s}.news-sidebar-tabs button.active{color:#0b1739}.news-sidebar-tabs button.active:after{transform:scaleX(1)}
.news-sidebar-panel{display:none;padding:12px 22px}.news-sidebar-panel.active{display:block}.news-sidebar-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #eceef3;color:#0b1739}.news-sidebar-item:last-child{border-bottom:0}.news-sidebar-item img{width:112px;height:82px;object-fit:cover}.news-sidebar-item b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:800 .82rem/1.45 'Manrope',sans-serif}.news-sidebar-item time{display:block;margin-top:.45rem;color:#929bad;font-size:.62rem}.news-sidebar-item:hover b{color:#ef1717}
.news-portal-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin:75px 0 26px;padding-bottom:20px;border-bottom:1px solid #e5e8ef}.news-portal-heading span{color:#ef1717;font-size:.64rem;font-weight:800;letter-spacing:.15em}.news-portal-heading h2{margin:.3rem 0 0;color:#0b1739;font-size:clamp(2rem,3vw,2.8rem)}.news-portal-heading p{max-width:470px;margin:0;color:#6d7890;font-size:.82rem}
.news-portal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-portal-card{overflow:hidden;border:1px solid #e7e9ef;background:#fff;box-shadow:0 10px 28px rgba(11,23,57,.055);transition:.3s}.news-portal-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(11,23,57,.11)}.news-portal-card-image{position:relative;display:block;height:220px;overflow:hidden}.news-portal-card-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.news-portal-card:hover img{transform:scale(1.045)}.news-portal-card-image span{position:absolute;left:18px;bottom:16px;padding:.4rem .65rem;background:#ef1717;color:#fff;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.news-portal-card>div{padding:1.35rem}.news-portal-card time{color:#929bad;font-size:.65rem}.news-portal-card h3{margin:.55rem 0;font-size:1.05rem;line-height:1.4}.news-portal-card h3 a{color:#0b1739}.news-portal-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#6d7890;font-size:.76rem;line-height:1.65}.news-portal-more{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;color:#ef1717;font-size:.68rem;font-weight:800}.news-portal-more i{transition:.2s}.news-portal-more:hover i{transform:translateX(4px)}
@media(max-width:991px){.news-portal-layout{grid-template-columns:1fr}.news-portal-feature{height:500px}.news-portal-cards{grid-template-columns:repeat(2,1fr)}.news-portal-sidebar{max-width:none}}
@media(max-width:767px){.news-portal{padding:35px 0 65px}.news-ticker{grid-template-columns:1fr auto;margin-bottom:28px}.news-ticker>strong{grid-column:1/-1;min-height:40px}.news-ticker-window{min-height:62px}.news-ticker-item{padding:0 .9rem}.news-ticker-item time{display:none}.news-ticker-controls button{width:44px}.news-portal-feature{height:390px}.news-portal-feature-image>span{left:18px;top:18px}.news-portal-feature-image>div{left:20px;right:20px;bottom:20px}.news-portal-feature h2{font-size:1.55rem}.news-portal-feature p{display:none}.news-sidebar-panel{padding:8px 14px}.news-sidebar-item{grid-template-columns:96px minmax(0,1fr);gap:12px}.news-sidebar-item img{width:96px;height:72px}.news-portal-heading{display:block;margin-top:50px}.news-portal-heading p{margin-top:.7rem}.news-portal-cards{grid-template-columns:1fr}.news-portal-card-image{height:210px}}
.footer-bottom .footer-credit{display:inline;margin:0;color:#fff;font-weight:700}.footer-bottom .footer-credit:hover{color:#ef1717}
.school-advantages{padding:80px 0 95px;background:#f7f8fc;overflow:hidden}
.advantage-tagline{margin-bottom:4rem;text-align:center;color:#08205f;font:800 clamp(2.3rem,5vw,4.5rem)/1.08 'Manrope',sans-serif;letter-spacing:-.055em;text-wrap:balance}
.advantage-tagline em{font-style:normal;color:#ef1717}
.advantages-heading{max-width:780px;margin:0 auto 3.2rem}
.advantages-heading>span{font-size:.66rem;letter-spacing:.18em;color:#ef1717;font-weight:800}
.advantages-heading h2{margin:.45rem 0;color:#063dcc;font-size:clamp(2rem,3.7vw,3.25rem)}
.advantages-heading p{margin:0;color:#66708d}
.advantages-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
.advantage-item{position:relative;text-align:center;padding:2rem 1.3rem;border:1px solid #e3e7f1;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(11,23,57,.06);transition:.3s}
.advantage-item:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(11,23,57,.12);border-color:rgba(239,23,23,.28)}
.advantage-icon{position:relative;width:92px;height:92px;margin:0 auto 1.35rem;border-radius:24px;display:grid;place-items:center;background:#edf2ff;color:#082a62;font-size:2.4rem}
.advantage-icon span{position:absolute;right:-7px;top:-7px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ef1717;color:#fff;font:800 .62rem 'Manrope',sans-serif}
.advantage-item h3{font-size:1.05rem;color:#0b1739;margin:0 0 .65rem}
.advantage-item p{margin:0;color:#66708d;font-size:.82rem;line-height:1.7}
@media(max-width:991px){.advantages-grid{grid-template-columns:repeat(2,1fr)}.advantage-tagline{margin-bottom:3rem}}
@media(max-width:575px){.school-advantages{padding:58px 0 68px}.advantages-grid{grid-template-columns:1fr}.advantage-item{display:grid;grid-template-columns:72px 1fr;text-align:left;column-gap:1rem}.advantage-icon{grid-row:1/3;width:72px;height:72px;margin:0;font-size:1.8rem}.advantage-item h3{align-self:end}.advantage-item p{align-self:start}}
.article-photo-gallery{margin-top:3rem;padding-top:2.2rem;border-top:1px solid var(--line)}.article-gallery-heading span{color:#ef1717;font-size:.65rem;font-weight:800;letter-spacing:.15em}.article-gallery-heading h2{margin:.25rem 0 1.25rem;font-size:1.8rem}.article-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:220px;gap:12px}.article-gallery-grid a{position:relative;overflow:hidden;border-radius:14px;background:#e9edf3}.article-gallery-grid a.is-featured{grid-column:1/-1;grid-row:span 2}.article-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.article-gallery-grid i{position:absolute;right:14px;bottom:14px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(7,28,59,.82);color:#fff;opacity:0;transform:translateY(6px);transition:.25s}.article-gallery-grid a:hover img{transform:scale(1.045)}.article-gallery-grid a:hover i{opacity:1;transform:none}@media(max-width:575px){.article-gallery-grid{grid-template-columns:1fr;grid-auto-rows:210px}.article-gallery-grid a.is-featured{grid-column:auto;grid-row:auto}.article-gallery-grid i{opacity:1;transform:none}}
.article-gallery-slider{max-width:900px;margin:3rem auto 0;padding-top:0;border-top:0}.article-gallery-top{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.article-gallery-top .article-gallery-heading h2{margin:.2rem 0 0}.article-gallery-count{display:flex;align-items:baseline;gap:.25rem;color:#8690a3}.article-gallery-count strong{font:800 1.55rem 'Manrope',sans-serif;color:#0b1739}.article-gallery-viewport{position:relative;overflow:hidden;border-radius:20px;background:#dfe5ed;box-shadow:0 18px 45px rgba(7,28,59,.13);touch-action:pan-y}.article-gallery-track{display:flex;transition:transform .55s cubic-bezier(.22,.75,.25,1);will-change:transform}.article-gallery-slide{position:relative;flex:0 0 100%;height:500px;overflow:hidden}.article-gallery-slide:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(4,13,32,.58))}.article-gallery-slide img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-gallery-slide:hover img{transform:scale(1.025)}.article-gallery-slide>span{position:absolute;z-index:2;right:22px;bottom:20px;padding:.65rem .9rem;border-radius:30px;background:rgba(255,255,255,.94);color:#0b1739;font-size:.72rem;font-weight:800}.article-gallery-nav{position:absolute;z-index:3;top:50%;width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(7,28,59,.78);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18);transform:translateY(-50%);transition:.2s}.article-gallery-nav:hover{background:#ef1717}.article-gallery-nav.is-prev{left:18px}.article-gallery-nav.is-next{right:18px}.article-gallery-dots{display:flex;justify-content:center;gap:7px;margin-top:1rem}.article-gallery-dots button{width:8px;height:8px;padding:0;border:0;border-radius:8px;background:#cbd1dc;transition:.25s}.article-gallery-dots button.active{width:28px;background:#ef1717}@media(max-width:767px){.article-gallery-slider{margin-top:2rem}.article-gallery-slide{height:330px}.article-gallery-nav{width:40px;height:40px}.article-gallery-nav.is-prev{left:10px}.article-gallery-nav.is-next{right:10px}}@media(max-width:575px){.article-gallery-slide{height:260px}.article-gallery-slide>span{right:12px;bottom:12px;padding:.5rem .7rem}.article-gallery-top{align-items:center}.article-gallery-top .article-gallery-heading h2{font-size:1.45rem}}
.article-gallery-thumbnails{display:flex;gap:10px;margin-top:14px;padding:3px 2px 10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b9c1cf transparent}.article-gallery-thumbnails button{position:relative;flex:0 0 132px;height:82px;padding:0;overflow:hidden;border:3px solid transparent;border-radius:12px;background:#dfe5ed;opacity:.6;scroll-snap-align:center;transition:border-color .22s,opacity .22s,transform .22s}.article-gallery-thumbnails button:hover{opacity:.9;transform:translateY(-2px)}.article-gallery-thumbnails button.active{border-color:#ef1717;opacity:1;box-shadow:0 7px 18px rgba(239,23,23,.18)}.article-gallery-thumbnails img{width:100%;height:100%;object-fit:cover}.article-gallery-thumbnails span{position:absolute;right:5px;bottom:5px;min-width:24px;padding:2px 5px;border-radius:10px;background:rgba(7,28,59,.8);color:#fff;font-size:.58rem;font-weight:800}@media(max-width:575px){.article-gallery-thumbnails button{flex-basis:96px;height:64px}.article-gallery-thumbnails{gap:7px}}
.related-news-section{padding:75px 0 90px;background:#f4f6fa;border-top:1px solid #e7eaf0}.related-news-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.related-news-heading>div>span{color:#ef1717;font-size:.65rem;font-weight:800;letter-spacing:.15em}.related-news-heading h2{margin:.3rem 0;font-size:clamp(2rem,3.5vw,3rem);color:#0b1739}.related-news-heading p{margin:0;color:#748098;font-size:.88rem}.related-news-heading>a{display:inline-flex;align-items:center;gap:.65rem;flex:none;color:#0b1739;font-size:.75rem;font-weight:800}.related-news-heading>a i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ef1717;color:#fff;transition:.2s}.related-news-heading>a:hover i{transform:translateX(4px)}.related-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.related-news-card{overflow:hidden;border:1px solid #e5e8ef;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(11,23,57,.06);transition:.3s}.related-news-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,23,57,.12)}.related-news-image{position:relative;display:block;height:210px;overflow:hidden}.related-news-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.related-news-card:hover .related-news-image img{transform:scale(1.045)}.related-news-image span{position:absolute;left:14px;top:14px;padding:.4rem .65rem;border-radius:20px;background:#ef1717;color:#fff;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.related-news-card>div{padding:1.3rem}.related-news-card time{color:#8b95a8;font-size:.66rem}.related-news-card h3{margin:.55rem 0;font-size:1.05rem;line-height:1.4}.related-news-card h3 a{color:#0b1739}.related-news-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#6f7a90;font-size:.76rem;line-height:1.65}.related-news-read{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;color:#ef1717;font-size:.7rem;font-weight:800}.related-news-empty{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.6rem;border:1px dashed #cfd5df;border-radius:16px;background:#fff;color:#758096}.related-news-empty>i{font-size:1.8rem;color:#aab3c2}.related-news-empty b,.related-news-empty span{display:block}.related-news-empty b{color:#0b1739}.related-news-empty span{font-size:.78rem}@media(max-width:991px){.related-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.related-news-section{padding:55px 0 65px}.related-news-heading{display:block}.related-news-heading>a{margin-top:1.2rem}.related-news-grid{grid-template-columns:1fr}.related-news-image{height:230px}}

/* Larger department logos, with direct image dragging and touch menus disabled. */
.feature-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(144px,1fr);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:1rem;scrollbar-width:thin;scrollbar-color:#c8cfdd transparent}
.feature-strip:focus-visible{outline:2px solid #14b8a6;outline-offset:4px}
.feature-strip .strip-item{min-height:180px;justify-content:flex-start;border-bottom:0;border-right:1px solid #e4ebf1;scroll-snap-align:start}
.feature-strip .strip-item:last-child{border-right:0}
.feature-strip .strip-icon{width:88px;height:88px;margin-bottom:.75rem;border-radius:22px;font-size:2.4rem;flex-shrink:0}
.feature-strip .department-logo-frame{padding:4px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.strip-icon img.department-logo{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
@media(max-width:575px){.feature-strip{grid-auto-columns:minmax(130px,1fr)}.feature-strip .strip-item{min-height:144px}.feature-strip .strip-icon{width:64px;height:64px;border-radius:17px;font-size:1.9rem;margin-bottom:.55rem}}

/* Department overview and detail pages. */
.feature-strip a.strip-item{text-decoration:none;color:inherit}.feature-strip a.strip-item:focus-visible{outline:2px solid #14b8a6;outline-offset:-4px;border-radius:12px}.feature-strip a.strip-item:hover b{color:#df1522}
.department-hero{padding:32px 0 60px;background:linear-gradient(120deg,#0b1739,#183563);color:#fff}.department-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 42px;font-size:.77rem}.department-breadcrumb li+li:before{content:'/';color:#8295b6;margin-right:10px}.department-breadcrumb a{color:#c4d3e9;text-decoration:none}.department-breadcrumb a:hover{color:#fff}.department-breadcrumb [aria-current]{color:#fff}.department-hero-content{display:flex;align-items:center;justify-content:space-between;gap:35px}.department-kicker{font-size:.65rem;font-weight:800;letter-spacing:.18em;color:#6ae5d0}.department-hero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.1;letter-spacing:-.05em;margin:14px 0}.department-hero-content p{font-size:clamp(1rem,2vw,1.35rem);margin:0 0 16px;color:#d9e5f5;max-width:700px}.department-school{color:#a9bcd6;font-size:.8rem}
.department-emblem{display:grid;place-items:center;width:160px;height:160px;padding:16px;border-radius:30px;background:#fff;flex-shrink:0;color:#174272;font-size:3rem;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.department-emblem img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none;user-select:none}
.department-list-section,.department-detail-section{padding:65px 0 80px;background:#f6f8fc}.department-section-heading{max-width:720px;margin-bottom:32px}.department-section-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);color:#0b1739}.department-section-heading p{color:#6d7990;line-height:1.8}.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.department-card{display:flex;align-items:center;flex-direction:column;text-align:center;text-decoration:none;padding:30px 24px;border:1px solid #e2e7f0;border-radius:20px;background:#fff;box-shadow:0 8px 25px rgba(11,23,57,.035);transition:transform .2s,border-color .2s}.department-card:hover{transform:translateY(-4px);border-color:#9ac8bf}.department-card .department-emblem{width:120px;height:120px;padding:8px;background:#f4f6fb;border-radius:24px}.department-card h3{margin:22px 0 8px;color:#0b1739;font-size:1.3rem}.department-card p{color:#6d7990;font-size:.85rem;line-height:1.6;flex:1}.department-card>span:last-child{display:flex;align-items:center;gap:10px;margin-top:12px;color:#d51c29;font-size:.77rem;font-weight:800}
.department-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:36px;align-items:start}.department-about{padding:5px 0 30px}.department-about h2{color:#0b1739;font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.3;margin-bottom:20px}.department-about-copy{color:#52617a;line-height:1.9;font-size:1rem}.department-info-card{padding:30px;margin:0 0 24px;background:#fff;border:1px solid #e2e7f0;border-radius:20px}.department-info-heading{display:flex;align-items:flex-start;gap:16px}.department-info-heading>span{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:13px;background:#e8f7f3;color:#0d9682}.department-info-heading h2{font-size:1.3rem;margin:0 0 8px;color:#112447}.department-info-heading p{font-size:.82rem;color:#7a879b;margin:0;line-height:1.7}.department-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.department-points li{display:flex;gap:12px;color:#52617a;line-height:1.7;font-size:.9rem}.department-points i{color:#149b82;margin-top:6px;font-size:.8rem}.department-sidebar{position:sticky;top:110px;border:1px solid #e2e7f0;border-radius:20px;padding:24px;background:#fff}.department-sidebar h2{font-size:1.1rem;color:#102447}.department-sidebar>p{font-size:.77rem;color:#7a879b;line-height:1.7}.department-sidebar nav{display:grid;gap:6px;margin:20px 0}.department-sidebar nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;color:#51617b;text-decoration:none;font-size:.83rem}.department-sidebar nav a:hover,.department-sidebar nav a.active{background:#eaf6f3;color:#0d7c6d}.department-sidebar nav a.active{font-weight:800}.department-sidebar nav i{font-size:.7rem}.department-all{display:block;text-align:center;border-top:1px solid #e6ebf2;padding-top:18px;color:#d31b28;font-size:.8rem;font-weight:700}.department-explore{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px;border-radius:18px;background:#eaf1fa}.department-explore h3{font-size:1.1rem;color:#18304f}.department-explore p{font-size:.8rem;color:#697a91;margin:0;line-height:1.7}.department-explore>a{flex-shrink:0}.department-nav-links{list-style:none;margin:3px 0 8px 20px;padding:0 0 0 8px;border-left:2px solid #e1e9f0}.school-nav .dropdown-menu{max-height:75svh;overflow-y:auto}.department-profile-link{padding:50px 0;background:#f6f8fc}.department-profile-link>.container{display:flex;align-items:center;justify-content:space-between;gap:25px}.department-profile-link p{color:#687b91;margin-bottom:0}.department-profile-link .btn{flex-shrink:0}
@media(max-width:991px){.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.department-detail-layout{grid-template-columns:minmax(0,1fr)}.department-sidebar{position:static}.department-profile-link>.container{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){.department-hero{padding:24px 0 38px}.department-breadcrumb ol{margin-bottom:28px;font-size:.68rem}.department-hero-content{gap:20px;align-items:flex-start}.department-hero .department-emblem{width:100px;height:100px;padding:10px;border-radius:20px}.department-hero h1{font-size:2.3rem}.department-hero-content p{font-size:.9rem}.department-kicker{font-size:.55rem}.department-grid{grid-template-columns:minmax(0,1fr)}.department-list-section,.department-detail-section{padding:40px 0 55px}.department-info-card{padding:22px}.department-explore{align-items:flex-start;flex-direction:column}.department-hero-content>div{min-width:0}.department-about-copy{font-size:.9rem}}

.school-nav .department-nav-links .dropdown-item.active{background:#e8f8f5;color:#087c6c}.department-hero h1{overflow-wrap:anywhere}

/* Compact Profile menu with a separate department submenu. */
.school-nav .dropdown-menu{max-height:none;overflow:visible}
.department-submenu{position:relative}
.school-nav .department-submenu-toggle{display:flex;align-items:center;width:100%;text-align:left;border:0;background:transparent}
.department-submenu-toggle>span{flex:1}.department-submenu-arrow{margin-left:24px;font-size:.65rem;transition:transform .18s}.department-submenu-toggle[aria-expanded="true"] .department-submenu-arrow{transform:rotate(90deg)}
.school-nav .department-submenu-toggle:hover,.school-nav .department-submenu-toggle[aria-expanded="true"]{background:#eaf9f7;color:#0d7e75}
.school-nav .department-nav-links{position:absolute;left:100%;top:0;min-width:195px;max-height:65svh;overflow-y:auto;margin:0 0 0 6px;padding:.55rem;list-style:none;border:0;border-radius:13px;background:#fff;box-shadow:0 18px 45px rgba(7,16,43,.18);z-index:1050}
.department-nav-links[hidden]{display:none!important}.school-nav .department-nav-all{border-bottom:1px solid #e6edf2;margin-bottom:5px;border-radius:0;font-size:.73rem;color:#748198}
@media(max-width:991px){.school-nav .dropdown-menu{max-height:70svh;overflow-y:auto}.school-nav .department-nav-links{position:static;min-width:0;max-height:none;overflow:visible;margin:7px 0 7px 16px;padding:0 0 0 8px;border-left:2px solid #dfeae8;border-radius:0;box-shadow:none}.department-submenu-arrow{transform:rotate(90deg)}.department-submenu-toggle[aria-expanded="true"] .department-submenu-arrow{transform:rotate(-90deg)}}
/* Departments surround the school emblem in a circular arrangement. */
.department-orbit{--orbit-node:112px;position:relative;width:min(100%,960px);aspect-ratio:1;margin:12px auto 0;background:radial-gradient(circle at center,rgba(28,154,133,.07),transparent 57%)}
.department-orbit:before,.department-orbit:after{content:'';position:absolute;border-radius:50%;pointer-events:none}.department-orbit:before{inset:14%;border:1px solid #dce6ee}.department-orbit:after{inset:25%;border:1px dashed #e0e9ed}
.department-orbit-list{position:absolute;inset:0;margin:0;padding:0;list-style:none}.department-orbit-item{position:absolute;width:var(--orbit-node);height:var(--orbit-node);transform:translate(-50%,-50%);z-index:2}
.department-orbit-link{display:block;position:relative;width:100%;height:100%;border-radius:50%;text-decoration:none;color:#112747}.department-orbit-link .department-emblem{width:100%;height:100%;padding:12px;border:1px solid #e0e7ef;border-radius:50%;background:#fff;box-shadow:0 8px 28px rgba(19,42,75,.07);transition:transform .2s,box-shadow .2s,border-color .2s}.department-orbit-link:hover .department-emblem{transform:translateY(-4px);border-color:#73bdad;box-shadow:0 12px 30px rgba(19,91,75,.12)}.department-orbit-link:focus-visible{outline:3px solid #14a28c;outline-offset:5px}
.department-orbit-caption{position:absolute;top:calc(100% + 12px);left:50%;width:185px;transform:translateX(-50%);text-align:center}.department-orbit-caption b{display:block;font-size:1rem;color:#132c4c}.department-orbit-caption small{display:block;max-width:185px;margin:5px auto 0;font-size:.71rem;line-height:1.5;color:#71809a}.department-orbit-link:hover .department-orbit-caption b{color:#d51c29}
.department-orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:220px;height:220px;padding:25px;border:8px solid #edf5f4;border-radius:50%;background:#fff;box-shadow:0 16px 50px rgba(20,59,81,.1);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.department-orbit-center img{display:block;width:125px;height:125px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.department-orbit-center b{font-size:.82rem;letter-spacing:.08em;color:#163654}
@media(max-width:767px){.department-orbit{--orbit-node:86px}.department-orbit-caption{width:142px;top:calc(100% + 8px)}.department-orbit-caption b{font-size:.85rem}.department-orbit-caption small{font-size:.6rem}.department-orbit-center{width:160px;height:160px;border-width:5px;gap:7px;padding:16px}.department-orbit-center img{width:90px;height:90px}.department-orbit-center b{font-size:.65rem}}
@media(max-width:575px){.department-orbit{--orbit-node:clamp(52px,16vw,76px);margin:16px auto 12px}.department-orbit-link .department-emblem{padding:7px}.department-orbit-caption{width:100px;top:calc(100% + 7px)}.department-orbit-caption b{font-size:.7rem}.department-orbit-caption small{display:none}.department-orbit-center{width:clamp(95px,30vw,140px);height:clamp(95px,30vw,140px);border-width:4px;padding:11px;gap:5px}.department-orbit-center img{width:clamp(49px,17vw,82px);height:clamp(49px,17vw,82px)}.department-orbit-center b{font-size:.52rem;letter-spacing:.03em}}

.department-orbit>nav{position:absolute;inset:0}

/* Department introduction: copy on the left, student portrait on the right. */
.department-about.department-about-with-photo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);align-items:center;gap:70px;padding:0 0 55px;margin-bottom:45px;border-bottom:1px solid #e0e6ef}.department-about-with-photo h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.25;letter-spacing:-.035em;margin:16px 0 24px}.department-about-with-photo .department-about-copy{max-width:650px;line-height:1.95;font-size:1.02rem}.department-students-photo{position:relative;width:100%;max-width:420px;justify-self:end;margin:0;padding:8px;border:1px solid #dce6eb;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(13,40,65,.09);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.department-students-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:21px;pointer-events:none;-webkit-user-drag:none}.department-students-photo figcaption{position:absolute;left:22px;right:22px;bottom:22px;width:fit-content;max-width:calc(100% - 44px);padding:8px 12px;border:1px solid rgba(255,255,255,.8);border-radius:9px;background:rgba(255,255,255,.94);color:#526178;font-size:.65rem;line-height:1.5}
@media(max-width:991px){.department-about.department-about-with-photo{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.department-about-with-photo .department-about-copy{font-size:.92rem}}
@media(max-width:767px){.department-about.department-about-with-photo{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:35px;margin-bottom:30px}.department-students-photo{max-width:380px;justify-self:center}.department-about-with-photo h2{font-size:1.8rem;margin:12px 0 18px}.department-students-photo figcaption{font-size:.6rem}}
/* Upright half-emblems alternate sides with a clear vertical gap and scroll with the page. */
.home-taiganja-content{position:relative;isolation:isolate;clip-path:inset(0)}
.home-taiganja-content:before,.home-taiganja-content>.staff-showcase:before{position:absolute;content:'';top:180px;right:0;width:clamp(839.808px,104.976vw,1574.64px);aspect-ratio:1;transform:translateX(50%);z-index:10;pointer-events:none;user-select:none;background-color:#526487;opacity:.09;-webkit-mask:url('../img/taiganja-watermark.webp') center/contain no-repeat;mask:url('../img/taiganja-watermark.webp') center/contain no-repeat}
.home-taiganja-content>.staff-showcase{position:relative;overflow:visible}
.home-taiganja-content>.staff-showcase:before{top:-230px;right:auto;left:0;transform:translateX(-50%)}
.home-taiganja-content>section>.container,.home-taiganja-content>section>.container-fluid{position:relative;z-index:11}
@media(max-width:767px){.home-taiganja-content:before,.home-taiganja-content>.staff-showcase:before{opacity:.09}}

/* Student portraits form one composition with the department profile header. */
.department-hero.department-hero-with-portrait{padding-bottom:0;overflow:hidden}
.department-hero-with-portrait .department-breadcrumb ol{margin-bottom:12px}
.department-hero-with-portrait .department-hero-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);align-items:center;gap:36px;min-height:540px}
.department-hero-copy{position:relative;z-index:1;padding-bottom:45px}
.department-hero-badge{margin-bottom:22px}
.department-hero-badge .department-emblem{width:78px;height:78px;border-radius:20px;padding:9px}
.department-hero-with-portrait h1{font-size:clamp(2.8rem,6vw,5rem)}
.department-student-cutout{margin:0;justify-self:center;align-self:end;width:100%;max-width:500px}
.department-student-cutout img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;object-position:center bottom;-webkit-mask-image:linear-gradient(#000 92%,transparent 100%);mask-image:linear-gradient(#000 92%,transparent 100%)}
@media(max-width:991px){.department-hero-with-portrait .department-hero-content{grid-template-columns:minmax(0,1fr) minmax(250px,1fr);gap:20px;min-height:460px}.department-student-cutout img{max-height:540px}}
@media(max-width:767px){.department-hero-with-portrait .department-hero-content{grid-template-columns:minmax(0,1fr);gap:10px;min-height:0}.department-hero-copy{padding:20px 0 0}.department-hero-badge{margin-bottom:16px}.department-hero-badge .department-emblem{width:64px;height:64px;border-radius:16px}.department-student-cutout{max-width:340px}.department-student-cutout img{max-height:425px}}

.department-hero-badge .department-emblem img{width:100%;height:100%;object-fit:contain}

/* Homepage hero keeps its copy while school photos crossfade. */
.hero-slideshow .hero-bg-image{opacity:0;transition:opacity .85s ease;pointer-events:none}
.hero-slideshow .hero-bg-image.is-active{opacity:1}
.hero-slide-controls{position:absolute;right:28px;bottom:24px;z-index:4;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:30px;background:rgba(7,16,43,.65)}
.hero-slide-dot{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;padding:0;background:transparent}
.hero-slide-dot:before{content:'';width:8px;height:8px;border-radius:50%;background:#a6b6d0}
.hero-slide-dot.is-active:before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}
.hero-slide-pause{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:.75rem}
.hero-slide-controls button:focus-visible{outline:2px solid #6ae5d0;outline-offset:2px}
@media(max-width:767px){.hero-slide-controls{top:calc(56.28vw - 48px);bottom:auto;right:14px;padding:3px 7px;gap:4px}}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-bg-image{transition:none}}

/* White department logo tiles retain their rounded shape on the white strip. */
.feature-strip .strip-icon.department-logo-frame{background:#fff;border:1px solid #e1e7f0;box-shadow:0 5px 16px rgba(17,39,71,.07)}

.feature-strip .strip-item:hover .strip-icon.department-logo-frame{background:#fff}

/* Larger Indonesian hero headline, with one consistent bold typeface. */
.hero-ref-copy h1{line-height:1.08;letter-spacing:-.045em;margin-bottom:24px}
.hero-ref-copy h1 em,.hero-ref-copy h1 span{font-family:'Plus Jakarta Sans','Manrope',sans-serif;font-size:clamp(2.5rem,4.7vw,5.4rem);text-wrap:balance;font-style:normal;font-weight:800;letter-spacing:-.045em;line-height:1.1;white-space:normal;overflow-wrap:normal}
.hero-ref-copy h1 em{color:#24d4c2;margin-bottom:.12em}
.hero-ref-copy h1 span{color:#fff}
.hero-ref-copy>p{font-size:clamp(.95rem,1.05vw,1.1rem);line-height:1.7;max-width:540px}
@media(min-width:768px){.hero-ref-copy{width:47%;max-width:760px;flex-shrink:0;padding-right:20px}.hero-ref-shade{background:linear-gradient(90deg,#07102b 0%,rgba(7,16,43,.97) 24%,rgba(7,16,43,.85) 36%,rgba(7,16,43,.45) 51%,rgba(7,16,43,.06) 70%)}.hero-ref-stats{max-width:560px}}
@media(max-width:767px){.hero-ref-copy h1{margin-bottom:20px}.hero-ref-copy h1 em,.hero-ref-copy h1 span{font-size:clamp(2rem,7.8vw,3.8rem);line-height:1.12}.hero-ref-copy>p{font-size:.95rem;line-height:1.7}}

/* Thumb-friendly mobile navigation and an intentional, compact mobile homepage. */
.mobile-bottom-nav{display:none}
.mobile-bottom-nav .fa-shield-heart,.mobile-all-links .fa-shield-heart{color:#ef1717}
.mobile-site-menu{height:min(80svh,720px)!important;border:0!important;border-radius:26px 26px 0 0;background:#f8fafc;color:#142443}
.mobile-site-menu:before{content:'';position:absolute;top:9px;left:calc(50% - 20px);width:40px;height:4px;border-radius:4px;background:#dce3ec}
.mobile-site-menu .offcanvas-header{padding:30px 24px 18px;border-bottom:1px solid #e7ecf2}
.mobile-site-menu .offcanvas-header small{color:#118d85;font-size:.65rem;letter-spacing:.15em;font-weight:800}
.mobile-site-menu .offcanvas-title{font-size:1.5rem;font-weight:800;margin:5px 0 0}
.mobile-site-menu .offcanvas-body{padding:16px 22px calc(26px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.mobile-all-links{display:grid;gap:8px}
.mobile-all-links>a,.mobile-all-links summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-radius:14px;background:#fff;color:#172b49;font-size:.95rem;font-weight:700;text-decoration:none;list-style:none;cursor:pointer}
.mobile-all-links summary::-webkit-details-marker{display:none}
.mobile-all-links i{font-size:.8rem;color:#7690a6}
.mobile-all-links details[open] summary{background:#e7f5f2;color:#137e75}
.mobile-child-links{padding:6px 10px 8px 18px;display:grid;gap:3px}
.mobile-child-links a{display:flex;justify-content:space-between;padding:13px 10px;color:#4f637b;text-decoration:none;font-size:.9rem}
.mobile-menu-departments{margin-top:25px}
.mobile-menu-departments h3{font-size:.8rem;font-weight:800;margin-bottom:12px;color:#63758a}
.mobile-menu-departments>div{display:flex;flex-wrap:wrap;gap:8px}
.mobile-menu-departments a{padding:10px 14px;border:1px solid #dfe7ee;border-radius:25px;background:#fff;color:#183456;font-size:.8rem;text-decoration:none}
@media(max-width:991px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 .school-nav{padding:10px 0;background:#0b1739;box-shadow:0 1px 0 rgba(255,255,255,.08)}
 .school-nav .navbar-toggler,.school-nav #mainNav{display:none!important}
 .school-nav .navbar-brand{gap:10px!important;max-width:100%;margin:0}
 .school-nav .school-logo{width:42px;height:42px;flex-shrink:0;border-radius:12px;padding:4px}
 .school-nav .school-brand-copy strong{font-size:.88rem;letter-spacing:-.02em}
 .school-nav .school-brand-copy small{display:block;font-size:.5rem;letter-spacing:.08em;color:#aebdd2;margin-top:3px}
 .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:1035;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #e7edf3;box-shadow:0 -6px 24px rgba(11,23,57,.06)}
 .mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:51px;padding:5px 2px;border:0;border-radius:14px;background:none;color:#738095;text-decoration:none;font:600 .59rem 'Manrope',sans-serif;line-height:1.2}
 .mobile-bottom-nav i{font-size:1.08rem;line-height:1.2}
 .mobile-bottom-nav .is-active{background:#e8f7f4;color:#087d73}
 .mobile-bottom-nav a:focus-visible,.mobile-bottom-nav button:focus-visible{outline:2px solid #119d90;outline-offset:-2px}
 .back-to-top{bottom:calc(90px + env(safe-area-inset-bottom))!important;right:16px;width:40px;height:40px}
 .site-footer{padding-bottom:24px}
 .mobile-site-menu{z-index:1055}
}
@media(max-width:767px){
 .hero-reference{padding-top:64vw;overflow:hidden}
 .hero-bg-image{height:64vw;aspect-ratio:auto;object-fit:cover;object-position:center 48%}
 .hero-ref-shade{height:64vw;background:linear-gradient(0deg,#07102b 0%,rgba(7,16,43,.04) 58%)}
 .hero-ref-inner{padding:10px 20px 28px;background:#07102b;min-height:0}
 .hero-ref-copy{padding:0;width:100%;max-width:none}
 .hero-ref-copy h1{margin-bottom:18px}
 .hero-ref-copy h1 em,.hero-ref-copy h1 span{font-size:clamp(1.9rem,8.8vw,2.6rem);letter-spacing:-.045em;line-height:1.16}
 .hero-ref-copy h1 em{margin-bottom:5px}
 .hero-ref-copy>p{font-size:.9rem;line-height:1.8;color:#bccbe0;max-width:36rem}
 .hero-ref-actions{display:flex;max-width:none;margin-top:22px;gap:10px}
 .hero-ref-actions .btn{border-radius:14px;padding:13px 17px;font-size:.8rem;white-space:normal;min-height:46px;min-width:0;width:auto}
 .hero-ref-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px;max-width:none}
 .hero-ref-stats>div,.hero-ref-stats>div+div,.hero-ref-stats>div:nth-child(3){border:1px solid rgba(255,255,255,.08);padding:13px 15px;border-radius:14px;background:rgba(255,255,255,.045)}
 .hero-ref-stats i{display:none}
 .hero-ref-stats strong{font-size:1.35rem;letter-spacing:-.02em}
 .hero-ref-stats small{font-size:.66rem;color:#b3c0d5;margin-top:5px}
 .hero-slide-controls{top:calc(64vw - 65px);right:16px;background:rgba(7,16,43,.7);border-color:rgba(255,255,255,.15)}
 .home-live-ticker{margin:0;padding-top:10px;padding-bottom:10px}
 .home-live-ticker .container{padding-inline:14px}
 .feature-strip-wrap{padding-bottom:28px}
 .feature-strip{margin-top:12px;padding:16px 6px;border-radius:20px;grid-auto-columns:128px;scrollbar-width:none;box-shadow:0 8px 24px rgba(11,23,57,.06)}
 .feature-strip::-webkit-scrollbar{display:none}
 .feature-strip .strip-item{min-height:150px;padding:8px 12px;border-right:1px solid #edf1f6}
 .feature-strip .strip-icon{width:72px;height:72px;border-radius:20px;margin-bottom:13px}
 .feature-strip .strip-item b{font-size:.83rem}
 .feature-strip .strip-item small{font-size:.63rem;line-height:1.5}
 .home-about{padding:32px 0 38px}
 .about-copy-compact h2{font-size:1.65rem;line-height:1.3}
 .school-video{height:auto;aspect-ratio:16/9;border-radius:18px}
 .department-breadcrumb ol{font-size:.67rem;gap:7px}
 .department-hero-with-portrait .department-hero-copy{padding-top:12px}
 .department-hero-with-portrait .department-student-cutout{max-width:300px}
}

@media(max-width:991px){#debug-icon{bottom:calc(90px + env(safe-area-inset-bottom))!important;left:12px!important;right:auto!important}}

/* A single clean active indicator; keep dropdown carets separate from the underline. */
.school-nav .nav-link.active,.school-nav .nav-link:hover,.school-nav .nav-link.show{color:#fff}
.school-nav .nav-link.active:after{content:none;background:transparent}
.school-nav .nav-link.active:before{content:'';position:absolute;left:16%;right:16%;bottom:3px;height:3px;border-radius:999px;background:#63d6c6;pointer-events:none}
.school-nav .nav-link.dropdown-toggle.active:after{content:'';display:inline-block;position:static;left:auto;right:auto;bottom:auto;width:0;height:0;margin-left:.35em;vertical-align:.2em;border-top:.3em solid currentColor;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;background:transparent}
.school-nav .nav-link:focus-visible{outline:2px solid #63d6c6;outline-offset:2px;border-radius:8px}

/* Give the principal portrait more presence on phones. */
@media(max-width:767px){
 .principal-welcome:not(.principal-full) .principal-panel{margin-top:60px}
 .principal-welcome:not(.principal-full) .principal-portrait{min-height:clamp(320px,95vw,400px)}
 .principal-welcome:not(.principal-full) .portrait-frame{top:-52px;left:0;right:0;bottom:0}
 .principal-full .principal-profile-aside{width:100%;max-width:380px}
 .principal-full .principal-portrait{height:clamp(340px,100vw,400px);min-height:clamp(340px,100vw,400px)}
}

/* Photo gallery sourced from published news albums. */
.news-photo-preview{display:block;width:100%;height:auto;max-height:75svh;object-fit:contain;margin:auto}
.school-news-gallery{padding:70px 0;background:#f7f9fc}
.news-photo-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.news-photo-heading h2{margin:0}.news-photo-heading .text-link{flex-shrink:0;font-size:.85rem}
.news-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.news-photo-card{display:block;min-width:0;background:#fff;border:1px solid #e3e9f1;border-radius:18px;overflow:hidden;color:#142443;transition:box-shadow .2s}
.news-photo-card:hover{color:#087d73;box-shadow:0 12px 30px #0b173912}
.news-photo-card figure{margin:0}.news-photo-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.news-photo-card figcaption{padding:16px 18px;font:700 .92rem/1.6 Manrope,sans-serif;overflow-wrap:anywhere}
@media(max-width:767px){.school-news-gallery{padding:38px 0}.news-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.news-photo-heading{gap:15px;align-items:center;margin-bottom:22px}.news-photo-heading h2{font-size:1.8rem}.news-photo-heading .text-link{font-size:.72rem}.news-photo-card{border-radius:13px}.news-photo-card figcaption{padding:10px;font-size:.72rem;line-height:1.6}}

.news-photo-card img,.news-photo-preview,.article-gallery-slide img,.article-gallery-thumbnails img,#lightbox img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}



.school-agenda-page{padding:65px 0 80px;background:#f7f9fc}
.school-agenda-list{display:grid;gap:18px}.school-agenda-card{display:flex;gap:26px;padding:26px;background:#fff;border:1px solid #e3e9f1;border-radius:20px;align-items:flex-start}
.school-agenda-date{display:flex;flex-direction:column;align-items:center;flex:0 0 100px;padding:14px 8px;border-radius:15px;background:#101c40;color:#fff;text-align:center}
.school-agenda-date strong{font:800 2rem/1.2 Manrope,sans-serif}.school-agenda-date span{font-size:.78rem;color:#63d6c6}.school-agenda-date small{font-size:.72rem;color:#c7d2e5}
.school-agenda-info{min-width:0;overflow-wrap:anywhere}.school-agenda-info h3{font-size:1.25rem;line-height:1.45;margin:0 0 12px}.school-agenda-meta{display:flex;gap:10px 24px;flex-wrap:wrap;font-size:.83rem;color:#65718a}.school-agenda-meta i{margin-right:8px;color:#087d73}.school-agenda-info p{font-size:.9rem;color:#52617b;margin:16px 0 0}
.school-agenda-empty{padding:30px;background:#fff;border-radius:18px;color:#65718a}
.school-agenda-pagination ul{display:flex;list-style:none;gap:8px;padding:0;flex-wrap:wrap}.school-agenda-pagination a{display:block;padding:8px 13px;background:#fff;border:1px solid #e3e9f1;border-radius:8px;color:#142443}.school-agenda-pagination .active a{background:#101c40;color:#fff}
@media(max-width:767px){.school-agenda-page{padding:35px 0 45px}.school-agenda-card{gap:14px;padding:18px 14px;border-radius:16px}.school-agenda-date{flex-basis:75px;padding:12px 5px}.school-agenda-date strong{font-size:1.7rem}.school-agenda-date span{font-size:.65rem}.school-agenda-info h3{font-size:1rem}.school-agenda-meta{font-size:.75rem;gap:8px}.school-agenda-info p{font-size:.8rem}}

/* Keep the school shield centered and level with the bottom navigation. */
@media(max-width:991px){
 .mobile-bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr)) 80px repeat(3,minmax(0,1fr));align-items:center;padding-left:max(clamp(4px,1.2vw,12px),env(safe-area-inset-left));padding-right:max(clamp(4px,1.2vw,12px),env(safe-area-inset-right))}
 .mobile-bottom-nav>a{min-height:61px;gap:4px;padding:2px 0;font-size:clamp(.48rem,2.1vw,.59rem)}
 .mobile-bottom-nav>a>i{display:grid;place-items:center;height:36px;width:100%;flex:none}
 .mobile-bottom-nav .mobile-school-center{position:relative;align-self:stretch;justify-content:flex-start;background:transparent;color:#142443;overflow:visible}
 .mobile-school-shield{position:absolute;top:-65px;left:50%;transform:translateX(-50%);isolation:isolate;display:grid;place-items:center;width:100px;height:113px;flex:none;filter:drop-shadow(0 4px 6px rgba(11,23,57,.18))}
 .mobile-school-shield:before{content:"";position:absolute;inset:-1px 0;z-index:-1;background:#0b1739;-webkit-mask:url('../img/logo-smkn2-palu.png') center/contain no-repeat;mask:url('../img/logo-smkn2-palu.png') center/contain no-repeat}
 .mobile-school-shield img{display:block;width:80px;height:93px;object-fit:contain}
}