*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#10203b;background:#fff;line-height:1.6}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.05;margin:0 0 18px}h1{font-size:clamp(44px,7vw,82px)}h2{font-size:clamp(34px,4vw,58px)}h3{font-size:22px}h1 span,h2 span{color:#b86a3c}.container{width:min(1100px,86%);margin:auto}.site-header{height:64px;position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 9%;box-shadow:0 1px 8px rgba(16,32,59,.08)}.brand img{width:36px;height:auto}.nav{display:flex;gap:32px}.nav a{color:#10203b;text-decoration:none;font-size:13px}.nav a:hover{color:#b86a3c}.pill-btn,.primary-btn{background:#b86a3c;color:#fff;text-decoration:none;border-radius:999px;padding:12px 22px;font-weight:700;font-size:13px;display:inline-flex;gap:8px;align-items:center;border:0}.outline-btn{border:1px solid rgba(255,255,255,.65);color:#fff;text-decoration:none;border-radius:999px;padding:12px 22px;font-size:13px}.menu-toggle{display:none}.section{padding:98px 0}.section-dark{background:radial-gradient(circle at 85% 20%,#1c2d51 0,#0f1f3d 42%,#0b1b37 100%);color:#fff}.hero{padding:95px 0 20px;position:relative;overflow:hidden}.hero-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-copy p{font-size:18px;max-width:560px;color:#f1eadc}.badge,.eyebrow{color:#b86a3c;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.badge{display:inline-block;background:rgba(184,106,60,.15);border:1px solid rgba(184,106,60,.35);border-radius:999px;padding:6px 12px;margin-bottom:22px}.checks{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 28px;color:#f3e8d0;font-size:13px}.checks span:before,.tick-list li:before{content:"✓";color:#4b79dc;margin-right:9px}.hero-actions{display:flex;gap:16px;align-items:center}.hero-card{width:min(340px,100%);margin:auto;background:#f3ead5;border-radius:12px;padding:50px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25)}.hero-card img{width:100%;display:block;background:white;border-radius:4px}.float-card{position:absolute;background:#fff;border-radius:10px;padding:10px 14px;color:#10203b;box-shadow:0 12px 25px rgba(0,0,0,.14);font-weight:700}.float-card small{font-weight:400;color:#6b7280}.float-card.top{right:-28px;top:-15px}.float-card.bottom{left:-28px;bottom:35px}.wave{height:28px;background:#efe6d2;margin:80px -5vw 0;border-radius:50% 50% 0 0/100% 100% 0 0;transform:scaleX(1.12)}.preview{background:linear-gradient(90deg,#6374e7,#834fb4);color:#fff;text-align:center;padding:11px;font-size:13px}.cream{background:#efe6d2}.white{background:#fff}.center{text-align:center}.narrow{max-width:720px}.cards{display:grid;gap:28px;margin-top:48px}.three{grid-template-columns:repeat(3,1fr)}.card,.dark-cards article{background:#fff;border-radius:12px;padding:32px;box-shadow:0 14px 28px rgba(16,32,59,.12)}.card i,.small-icon,.dark-cards i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#0b1b37;color:#fff;margin-bottom:20px;font-style:normal}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:52px}.program{border-radius:14px;overflow:hidden;background:#efe6d2;box-shadow:0 15px 35px rgba(16,32,59,.13)}.program img{width:100%;height:250px;object-fit:cover;display:block}.program-body{padding:28px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tags b{background:#fff;border-radius:999px;padding:5px 12px;font-size:12px}.program a,.text-link{color:#0b1b37;font-weight:800;text-decoration:none}.split-dark article{padding:20px}.image-note{position:relative}.image-note img,.rounded-img{width:100%;border-radius:12px;box-shadow:0 18px 35px rgba(16,32,59,.18);display:block}.image-note span{position:absolute;right:-20px;bottom:22px;background:#0b1b37;color:#fff;border-radius:10px;padding:12px 18px;font-size:12px}.tick-list{list-style:none;padding:0;margin:26px 0}.tick-list li{margin:10px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.mini-grid span{background:#f6efe1;border-radius:10px;padding:14px;font-weight:700}.methods{padding-top:100px}.dark-cards article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);box-shadow:none}.dark-cards p{color:#d8e0ee}.form{background:#efe6d2;border-radius:12px;padding:32px;box-shadow:0 16px 34px rgba(16,32,59,.15)}label{display:block;font-weight:800;font-size:12px;margin:13px 0}input,select,textarea{width:100%;border:0;border-radius:8px;background:#fff;padding:14px;margin-top:6px;font:inherit}textarea{height:110px;resize:vertical}.form button{width:100%;border:0;border-radius:999px;background:#b86a3c;color:#fff;padding:14px;margin-top:15px;font-weight:800}.form small{display:block;text-align:center;color:#687386;margin-top:14px}.footer{padding:76px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px}.footer-logo{width:42px}.footer p,.footer a,.copyright{color:#d8e0ee}.footer a{display:block;text-decoration:none;margin:10px 0}.footer h4{color:#b86a3c;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.socials span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;margin-right:8px}.footer-cta{margin-top:45px;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:24px;display:flex;align-items:center;gap:18px}.footer-cta .pill-btn{margin-left:auto}.copyright{margin-top:35px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:25px;font-size:12px}@media(max-width:850px){.site-header{padding:0 5%}.nav{display:none}.menu-toggle{display:block;background:none;border:0;font-size:26px}.hero-grid,.two-col,.program-grid,.three,.footer-grid{grid-template-columns:1fr}.section{padding:72px 0}.hero-actions,.footer-cta{flex-direction:column;align-items:flex-start}.footer-cta .pill-btn{margin-left:0}.hero-card{margin-top:30px}.float-card.top{right:0}.float-card.bottom{left:0}.image-note span{right:10px}.program img{height:220px}}/* Staff page */
.staff-hero{padding:88px 0 36px;position:relative;overflow:hidden}.staff-hero .wave{margin-top:65px}.staff-intro{max-width:760px}.staff-intro p{color:#f1eadc;font-size:17px}.staff-chart-wrap{position:relative;margin-top:56px}.org-chart{display:flex;flex-direction:column;align-items:center;gap:42px}.org-node{background:#fff;border-radius:14px;box-shadow:0 16px 32px rgba(16,32,59,.13);padding:22px;width:min(100%,330px);text-align:center;position:relative;border:1px solid rgba(16,32,59,.08)}.org-node h3{font-size:24px;margin-bottom:8px}.org-node p{margin:0;color:#5d6678;font-size:14px}.org-node .avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#efe6d2,#fff);border:4px solid #f7f1e6;margin:0 auto 14px;display:grid;place-items:center;color:#b86a3c;font-size:32px;font-weight:800}.org-node.board{background:#0b1b37;color:#fff;border-color:rgba(255,255,255,.12)}.org-node.board p{color:#d8e0ee}.org-node.board .avatar{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.org-level{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;position:relative}.org-branch{display:flex;flex-direction:column;align-items:center;gap:34px;position:relative}.org-line-down{width:2px;height:34px;background:#b86a3c;opacity:.7}.org-level:before{content:"";position:absolute;top:-22px;left:25%;right:25%;height:2px;background:#b86a3c;opacity:.7}.org-branch:before{content:"";position:absolute;top:-22px;width:2px;height:22px;background:#b86a3c;opacity:.7}.sub-panel{width:min(100%,440px);background:#f7f1e6;border-radius:14px;padding:22px;box-shadow:0 10px 26px rgba(16,32,59,.09)}.sub-panel h4{margin:0 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:21px;color:#10203b}.placeholder-list{display:grid;gap:12px}.placeholder-item{background:#fff;border:1px dashed rgba(16,32,59,.24);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}.placeholder-photo{width:48px;height:48px;border-radius:50%;background:#e8dcc3;display:grid;place-items:center;color:#8d5838;font-weight:800;flex:0 0 auto}.placeholder-item strong{display:block;color:#10203b}.placeholder-item small{display:block;color:#687386}.staff-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.staff-role-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 14px 28px rgba(16,32,59,.12)}.staff-role-card i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#0b1b37;color:#fff;margin-bottom:16px;font-style:normal}.staff-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px}.profile-card{background:#fff;border-radius:14px;padding:20px;text-align:center;border:1px solid rgba(16,32,59,.08);box-shadow:0 12px 24px rgba(16,32,59,.1)}.profile-photo{height:150px;border-radius:12px;background:linear-gradient(135deg,#efe6d2,#fff);display:grid;place-items:center;color:#b86a3c;font-size:34px;font-weight:800;margin-bottom:16px}.profile-card h3{font-size:20px;margin-bottom:6px}.profile-card p{font-size:13px;color:#687386;margin:0}@media(max-width:850px){.org-level,.staff-cards,.staff-profile-grid{grid-template-columns:1fr}.org-level:before,.org-branch:before{display:none}.staff-hero{padding-top:70px}.org-chart{gap:26px}.sub-panel{width:100%}}
/* Sports & Talent Development page */
.talent-hero{padding:95px 0 20px;position:relative;overflow:hidden}.talent-showcase{position:relative;width:min(440px,100%);margin:auto}.talent-showcase img{width:100%;height:440px;object-fit:cover;border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.28);display:block}.clubs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}.club-card{background:#fff;border-radius:14px;padding:30px;box-shadow:0 14px 28px rgba(16,32,59,.12);border:1px solid rgba(16,32,59,.06);min-height:245px;display:flex;flex-direction:column}.club-icon{width:54px;height:54px;border-radius:14px;background:#0b1b37;color:#fff;display:grid;place-items:center;font-size:25px;margin-bottom:18px}.club-card h3{font-size:24px;margin-bottom:10px}.club-card p{color:#5d6678;margin:0 0 18px}.club-card span{margin-top:auto;align-self:flex-start;background:#f3ead5;color:#8d5838;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.schedule-card{margin-top:44px;background:#fff;border-radius:16px;box-shadow:0 16px 34px rgba(16,32,59,.12);overflow:hidden}.schedule-row{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:18px;padding:18px 24px;border-bottom:1px solid #efe6d2}.schedule-row:last-child{border-bottom:0}.schedule-row.head{background:#0b1b37;color:#fff;font-weight:800}.schedule-row span:first-child{font-weight:800;color:#10203b}.schedule-row.head span:first-child{color:#fff}.cta-panel{border-radius:18px;padding:64px 24px}.cta-panel p{color:#f1eadc;max-width:680px;margin:0 auto 26px}@media(max-width:850px){.clubs-grid{grid-template-columns:1fr}.talent-showcase img{height:320px}.schedule-row{grid-template-columns:1fr;gap:6px}.schedule-row.head{display:none}.schedule-row span:first-child{font-size:18px}.talent-hero{padding-top:70px}}
/* Mission, Vision & Core Values page */
.mission-hero{padding:95px 0 20px;position:relative;overflow:hidden}.mission-crest{padding:44px}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:48px}.mission-panel{background:#fff;border-radius:16px;padding:38px;box-shadow:0 16px 34px rgba(16,32,59,.12);border:1px solid rgba(16,32,59,.06)}.mission-panel i,.value-card i{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#0b1b37;color:#fff;margin-bottom:20px;font-style:normal;font-size:22px}.mission-panel h3{font-size:30px}.mission-panel p{font-size:17px}.dark-panel{background:#0b1b37;color:#fff}.dark-panel p{color:#d8e0ee}.dark-panel i{background:rgba(255,255,255,.1)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}.value-card{background:#fff;border-radius:14px;padding:30px;box-shadow:0 14px 28px rgba(16,32,59,.12);border:1px solid rgba(16,32,59,.06);min-height:245px}.value-card h3{font-size:24px}.value-card p{color:#5d6678}.pillars-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:46px}.pillars-row article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:30px}.pillars-row strong{color:#b86a3c;font-family:Georgia,"Times New Roman",serif;font-size:34px}.pillars-row h3{color:#fff;font-size:26px}.pillars-row p,.light-text{color:#d8e0ee}@media(max-width:850px){.mission-grid,.values-grid,.pillars-row{grid-template-columns:1fr}.mission-hero{padding-top:70px}}
/* Mission, Vision & Core Values page */
.values-hero{padding:95px 0 20px;position:relative;overflow:hidden}.values-card{padding:42px}.statement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.statement-card{background:#fff;border-radius:16px;padding:34px;box-shadow:0 16px 34px rgba(16,32,59,.13);border:1px solid rgba(16,32,59,.07)}.statement-card i{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#0b1b37;color:#fff;margin-bottom:22px;font-style:normal;font-size:23px}.statement-card h3{font-size:27px;margin:8px 0 12px}.mission-block,.vision-block,.motto-block{position:relative;overflow:hidden}.mission-block:after,.vision-block:after,.motto-block:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgba(184,106,60,.12)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.value-card{background:#fff;border-radius:14px;padding:26px;border:1px solid rgba(16,32,59,.08);box-shadow:0 12px 26px rgba(16,32,59,.1)}.value-icon{width:48px;height:48px;border-radius:13px;background:#f3ead5;color:#8d5838;display:grid;place-items:center;font-size:22px;margin-bottom:16px}.value-card h3{font-size:22px;margin-bottom:9px}.value-card p{color:#5d6678;margin:0}.light-list li{color:#f1eadc}.light-list li:before{color:#b86a3c}@media(max-width:850px){.statement-grid,.values-grid{grid-template-columns:1fr}.values-hero{padding-top:70px}}
/* Final staff photo placeholders */
.img-avatar{padding:0;overflow:hidden;background:#efe6d2!important;border-color:#f7f1e6!important}
.img-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.staff-profile-grid-six{grid-template-columns:repeat(3,1fr)}
.profile-card{position:relative;overflow:hidden}
.profile-photo-img{width:100%;height:210px;object-fit:cover;border-radius:12px;background:#efe6d2;display:block;margin-bottom:14px;border:1px solid rgba(16,32,59,.08)}
.role-code{position:absolute;top:30px;left:30px;background:#b86a3c;color:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;letter-spacing:.08em}
@media(max-width:850px){.staff-profile-grid-six{grid-template-columns:1fr}.profile-photo-img{height:240px}}
/* ===== Enhanced offline components ===== */
:root{--navy:#0b1b37;--navy-2:#10203b;--bronze:#b86a3c;--cream:#efe6d2;--muted:#687386}
body{overflow-x:hidden}.site-header{transition:height .25s ease,box-shadow .25s ease}.site-header.is-scrolled{height:56px;box-shadow:0 8px 24px rgba(16,32,59,.13)}
.nav a.active{color:var(--bronze);font-weight:800}.section-subtitle{max-width:690px;margin-inline:auto;color:#5d6678}.section-dark .section-subtitle{color:#d8e0ee}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}.stat-card{background:#fff;border-radius:14px;padding:30px 20px;text-align:center;box-shadow:0 14px 28px rgba(16,32,59,.11)}.stat-number{display:block;font:700 46px/1 Georgia,serif;color:var(--bronze)}.stat-label{display:block;margin-top:10px;font-weight:800;color:var(--navy-2)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.gallery-item{position:relative;overflow:hidden;border-radius:14px;min-height:260px;background:#ddd}.gallery-item img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.045)}.gallery-caption{position:absolute;inset:auto 0 0;padding:42px 18px 16px;background:linear-gradient(transparent,rgba(11,27,55,.88));color:#fff;font-weight:800}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.news-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 14px 28px rgba(16,32,59,.11)}.news-card img{width:100%;height:210px;object-fit:cover}.news-body{padding:24px}.news-date{font-size:12px;color:var(--bronze);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.news-body p{color:#5d6678}.news-body a{color:var(--navy);font-weight:800;text-decoration:none}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.quote-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:30px}.quote-card blockquote{margin:0 0 20px;color:#eef2f8;font-size:16px}.quote-card strong{color:#fff}.quote-card small{display:block;color:#b9c3d4}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.quick-action{background:#fff;border-radius:14px;padding:24px;text-decoration:none;color:var(--navy);box-shadow:0 12px 24px rgba(16,32,59,.1);border:1px solid rgba(16,32,59,.06)}.quick-action b{display:block;font-family:Georgia,serif;font-size:21px;margin-bottom:5px}.quick-action span{color:#687386;font-size:14px}
.form-status{display:none;margin-top:14px;padding:12px;border-radius:8px;background:#e8f5e9;color:#235b2b;font-weight:700}.form-status.show{display:block}
.back-to-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:var(--bronze);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;z-index:30}.back-to-top.show{opacity:1;visibility:visible;transform:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
.page-hero{padding:90px 0 58px}.page-hero p{max-width:720px;margin-inline:auto;color:#d8e0ee;font-size:17px}
.filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px}.filter-btn{border:1px solid #d8c7aa;background:#fff;color:var(--navy);padding:9px 16px;border-radius:999px;cursor:pointer;font-weight:800}.filter-btn.active{background:var(--bronze);color:#fff;border-color:var(--bronze)}
.download-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:40px}.download-card{display:flex;gap:18px;align-items:center;background:#fff;border-radius:14px;padding:24px;box-shadow:0 12px 24px rgba(16,32,59,.1)}.download-icon{width:54px;height:54px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:12px;font-size:23px;flex:0 0 auto}.download-card p{margin:3px 0;color:#687386}.download-card a{margin-left:auto;text-decoration:none;color:var(--bronze);font-weight:800}
.event-list{display:grid;gap:18px;margin-top:38px}.event-card{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:22px;background:#fff;border-radius:14px;padding:22px;box-shadow:0 12px 24px rgba(16,32,59,.09)}.event-date{text-align:center;background:var(--navy);color:#fff;border-radius:10px;padding:12px}.event-date strong{display:block;font:700 28px/1 Georgia,serif}.event-date span{font-size:12px;text-transform:uppercase}.event-card p{margin:4px 0;color:#687386}.event-tag{background:#f3ead5;color:#8d5838;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}
@media(max-width:850px){.nav.open{display:flex;position:absolute;top:64px;left:5%;right:5%;background:#fff;flex-direction:column;gap:0;padding:18px;border-radius:14px;box-shadow:0 18px 45px rgba(16,32,59,.18)}.nav.open a{padding:10px}.site-header>.pill-btn{display:none}.stats-grid,.gallery-grid,.news-grid,.testimonials-grid,.quick-actions,.download-grid{grid-template-columns:1fr}.event-card{grid-template-columns:78px 1fr}.event-tag{grid-column:2}.gallery-item{min-height:230px}.gallery-item img{min-height:230px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
/* ===== Branded school header: crest, name and motto ===== */
.site-header{
min-height:96px;
height:96px;
padding:0 4.2%;
gap:20px;
background:rgba(255,255,255,.98);
}
.brand{
display:flex;
align-items:center;
gap:15px;
min-width:285px;
text-decoration:none;
flex:0 0 auto;
}
.brand img{
width:72px;
height:72px;
object-fit:contain;
display:block;
transition:width .25s ease,height .25s ease;
}
.brand-copy{display:flex;flex-direction:column;line-height:1.05;white-space:nowrap}
.brand-copy strong{
color:#13254b;
font-family:Georgia,"Times New Roman",serif;
font-size:28px;
font-weight:700;
letter-spacing:-.02em;
}
.brand-copy small{
margin-top:9px;
color:#b86a3c;
font-size:15px;
font-weight:800;
letter-spacing:.09em;
}
.site-header .nav{gap:15px;justify-content:center;flex:1}
.site-header .nav a{font-size:11.5px;font-weight:700;white-space:nowrap}
.header-enroll{flex:0 0 auto;padding:11px 17px;white-space:nowrap}
.site-header.is-scrolled{height:76px;min-height:76px}
.site-header.is-scrolled .brand img{width:54px;height:54px}
.site-header.is-scrolled .brand-copy strong{font-size:24px}
.site-header.is-scrolled .brand-copy small{font-size:13px;margin-top:6px}
@media(max-width:1180px){
.site-header{padding:0 5%}
.brand{min-width:0}
.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:#13254b;font-size:28px;cursor:pointer}
.site-header .nav{display:none}
.site-header .nav.open{display:flex;top:96px}
.site-header.is-scrolled .nav.open{top:76px}
.site-header>.header-enroll{display:none}
}
@media(max-width:620px){
.site-header{height:82px;min-height:82px;padding:0 4%}
.brand{gap:10px}
.brand img{width:58px;height:58px}
.brand-copy strong{font-size:21px}
.brand-copy small{font-size:12px;margin-top:6px;letter-spacing:.07em}
.site-header.is-scrolled{height:72px;min-height:72px}
.site-header.is-scrolled .brand img{width:48px;height:48px}
.site-header.is-scrolled .brand-copy strong{font-size:19px}
.site-header.is-scrolled .brand-copy small{font-size:11px}
.site-header .nav.open{top:82px;left:4%;right:4%}
.site-header.is-scrolled .nav.open{top:72px}
}
@media(max-width:390px){
.brand-copy strong{font-size:18px}
.brand-copy small{font-size:10.5px}
.brand img{width:52px;height:52px}
}
/* Image hero banners */
.image-hero{position:relative;min-height:560px;display:flex;align-items:center;background-size:cover;background-position:center;overflow:hidden;color:#fff;padding:90px 0}.page-hero.image-hero{min-height:430px;padding:75px 0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,48,.94) 0%,rgba(10,27,58,.82) 44%,rgba(10,27,58,.42) 72%,rgba(10,27,58,.28) 100%)}.image-hero-content{position:relative;z-index:2}.image-hero-content .hero-copy,.page-hero .image-hero-content{max-width:720px}.image-hero h1{color:#fff;font-size:clamp(48px,6vw,82px);line-height:1.02;text-shadow:0 4px 22px rgba(0,0,0,.22)}.page-hero.image-hero h1{font-size:clamp(42px,5vw,68px);max-width:850px}.image-hero h1 span{color:#c8742f}.image-hero p{max-width:680px;color:#f4f0e8;font-size:18px}.image-hero .badge{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.26);backdrop-filter:blur(6px)}.home-image-hero{background-image:url('../images/classroom.jpg');background-position:center 42%}.mission-image-hero{background-image:url('../images/student-hand.jpg');background-position:center 45%}.staff-image-hero{background-image:url('../images/teacher-class.jpg');background-position:center 45%}.gallery-image-hero{background-image:url('../images/primary-class.jpg');background-position:center 50%}.news-image-hero{background-image:url('../images/classroom.jpg');background-position:center 45%}.hero-breadcrumb{display:flex;align-items:center;gap:10px;margin-top:28px;font-size:14px}.hero-breadcrumb a{color:#fff;text-decoration:none}.hero-breadcrumb span{color:#c8742f}.hero-breadcrumb strong{color:#fff}.image-hero .outline-btn{background:rgba(255,255,255,.06);backdrop-filter:blur(4px)}
/* ===== Header hover decoration fix =====
Prevent Bootstrap/browser link hover styles from underlining the school
identity and the Enroll Your Child call-to-action. */
.site-header .brand,
.site-header .brand:link,
.site-header .brand:visited,
.site-header .brand:hover,
.site-header .brand:focus,
.site-header .brand:active,
.site-header .brand * {
text-decoration:none !important;
}
.site-header .header-enroll,
.site-header .header-enroll:link,
.site-header .header-enroll:visited,
.site-header .header-enroll:hover,
.site-header .header-enroll:focus,
.site-header .header-enroll:active,
.site-header > .pill-btn,
.site-header > .pill-btn:link,
.site-header > .pill-btn:visited,
.site-header > .pill-btn:hover,
.site-header > .pill-btn:focus,
.site-header > .pill-btn:active {
text-decoration:none !important;
}
.site-header .brand:focus-visible,
.site-header .header-enroll:focus-visible,
.site-header > .pill-btn:focus-visible {
outline:3px solid rgba(184,106,60,.35);
outline-offset:4px;
}
/* Detailed programme learning areas */
.programme-features{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:26px;
row-gap:12px;
margin:24px 0 26px;
}
.programme-features span{
position:relative;
padding-left:18px;
color:#263754;
font-weight:700;
font-size:14px;
line-height:1.45;
}
.programme-features span::before{
content:"✓";
position:absolute;
left:0;
top:0;
color:#10203b;
font-weight:900;
}
.programme-levels{
margin-top:0;
margin-bottom:22px;
}
.programme-levels b{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:48px;
min-height:42px;
padding:8px 14px;
background:#10244a;
color:#fff;
border-radius:999px;
font-size:13px;
}
/* Nine-member staff profile grid */
.staff-profile-grid-nine{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-profile-grid-nine .profile-card{position:relative;display:flex;flex-direction:column;height:100%;transition:transform .25s ease,box-shadow .25s ease}
.staff-profile-grid-nine .profile-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(16,32,59,.16)}
.staff-profile-grid-nine .profile-card p{flex:1}
@media(max-width:991px){.staff-profile-grid-nine{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.staff-profile-grid-nine{grid-template-columns:1fr}.staff-profile-grid-nine .profile-card:hover{transform:none}}
/* ==============================================================
TOP CONTACT RIBBON — OFFLINE SVG SOCIAL ICONS
============================================================== */
.top-ribbon{
background:#10234b;
color:#fff;
border-bottom:2px solid #b86a3c;
position:relative;
z-index:30;
}
.top-ribbon-inner{
width:min(1180px,90%);
min-height:46px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}
.top-ribbon-contact{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:28px;
}
.top-ribbon a{
color:#fff;
text-decoration:none !important;
display:inline-flex;
align-items:center;
gap:8px;
font-size:13px;
line-height:1;
transition:color .2s ease,transform .2s ease,background-color .2s ease;
}
.top-ribbon-contact a:hover,
.top-ribbon-contact a:focus{
color:#e7a06d;
text-decoration:none !important;
}
.top-ribbon svg{
width:16px;
height:16px;
fill:#c8783f;
flex:0 0 auto;
}
.top-ribbon-social{
display:flex;
align-items:center;
gap:10px;
}
.top-ribbon-social a{
width:34px;
height:34px;
border-radius:50%;
justify-content:center;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.06);
}
.top-ribbon-social a:hover,
.top-ribbon-social a:focus{
background:#b86a3c;
transform:translateY(-2px);
text-decoration:none !important;
outline:2px solid rgba(255,255,255,.75);
outline-offset:2px;
}
.top-ribbon-social a:hover svg,
.top-ribbon-social a:focus svg{fill:#fff}
.top-ribbon-social svg{width:15px;height:15px}
/* Staff photos: reliable rendering on tablets and phones */
.profile-photo-img,
.img-avatar img{
display:block !important;
visibility:visible !important;
opacity:1 !important;
max-width:100% !important;
}
.profile-photo-img{
width:100% !important;
height:auto !important;
aspect-ratio:4 / 3;
min-height:180px;
object-fit:cover;
object-position:center;
}
.img-avatar img{
width:100% !important;
height:100% !important;
min-width:100%;
min-height:100%;
object-fit:cover;
}
/* Enrollment inquiry enhancements */
.form-intro{margin:-4px 0 18px;color:#5d6678;font-size:14px}
.inquiry-download-btn{
width:100%;
border:1px solid #0b1b37 !important;
background:transparent !important;
color:#0b1b37 !important;
margin-top:10px !important;
}
.form-status.show{display:block;margin-top:14px;padding:12px 14px;border-radius:8px;background:#fff;color:#0b1b37;font-size:13px}
.download-card a[download]{white-space:nowrap}
/* ==============================================================
NAVIGATION HOVER & ACTIVE-PAGE ANIMATION
Smooth centre-out bronze underline, fully offline.
============================================================== */
.site-header .nav a{
position:relative;
display:inline-flex;
align-items:center;
padding:10px 0 9px;
color:#10203b;
text-decoration:none !important;
transition:color .25s ease, transform .25s ease;
}
.site-header .nav a::after{
content:"";
position:absolute;
left:50%;
bottom:3px;
width:0;
height:3px;
border-radius:999px;
background:#b86a3c;
transform:translateX(-50%);
transform-origin:center;
transition:width .30s cubic-bezier(.22,.61,.36,1), box-shadow .30s ease;
pointer-events:none;
}
@media (hover:hover) and (pointer:fine) and (min-width:1181px){
.site-header .nav a:hover,
.site-header .nav a:focus-visible{
color:#b86a3c;
text-decoration:none !important;
transform:translateY(-1px);
}
.site-header .nav a:hover::after,
.site-header .nav a:focus-visible::after{
width:100%;
box-shadow:0 2px 8px rgba(184,106,60,.35);
}
}
.site-header .nav a.active,
.site-header .nav a[aria-current="page"],
.site-header .nav a[aria-current="location"]{
color:#b86a3c;
font-weight:800;
text-decoration:none !important;
}
.site-header .nav a.active::after,
.site-header .nav a[aria-current="page"]::after,
.site-header .nav a[aria-current="location"]::after{
width:100%;
}
.site-header .nav a:focus-visible{
outline:2px solid rgba(184,106,60,.45);
outline-offset:5px;
border-radius:3px;
}
/* Touch navigation: use a clean active marker instead of a hover-only effect. */
@media (max-width:1180px){
.site-header .nav.open a{
padding:12px 14px;
border-radius:8px;
transition:color .2s ease, background-color .2s ease, padding-left .2s ease;
}
.site-header .nav.open a::after{
left:0;
top:50%;
bottom:auto;
width:3px;
height:0;
transform:translateY(-50%);
transition:height .25s ease;
}
.site-header .nav.open a:hover,
.site-header .nav.open a:focus-visible,
.site-header .nav.open a.active,
.site-header .nav.open a[aria-current="page"],
.site-header .nav.open a[aria-current="location"]{
color:#b86a3c;
background:rgba(184,106,60,.09);
padding-left:19px;
text-decoration:none !important;
}
.site-header .nav.open a:hover::after,
.site-header .nav.open a:focus-visible::after,
.site-header .nav.open a.active::after,
.site-header .nav.open a[aria-current="page"]::after,
.site-header .nav.open a[aria-current="location"]::after{
width:3px;
height:62%;
}
}
@media (prefers-reduced-motion:reduce){
.site-header .nav a,
.site-header .nav a::after{
transition:none !important;
}
}
.instagram-link {
position: relative;
z-index: 100;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
pointer-events: auto;
}
.instagram-link svg {
width: 24px;
height: 24px;
display: block;
pointer-events: none;
}
.instagram-link:hover {
opacity: 0.8;
}