:root{--navy:#082b55;--navy-2:#061d39;--blue:#0d5ca6;--sky:#eaf4fc;--gold:#f3b61f;--ink:#162436;--muted:#667486;--soft:#f5f8fb;--radius:22px;--shadow:0 18px 50px rgba(8,43,85,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:"DM Sans",sans-serif;color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%}::selection{background:var(--gold);color:var(--navy)}
#site-loader{position:fixed;inset:0;background:var(--navy-2);z-index:99999;display:grid;place-items:center;transition:opacity .45s,visibility .45s}#site-loader.loaded{opacity:0;visibility:hidden}.loader-mark{position:relative;width:90px;height:90px;display:grid;place-items:center}.loader-mark img{width:64px;filter:drop-shadow(0 5px 14px #0005);animation:pulse 1.2s ease-in-out infinite}.loader-mark span{position:absolute;inset:0;border:2px solid #ffffff1f;border-top-color:var(--gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.92)}}
#site-header{position:fixed;inset:0 0 auto;z-index:1040;transition:.3s;background:linear-gradient(180deg,#051931e6,transparent)}#site-header.scrolled{background:#fffffff7;box-shadow:0 5px 30px #041a331a;backdrop-filter:blur(15px)}.navbar{min-height:82px}.navbar-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:.88rem;letter-spacing:.08em}.navbar-brand img{width:48px;height:48px;object-fit:contain}.navbar-brand span{display:flex;flex-direction:column;line-height:1.1}.navbar-brand b{font-size:1.05rem}.navbar-nav .nav-link{color:#ffffffe6;font-weight:600;font-size:.84rem;padding:1.8rem .55rem!important}.navbar-nav .nav-link:hover{color:var(--gold)}#site-header.scrolled .navbar-brand,#site-header.scrolled .navbar-nav .nav-link{color:var(--navy)}.dropdown-menu{border:0;border-radius:14px;padding:.6rem;box-shadow:var(--shadow);min-width:235px}.dropdown-item{border-radius:9px;padding:.6rem .8rem;font-size:.86rem;color:#34465b}.dropdown-item:hover{background:var(--sky);color:var(--blue)}.nav-cta{margin-left:14px;padding:.65rem 1rem}.navbar-toggler{border:0;color:#fff;font-size:1.8rem}#site-header.scrolled .navbar-toggler{color:var(--navy)}
.btn{border-radius:999px;font-weight:700;padding:.75rem 1.25rem;transition:.2s}.btn-lg{padding:.9rem 1.5rem;font-size:.95rem}.btn-brand{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn-brand:hover{background:#ffd052;border-color:#ffd052;color:var(--navy);transform:translateY(-2px)}.btn-outline-brand{border-color:var(--blue);color:var(--blue)}.btn-outline-brand:hover{background:var(--blue);color:#fff}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700}.text-link i{transition:.2s}.text-link:hover i{transform:translateX(4px)}
.hero-school{height:100vh;min-height:690px;color:#fff}.hero-slide{position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg,.parallax-bg{position:absolute;inset:-12%;background-image:var(--hero,var(--parallax));background-size:cover;background-position:center;background-attachment:fixed;will-change:transform;transform:translate3d(0,0,0) scale(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04162ceb 0%,#051e39a6 52%,#05192d33 100%),linear-gradient(0deg,#04162c73,transparent 45%)}.hero-content{position:relative;z-index:2;padding-top:70px}.eyebrow,.section-kicker{text-transform:uppercase;font-weight:700;letter-spacing:.18em;font-size:.74rem;color:var(--gold);display:inline-block;margin-bottom:1rem}.hero-content h1,.hero-content h2{font-family:"Playfair Display",serif;font-size:clamp(3.1rem,7vw,6.6rem);line-height:.95;letter-spacing:-.045em;max-width:950px;margin:0 0 1.5rem}.hero-content h1 span,.hero-content h2 span{font-style:italic;color:var(--gold)}.hero-content p{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75;max-width:650px;color:#ffffffd1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}.hero-prev,.hero-next{position:absolute;z-index:10;bottom:50px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff73;background:transparent;color:#fff}.hero-prev{right:115px}.hero-next{right:55px}.hero-pagination{bottom:26px!important}.hero-pagination .swiper-pagination-bullet{background:#fff}.scroll-cue{position:absolute;z-index:10;left:5%;bottom:38px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#ffffffbf;display:flex;align-items:center;gap:12px}.scroll-cue span{width:38px;height:1px;background:var(--gold)}
.quick-facts{position:relative;z-index:4;background:var(--navy);color:#fff}.fact{padding:2rem 1.5rem;border-right:1px solid #ffffff1f}.fact strong,.fact span{display:block}.fact strong{font-family:"Playfair Display",serif;font-size:1.35rem;color:var(--gold)}.fact span{font-size:.8rem;color:#ffffffa6;margin-top:.3rem}.section-space{padding:110px 0}.bg-soft{background:var(--soft)}.bg-navy{background:var(--navy-2)}.display-heading{font-family:"Playfair Display",serif;font-size:clamp(2.4rem,4.8vw,4.4rem);line-height:1.06;letter-spacing:-.035em}.display-heading em{color:var(--blue)}.image-stack{position:relative;padding:0 45px 55px 0}.main-image{width:100%;height:600px;object-fit:cover;border-radius:var(--radius)}.floating-logo{position:absolute;right:-5px;top:30px;width:105px;height:105px;object-fit:contain;background:#fff;border-radius:50%;padding:12px;box-shadow:var(--shadow)}.image-note{position:absolute;right:0;bottom:0;background:var(--gold);color:var(--navy);padding:1.3rem 1.5rem;width:290px;border-radius:16px;display:flex;gap:12px;font-weight:700;box-shadow:var(--shadow)}.image-note i{font-size:1.5rem}.values-mini{display:grid;gap:12px;margin:1.7rem 0}.values-mini div{display:flex;align-items:center;gap:12px}.values-mini i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--blue);background:var(--sky)}
.parallax-band,.ppdb-cta,.page-hero{position:relative;overflow:hidden;color:#fff}.parallax-band{padding:150px 0}.parallax-band:after,.ppdb-cta:after,.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041a33eb,#041a338c)}.parallax-band .container,.ppdb-cta .container,.page-hero .container{z-index:2}.parallax-band h2{font-family:"Playfair Display",serif;font-size:clamp(2.7rem,5vw,5rem);line-height:1.05}.parallax-band h2 em{color:var(--gold)}.parallax-band p{font-size:1.15rem;color:#ffffffbf}
.section-head{margin-bottom:2.5rem}.news-card{height:100%;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 35px #092b5212;transition:.3s}.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.news-image{height:245px;display:block;position:relative;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.news-card:hover .news-image img{transform:scale(1.06)}.news-image span{position:absolute;left:18px;top:18px;background:var(--gold);color:var(--navy);font-weight:700;font-size:.72rem;padding:.45rem .75rem;border-radius:999px}.news-body{padding:1.6rem;position:relative}.news-body time{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.news-body h3{font-family:"Playfair Display",serif;font-size:1.45rem;line-height:1.25;margin:.7rem 0}.news-body p{color:var(--muted);font-size:.9rem;line-height:1.65;padding-right:25px}.card-arrow{position:absolute;right:20px;bottom:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sky);color:var(--blue)}
.extracurricular-slider{padding:15px 0 55px}.extra-card{height:490px;border-radius:var(--radius);overflow:hidden;width:360px}.extra-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.extra-card:hover img{transform:scale(1.06)}.extra-overlay{position:absolute;inset:0;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(0deg,#041930f5,#04193014 75%)}.extra-overlay>i{font-size:2rem;color:var(--gold)}.extra-overlay h3{font-family:"Playfair Display",serif;font-size:2rem;margin:.5rem 0}.extra-overlay p{color:#ffffffb8}.extra-overlay span{font-weight:700;color:var(--gold)}.extras-pagination .swiper-pagination-bullet-active{background:var(--blue)}
.staff-section{background:var(--soft)}.staff-section .section-head{max-width:820px}.staff-slider{padding:15px 4px 58px}.staff-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 35px #092b5214;height:auto}.staff-photo{height:390px;position:relative;overflow:hidden;background:var(--sky)}.staff-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:.45s}.staff-card:hover .staff-photo img{transform:scale(1.04)}.staff-photo span{position:absolute;left:16px;bottom:16px;background:var(--gold);color:var(--navy);padding:.4rem .7rem;border-radius:999px;font-size:.68rem;font-weight:800}.staff-info{padding:1.3rem 1.4rem 1.5rem}.staff-info h2{font-family:"Playfair Display",serif;font-size:1.25rem;line-height:1.25;margin:0}.staff-info p{color:var(--blue);font-weight:700;font-size:.8rem;margin:.5rem 0 0}.staff-info div{color:var(--muted);font-size:.75rem;margin-top:.7rem}.staff-pagination .swiper-pagination-bullet-active{background:var(--blue)}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.staff-mini{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e6edf4;border-radius:16px;padding:12px}.staff-mini img{width:72px;height:82px;border-radius:12px;object-fit:cover;object-position:top}.staff-mini small{font-size:.62rem;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.staff-mini h3{font-family:"Playfair Display",serif;font-size:1rem;margin:.25rem 0}.staff-mini p{font-size:.72rem;color:var(--muted);margin:0}.media-heading{max-width:760px}.social-window{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #0000004d}.social-window-bar{height:58px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;color:var(--navy);border-bottom:1px solid #e8eef5}.social-window-bar span{font-weight:700}.social-window-bar a{font-size:.75rem;font-weight:700;color:var(--blue)}.social-window-bar small{color:var(--muted)}.social-window iframe{display:block;width:100%;height:500px;border:0;background:#f8fafc}.askara-window iframe{background:#eef2f7}.ppdb-cta{padding:150px 0}.ppdb-cta:after{background:#04182fc2}.ppdb-cta h2{font-family:"Playfair Display",serif;font-size:clamp(2.8rem,5vw,5rem)}.ppdb-cta p{font-size:1.1rem;color:#ffffffc7;max-width:680px;margin:1rem auto 2rem}
.page-hero{padding:190px 0 100px;min-height:480px;display:flex;align-items:end}.page-hero h1,.article-hero h1,.detail-hero h1{font-family:"Playfair Display",serif;font-size:clamp(3.2rem,7vw,6rem);line-height:1}.page-hero p{font-size:1.1rem;max-width:650px;color:#ffffffcc}.extra-grid-card{height:460px;border-radius:var(--radius);overflow:hidden;position:relative}.extra-grid-card>a,.extra-grid-card img{display:block;width:100%;height:100%}.extra-grid-card img{object-fit:cover;transition:.45s}.extra-grid-card>a>div{position:absolute;inset:0;padding:1.8rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(0deg,#051e39fa,#051e3905 75%)}.extra-grid-card:hover img{transform:scale(1.06)}.extra-grid-card h2{font-family:"Playfair Display",serif}.extra-grid-card div>i{font-size:2rem;color:var(--gold)}.extra-grid-card span{color:var(--gold);font-weight:700}.detail-hero{position:relative;overflow:hidden;height:75vh;min-height:620px;display:flex;align-items:flex-end;padding-bottom:80px}.detail-hero>img{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover}.detail-shade{position:absolute;inset:0;background:linear-gradient(0deg,#03172cf5,#03172c33)}.detail-hero .container{z-index:2;color:#fff}.detail-hero p{font-size:1.15rem;max-width:700px;color:#ffffffbf}.detail-icon{font-size:2.5rem;color:var(--gold)}.breadcrumb-back{display:inline-flex;gap:8px;margin-bottom:2rem;color:var(--blue);font-weight:700}.info-panel{position:sticky;top:110px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:2rem}.info-panel h2{font-family:"Playfair Display",serif;margin-bottom:1.5rem}.info-panel>div{display:flex;gap:14px;padding:1rem 0;border-top:1px solid #ffffff1f}.info-panel>div>i{color:var(--gold);font-size:1.25rem}.info-panel small{display:block;color:#ffffff8c;text-transform:uppercase;font-size:.65rem;letter-spacing:.1em}.gallery-photo{height:180px;display:block;border-radius:14px;overflow:hidden}.gallery-photo img{width:100%;height:100%;object-fit:cover}.article-hero{padding:165px 0 65px;background:var(--sky)}.article-hero h1{max-width:980px;color:var(--navy);font-size:clamp(2.8rem,6vw,5.4rem)}.article-hero p{max-width:720px;color:var(--muted);font-size:1.12rem}.article-category{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:var(--gold);color:var(--navy);font-size:.72rem;font-weight:700}.article-hero time{display:block;color:var(--muted);margin-top:1.2rem}.article-wrap{max-width:980px;padding-top:60px;padding-bottom:100px}.article-cover{width:100%;max-height:570px;object-fit:cover;border-radius:var(--radius);margin-bottom:3rem}.article-content{font-size:1.08rem;line-height:1.85;color:#34465a}.article-content h2,.article-content h3{font-family:"Playfair Display",serif;color:var(--navy);margin-top:2rem}.page-copy{max-width:850px;margin:auto}.article-share{border-top:1px solid #dfe7ef;margin-top:3rem;padding-top:1.5rem;display:flex;justify-content:space-between}.article-share a{color:#169c55;font-weight:700}.empty-state{text-align:center;background:var(--soft);padding:5rem 2rem;border-radius:var(--radius)}.empty-state i{font-size:3rem;color:var(--blue)}
.extra-news{margin-top:70px;padding-top:45px;border-top:1px solid #dfe7ef}.extra-news>h2{font-family:"Playfair Display",serif;color:var(--navy);margin-bottom:1.5rem}.extra-news .news-image{height:190px}.site-footer{background:#041a33;color:#ffffffa6;padding:80px 0 0}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-family:"Playfair Display",serif;font-size:1.45rem;margin-bottom:1rem}.footer-brand img{width:55px;height:55px;object-fit:contain}.site-footer h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#fff;margin-bottom:1.3rem}.site-footer .col-6>a{display:block;margin:.7rem 0;color:#ffffffa6}.site-footer a:hover{color:var(--gold)}.social-links{display:flex;gap:8px}.social-links a{width:42px;height:42px;border:1px solid #ffffff2e;border-radius:50%;display:grid;place-items:center}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:55px;padding:22px 0;display:flex;justify-content:space-between;font-size:.78rem}.back-top{position:fixed;right:22px;bottom:22px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);z-index:999;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s}.back-top.show{opacity:1;visibility:visible;transform:none}
@media(min-width:1200px){.navbar .dropdown:hover>.dropdown-menu{display:block;margin-top:0}.navbar-nav{gap:1px}}@media(max-width:1199px){#site-header{background:#051c35f5}#site-header .navbar-collapse{background:#fff;padding:1rem;border-radius:16px;max-height:calc(100vh - 90px);overflow:auto}.navbar-nav .nav-link,#site-header.scrolled .navbar-nav .nav-link{color:var(--navy);padding:.75rem!important}.nav-cta{margin:10px 0 0}.dropdown-menu{box-shadow:none;background:var(--soft)}.hero-prev,.hero-next{display:none}.staff-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.section-space{padding:75px 0}.hero-school{min-height:650px}.hero-content h1,.hero-content h2{font-size:3.2rem}.hero-content{padding-top:100px}.scroll-cue{display:none}.quick-facts .fact:nth-child(2){border-right:0}.fact{padding:1.25rem .8rem}.fact strong{font-size:1.05rem}.main-image{height:440px}.image-stack{padding-right:25px}.floating-logo{width:78px;height:78px}.image-note{width:240px;font-size:.85rem}.parallax-band,.ppdb-cta{padding:100px 0}.extra-card{height:440px;width:86%}.footer-bottom{flex-direction:column;gap:6px}.social-window iframe{height:420px}.article-share{flex-direction:column;gap:15px}.detail-hero{min-height:550px}.staff-grid{grid-template-columns:1fr}.staff-photo{height:420px}}@media(hover:none),(prefers-reduced-motion:reduce){.hero-bg,.parallax-bg{background-attachment:scroll!important;transform:none!important}*{scroll-behavior:auto!important}.news-card:hover,.btn:hover{transform:none}}

.news-card{display:flex;flex-direction:column}.news-body{display:flex;flex-direction:column;flex:1}.news-body h3{min-height:2.5em}.news-body p{flex:1}.news-author{margin-top:auto;padding-right:48px}.card-arrow{bottom:1.5rem}

/* Homepage media embeds: keep both panels aligned and provide a fullscreen ASKARA reader. */
.media-school-section{scroll-margin-top:100px;padding-top:150px}
.media-grid>.col-lg-6{display:flex}
.media-grid .social-window{width:100%;height:650px;display:flex;flex-direction:column}
.media-grid .social-window-bar{flex:0 0 58px}
.media-grid .social-window iframe{height:auto!important;min-height:0;flex:1;overflow:auto!important}
.media-open-link{border:0;background:transparent;color:var(--blue);font:inherit;font-size:.75rem;font-weight:700;padding:0;cursor:pointer}
.media-open-link:hover{color:var(--navy)}
.askara-frame-wrap{position:relative;flex:1;min-height:0;background:#eef2f7}
.askara-frame-wrap iframe,.media-grid .askara-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%!important;overflow:auto!important}
.askara-reader-modal .modal-content{background:#041a33;border:0;border-radius:0}
.askara-reader-modal .modal-header{flex:0 0 auto;background:#061d39;color:#fff;border-bottom:1px solid #ffffff24;padding:13px 22px}
.askara-reader-modal .modal-title{font-size:1rem;margin:0;font-weight:700}
.askara-reader-modal .modal-body{padding:0;min-height:0;display:flex}
.askara-reader-modal .modal-body iframe{width:100%;height:100%;min-height:0;border:0;background:#eef2f7}

@media(max-width:767px){
  .media-school-section{padding-top:95px}
  .media-grid .social-window{height:540px}
  .askara-reader-modal .modal-header{padding:11px 15px}
}

.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:1.2rem;color:var(--muted);font-size:.92rem}.article-meta time{margin-top:0!important}.article-author{display:inline-flex;align-items:center;gap:6px}.article-author i{color:var(--blue)}.article-meta-tag{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:999px;background:var(--gold);color:var(--navy);font-size:.72rem;font-weight:700}.article-share{justify-content:space-between;align-items:center;gap:14px;flex-direction:row}.share-actions{display:flex;align-items:center;gap:14px}.share-actions a{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.share-actions .share-label{margin-left:0}.article-share .article-back{color:var(--blue);font-weight:700;text-decoration:none}.article-share .article-back:hover{color:var(--navy)}.article-share .share-label{color:var(--text);margin-left:4px}.article-share .share-whatsapp,.article-share .share-twitter,.article-share .share-facebook,.article-share .share-telegram{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.article-share .share-whatsapp{color:#169c55}.article-share .share-twitter{color:#111}.article-share .share-facebook{color:#1877f2}.article-share .share-telegram{color:#229ed9}.article-share .share-whatsapp:hover,.article-share .share-twitter:hover,.article-share .share-facebook:hover,.article-share .share-telegram:hover{opacity:.75}

@media(max-width:575px){.article-share{gap:8px}.share-actions{gap:10px}.share-actions .share-label{font-size:.9rem}}

.visitor-widget{margin-top:30px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.visitor-inline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;color:#ffffff9c;font-size:.68rem;line-height:1.5}.visitor-inline strong{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}.visitor-inline span:last-child strong{color:var(--gold)}.visitor-inline i{color:#ffffff45;font-style:normal}
@media(max-width:575px){.visitor-widget{margin-top:26px;padding:11px 4px}.visitor-inline{gap:5px;font-size:.6rem}}
.site-footer .footer-bottom{margin-top:0;border-top:0;padding-top:14px;justify-content:center}.site-footer .footer-bottom-centered span:first-child{color:#ffffffb8;text-align:center}.site-footer .footer-bottom-centered span:nth-child(2){display:none}

/* Mobile viewport guard: keep the public site full-width and prevent right-side blank space. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
#site-header,main,.site-footer,.hero-school{width:100%;max-width:100vw}
.hero-slide,.hero-bg,.parallax-bg,.swiper{max-width:100vw}
.page-hero{width:100%;max-width:100vw}
.page-hero>.parallax-bg{width:100%;height:100%;max-width:none}
#site-header{background:transparent}
@media(max-width:767px){
  .container,.container-fluid{width:100%;max-width:100%;}
  .hero-school{width:100vw;min-width:0;}
  .hero-bg,.parallax-bg{inset:0;max-width:none;}
  .swiper-wrapper{max-width:none;}
}
@media(max-width:1199px){#site-header{background:transparent}}

/* Page hero: keep the cover layer flush with the section at every viewport width. */
.page-hero{background-color:var(--navy-2)}
.page-hero>.parallax-bg{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;background-color:var(--navy-2)}
.page-hero:after{inset:0!important}

/* Home hero: escape any narrower parent and cover the complete viewport. */
main{width:100%;max-width:none;overflow:visible}
.hero-school{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.hero-school .swiper-wrapper,.hero-school .hero-slide{width:100%!important;max-width:none!important}
.hero-school .hero-bg,.hero-school .hero-shade{inset:0!important;width:100%!important;height:100%!important;max-width:none!important}

/* Full-bleed parallax backgrounds for every home section. */
.parallax-band,.ppdb-cta,.alumni-testimonial-section{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.hero-bg,.parallax-bg{inset:0!important;width:100%!important;height:100%!important;max-width:none!important}
.parallax-band>.parallax-bg,.ppdb-cta>.parallax-bg,.alumni-testimonial-section>.parallax-bg{inset:0!important;width:100%!important;height:100%!important;max-width:none!important}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){.hero-bg,.parallax-bg{transform:translate3d(0,0,0) scale(1.14)}}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){.hero-bg,.parallax-bg,.page-hero>.parallax-bg,.parallax-band>.parallax-bg,.ppdb-cta>.parallax-bg,.alumni-testimonial-section>.parallax-bg{inset:-14%!important;width:auto!important;height:auto!important;max-width:none!important;transform:translate3d(0,var(--parallax-shift,0px),0) scale(1.08)!important}}

/* News detail header: use the article image with a readable dark overlay. */
.article-hero{position:relative;overflow:hidden;background-color:var(--navy-2);background-image:var(--article-hero-image);background-size:cover;background-position:center;background-attachment:fixed;color:#fff}
.article-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,44,.9),rgba(3,23,44,.62) 58%,rgba(3,23,44,.48)),linear-gradient(0deg,rgba(3,23,44,.5),transparent 65%);z-index:0}
.article-hero>.container{position:relative;z-index:1}
.article-hero h1{color:#fff}.article-hero p{color:rgba(255,255,255,.82)}.article-hero .breadcrumb-back{color:#fff}.article-hero .article-meta{color:rgba(255,255,255,.78)}
@media(max-width:767px){.article-hero{background-attachment:scroll;background-position:center}}

/* Extracurricular detail hero: override the global img max-width so the cover cannot stop short. */
.detail-hero>img{max-width:none!important;width:120%;height:120%;}

/* Video berita dari Google Drive/TinyMCE. */
.article-content .article-video-embed{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:16/9;margin:2rem 0;overflow:hidden;border-radius:18px;background:#061a31;box-shadow:0 16px 40px rgba(6,26,49,.18)}
.article-content iframe.google-drive-video{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:2rem 0;border:0;border-radius:18px;overflow:hidden;background:#061a31;box-shadow:0 16px 40px rgba(6,26,49,.18)}
.article-content .article-video-embed iframe{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;margin:0;border-radius:0;box-shadow:none}
.article-content video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:2rem 0;border-radius:12px;background:#000}
@media(max-width:767.98px){
  .article-content .article-video-embed,
  .article-content iframe.google-drive-video{
    aspect-ratio:4/3!important;
    margin:1.4rem 0;
    border-radius:12px;
  }
  .article-content video{margin:1.4rem 0}
  .article-content .article-video-embed iframe{
    aspect-ratio:auto!important;
    margin:0;
    border-radius:0;
  }
}