/* Admission contact CTA */
.site-page .admissions-cta-section{background:#171717!important;color:#fff;overflow:hidden;padding:clamp(58px,8vw,96px) 20px;position:relative}.site-page .admissions-cta-section .section-header{margin-bottom:0;max-width:720px}.site-page .admissions-cta-section .eyebrow{color:var(--orange)!important}.site-page .admissions-cta-section h2{color:#fff!important}.site-page .admissions-cta-section .section-underline{background:var(--orange)!important}.site-page .admissions-cta-section .section-header>p:not(.eyebrow){color:#d0d0d0!important}.site-page .admissions-cta-section .btn-primary{background:var(--orange)!important;border-color:var(--orange)!important;color:#fff!important;margin-top:18px}.site-page .admissions-cta-section .btn-primary:hover{background:#ff5a60!important;border-color:#ff5a60!important}

/* Make the supporting feature icons stand out. */
.site-page .additional-features-section .small-feature-card i{color:#ef1b23!important}

.site-page.page-gallery .gallery-item{max-width:100%;width:auto!important}
.site-page .footer{overflow:hidden}

/* Gallery redesign: readable captions and stable image framing at every size. */
.site-page.page-gallery .gallery-section{background:#f7f7f5!important;overflow:hidden;padding:clamp(42px,6vw,84px) 0!important}.site-page.page-gallery .gallery-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1240px}.site-page.page-gallery .gallery-item{aspect-ratio:4/3;background:#171717!important;border:0!important;border-radius:16px!important;box-shadow:0 12px 26px rgba(20,20,20,.1)!important;min-width:0;overflow:hidden;position:relative;transform:none!important}.site-page.page-gallery .gallery-item>img{aspect-ratio:auto!important;height:100%!important;object-fit:cover!important;transition:transform .45s ease,filter .45s ease;width:100%}.site-page.page-gallery .gallery-overlay{align-items:flex-end;background:linear-gradient(180deg,transparent 28%,rgba(17,17,17,.84) 100%)!important;border-radius:0!important;display:flex!important;inset:0!important;opacity:1!important;padding:18px!important}.site-page.page-gallery .gallery-content{max-width:100%;padding:0!important}.site-page.page-gallery .gallery-content h3{color:#fff!important;font-family:'DM Sans',sans-serif!important;font-size:1.05rem!important;font-weight:800;line-height:1.2;margin:0 0 4px!important}.site-page.page-gallery .gallery-content p{color:#e7e7e7!important;font-size:.75rem!important;line-height:1.35;margin:0!important}.site-page.page-gallery .gallery-item:hover{box-shadow:0 18px 34px rgba(20,20,20,.18)!important;transform:translateY(-4px)!important}.site-page.page-gallery .gallery-item:hover>img{filter:saturate(1.1);transform:scale(1.05)}.site-page.page-gallery .gallery-filters{gap:8px!important;justify-content:center!important;padding:4px 0 8px!important}.site-page.page-gallery .filter-btn{background:#fff!important;border:1px solid #d8d8d5!important;border-radius:999px!important;color:#555!important;font-weight:700;min-height:40px;padding:8px 16px!important}.site-page.page-gallery .filter-btn.active,.site-page.page-gallery .filter-btn:hover{background:#ef1b23!important;border-color:#ef1b23!important;color:#fff!important;transform:translateY(-2px)}
@media(max-width:900px){.site-page.page-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-page.page-gallery .gallery-section{padding:32px 0 58px!important}.site-page.page-gallery .gallery-grid{gap:14px;grid-template-columns:1fr}.site-page.page-gallery .gallery-item{aspect-ratio:16/10;border-radius:12px!important}.site-page.page-gallery .gallery-overlay{padding:16px!important}.site-page.page-gallery .gallery-content h3{font-size:1rem!important}.site-page.page-gallery .gallery-content p{font-size:.72rem!important}.site-page.page-gallery .gallery-filters{justify-content:flex-start!important;overflow-x:auto;padding:4px 2px 10px!important;scrollbar-width:none}.site-page.page-gallery .gallery-filters::-webkit-scrollbar{display:none}.site-page.page-gallery .filter-btn{flex:0 0 auto;font-size:.75rem;min-height:38px}}

/* Gallery lightbox preview */
.site-page.page-gallery .lightbox{align-items:center;background:rgba(12,12,12,.97)!important;backdrop-filter:blur(8px);padding:24px!important;z-index:200}.site-page.page-gallery .lightbox-content{background:#171717;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 24px 70px #0008;max-height:calc(100dvh - 48px)!important;max-width:1080px!important;overflow:hidden;padding:14px!important;width:min(92vw,1080px)!important}.site-page.page-gallery .lightbox-content img{background:#0d0d0d;border-radius:12px;height:auto!important;max-height:calc(100dvh - 150px)!important;object-fit:contain;width:100%!important}.site-page.page-gallery .lightbox-caption{color:#fff!important;font-size:.85rem;line-height:1.45;padding:14px 4px 2px!important}.site-page.page-gallery .lightbox-caption strong{color:#fff;font-size:1rem}.site-page.page-gallery .lightbox-close,.site-page.page-gallery .lightbox-prev,.site-page.page-gallery .lightbox-next{align-items:center;background:#ef1b23!important;border:0!important;border-radius:50%;color:#fff!important;display:flex;justify-content:center;box-shadow:0 8px 22px #0006;height:46px;width:46px;z-index:2}.site-page.page-gallery .lightbox-close{font-size:1.5rem;right:24px;top:24px}.site-page.page-gallery .lightbox-prev{left:24px}.site-page.page-gallery .lightbox-next{right:24px}.site-page.page-gallery .lightbox-close:hover,.site-page.page-gallery .lightbox-prev:hover,.site-page.page-gallery .lightbox-next:hover{background:#ff5a60!important;transform:scale(1.06)}
@media(max-width:600px){.site-page.page-gallery .lightbox{padding:12px!important}.site-page.page-gallery .lightbox-content{border-radius:14px;max-height:calc(100dvh - 24px)!important;padding:9px!important;width:100%!important}.site-page.page-gallery .lightbox-content img{max-height:calc(100dvh - 142px)!important}.site-page.page-gallery .lightbox-caption{font-size:.76rem;padding:10px 3px 2px!important}.site-page.page-gallery .lightbox-close,.site-page.page-gallery .lightbox-prev,.site-page.page-gallery .lightbox-next{height:38px;width:38px}.site-page.page-gallery .lightbox-close{right:16px;top:16px}.site-page.page-gallery .lightbox-prev{left:16px}.site-page.page-gallery .lightbox-next{right:16px}}

/* Keep enrollment summaries readable on narrow screens. */
@media(max-width:640px){.enrollment-summary{grid-template-columns:1fr!important}.summary-card,.summary-card.full-width{grid-column:auto}.summary-card{width:100%}.summary-data p{max-width:none}}
.home-utility-bar{visibility:hidden}.home-utility-bar.utility-ready{visibility:visible}em{font-style:normal!important}

/* Professional H.P.E.B.S. navbar identity. */
.school-name{align-items:flex-start;display:flex;flex-direction:column;gap:1px;line-height:1.05;min-width:0}
.school-name .school-acronym{color:var(--blue);font-family:var(--sans);font-size:1.08rem;font-weight:800;letter-spacing:.14em;line-height:1}
.school-name strong{color:var(--ink);font-family:var(--sans);font-size:.58rem;letter-spacing:.04em;line-height:1.2;text-transform:none;white-space:nowrap}
.school-name small{color:var(--orange);font-family:var(--sans);font-size:.48rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:560px){.school-name .school-acronym{font-size:.86rem}.school-name strong{font-size:.46rem}.school-name small{font-size:.38rem;letter-spacing:.08em}}
.page-loader{align-items:center;background:#123552;color:#fff;display:flex;inset:0;justify-content:center;opacity:1;position:fixed;transition:opacity .45s ease,visibility .45s ease;visibility:visible;z-index:200}.page-loader.is-hidden{opacity:0;visibility:hidden}.page-loader-inner{align-items:center;display:flex;flex-direction:column;padding:24px;text-align:center}.page-loader-mark{align-items:center;background:#fff;border:5px solid #f47b20;border-radius:50%;box-shadow:0 0 0 10px rgba(255,255,255,.08),0 16px 35px rgba(6,25,46,.28);display:flex;height:112px;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative;width:112px}.page-loader-mark img{height:100%;object-fit:contain;padding:8px;width:100%}.page-loader-mark span{border:2px solid transparent;border-left-color:#f47b20;border-radius:50%;border-top-color:#f47b20;inset:-5px;position:absolute;animation:loaderSpin 1.05s linear infinite}.page-loader-name{font-family:var(--serif);font-size:1.75rem;line-height:1.15}.page-loader-subtitle{color:#f7b267;font-size:.7rem;font-weight:700;letter-spacing:.23em;margin-top:7px;text-transform:uppercase}.page-loader-progress{background:#ffffff2b;border-radius:99px;height:3px;margin-top:28px;overflow:hidden;width:190px}.page-loader-progress span{background:#f47b20;border-radius:inherit;display:block;height:100%;transform-origin:left;animation:loaderProgress 2s linear forwards}.page-loader-status{color:#dce8f0;font-size:.68rem;margin-top:12px}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.app-install-prompt{bottom:78px!important}.back-to-top{bottom:78px!important}@media(max-width:640px){.app-install-prompt{bottom:76px!important}.back-to-top{bottom:76px!important}.back-to-top{height:40px;right:14px;width:40px}}
/* Site-wide small-screen image and layout fixes */
.utility-container{min-width:0}.utility-details{min-width:0;overflow:hidden}.utility-details span{min-width:0;overflow:hidden;text-overflow:ellipsis}.home-page .home-gallery-grid{align-items:stretch;display:grid;grid-auto-rows:auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;height:auto}.home-page .home-gallery-grid img{aspect-ratio:4/3;background:#edf3f6;height:auto!important;min-height:0;object-fit:contain;width:100%}.home-page .home-gallery-grid img:first-child{grid-row:auto}.home-page .calendar-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .calendar-widget-card,.home-page .events-widget-card{max-width:100%;min-width:0;overflow:hidden;width:100%}.home-page .calendar-widget-card iframe,.home-page .events-widget-card iframe{max-width:100%;width:100%}.home-page .events-widget-card>div{max-width:100%;overflow:auto}.home-page .section-topline{min-width:0}.home-page .section-topline h2{overflow-wrap:anywhere}.home-page .community-card{min-width:0}.home-page .community-card img{min-width:0;object-fit:cover}.home-page .community-card div{min-width:0}.home-page .community-card h3,.home-page .community-card p{overflow-wrap:anywhere}
.page-gallery .gallery-item>img,.page-gallery .gallery-mini-slide img{object-fit:contain;background:#edf3f6}.page-gallery .gallery-item>img{aspect-ratio:4/3;height:auto!important}.page-gallery .gallery-mini-slide img{height:100%;object-fit:contain}
@media(max-width:900px){.home-page .home-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.home-page .home-gallery-grid img{aspect-ratio:4/3}.home-page .calendar-events-grid{grid-template-columns:1fr}.home-page .calendar-panel,.home-page .events-panel{min-width:0}.home-page .calendar-widget-card{align-items:stretch}.home-page .calendar-widget-card iframe{height:290px;margin:auto;max-width:320px}.home-page .events-widget-card{min-height:305px}.home-page .community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .community-card{display:flex;flex-direction:column}.home-page .community-card img{height:auto;min-height:180px}}
@media(max-width:600px){body{overflow-x:hidden}.container{padding-left:14px;padding-right:14px}.utility-container{gap:10px!important;overflow:hidden;padding-left:12px!important;padding-right:12px!important}.utility-details{flex:1 1 auto;gap:9px!important;justify-content:flex-end}.utility-details span{max-width:48vw;white-space:nowrap}.utility-details span:first-child{display:none}.home-page .home-utility-bar{position:relative;z-index:60}.home-page .home-utility-bar .utility-container{min-height:38px}.home-page .home-gallery{padding-bottom:48px}.home-page .home-gallery-grid{gap:8px;grid-template-columns:1fr 1fr}.home-page .home-gallery-grid img{aspect-ratio:1/1;object-fit:contain}.home-page .calendar-events-section{padding:48px 0}.home-page .calendar-events-section .section-header{text-align:left}.home-page .calendar-events-section .section-header h2{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.12}.home-page .calendar-widget-card{padding:10px}.home-page .calendar-widget-card iframe{height:285px;width:100%}.home-page .events-widget-card{min-height:280px;padding:0}.home-page .events-widget-card>div{width:100%}.home-page .community-grid{grid-template-columns:1fr}.home-page .community-card img{aspect-ratio:16/10;min-height:0;object-fit:cover}.home-page .section-topline{align-items:flex-start;display:flex;flex-direction:column;gap:14px}.home-page .section-topline .text-link{font-size:.78rem}.home-page .principal-home-photo img{object-fit:contain;background:#edf3f6}.page-gallery .gallery-item>img,.page-gallery .gallery-mini-slider{aspect-ratio:4/3}.page-gallery .gallery-item>img{object-fit:contain}.page-gallery .gallery-mini-slide img{object-fit:contain}.page-gallery .lightbox-content img{height:auto;max-height:calc(100dvh - 150px);object-fit:contain;width:100%}}
@media(max-width:380px){.home-page .home-gallery-grid{gap:6px}.home-page .home-gallery-grid img{aspect-ratio:1/1}.home-page .calendar-widget-card{padding:6px}.home-page .calendar-widget-card iframe{height:270px}}
/* Gallery page responsive polish */
.page-gallery .gallery-filters-section{background:#fff;border-bottom:1px solid var(--line);padding:18px 0}.page-gallery .gallery-filters{align-items:center;display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.page-gallery .filter-btn{background:#fff;border:1px solid #cbdbe4;border-radius:999px;color:var(--blue);font-size:.78rem;font-weight:700;min-height:40px;padding:8px 15px;transition:background .2s ease,color .2s ease,transform .2s ease}.page-gallery .filter-btn:hover,.page-gallery .filter-btn.active{background:var(--blue);color:#fff;transform:translateY(-2px)}.page-gallery .gallery-section{padding:clamp(42px,6vw,78px) 0}.page-gallery .gallery-grid{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.page-gallery .gallery-item{min-width:0}.page-gallery .gallery-item>img,.page-gallery .gallery-mini-slider{aspect-ratio:4/3;height:auto;min-height:0}.page-gallery .gallery-overlay{display:flex}.page-gallery .gallery-content{max-width:100%;padding:18px}.page-gallery .gallery-content h3,.page-gallery .gallery-content p{overflow-wrap:anywhere}.page-gallery .view-btn{flex:0 0 auto}.page-gallery .lightbox-content{max-height:calc(100dvh - 80px);max-width:min(92vw,1100px);width:calc(100% - 80px)}.page-gallery .lightbox-content img{max-height:calc(100dvh - 170px);object-fit:contain;width:100%}
@media(max-width:900px){.page-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-gallery .gallery-item:nth-child(3n+2){transform:none}.page-gallery .gallery-item:nth-child(3n+2):hover{transform:translateY(-7px)}}
@media(max-width:640px){.page-gallery .container{padding-left:14px;padding-right:14px}.page-gallery .page-header{min-height:220px;padding:58px 0 50px}.page-gallery .page-header h1{font-size:clamp(2rem,10vw,3rem);line-height:1.08}.page-gallery .page-header p{font-size:.9rem;margin-top:12px}.page-gallery .gallery-filters-section{padding:13px 0}.page-gallery .gallery-filters{gap:7px;justify-content:flex-start;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.page-gallery .gallery-filters::-webkit-scrollbar{display:none}.page-gallery .filter-btn{flex:0 0 auto;font-size:.72rem;min-height:36px;padding:7px 12px}.page-gallery .gallery-section{padding:32px 0 52px}.page-gallery .gallery-grid{gap:14px;grid-template-columns:1fr}.page-gallery .gallery-item,.page-gallery .gallery-item:nth-child(3n+2){transform:none}.page-gallery .gallery-item:hover,.page-gallery .gallery-item:nth-child(3n+2):hover{transform:translateY(-4px)}.page-gallery .gallery-item>img,.page-gallery .gallery-mini-slider{aspect-ratio:16/10}.page-gallery .gallery-content{padding:14px}.page-gallery .gallery-content h3{font-size:1.15rem;line-height:1.2}.page-gallery .gallery-content p{font-size:.78rem;line-height:1.4}.page-gallery .lightbox-content{width:calc(100% - 28px)}.page-gallery .lightbox-content img{max-height:calc(100dvh - 150px)}.page-gallery .lightbox-prev,.page-gallery .lightbox-next{height:40px;width:40px}.page-gallery .lightbox-prev{left:8px}.page-gallery .lightbox-next{right:8px}.page-gallery .lightbox-close{right:10px;top:10px}}
@media(max-width:380px){.page-gallery .gallery-content h3{font-size:1.02rem}.page-gallery .gallery-content p{font-size:.74rem}.page-gallery .gallery-slide-caption{bottom:10px;left:10px;font-size:.65rem;padding:6px 8px}}
.home-page .nav-container{min-height:82px!important}.home-page .nav-menu{gap:3px!important}.home-page .nav-menu a,.home-page .nav-dropdown-toggle{font-size:.82rem!important;padding:10px 9px!important}.home-page .nav-logo{height:56px!important;width:56px!important}.home-page .school-name{font-size:1rem!important}.home-page .school-name strong{font-size:.57rem!important}.home-page .nav-menu .login-btn{font-size:.82rem!important;margin-left:8px!important}
.home-page .nav-container{min-height:82px}.home-page .nav-menu{gap:3px}.home-page .nav-menu a,.home-page .nav-dropdown-toggle{font-size:.82rem;padding:10px 9px}.home-page .school-name{font-size:1rem}.home-page .school-name strong{font-size:.57rem}.home-page .nav-logo{height:56px;width:56px}.home-page .nav-menu .login-btn{font-size:.82rem;margin-left:8px}.home-page .home-utility-bar+.navbar{box-shadow:0 4px 18px #174b7a12}
.student-portal-page{background:#f5f8fb}.student-portal-main{margin:0 auto;max-width:1180px;padding:52px 20px}.student-welcome{background:linear-gradient(120deg,var(--dark),var(--blue));border-radius:8px;color:#fff;margin-bottom:22px;padding:38px}.student-welcome h1{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:5px 0 10px}.student-welcome p:last-child{color:#dbe8f2;max-width:650px}.student-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 25px #1235520d;margin-bottom:22px;padding:26px}.student-panel-heading{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.student-panel-heading h2{color:var(--blue);font-family:var(--serif)}.student-panel-heading>i{color:var(--orange);font-size:1.5rem}.student-result-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.student-result-card{background:#f7fafc;border-left:4px solid var(--orange);border-radius:5px;padding:18px}.student-result-card span{color:var(--orange);font-size:.72rem;font-weight:700;text-transform:uppercase}.student-result-card h3{color:var(--blue);font-size:1.8rem;margin:6px 0}.student-result-card p{color:var(--muted);font-size:.8rem}.student-leave-form{display:grid;gap:16px}.student-form-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.student-leave-form label{color:var(--blue);display:grid;font-size:.78rem;font-weight:700;gap:6px}.student-leave-form input,.student-leave-form textarea{border:1px solid var(--line);border-radius:5px;padding:11px;width:100%}.student-leave-list{display:grid;gap:10px}.student-leave-item{align-items:center;border:1px solid var(--line);display:flex;justify-content:space-between;padding:15px}.student-leave-item p{color:var(--muted);font-size:.82rem;margin-top:4px}.leave-status{border-radius:20px;font-size:.72rem;font-weight:700;padding:5px 10px;text-transform:capitalize}.leave-status.pending{background:#fff0d7;color:#9a5b00}.leave-status.approved{background:#e5f4ea;color:#23703b}.leave-status.rejected{background:#ffe3e1;color:#b42318}.portal-message{color:var(--muted);padding:10px 0}@media(max-width:760px){.student-form-grid{grid-template-columns:1fr 1fr}.student-result-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.student-welcome{padding:26px 20px}.student-panel{padding:20px}.student-form-grid,.student-result-grid{grid-template-columns:1fr}.student-leave-item{align-items:flex-start;gap:12px}}
.admin-data-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.admin-data-list{display:grid;gap:10px;margin-top:20px}.admin-data-row,.admin-leave-card{align-items:center;background:#f7fafc;border:1px solid var(--line);border-radius:5px;display:flex;gap:18px;justify-content:space-between;padding:15px}.admin-data-row small,.admin-leave-card small{color:var(--muted);display:block;font-size:.76rem;margin-top:4px}.admin-leave-card{align-items:flex-start}.admin-leave-card p{color:var(--muted);font-size:.84rem;margin:8px 0}.admin-leave-card em{color:var(--blue);font-size:.78rem}.admin-leave-actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.admin-leave-actions .leave-status{width:max-content}
/* Admin-managed notice presentation */
.admin-notice-fields{display:grid;gap:12px;grid-template-columns:1fr 1fr}.admin-file-label{align-items:center;color:var(--blue);cursor:pointer;display:flex;font-size:.82rem;font-weight:700;gap:8px}.admin-notice-form input[type=file]{font-size:.78rem}.admin-notice-thumb{border-radius:4px;float:left;height:42px;margin-right:10px;object-fit:cover;width:58px}.dynamic-notice-card{position:relative}.dynamic-notice-image{border-radius:5px;height:150px;margin:-4px -4px 15px;object-fit:cover;width:calc(100% + 8px)}.notice-priority{border-radius:20px;display:inline-block;font-size:.65rem;margin-left:6px;padding:4px 8px;text-transform:capitalize}.notice-priority.high{background:#ffe3e1;color:#b42318}.notice-priority.medium{background:#fff0d7;color:#9a5b00}.notice-priority.low{background:#e5f4ea;color:#23703b}@media(max-width:640px){.admin-notice-fields{grid-template-columns:1fr}}
/* Final responsive fixes */
.nav-dropdown-menu{min-width:160px!important;width:max-content!important}.nav-dropdown-menu a{font-size:.76rem!important;padding:8px 9px!important}.nav-menu>li>a,.nav-dropdown-toggle{position:relative}.nav-menu>li>a:after,.nav-dropdown-toggle:after{background:var(--orange);bottom:1px;content:'';height:2px;left:9px;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;width:calc(100% - 18px)}.nav-menu>li>a:hover:after,.nav-menu>li>a.active:after,.nav-dropdown-toggle:hover:after,.nav-dropdown.open .nav-dropdown-toggle:after{transform:scaleX(1)}
.vmo-icon,.mv-icon,.level-icon,.activity-icon{flex:0 0 54px;line-height:1}.vmo-card,.mv-card,.level-card,.activity-card{min-width:0;overflow:hidden}.vmo-card p,.mv-card p,.level-card p,.activity-card p{overflow-wrap:anywhere}.about-page .vmo-section{padding:48px 0!important}.about-page .vmo-card{padding:22px 20px!important}.about-page .vmo-card h3{font-size:1.15rem}.about-page .vmo-card p{font-size:.88rem;line-height:1.65}
.dynamic-notices{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}.dynamic-notice-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 25px #12355210;min-width:0;padding:24px}.dynamic-notice-card h3{color:var(--blue);font-family:var(--serif);font-size:1.25rem;overflow-wrap:anywhere}.dynamic-notice-card p{color:var(--muted);font-size:.88rem;margin:10px 0;overflow-wrap:anywhere}.dynamic-notice-card small{color:var(--orange);font-weight:700;text-transform:uppercase}.dynamic-notice-card span{color:var(--muted);font-size:.75rem}.notice-empty{color:var(--muted);grid-column:1/-1;padding:25px;text-align:center}@media(max-width:900px){.dynamic-notices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dynamic-notices{grid-template-columns:1fr}}
.school-pion-photo{border:5px solid #fff3e8;border-radius:50%;height:96px;margin:0 0 16px;object-fit:cover;width:96px}.admin-notice-manager{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 25px #12355210;margin-top:24px;padding:24px}.admin-notice-manager h3{color:var(--blue);margin-bottom:16px}.admin-notice-form{display:grid;gap:12px;max-width:720px}.admin-notice-form input,.admin-notice-form select,.admin-notice-form textarea{border:1px solid var(--line);border-radius:5px;padding:11px 12px;width:100%}.notices-list{display:grid;gap:8px;margin-top:22px}.notices-list .notice-item{align-items:center;border:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 14px}.notices-list .notice-item strong,.notices-list .notice-item small{display:block}.notices-list .notice-item small{color:var(--muted);font-size:.75rem;margin-top:3px}
/* Final grid alignment overrides */
.vmo-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.mission-vision-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.vmo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.vmo-grid,.mission-vision-grid{grid-template-columns:1fr}}
.page-header{text-align:center}.page-header .container{margin:0 auto;max-width:900px;width:100%}.page-header h1{letter-spacing:-.03em;margin:0 auto}.page-header p{font-size:1.05rem;margin:20px auto 0;max-width:760px}.page-header:after{background:var(--orange);content:'';display:block;height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:100px}.page-header{position:relative}.about-title-red{color:var(--orange)}.about-title-black{color:#111}
.nav-dropdown{position:relative}.nav-dropdown-toggle{background:transparent;border:0;color:#414a53;font-size:.82rem;padding:10px 9px}.nav-dropdown-toggle:hover{color:var(--orange)}.nav-dropdown-toggle i{font-size:.58rem;margin-left:4px}.nav-dropdown-menu{background:#fff;border-top:2px solid var(--orange);box-shadow:0 12px 25px #174b7a1c;display:none;min-width:205px;padding:7px;position:absolute;right:0;top:100%;z-index:30}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;font-size:.78rem;padding:9px 10px;white-space:nowrap}.nav-dropdown-menu a:hover{background:var(--pale)}.faculty-preview{background:#fff;padding:72px 0}.faculty-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.faculty-card{background:var(--pale);border:1px solid var(--line);padding:16px;text-align:center;transition:box-shadow .25s ease,transform .25s ease}.faculty-card:hover{box-shadow:0 16px 30px #174b7a18;transform:translateY(-6px)}.faculty-card img{border-radius:50%;height:105px;margin:0 auto 13px;object-fit:cover;width:105px}.faculty-card h3{color:var(--blue);font-family:var(--serif);font-size:1.05rem;font-weight:500}.faculty-card p{color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.faculty-more{display:block;margin:28px auto 0;text-align:center}.community-preview{background:var(--pale);padding:72px 0}.community-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}.community-card{background:#fff;display:grid;grid-template-columns:.8fr 1fr;overflow:hidden}.community-card img{height:100%;min-height:230px;object-fit:cover;width:100%}.community-card div{padding:24px}.community-card span{color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.community-card h3{color:var(--blue);font-family:var(--serif);font-size:1.4rem;margin:10px 0}.community-card p{color:var(--muted);font-size:.85rem;margin-bottom:18px}.community-card:hover{box-shadow:0 16px 30px #174b7a18;transform:translateY(-5px);transition:transform .25s ease,box-shadow .25s ease}@media(max-width:900px){.nav-dropdown-menu{position:static;box-shadow:none;border-top:0;padding:0 0 6px}.nav-dropdown-toggle{padding:10px 0;text-align:left;width:100%}.faculty-grid{grid-template-columns:repeat(3,1fr)}.community-grid{grid-template-columns:1fr}}@media(max-width:640px){.faculty-grid{grid-template-columns:repeat(2,1fr)}.community-card{grid-template-columns:1fr}.community-card img{height:190px;min-height:0}.faculty-card img{height:90px;width:90px}}
.home-page .hero-content{display:none}.home-page .hero{min-height:560px}.calendar-events-section{background:var(--pale);padding:70px 0}.calendar-events-grid{align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.calendar-panel,.events-panel{background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #174b7a10;min-height:360px;padding:22px}.calendar-panel h3,.events-panel h3{color:var(--blue);font-family:var(--serif);font-size:1.5rem;margin-bottom:14px;text-align:center}.calendar-panel .calendar-widget-card{box-shadow:none;border:0;margin:0 auto;padding:0;width:max-content}.events-panel{overflow:hidden}.events-widget-card{align-items:center;background:#fff;display:flex;justify-content:center;margin:auto;min-height:305px;overflow:hidden;width:100%}.events-widget-card #ncwidgetlink{display:none!important}.events-widget-card>div{max-width:100%}.calendar-widget-card{box-shadow:none;border:0;padding:0}.calendar-widget-card iframe{height:290px;width:300px}@media(max-width:760px){.calendar-events-grid{grid-template-columns:1fr}.calendar-panel,.events-panel{min-height:0}.home-page .hero{min-height:420px}}
.navbar:before{display:none!important}.navbar.scrolled:before{display:none!important}
.enrollment-section{background:linear-gradient(180deg,#f7fafc 0%,#fff 100%);padding:72px 0}.enrollment-content{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(18,53,82,.06);padding:24px}.enrollment-summary{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(220px,1fr));margin-bottom:24px}.summary-card{align-items:center;border:1px solid var(--line);border-radius:12px;display:flex;gap:16px;min-width:0;padding:20px 18px}.summary-card.full-width{grid-column:1 / -1}.summary-icon{align-items:center;background:#fff3e8;border-radius:12px;color:var(--orange);display:flex;flex:0 0 56px;height:56px;justify-content:center;font-size:1.5rem}.summary-data{min-width:0}.summary-data h3{color:var(--blue);font-family:var(--serif);font-size:clamp(2.1rem,3vw,3rem);line-height:1.08}.summary-data p{color:var(--muted);font-size:.96rem;line-height:1.4;max-width:200px}.table-responsive{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:auto;-webkit-overflow-scrolling:touch}.enrollment-table{border-collapse:collapse;min-width:620px;width:100%}.enrollment-table th,.enrollment-table td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:middle}.enrollment-table th{background:var(--blue);color:#fff;font-size:.8rem}.enrollment-table tr:nth-child(even){background:var(--pale)}.enrollment-table td:first-child{white-space:nowrap}.enrollment-table .positive{color:#24804a;font-weight:700}.enrollment-table .negative{color:#c54c35;font-weight:700}.enrollment-table .neutral{color:var(--muted)}.enrollment-table .total-row{background:#fff0e4;font-weight:700}
.hero-home-mark span{font-size:clamp(4rem,11vw,8.5rem);font-weight:600;letter-spacing:.08em;text-shadow:0 6px 20px #06192e99}.hero-home-mark strong{color:#fff;font-family:var(--serif);font-size:clamp(1.8rem,4vw,3.8rem);font-weight:500;letter-spacing:.02em;line-height:1.1;text-shadow:0 4px 15px #06192e99}.hero-home-mark small{font-size:.8rem;letter-spacing:.18em;margin-top:16px}.events-widget-section{background:#fff;padding:75px 0}.events-widget-card{background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #174b7a10;margin:0 auto;max-width:520px;min-height:305px;overflow:hidden;padding:0;width:100%}.events-widget-card #ncwidgetlink{display:none!important}.events-widget-card iframe{max-width:100%}.home-utility-bar+.navbar{box-shadow:0 4px 18px #174b7a12}.page-header{background:var(--blue)!important}.calendar-credit{display:none!important}@media(max-width:640px){.hero-home-mark span{font-size:4.4rem}.hero-home-mark strong{font-size:1.7rem}.hero-home-mark small{font-size:.58rem}.events-widget-card{min-height:305px}}
.calendar-widget-card{align-items:flex-start;background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #174b7a10;display:flex;flex-direction:column;margin:0 auto;max-width:520px;padding:18px;width:max-content}.calendar-widget-card iframe{border:0;border-radius:5px;height:290px;max-width:100%;overflow:hidden;width:300px}.calendar-credit{color:#6d6d6d;font-size:12px;margin-top:8px}.calendar-credit a{text-decoration:none}

/* Shared polish for content pages */
.nav-dropdown-toggle{border-radius:3px;position:relative;transition:background .2s ease,color .2s ease}.nav-dropdown-toggle:hover,.nav-dropdown.open .nav-dropdown-toggle{background:var(--pale);color:var(--orange)}.nav-dropdown-menu{border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:0 0 6px 6px;box-shadow:0 18px 35px #12355220;left:50%;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.nav-dropdown-menu a{border-radius:3px;transition:background .2s ease,padding-left .2s ease}.nav-dropdown-menu a:hover{background:#fff3e8;padding-left:14px}
.vmo-section,.club-mission-section{background:linear-gradient(135deg,#f7fafc 0%,#fff 58%,#fff4e9 100%);padding:78px 0}.vmo-grid,.mission-vision-grid{align-items:stretch}.vmo-card,.mv-card{border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:6px;box-shadow:0 14px 28px #1235520c;display:flex;flex-direction:column;padding:30px 28px}.vmo-card:nth-child(2),.mv-card:nth-child(2){border-top-color:var(--blue)}.vmo-card h3,.mv-card h3{margin-bottom:13px}.vmo-card p,.mv-card p{flex:1}.vmo-card ul{display:grid;gap:10px;margin-top:10px}.vmo-card li{border-bottom:1px solid var(--line);padding:0 0 9px 25px;position:relative}.vmo-card li:before{color:var(--orange);content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;left:0;position:absolute;top:1px}.vmo-icon,.mv-icon{align-items:center;background:#fff3e8;border-radius:50%;color:var(--orange);display:flex;height:54px;justify-content:center;margin-bottom:18px;width:54px}
.cta-section{background:linear-gradient(120deg,var(--dark),var(--blue));color:#fff;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.cta-section:after{border:1px solid #ffffff2b;border-radius:50%;content:'';height:280px;position:absolute;right:-90px;top:-130px;width:280px}.cta-section .container{position:relative;z-index:1}.cta-section h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.25rem);line-height:1.2;margin-bottom:12px}.cta-section p{color:#dbe8f2;margin:0 auto 26px;max-width:620px}.cta-section .btn-primary{background:var(--orange);border-color:var(--orange);box-shadow:0 10px 22px #06192e30}.cta-section .btn-primary:hover{background:#ff9344;border-color:#ff9344;transform:translateY(-2px)}
.footer{background:#0d2941;color:#dbe8f2;padding:30px 0}.mini-footer-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.mini-footer-content p{font-size:.78rem}.mini-footer-content a{color:#ffb273;font-weight:700}.developer-credit{text-align:right}
.leadership-grid{grid-template-columns:repeat(4,1fr)}.leader-card{border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 26px #1235520d;padding:22px 18px}.leader-card.featured{border-top:4px solid var(--orange)}.leader-image{border:5px solid #fff3e8;border-radius:50%;height:120px;margin:0 auto 15px;overflow:hidden;width:120px}.leader-image img{height:100%;object-fit:cover;width:100%}.members-showcase{background:#fff;border:1px solid var(--line);box-shadow:0 12px 25px #1235520a;padding:28px}.member-badge{border:1px solid var(--line);border-radius:5px;transition:background .2s ease,transform .2s ease}.member-badge:hover{background:#fff3e8;transform:translateY(-3px)}.club-activities-section{background:#fff8f1;padding:78px 0}.activities-grid{gap:18px;grid-template-columns:repeat(3,1fr)}.activity-card{background:#fff;border:1px solid #f1dcc8;border-radius:6px;box-shadow:0 10px 22px #a65f2512;padding:28px 24px}.activity-icon{align-items:center;background:var(--orange);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin-bottom:18px;width:48px}.activity-card h3{color:var(--blue);font-family:var(--serif);font-size:1.2rem;margin-bottom:7px}
.alumni-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 15px 30px #12355212;overflow:hidden}.alumni-image{background:linear-gradient(135deg,#fff3e8,#eaf3f8);padding:28px 20px 5px}.alumni-photo-frame{border:7px solid #fff;border-radius:50%;box-shadow:0 8px 22px #12355224;height:150px;margin:0 auto;overflow:hidden;position:relative;width:150px}.alumni-photo-frame img{height:100%;object-fit:cover;width:100%}.photo-border{border:2px solid #f6a05d;border-radius:50%;inset:5px;pointer-events:none;position:absolute}.alumni-info{padding:22px 24px 26px}.alumni-quote{min-height:145px}.alumni-achievements{display:flex;flex-wrap:wrap;gap:7px}.achievement-tag{background:#fff3e8;border-radius:20px;color:#a74d0c;font-size:.7rem;font-weight:700;padding:6px 10px}.impact-grid{gap:18px}.impact-card{border-radius:6px;padding:25px 20px}
.gallery-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.gallery-item{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:0;transition:transform .25s ease}.gallery-item>img,.gallery-mini-slider{border-radius:12px;height:310px;object-fit:cover;width:100%}.gallery-mini-slider{overflow:hidden;position:relative}.gallery-mini-slide{inset:0;opacity:0;position:absolute;transition:opacity .7s ease;visibility:hidden}.gallery-mini-slide.active{opacity:1;visibility:visible}.gallery-mini-slide img{height:100%;object-fit:cover;width:100%}.gallery-slide-caption{background:rgba(18,53,82,.88);bottom:14px;color:#fff;font-size:.72rem;font-weight:700;left:14px;letter-spacing:.04em;padding:7px 11px;position:absolute}.gallery-overlay{inset:0;position:absolute;display:flex;align-items:flex-end;padding:14px;background:linear-gradient(180deg,rgba(12,24,38,0) 30%,rgba(12,24,38,.72) 100%);border-radius:12px;opacity:0;transition:opacity .25s ease}.gallery-content{padding:0;max-width:100%}.gallery-content h3{color:#fff;font-family:var(--serif);font-size:1.18rem;line-height:1.2;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.25)}.gallery-content p{color:#edf3f8;font-size:.8rem;line-height:1.5;margin:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item:hover{transform:translateY(-4px)}.gallery-feature-card,.gallery-feature-card .gallery-overlay,.gallery-item:hover{background:transparent;border:0;box-shadow:none;transform:none}.gallery-feature-card .gallery-content h3,.gallery-item .gallery-content h3{color:#fff}.gallery-feature-card .gallery-content p,.gallery-item .gallery-content p{color:#edf3f8}.gallery-item:nth-child(3n+2){transform:none}.gallery-item:nth-child(3n+2):hover{transform:translateY(-4px)}.gallery-filters-section{background:transparent;border-bottom:0;padding:20px 0 10px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--blue);font-size:.78rem;font-weight:700;min-height:40px;padding:8px 14px}.filter-btn.active,.filter-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.view-btn{display:none !important}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item>img,.gallery-mini-slider{height:260px}}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-item>img,.gallery-mini-slider{height:260px;border-radius:10px}.gallery-overlay{padding:12px}.gallery-content h3{font-size:1.06rem}.gallery-content p{font-size:.76rem}.gallery-filters{gap:6px}.filter-btn{font-size:.72rem;min-height:36px;padding:7px 12px} }
.notice-popup{align-items:center;background:#06192eb8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.notice-popup[hidden]{display:none}.notice-popup-card{background:#fff;border-top:5px solid var(--orange);box-shadow:0 25px 70px #06192e55;max-width:680px;padding:34px;position:relative;width:100%}.notice-popup-card h2{color:var(--blue);font-family:var(--serif);font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.2}.notice-popup-card>p{color:var(--muted);margin:8px 0 22px}.notice-popup-list{display:grid;gap:10px}.notice-popup-list a{align-items:center;background:var(--pale);border-left:3px solid var(--orange);display:flex;gap:12px;padding:12px 14px;transition:background .2s ease,transform .2s ease}.notice-popup-list a:hover{background:#fff3e8;transform:translateX(4px)}.notice-popup-list strong{color:var(--blue);display:block;font-size:.88rem}.notice-popup-list span{color:var(--muted);display:block;font-size:.75rem}.notice-popup-close{background:#fff3e8;border:0;border-radius:50%;color:var(--blue);font-size:1.2rem;height:34px;position:absolute;right:16px;top:16px;width:34px}.notice-popup-close:hover{background:var(--orange);color:#fff}
@media(max-width:900px){.leadership-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.mini-footer-content{align-items:flex-start;flex-direction:column}.developer-credit{text-align:left}}@media(max-width:640px){.activities-grid,.leadership-grid,.gallery-grid{grid-template-columns:1fr}.gallery-item:nth-child(3n+2){transform:none}.gallery-item:nth-child(3n+2):hover{transform:translateY(-4px)}.notice-popup-card{padding:28px 20px 22px}.notice-popup-card h2{padding-right:30px}.vmo-section,.club-mission-section,.club-activities-section{padding:58px 0}}
/* Homepage reference layout */
.home-utility-bar{background:#f4f4f4;color:#4b4f54;font-size:.78rem}.home-utility-bar .container{align-items:center;display:flex;justify-content:space-between;min-height:38px}.utility-social a{font-size:1.1rem}.utility-details{align-items:center;display:flex;gap:13px}.utility-details i{margin-right:5px}.home-page .navbar:before{display:none}.home-page .nav-container{min-height:88px}.home-page .nav-menu{gap:12px}.home-page .nav-menu a{font-size:1rem;padding:12px 8px}.home-page .nav-menu .login-btn{border:0;color:var(--ink);font-size:1rem}.home-page .nav-menu .login-btn i{margin-right:6px}.home-page .nav-toggle{display:block;background:transparent;color:#444;font-size:1.55rem;padding:8px}.home-page .hero{min-height:580px}.home-page .hero-overlay{background:rgba(8,24,43,.3)}.home-page .hero-content{padding:0 20px;text-align:center}.hero-home-mark{display:inline-flex;flex-direction:column;opacity:.9}.hero-home-mark span{font-family:var(--serif);font-size:2rem;letter-spacing:.12em}.hero-home-mark small{color:#ffd19e;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.home-page .hero-note,.home-page .scroll-indicator,.home-page .hero-buttons{display:none}.home-introduction{background:#fff;padding:65px 0 78px;text-align:center}.home-introduction .container{max-width:1120px}.home-introduction h2{color:#3b3e43;font-size:clamp(2.5rem,4.5vw,3.7rem);font-weight:500;margin-top:8px}.home-introduction .section-underline{margin:12px auto 32px}.introduction-text{color:#3d4147;font-size:1.18rem;line-height:1.8;margin:auto;max-width:1040px}.home-page .stats-strip{display:none}.home-page .facebook-link{display:none!important}@media(max-width:900px){.home-page .nav-menu{gap:0}.utility-details{gap:6px}.utility-details span:first-child,.utility-details b{display:none}}@media(max-width:640px){.home-utility-bar .container{justify-content:center}.utility-details{font-size:.68rem}.home-page .nav-container{min-height:70px}.introduction-text{font-size:1rem;line-height:1.7}.home-page .hero{min-height:440px}}
.navbar.scrolled:before{display:none}.navbar.scrolled .nav-container{min-height:66px}.navbar.scrolled .nav-logo{height:44px;width:44px}.navbar.scrolled .school-name{font-size:.9rem}.facebook-link{align-items:center;background:#1877f2!important;border-radius:50%;color:#fff!important;display:flex!important;height:30px;justify-content:center;margin-left:8px!important;padding:0!important;width:30px}.facebook-link:hover{background:#0f5db9!important}.calendar-board{background:#fff;border:1px solid var(--line);box-shadow:0 14px 35px #174b7a10;padding:24px}.calendar-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.calendar-toolbar h3{color:var(--blue);font-family:var(--serif);font-size:1.7rem}.calendar-toolbar p{color:var(--muted);font-size:.8rem}.calendar-year{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.calendar-month{border:1px solid var(--line);padding:13px}.calendar-month h4{color:var(--blue);font-family:var(--serif);font-size:1.05rem;margin-bottom:7px}.calendar-week,.calendar-days{display:grid;gap:3px;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-week{color:var(--orange);font-size:.58rem;font-weight:700}.calendar-days span{border-radius:3px;color:var(--muted);font-size:.64rem;padding:3px}.calendar-days span.holiday{background:#fff0e4;color:#d55c0c;font-weight:700}.calendar-note{color:var(--muted);font-size:.75rem;margin-top:17px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.vmo-card,.level-card,.curriculum-card,.small-feature-card,.feature-item,.alumni-card,.leader-card,.mv-card,.impact-card,.news-card,.notice-card,.calendar-month{transition:box-shadow .25s ease,transform .25s ease}.vmo-card:hover,.level-card:hover,.curriculum-card:hover,.small-feature-card:hover,.feature-item:hover,.alumni-card:hover,.leader-card:hover,.mv-card:hover,.impact-card:hover,.news-card:hover,.notice-card:hover,.calendar-month:hover{box-shadow:0 16px 32px #174b7a18;transform:translateY(-5px)}.home-gallery-grid img{transition:filter .3s ease,transform .3s ease}.home-gallery-grid img:hover{filter:saturate(1.15);transform:scale(1.02)}.btn,.text-link{transition:background .25s ease,color .25s ease,transform .25s ease}.btn:hover,.text-link:hover{transform:translateY(-2px)}.social-media-section{display:none}@media(max-width:900px){.calendar-year{grid-template-columns:repeat(2,1fr)}.navbar.scrolled .navbar:before{display:none}}@media(max-width:640px){.calendar-toolbar{align-items:flex-start;flex-direction:column;gap:5px}.calendar-year{grid-template-columns:1fr}.calendar-board{padding:14px}.facebook-link{margin:8px 0!important}}
.navbar.scrolled{box-shadow:0 8px 24px #174b7a26}.navbar.scrolled .navbar::before{display:none}.navbar:before{content:'Malarani-06, Ratanmare, Arghakhanchi, Nepal  |  9857069083  |  hansapurpublicschool@gmail.com'}
.footer-grid{display:grid;gap:28px;grid-template-columns:1.5fr 1fr 1fr 1.2fr}.footer-identity img{height:64px;margin-bottom:14px;width:64px}.footer h2{color:#fff;font-family:var(--serif);font-size:1.3rem;max-width:270px}.footer h3{color:#fff;font-size:.85rem;margin-bottom:12px}.footer p,.footer a{color:#c6d4df;font-size:.8rem}.footer a:hover{color:#ffb273}.footer-links{display:grid;gap:7px}.footer-bottom{border-top:1px solid #ffffff25;display:flex;grid-column:1/-1;justify-content:space-between;padding-top:18px}.footer-bottom a{color:#ffb273;font-weight:700}.facebook-section{background:#f6f8fa;padding:62px 0}.facebook-card{align-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 14px 32px #12355212;display:flex;gap:20px;padding:24px}.facebook-card>img{height:72px;object-fit:contain;width:72px}.facebook-card h2{color:var(--blue);font-family:var(--serif);font-size:1.45rem}.facebook-card p:not(.eyebrow){color:var(--muted);font-size:.86rem}.facebook-status{color:#1877f2;font-size:.78rem;font-weight:700;margin-left:auto;white-space:nowrap}.social-unavailable{color:var(--muted);font-size:.8rem}.honeypot-field{display:none!important}.language-switcher{align-items:center;display:flex;gap:3px;margin-left:8px}.language-button{background:transparent;border:0;color:var(--muted);font-size:.75rem;padding:9px 3px}.language-button[aria-pressed="true"]{color:var(--orange);font-weight:700}.language-button:focus-visible,.nav-toggle:focus-visible,.nav-menu a:focus-visible{outline:3px solid #f7b267;outline-offset:3px}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.facebook-card{align-items:flex-start;flex-wrap:wrap}.facebook-status{margin-left:92px}.language-switcher{margin:8px 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.teacher-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-card{min-width:0}.teacher-card h3{overflow-wrap:anywhere}.teacher-detail{color:var(--muted);font-size:.78rem;line-height:1.45;margin-top:7px;overflow-wrap:anywhere}.teacher-detail strong{color:var(--blue)}.teacher-detail a{color:var(--blue);font-weight:700}.teacher-detail a:hover{color:var(--orange)}
@media(max-width:900px){.teacher-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.teacher-directory-grid{grid-template-columns:1fr}.teacher-detail{font-size:.8rem}}
.navbar{background:rgba(255,255,255,.97);border-bottom:1px solid #dce5ec;box-shadow:0 8px 24px rgba(18,53,82,.08);backdrop-filter:blur(14px);z-index:50}.navbar:before{display:none!important}.nav-container{gap:24px;min-height:78px}.nav-brand{flex:1 1 auto;gap:12px;min-width:0}.nav-logo{height:52px;width:52px}.school-name{font-size:.96rem;letter-spacing:.01em;line-height:1.15;max-width:185px}.school-name strong{font-size:.58rem;letter-spacing:.1em;margin-top:3px}.pabson-affiliation{align-items:center;border-left:1px solid #dce5ec;color:var(--muted);display:flex;font-size:.61rem;gap:7px;line-height:1.25;margin-left:4px;padding-left:14px;white-space:nowrap}.pabson-affiliation img{height:38px;object-fit:contain;width:38px}.pabson-affiliation b{color:var(--blue);font-size:.66rem}.nav-menu{align-items:center;gap:2px}.nav-menu a{border-radius:6px;color:#405363;font-size:.78rem;font-weight:600;padding:9px 10px;transition:background .2s ease,color .2s ease}.nav-menu a:hover,.nav-menu a.active{background:#eef5f8;color:var(--blue)}.nav-menu .login-btn{background:var(--blue);border:0;border-radius:6px;color:#fff;margin-left:8px;padding:10px 13px}.nav-menu .login-btn:hover{background:#0f3b61;color:#fff}.language-switcher{background:#f3f6f8;border:1px solid #dce5ec;border-radius:6px;margin-left:6px;padding:2px 6px}.language-button{font-size:.7rem;padding:6px 3px}.nav-toggle{align-items:center;background:#eef5f8;border:1px solid #d2e0e8;border-radius:6px;color:var(--blue);display:none;font-size:1.15rem;height:42px;justify-content:center;padding:0;width:42px}.nav-toggle:hover{background:var(--blue);color:#fff}.home-page .nav-container,.home-page .nav-menu{gap:inherit}.home-page .nav-menu a,.home-page .nav-menu .login-btn{font-size:.78rem;padding:9px 10px}.home-page .nav-logo{height:52px;width:52px}.home-page .school-name{font-size:.96rem}.home-page .school-name strong{font-size:.58rem}
@media(max-width:1100px){.nav-container{gap:12px}.nav-menu a{padding-left:7px;padding-right:7px}.nav-menu .login-btn{margin-left:3px}.pabson-affiliation{padding-left:9px}.school-name{max-width:150px}}
@media(max-width:900px){.nav-toggle{display:flex}.nav-menu{align-items:stretch;background:#fff;border:1px solid #dce5ec;border-radius:0 0 10px 10px;box-shadow:0 18px 32px rgba(18,53,82,.14);display:none;flex-direction:column;gap:3px;left:0;padding:12px 16px 16px;position:absolute;right:0;top:100%;z-index:60}.nav-menu.active{display:flex}.nav-menu a,.home-page .nav-menu a,.home-page .nav-menu .login-btn{display:block;font-size:.88rem;padding:11px 12px}.nav-menu .login-btn{margin:4px 0 0}.language-switcher{justify-content:center;margin:6px 0 0}.pabson-affiliation{margin-left:auto}.nav-container{position:relative}}
@media(max-width:560px){.nav-container{min-height:68px}.nav-logo,.home-page .nav-logo{height:44px;width:44px}.school-name,.home-page .school-name{font-size:.78rem;max-width:138px}.school-name strong,.home-page .school-name strong{font-size:.48rem;letter-spacing:.06em}.pabson-affiliation{font-size:0;gap:0;padding-left:8px}.pabson-affiliation img{height:34px;width:34px}.pabson-affiliation b{display:none}}

/* Final all-screen layout rules */
html,body{max-width:100%;overflow-x:hidden}.container{width:100%}main,section,article,header,footer{min-width:0}.page-header,.hero{overflow:hidden}.page-header .container,.hero-content-inner{width:100%;min-width:0}.page-header h1,.page-header p,h1,h2,h3,p,a,button{overflow-wrap:anywhere}.table-responsive,.facebook-embed-scroll{max-width:100%;overflow-x:auto}.table-responsive table{min-width:620px}
@media(max-width:900px){.nav-container{gap:12px}.nav-toggle{align-items:center;display:flex;flex:0 0 42px;height:42px;justify-content:center;width:42px}.nav-menu{display:none;max-height:calc(100dvh - 80px);overflow-y:auto}.nav-menu.active{display:flex}.nav-dropdown-menu{position:static;transform:none!important;width:100%}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-menu a,.nav-dropdown-toggle{min-height:44px}.hero{min-height:clamp(380px,70vw,560px)}.hero-slide{background-position:center;background-size:cover}.features-grid-large,.features-grid-small,.highlights-grid,.leadership-grid,.faculty-grid,.activities-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principal-home-grid,.club-hero{grid-template-columns:1fr!important}.principal-home-copy{max-width:none}.community-card{grid-template-columns:1fr}.community-card img{height:auto;min-height:0;aspect-ratio:16/9;object-fit:contain;background:#edf3f6}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.container{padding-left:14px;padding-right:14px}.nav-container{min-height:68px;padding-left:14px;padding-right:14px}.nav-logo{display:block!important;height:44px;width:44px}.pabson-affiliation{display:none!important}.nav-brand{gap:8px;min-width:0}.school-name,.home-page .school-name{font-size:.82rem;max-width:calc(100vw - 140px)}.school-name strong,.home-page .school-name strong{font-size:.5rem}.nav-toggle{background:transparent!important;border:0!important;box-shadow:none!important;color:#111!important}.nav-menu{left:0;right:0}.home-page .hero{min-height:clamp(330px,95vw,470px)!important}.hero-content{padding:28px 14px}.hero-content h1{font-size:clamp(2rem,9vw,3rem);line-height:1.08}.hero-lead{font-size:.9rem;line-height:1.55}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.hero-actions .btn,.hero-actions a{width:100%;text-align:center}.hero-slide{background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#06192e}.page-header{min-height:200px;padding:48px 0 38px}.page-header h1{font-size:clamp(1.8rem,9vw,2.8rem)}.page-header p{font-size:.9rem;line-height:1.5}.features-grid-large,.features-grid-small,.highlights-grid,.leadership-grid,.faculty-grid,.activities-grid,.gallery-grid,.vmo-grid,.mission-vision-grid,.members-grid{grid-template-columns:1fr}.gallery-item>img,.gallery-mini-slider{height:auto;min-height:0;aspect-ratio:4/3;object-fit:contain;background:#edf3f6}.gallery-mini-slide img{object-fit:contain}.principal-home-photo{height:auto;min-height:0}.principal-home-photo img{height:auto;max-height:420px;object-fit:contain;background:#edf3f6}.static-notice-card{display:block!important}.static-notice-card img{height:auto!important;max-height:260px;object-fit:contain;width:100%!important}.community-card img{aspect-ratio:4/3}.facebook-card{display:block}.facebook-card>img{margin-bottom:12px}.footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.section-header h2,.section-topline h2{font-size:clamp(1.7rem,8vw,2.5rem);line-height:1.15}.calendar-panel,.events-panel,.calendar-board,.enrollment-content,.members-showcase{padding:16px}.calendar-widget-card{width:100%}.calendar-widget-card iframe{width:100%}.notice-popup{padding:12px}.notice-popup-card{max-height:calc(100dvh - 24px);overflow-y:auto;padding:24px 16px}.form-grid,.contact-grid,.admission-grid,.summary-grid{grid-template-columns:1fr!important}.btn,.button{max-width:100%;white-space:normal}.portal-main{overflow-x:hidden}}
@media(max-width:380px){.container{padding-left:12px;padding-right:12px}.school-name,.home-page .school-name{font-size:.75rem}.home-page .hero{min-height:300px!important}.hero-content h1{font-size:1.8rem}.hero-lead{font-size:.82rem}}

.app-install-prompt{align-items:center;background:#fff;border:1px solid #d7e2e9;border-left:4px solid var(--orange);border-radius:10px;bottom:24px;box-shadow:0 16px 38px rgba(18,53,82,.18);display:flex;gap:14px;max-width:470px;padding:15px 18px;position:fixed;right:24px;width:calc(100% - 48px);z-index:95}.app-install-prompt>img{background:#edf3f6;border-radius:8px;height:54px;object-fit:contain;padding:5px;width:54px}.app-install-prompt h2{color:var(--blue);font-family:var(--serif);font-size:1.05rem;line-height:1.2;margin:2px 0 4px}.app-install-prompt p{color:var(--muted);font-size:.75rem;line-height:1.4;margin:0}.app-install-prompt .app-install-kicker{color:var(--orange);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-install-action{background:var(--blue);border:0;border-radius:5px;color:#fff;flex:0 0 auto;font-size:.72rem;font-weight:700;padding:10px 12px}.app-install-action:hover{background:var(--dark)}.app-install-close{align-items:center;background:#f1f5f8;border:0;border-radius:50%;color:var(--muted);display:flex;height:24px;justify-content:center;position:absolute;right:7px;top:7px;width:24px}.app-install-close:hover{background:#e5edf2;color:var(--blue)}.cookie-consent{align-items:center;background:#123552;border-top:1px solid #35546b;bottom:0;color:#fff;display:flex;gap:20px;justify-content:center;left:0;padding:13px 24px;position:fixed;right:0;z-index:94}.cookie-consent>div{align-items:baseline;display:flex;gap:10px}.cookie-consent strong{font-size:.82rem;white-space:nowrap}.cookie-consent p{color:#dce8f0;font-size:.75rem;margin:0}.cookie-accept{background:var(--orange);border:0;border-radius:5px;color:#fff;font-size:.7rem;font-weight:700;padding:10px 14px;white-space:nowrap}.cookie-accept:hover{background:#d96513}.cookie-consent.is-hidden{opacity:0;transform:translateY(100%);transition:opacity .25s ease,transform .25s ease}.back-to-top{align-items:center;background:var(--orange);border:0;border-radius:50%;bottom:24px;box-shadow:0 8px 20px rgba(18,53,82,.22);color:#fff;display:flex;height:42px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:24px;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,background .2s ease;width:42px;z-index:90}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--blue)}
@media(max-width:640px){.app-install-prompt{bottom:76px;gap:10px;padding:14px 12px;right:12px;width:calc(100% - 24px)}.app-install-prompt>img{height:46px;width:46px}.app-install-prompt h2{font-size:.94rem}.app-install-prompt p{font-size:.7rem}.app-install-action{font-size:.66rem;padding:9px 10px}.cookie-consent{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:11px 14px}.cookie-consent>div{display:block;flex:1;min-width:180px}.cookie-consent p{font-size:.68rem;margin-top:2px}.cookie-accept{align-self:center}.back-to-top{bottom:76px;right:14px}}

@media(max-width:640px){.enrollment-section{padding:52px 0}.enrollment-content{padding:16px}.enrollment-summary{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{gap:12px;padding:14px 12px}.summary-card.full-width{grid-column:1 / -1}.summary-icon{flex-basis:42px;height:42px;font-size:1.2rem}.summary-data h3{font-size:1.8rem;line-height:1.1}.summary-data p{font-size:.8rem;line-height:1.45;max-width:none}.table-responsive{border-radius:8px;overflow-x:auto}.enrollment-table{min-width:620px;width:100%}}@media(max-width:420px){.enrollment-summary{grid-template-columns:1fr 1fr}.summary-card{padding:12px 10px}.summary-data h3{font-size:1.45rem}.summary-data p{font-size:.72rem}.summary-card.full-width .summary-data p{max-width:none}}
@media(max-width:640px){.enrollment-summary{grid-template-columns:1fr}.summary-card,.summary-card.full-width{grid-column:auto}.summary-card{width:100%}.summary-data p{max-width:none}}
/* Expandable public notices */
.dynamic-notice-card{display:block;overflow:hidden;padding:0}.dynamic-notice-card summary{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;list-style:none;min-height:190px;padding:24px}.dynamic-notice-card summary::-webkit-details-marker{display:none}.dynamic-notice-summary{display:flex;flex-direction:column;gap:9px;min-width:0}.dynamic-notice-summary>span:first-child{color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dynamic-notice-summary h3{margin:0;overflow-wrap:anywhere}.dynamic-notice-summary small{color:var(--muted);font-size:.76rem}.dynamic-notice-toggle{color:var(--blue);font-size:.85rem;margin-left:12px;transition:transform .2s ease}.dynamic-notice-card[open] .dynamic-notice-toggle{transform:rotate(180deg)}.dynamic-notice-detail{border-top:1px solid var(--line);padding:0 24px 24px}.dynamic-notice-detail .dynamic-notice-image{height:auto;max-height:360px;margin:20px 0 16px;object-fit:contain;width:100%}.dynamic-notice-detail p{color:var(--muted);line-height:1.7;margin:18px 0 10px;overflow-wrap:anywhere;white-space:pre-wrap}.dynamic-notice-published{color:var(--muted);display:block;font-size:.76rem}.page-notices .dynamic-notice-card summary{min-height:0}.page-notices .dynamic-notice-card{cursor:default}
@media(max-width:640px){.dynamic-notice-card summary{min-height:0;padding:18px}.dynamic-notice-detail{padding:0 18px 18px}.dynamic-notice-summary h3{font-size:1.12rem}.dynamic-notice-detail .dynamic-notice-image{margin-top:16px;max-height:260px}.dynamic-notice-toggle{margin-left:8px}}

/* Gallery layout: keep every image and control inside the viewport. */
.page-gallery .gallery-section{overflow:hidden;padding:clamp(34px,6vw,72px) 0}.page-gallery .gallery-grid{align-items:stretch;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.page-gallery .gallery-item{display:flex;flex-direction:column;min-width:0;transform:none!important}.page-gallery .gallery-item>img,.page-gallery .gallery-mini-slider{aspect-ratio:4/3;height:auto!important;min-height:0;width:100%}.page-gallery .gallery-item>img{object-fit:contain}.page-gallery .gallery-mini-slider{flex:0 0 auto;overflow:hidden}.page-gallery .gallery-mini-slide img{height:100%;object-fit:contain;width:100%}.page-gallery .gallery-content{max-width:100%;overflow-wrap:anywhere}.page-gallery .gallery-content h3,.page-gallery .gallery-content p{overflow-wrap:anywhere}.page-gallery .gallery-filters{justify-content:flex-start;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.page-gallery .gallery-filters::-webkit-scrollbar{display:none}.page-gallery .filter-btn{flex:0 0 auto}.page-gallery .lightbox{overflow:auto;padding:14px}.page-gallery .lightbox-content{margin:auto;max-height:calc(100dvh - 28px);max-width:100%;width:min(100%,1100px)}.page-gallery .lightbox-content img{height:auto;max-height:calc(100dvh - 130px);object-fit:contain;width:100%}.page-gallery .lightbox-caption{max-width:100%;overflow-wrap:anywhere}
@media(max-width:900px){.page-gallery .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.page-gallery .gallery-section{padding:30px 0 48px}.page-gallery .gallery-grid{gap:14px;grid-template-columns:1fr}.page-gallery .gallery-item{width:100%}.page-gallery .gallery-content{padding:14px}.page-gallery .gallery-content h3{font-size:1.08rem}.page-gallery .gallery-content p{font-size:.78rem;line-height:1.45}.page-gallery .view-btn{height:38px;width:38px}.page-gallery .lightbox{padding:10px}.page-gallery .lightbox-content{width:100%}.page-gallery .lightbox-content img{max-height:calc(100dvh - 150px)}.page-gallery .lightbox-prev,.page-gallery .lightbox-next{height:38px;width:38px}.page-gallery .lightbox-prev{left:8px}.page-gallery .lightbox-next{right:8px}}

/* Keep mobile navigation compact and attached to its control. */
@media(max-width:900px){.nav-toggle{align-items:center;background:#f4f8fa!important;border:1px solid #dce5ec!important;border-radius:5px;color:var(--blue)!important;display:inline-flex!important;flex-direction:column;gap:4px;height:38px;justify-content:center;padding:0;width:40px}.nav-toggle:before,.nav-toggle:after{display:none}.nav-toggle span{background:currentColor;display:block;height:2px;margin:0;transition:transform .2s ease,opacity .2s ease;width:20px}.nav-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-menu{background:#fff!important;border:1px solid #dce5ec;border-radius:0 0 7px 7px;box-shadow:0 12px 24px rgba(18,53,82,.12);max-height:calc(100dvh - 90px);overflow-y:auto;padding:8px;right:14px!important;left:auto!important;top:calc(100% - 1px)!important;width:min(280px,calc(100vw - 28px))!important;z-index:60}.nav-menu.active{display:flex!important}.nav-menu a,.nav-dropdown-toggle{min-height:40px}.nav-dropdown-menu{width:100%!important}}
@media(max-width:900px){.nav-dropdown-menu a{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:900px){.navbar{position:sticky;z-index:50!important}.nav-menu{transform:none!important}.nav-menu.active{display:flex!important}}
/* Preserve the full club and alumni photo on every screen size. */
.home-page .community-card img{aspect-ratio:auto!important;height:auto!important;min-height:0!important;object-fit:contain!important;width:100%}
@media(min-width:761px){.home-page .community-card{align-items:stretch;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.home-page .community-card img{background:#edf3f6;height:100%!important;object-fit:contain!important}}
@media(max-width:760px){.alumni-community-section .impact-grid{gap:16px;grid-template-columns:1fr}.alumni-community-section .impact-card{padding:22px 20px;text-align:center}.alumni-community-section .impact-card h3{font-size:1.25rem;line-height:1.25;margin:10px 0 8px}.alumni-community-section .impact-card p{font-size:.9rem;line-height:1.55;margin:0 auto;max-width:300px}}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');:root{--blue:#174b7a;--dark:#123552;--orange:#f47b20;--ink:#303943;--muted:#68737e;--pale:#f6f8fa;--line:#e5ebf0;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;color:var(--ink);font-family:var(--sans);line-height:1.65}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}ul{list-style:none}.container{margin:auto;max-width:1180px;padding:0 20px}.navbar{background:#fff;border-bottom:3px solid var(--orange);box-shadow:0 4px 18px #174b7a12;position:sticky;top:0;z-index:20}.navbar:before{background:#fafafa;border-bottom:1px solid var(--line);color:var(--muted);content:'Malarani-06, Ratanmare, Arghakhanchi, Nepal  |  9857069083  |  info@hpebs.edu.np';display:block;font-size:.7rem;padding:5px max(20px,calc((100% - 1140px)/2));text-align:right}.nav-container{align-items:center;display:flex;justify-content:space-between;min-height:82px}.nav-brand{align-items:center;display:flex;gap:10px}.nav-logo{height:56px;object-fit:contain;width:56px}.school-name{color:var(--blue);font-size:1rem;font-weight:700;line-height:1.1}.school-name strong{color:var(--orange);display:block;font-size:.57rem;letter-spacing:.16em;text-transform:uppercase}.nav-menu{align-items:center;display:flex;gap:3px}.nav-menu a{color:#414a53;font-size:.82rem;padding:10px 9px}.nav-menu a:hover,.nav-menu a.active{color:var(--orange)}.nav-menu .login-btn{border:1px solid var(--blue);color:var(--blue);margin-left:8px}.nav-toggle{background:var(--blue);border:0;color:#fff;display:none;font-size:1.25rem;padding:10px 13px}.hero{align-items:center;color:#fff;display:flex;min-height:650px;overflow:hidden;position:relative}.hero-background-slider,.hero-slide,.hero-overlay{inset:0;position:absolute}.hero-slide{background-position:center;background-size:cover;opacity:0;transition:opacity .8s}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(90deg,#103654e8,#10365480 60%,#10365430)}.hero-content{max-width:1180px;padding:90px 20px;position:relative;width:100%;z-index:1}.eyebrow{color:var(--orange);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero .eyebrow{color:#ffd19e}.hero-title{font-family:var(--serif);font-size:clamp(2.8rem,6vw,5rem);font-weight:500;line-height:1.06;margin:18px 0;max-width:680px}.hero-subtitle{color:#ffd19e;font-size:.9rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero-description{color:#ecf2f6;font-size:1.05rem;margin:14px 0 30px;max-width:510px}.hero-buttons{display:flex;gap:10px}.btn{border:0;display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.08em;padding:12px 18px;text-transform:uppercase}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{border:1px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:var(--blue)}.stats-strip{background:var(--blue);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 20px}.stats-grid div{border-right:1px solid #ffffff35;text-align:center}.stats-grid div:last-child{border:0}.stats-grid strong{color:#ffd19e;display:block;font-family:var(--serif);font-size:2rem;line-height:1.1}.stats-grid span{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}section{padding:80px 0}.section-header{margin:0 auto 40px;max-width:700px;text-align:center}.section-header h2,.section-topline h2,.split-heading h2{color:var(--blue);font-family:var(--serif);font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.15}.section-header p,.split-heading>p{color:var(--muted);margin-top:12px}.section-underline{background:var(--orange);height:3px;margin:15px auto 0;width:42px}.split-heading,.section-topline{align-items:end;display:flex;justify-content:space-between;margin-bottom:42px}.split-heading>p{max-width:420px}.split-heading em{color:var(--orange);font-style:normal}.home-intro,.notice-section,.gallery-preview,.vmo-section,.levels-section,.enrollment-section,.features-main-section,.additional-features-section,.alumni-intro-section,.alumni-section,.alumni-community-section,.club-main-section,.club-about-section,.club-leadership-section,.club-members-section,.club-mission-section,.gallery-section,.contact-main-section{background:var(--pale)}.intro-feature-grid{align-items:end;display:grid;gap:42px;grid-template-columns:1.4fr .8fr}.intro-image{position:relative}.intro-image img{height:390px;object-fit:cover;width:100%}.intro-image span{background:var(--orange);bottom:0;color:#fff;font-size:.72rem;left:0;padding:9px 14px;position:absolute}.intro-copy p{color:var(--muted);font-family:var(--serif);font-size:1.35rem;margin-bottom:25px}.text-link{color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.highlights-section{background:var(--blue);color:#fff}.light-heading h2{color:#fff}.light-heading>p{color:#d8e3eb}.highlights-grid{display:grid;gap:1px;grid-template-columns:repeat(4,1fr)}.highlight-card{background:#174f80;padding:28px 22px}.highlight-icon{color:#ffd19e;font-size:1.5rem;margin-bottom:25px}.highlight-card h3{font-family:var(--serif);font-size:1.25rem;font-weight:500}.highlight-card p{color:#d8e3eb;font-size:.86rem}.principal-home-grid{align-items:center;display:grid;gap:65px;grid-template-columns:.8fr 1.2fr}.principal-home-card{background:var(--pale);display:grid;grid-template-columns:.7fr 1fr}.principal-home-card img{height:300px;object-fit:cover;width:100%}.principal-home-card div{align-self:center;padding:28px}.principal-home-card p{color:var(--blue);font-family:var(--serif);font-size:1.1rem}.principal-home-card strong,.principal-home-card span{display:block}.principal-home-card strong{margin-top:18px}.principal-home-card span{color:var(--orange);font-size:.7rem;text-transform:uppercase}.notice-grid{display:grid;gap:14px;grid-template-columns:1.2fr 1fr 1fr}.notice-card,.news-card{min-height:280px;padding:28px}.featured-notice{background:var(--orange);color:#fff;display:flex;flex-direction:column}.featured-notice h3,.news-card h3{font-family:var(--serif);font-size:1.55rem;font-weight:500;margin:18px 0 10px}.featured-notice .btn{margin-top:auto;width:max-content}.news-card{background:#fff;border-top:3px solid var(--blue)}.news-card>span{color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.news-card .text-link{display:block;margin-top:22px}.home-gallery-grid{display:grid;gap:10px;grid-template-columns:1.3fr .8fr .8fr;grid-template-rows:200px 200px}.home-gallery-grid img{height:100%;object-fit:cover;width:100%}.home-gallery-grid img:first-child{grid-row:1/3}.cta-section{background:var(--dark);color:#fff;text-align:center}.cta-section h2{color:#fff;font-family:var(--serif);font-size:clamp(2rem,4vw,3.2rem);margin:12px 0 25px}.page-header{align-items:center;background:linear-gradient(90deg,#103654dc,#10365475),url('../images/students.jpg') center/cover;color:#fff;display:flex;min-height:285px;padding:65px 0}.page-header h1{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:500}.page-header p{color:#e9f1f6;margin-top:8px}.page-header-overlay{display:none}.vmo-grid,.levels-grid,.curriculum-grid,.features-grid-small,.features-grid-large,.alumni-grid,.leadership-grid,.mission-vision-grid,.impact-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.vmo-card,.level-card,.curriculum-card,.small-feature-card,.feature-item,.alumni-card,.leader-card,.mv-card,.impact-card,.about-intro-card{background:#fff;border:1px solid var(--line);padding:28px}.vmo-card,.level-card,.curriculum-card,.small-feature-card,.impact-card{text-align:center}.vmo-icon,.level-icon,.curriculum-card i,.small-feature-card i,.impact-card i{color:var(--orange);font-size:1.6rem;margin-bottom:14px}.vmo-card h3,.level-card h3,.curriculum-card h3,.small-feature-card h4,.feature-content h3,.alumni-info h3,.leader-card h3,.mv-card h3,.impact-card h3{color:var(--blue);font-family:var(--serif);font-size:1.3rem;font-weight:500}.vmo-card p,.level-description,.curriculum-card p,.small-feature-card p,.feature-content p,.impact-card p{color:var(--muted);font-size:.88rem}.about-intro-card{margin:auto;max-width:930px}.about-intro-card h3{color:var(--blue);font-family:var(--serif);font-size:1.8rem;margin-bottom:14px}.about-intro-card p{color:var(--muted)}.info-boxes{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:20px auto;max-width:930px}.info-box{background:#fff;border-left:3px solid var(--orange);padding:17px}.info-box i{color:var(--orange)}.info-box strong{color:var(--blue);display:block;font-size:.82rem}.info-box p{color:var(--muted);font-size:.8rem}.principal-card{align-items:center;background:#fff;display:grid;gap:35px;grid-template-columns:280px 1fr;padding:30px}.principal-photo{border-radius:50%;height:220px;margin:auto;object-fit:cover;width:220px}.principal-photo-section{text-align:center}.principal-photo-section h3{color:var(--blue);font-family:var(--serif);font-size:1.45rem}.principal-title{color:var(--orange);font-size:.75rem;text-transform:uppercase}.principal-message-text{color:var(--muted);font-size:.92rem;margin:12px 0}.principal-greeting{color:var(--orange);font-weight:700}.excellence-section{background:var(--blue);color:#fff;padding:65px 0;text-align:center}.excellence-content h2{font-family:var(--serif);font-size:3rem}.excellence-content .counter{color:#ffd19e}.feature-item{border-left:4px solid var(--orange);display:grid;gap:22px;grid-template-columns:90px 1fr}.feature-icon-large{align-items:center;background:#fff2e7;border-radius:50%;color:var(--orange);display:flex;font-size:1.6rem;height:70px;justify-content:center;width:70px}.feature-list{color:var(--muted);font-size:.82rem;margin-top:15px}.alumni-grid{grid-template-columns:repeat(2,1fr)}.alumni-card{padding:0}.alumni-image img{height:260px;object-fit:cover;width:100%}.alumni-info{padding:22px}.alumni-batch,.leader-role{color:var(--orange);font-size:.76rem;text-transform:uppercase}.alumni-quote p{color:var(--muted);font-size:.85rem;margin:12px 0}.achievement-tag{background:#fff2e7;color:var(--orange);display:inline-block;font-size:.7rem;margin:3px;padding:4px 8px}.club-hero{align-items:center;background:#fff;display:flex;gap:30px;padding:30px}.club-logo-large{height:160px;object-fit:cover;width:160px}.club-title{color:var(--blue);font-family:var(--serif);font-size:2.5rem}.club-tagline{color:var(--orange)}.club-about-premium,.alumni-intro-premium{background:var(--blue);color:#fff;margin:auto;max-width:850px;padding:38px;text-align:center}.club-about-premium h3,.alumni-intro-premium h3{font-family:var(--serif);font-size:1.7rem}.members-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.member-badge{background:#fff;border:1px solid var(--line);color:var(--blue);padding:18px;text-align:center}.leader-image img{border-radius:50%;height:130px;margin:auto;object-fit:cover;width:130px}.gallery-filters-section{background:var(--pale);padding:25px 0}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.filter-btn{background:#fff;border:1px solid var(--line);color:var(--blue);padding:9px 15px}.filter-btn.active,.filter-btn:hover{background:var(--orange);border-color:var(--orange);color:#fff}.gallery-grid{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.gallery-item{background:#fff;min-height:250px;overflow:hidden;position:relative}.gallery-item img{height:280px;object-fit:cover;width:100%}.gallery-overlay{align-items:end;background:linear-gradient(transparent,#102f4de8);bottom:0;color:#fff;display:flex;inset:0;opacity:0;padding:18px;position:absolute;transition:opacity .25s}.gallery-item:hover .gallery-overlay{opacity:1}.view-btn{background:var(--orange);border:0;color:#fff;padding:8px 11px}.lightbox{align-items:center;background:#102f4df2;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.lightbox.active{display:flex}.lightbox-content{max-width:900px}.lightbox-content img{max-height:80vh}.lightbox-caption{color:#fff;padding:12px 0}.lightbox-close,.lightbox-prev,.lightbox-next{background:var(--orange);border:0;color:#fff;padding:10px 14px;position:fixed}.lightbox-close{right:25px;top:25px}.lightbox-prev{left:25px}.lightbox-next{right:25px}.contact-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.contact-panel{background:#fff;border:1px solid var(--line);padding:28px}.panel-header h2{color:var(--blue);font-family:var(--serif);font-size:2rem}.panel-header p{color:var(--muted);font-size:.87rem}.form-group{margin-top:15px}.form-group label{color:var(--blue);display:block;font-size:.8rem;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--line);padding:11px;width:100%}.contact-info-item{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:14px;padding:16px 0}.info-icon{background:#fff2e7;color:var(--orange);padding:10px}.info-content h3{color:var(--blue);font-family:var(--serif);font-size:1.05rem}.info-content p{color:var(--muted);font-size:.85rem}.contact-mini-map{margin-top:20px}.social-links-large{display:flex;gap:9px;margin-top:10px}.social-links-large a{background:var(--blue);color:#fff;padding:9px 12px}.footer{background:var(--dark);color:#fff;padding:28px 0}.mini-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.footer p{color:#c4d0d9;font-size:.76rem}.footer a{color:#ffd19e}.footer-social{display:flex;gap:8px}.footer-social a{border:1px solid #ffffff45;border-radius:50%;padding:6px 9px}.fade-in{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:900px){.nav-toggle{display:block}.nav-menu{background:#fff;box-shadow:0 12px 20px #174b7a18;display:none;left:0;padding:12px 20px;position:absolute;right:0;top:100%}.nav-menu.active{display:block}.nav-menu li{border-bottom:1px solid var(--line)}.nav-menu a{display:block}.highlights-grid{grid-template-columns:repeat(2,1fr)}.principal-home-grid{gap:30px;grid-template-columns:1fr}.notice-grid,.contact-grid{grid-template-columns:1fr}}@media(max-width:640px){.navbar:before{content:'Malarani-06, Ratanmare  |  9857069083';font-size:.62rem}.nav-container{min-height:70px}.school-name{font-size:.9rem}.hero{min-height:610px}.hero-content{padding:60px 20px}.hero-title{font-size:3rem}.hero-buttons{align-items:stretch;flex-direction:column;width:max-content}.stats-grid{gap:18px 0;grid-template-columns:repeat(2,1fr)}.stats-grid div:nth-child(2){border:0}.split-heading,.section-topline{align-items:flex-start;flex-direction:column;gap:12px}.intro-feature-grid,.principal-card{grid-template-columns:1fr}.intro-image img{height:280px}.highlights-grid,.vmo-grid,.levels-grid,.curriculum-grid,.features-grid-small,.features-grid-large,.alumni-grid,.gallery-grid,.leadership-grid,.mission-vision-grid{grid-template-columns:1fr}.info-boxes,.enrollment-summary{grid-template-columns:repeat(2,1fr)}.members-grid{grid-template-columns:repeat(2,1fr)}.club-hero{align-items:flex-start;flex-direction:column}.club-title{font-size:2rem}.gallery-item img{height:240px}section{padding:55px 0}.page-header{min-height:230px;padding:50px 0}.mini-footer-content{align-items:flex-start;flex-direction:column}}