:root{color-scheme:dark;--bg:#0d1427;--panel:#192641;--border:#304263;--light:#90b4ff;--text:#e6ebf6;--muted:#adb8d0;--orange:#f7a83f;--green:#3c9b52}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#a6c3ff}a:hover{text-decoration:underline}.wrap{max-width:1120px;margin:0 auto;padding-left:22px;padding-right:22px}.skip{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:12px;z-index:30}.skip:focus{left:12px}.site-header{background:#12213d;border-bottom:3px solid var(--orange)}.head{display:flex;align-items:center;gap:22px;padding-top:18px;padding-bottom:18px}.crest{width:76px;height:76px;border:3px solid #eab34d;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffd06a;font-size:25px;flex-shrink:0}.crest span{font-size:12px;font-weight:800;letter-spacing:1px}.head h1{font-size:clamp(27px,4vw,46px);line-height:1;margin:5px 0;letter-spacing:1px}.eyebrow{font-weight:700;font-size:17px}.sub{color:#d5def2;font-size:13px}.motto{color:#ffc365;font-weight:700;font-size:14px;margin-top:4px}.header-contact{margin-left:auto;display:grid;gap:3px;font-size:13px;text-align:right}.nav{background:#0e1c35;position:sticky;top:0;z-index:20;border-bottom:1px solid #324462}.nav-inner{padding-top:0;padding-bottom:0}.nav-links{display:flex;gap:2px;overflow-x:auto;scrollbar-width:thin}.nav a{display:block;padding:13px 12px;color:#e9efff;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:650}.nav a:hover,.nav a:focus{background:#253c62}.menu-toggle{display:none}.hero{padding-top:32px}.hero-copy{border:1px solid var(--border);border-radius:17px;background:linear-gradient(125deg,#1b2c50,#15213c);padding:clamp(24px,4vw,45px)}.kicker{color:#ffc46e;font-weight:800;font-size:13px;letter-spacing:1.2px}.hero h2{font-size:clamp(30px,5vw,55px);color:var(--light);line-height:1.16;max-width:680px;margin:14px 0}.hero p{font-size:clamp(17px,2vw,23px);max-width:720px}.muted,.note{color:var(--muted)}.note{font-size:13px;margin-top:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-block;border-radius:9px;padding:11px 21px;font-weight:800;text-decoration:none;color:#101d34}.button:hover{text-decoration:none;filter:brightness(1.07)}.orange{background:var(--orange)}.green{background:var(--green);color:white}.building{height:290px;border:1px solid #56647c;background:linear-gradient(0deg,#17223bcb,#17223b7d),linear-gradient(135deg,#455d7c,#263b54 45%,#556c7b);border-radius:13px;margin-top:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;padding:20px}.building-icon{font-size:70px;color:#f2bd71;line-height:1}.building strong{font-size:22px}.building span{color:#d5d9e6;font-size:14px}section.wrap{padding-top:30px;padding-bottom:8px}.section-title{font-size:clamp(25px,3.5vw,36px);color:var(--light);border-left:8px solid var(--orange);padding-left:16px;line-height:1.2;margin:4px 0 22px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick-grid a{background:var(--panel);border:1px solid var(--border);border-top:6px solid var(--green);border-radius:11px;padding:24px 20px;text-align:center;color:#f0f4ff;font-size:18px;font-weight:800;text-decoration:none;display:flex;justify-content:center;gap:10px}.quick-grid a span{color:var(--light)}.quick-grid a:hover{background:#243756}.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;padding:24px}.panel h3{color:var(--light);font-size:22px;margin:0 0 14px}.panel p{margin:8px 0 15px}.principal{display:flex;gap:26px;align-items:flex-start}.principal img{width:170px;height:210px;object-fit:cover;object-position:center top;border:5px solid var(--orange);border-radius:15px;flex-shrink:0}.principal strong{color:var(--light);font-size:20px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:var(--panel);border:1px solid var(--border);border-top:6px solid var(--green);border-radius:12px;text-align:center;padding:22px 8px}.stat strong{display:block;font-size:36px;color:var(--light);line-height:1.3}.stat span{font-weight:700}.scroll{overflow-x:auto}.scroll table{width:100%;border-collapse:collapse;min-width:370px}.scroll th,.scroll td{padding:10px 12px;text-align:left;border-bottom:1px solid #3b4b67}.scroll th{color:#fff;background:#243c62}.scroll tr.total{font-weight:800;color:#ffc775}.section-panel{margin-top:18px}.action-panel{display:block;color:var(--text);text-decoration:none}.action-panel:hover{background:#243553;text-decoration:none}.panel-icon{font-size:30px;color:#f8bd64}.status{color:#ffcf78;font-weight:700}.empty-state{color:var(--muted);padding:10px 0 20px}.text-link{font-weight:700}#staffSearch{padding:13px 15px;background:#202f4c;color:white;border:1px solid #5c7199;border-radius:9px;width:min(100%,460px);font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-placeholder{min-height:190px;border:2px dashed #425474;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#c7d0e3;font-size:20px}.gallery-placeholder small{font-size:13px;color:#9daac1}.gallery-photo{width:100%;height:200px;object-fit:cover;border-radius:11px}.gallery-item{margin:0}.gallery-item figcaption{padding:8px;font-size:14px}footer{margin-top:50px;background:#182b4c;text-align:center;padding:30px 0;color:#d6deec}footer p{font-size:14px}footer small{color:#aabbd2}.news-entry{border-bottom:1px solid #364969;padding:12px 0}.news-entry:last-child{border-bottom:0}.news-entry time{font-size:13px;color:#aab9d6}.news-entry h4{margin:3px 0;font-size:17px}.news-entry p{margin:2px 0}@media(max-width:800px){.head{gap:12px}.header-contact{display:none}.two-col,.three-col{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{padding-left:16px;padding-right:16px}.head{padding-top:14px;padding-bottom:14px}.crest{width:55px;height:55px;font-size:19px}.crest span{font-size:9px}.eyebrow{font-size:13px}.head h1{font-size:31px}.sub{font-size:11px}.motto{font-size:11px}.menu-toggle{display:block;background:#172c4c;color:#fff;border:1px solid #435d82;padding:11px 15px;width:100%;text-align:left;font-size:16px}.nav-links{display:none;flex-direction:column;overflow:visible}.nav-links.open{display:flex}.nav a{padding:10px 14px;border-bottom:1px solid #293b5c}.hero-copy{padding:22px}.hero h2{font-size:34px}.hero p{font-size:18px}.building{height:225px}.quick-grid{grid-template-columns:1fr}.quick-grid a{padding:20px}.principal{display:block}.principal img{margin-bottom:15px;width:150px;height:188px}.stat strong{font-size:30px}.gallery-grid{grid-template-columns:1fr}.panel{padding:19px}}

/* Premium responsive homepage */
:root{--premium:#112b55;--gold:#f3aa35;--light:#f5f8ff}
html{scroll-behavior:smooth}body{background:#f4f7fc;color:#172846} .wrap{max-width:1200px}
.topline{background:#102344;color:#dfeaff;font-size:12px;padding:9px 0}.topflex{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.topline a{color:#fff}
.site-header{background:linear-gradient(110deg,#fff 0%,#f3f7ff 76%,#e5edfb 100%);border-bottom:4px solid #efa93c;color:#173359}.premium-head{display:flex;align-items:center;gap:22px;padding-top:20px;padding-bottom:20px}.school-emblem{flex:0 0 88px;height:88px;border-radius:50%;border:4px solid #df9d36;background:#13305b;color:#ffcd71;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:30px;box-shadow:0 5px 18px #102b4e24}.school-emblem b{font-size:14px;letter-spacing:2px}.head-title{flex:1;min-width:0}.head-kicker{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#6c7d96}.head-title h1{font-size:clamp(21px,3.1vw,38px);line-height:1.13;color:#12325d;margin:6px 0;font-weight:900;letter-spacing:-.8px}.head-title h1 em{font-style:normal;color:#e79525}.school-place{font-size:12px;font-weight:800;letter-spacing:.6px}.school-motto{color:#a63d2b;font-size:14px;font-weight:750;margin-top:8px}.rising-mark{flex:0 0 140px;border-radius:16px;padding:12px;background:#fff;border:1px solid #dce5f4;text-align:center;color:#194273;box-shadow:0 5px 15px #102b4e12}.rise-star{color:#ecab30;font-size:25px;display:block}.rising-mark strong{font-size:20px;letter-spacing:1.5px}.rising-mark small{display:block;font-size:9px;color:#75859d;margin-top:4px}
.nav{background:#112d58}.nav-links{gap:0}.nav-links a{font-size:12px;padding:13px 10px;color:#f7faff}.nav-links a:hover{background:#efad3c;color:#14294d}
.new-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:14px;margin-top:24px;margin-bottom:32px}.hero-welcome{background:linear-gradient(140deg,#153966,#102347);border-radius:20px;padding:clamp(24px,4vw,48px);color:white;display:flex;flex-direction:column;justify-content:center;min-height:340px}.hero-eyebrow{color:#f6b951;letter-spacing:2px;font-weight:800;font-size:12px}.hero-welcome h2{font-size:clamp(30px,4.4vw,54px);line-height:1.1;margin:18px 0}.hero-welcome h2 span{color:#f8b84e}.hero-welcome p{color:#d6e2f4;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.hero-meta{font-size:12px;color:#b5c9e5;margin-top:8px}.campus-feature{border-radius:20px;background:linear-gradient(160deg,#d8e8f5,#a6c7de);padding:18px;display:flex;min-height:340px}.campus-illustration{border:2px dashed #789ebf;background:#f9fcffb8;border-radius:14px;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:#244767}.campus-illustration span{font-size:70px}.campus-illustration strong{font-size:22px}.campus-illustration small{max-width:260px}.hero-shortcuts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-shortcuts a{background:#fff;color:#19375d;border:1px solid #e1e8f4;border-radius:12px;padding:16px;text-align:center;font-weight:750;text-decoration:none;box-shadow:0 4px 13px #142e5010}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-heading h2{margin:5px 0 0;font-size:clamp(22px,3vw,32px);color:#153660}.section-heading p{color:#61718b;font-size:13px}.overline{font-size:11px;font-weight:800;color:#bd7525;letter-spacing:2px}.officials-section,.service-section{margin-bottom:34px}.officials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.official-card{overflow:hidden;border-radius:17px;background:#fff;border:1px solid #e0e7f2;box-shadow:0 7px 22px #12294d13;min-width:0}.official-photo{height:195px;background:#d9e4f0;display:flex;align-items:center;justify-content:center}.official-photo img{width:100%;height:100%;object-fit:contain;object-position:center;background:#dce6f2}.official-body{padding:16px 13px 19px;text-align:center;display:flex;flex-direction:column;gap:7px;min-height:98px}.official-body strong{color:#13335f;font-size:16px;line-height:1.3}.official-body span{color:#61728a;font-size:12px;line-height:1.45}.leadership-note{margin-top:12px}
.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.service-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:132px;gap:8px;padding:12px 6px;border-radius:13px;text-align:center;text-decoration:none!important;color:white!important;box-shadow:0 5px 14px #1a2c4922;transition:transform .2s}.service-tile:hover{transform:translateY(-3px)}.service-tile span{font-size:28px}.service-tile strong{font-size:13px;line-height:1.25}.service-tile small{font-size:10px;opacity:.9}.service-tile.blue{background:#1861ad}.service-tile.green{background:#17835c}.service-tile.orange-tile{background:#e26e25}.service-tile.purple{background:#7246af}.service-tile.royal{background:#2453a1}.service-tile.pink{background:#b92b70}.service-tile.teal{background:#0b7e8d}.service-tile.forest{background:#3e7d41}.service-tile.slate{background:#53708d}.service-tile.red{background:#b63547}.service-tile.sky{background:#218db1}.service-tile.charcoal{background:#324963}
@media(max-width:900px){.officials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rising-mark{flex-basis:105px}.premium-head{gap:12px}.school-emblem{flex-basis:66px;height:66px}}
@media(max-width:650px){.premium-head{padding:15px 0;align-items:center}.school-emblem{flex:0 0 51px;height:51px;font-size:19px;border-width:2px}.school-emblem b{font-size:9px}.head-title h1{font-size:19px;letter-spacing:-.5px}.head-kicker{font-size:8px;letter-spacing:.6px}.school-place{font-size:9px;line-height:1.5}.school-motto{font-size:11px}.rising-mark{flex:0 0 64px;padding:6px 2px;border-radius:8px;font-size:8px}.rising-mark strong{font-size:11px;letter-spacing:0}.rising-mark small{font-size:7px}.rise-star{font-size:17px}.new-hero{grid-template-columns:1fr;margin-top:14px;gap:10px}.hero-welcome{min-height:unset;padding:26px}.hero-welcome h2{font-size:34px}.campus-feature{min-height:220px}.hero-shortcuts{grid-template-columns:repeat(2,1fr);gap:8px}.hero-shortcuts a{padding:12px 6px;font-size:12px}.officials-grid{gap:10px}.official-photo{height:150px}.official-body{padding:12px 7px;min-height:100px}.official-body strong{font-size:13px}.official-body span{font-size:11px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-tile{min-height:120px}.service-tile strong{font-size:12px}.section-heading p{display:none}.topline{font-size:10px}.nav-links a{font-size:14px}}
@media(max-width:370px){.service-grid{grid-template-columns:repeat(2,1fr)}.head-title h1{font-size:16px}.rising-mark{flex-basis:55px}}

/* Real campus photography update */
.campus-photo-feature{position:relative;overflow:hidden;padding:0;background:#d8e8f5;min-height:340px;display:block}
.campus-photo-feature>img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;object-position:center center}
.campus-photo-label{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#0b2549e8);padding:45px 20px 17px;color:#fff;font-size:21px;font-weight:800}
.campus-photo-label small{display:block;font-size:12px;font-weight:500}
.gallery-item{overflow:hidden;border-radius:12px;background:#fff;color:#19375d;box-shadow:0 5px 16px #18324d19}
.gallery-item figcaption{padding:10px 13px;font-weight:700}
.gallery-photo{display:block;height:220px;width:100%;object-fit:cover;border-radius:0}
@media(max-width:650px){.campus-photo-feature,.campus-photo-feature>img{min-height:220px}.campus-photo-feature>img{height:250px}.campus-photo-label{font-size:17px}}

/* Compact screenshot-inspired homepage; original school and leadership photographs unchanged */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.screenshot-hero{padding-top:12px!important;padding-bottom:6px!important}.hero-photo-banner{height:360px;position:relative;overflow:hidden;border-radius:12px;background:#16395d}.hero-photo-banner>img{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block}.hero-photo-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,43,.89) 0%,rgba(8,31,52,.66) 37%,transparent 72%);pointer-events:none}.hero-overlay{position:absolute;z-index:1;top:9%;left:3.5%;color:white;max-width:52%}.script-welcome{font-family:Georgia,serif;font-style:italic;color:#ffd66b;font-size:clamp(20px,3vw,36px)}.hero-overlay h2{font-size:clamp(23px,3.3vw,44px);line-height:1.08;margin:8px 0;color:white;text-shadow:0 2px 5px #0009}.hero-overlay mark{color:#ffca45;background:none}.hero-overlay p{font-size:13px;margin:10px 0;color:#f6f6f6}.hero-know{display:inline-block;background:#ffc333;color:#132b49;padding:8px 15px;border-radius:30px;text-decoration:none;font-weight:800;font-size:12px}.hero-side{position:absolute;z-index:2;right:14px;top:12px;bottom:12px;width:24%;display:grid;grid-template-rows:repeat(4,1fr);gap:7px}.hero-side a{display:flex;align-items:center;justify-content:center;text-align:center;background:#ffffffed;border:2px solid #fff;border-radius:9px;padding:6px;color:#18365b;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 2px 6px #0004}.values-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border-radius:0 0 12px 12px;padding:13px 7px;color:#1b3760;box-shadow:0 5px 12px #17345410}.values-strip span{font-size:12px;text-align:center}.values-strip b{font-size:12px}.screenshot-leadership{padding-top:10px!important;padding-bottom:8px!important}.screenshot-leadership .officials-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.screenshot-leadership .official-card{border-radius:10px;box-shadow:0 2px 10px #142f4a18}.screenshot-leadership .official-photo{height:142px}.screenshot-leadership .official-body{padding:10px 7px;min-height:93px;gap:4px}.screenshot-leadership .official-body strong{font-size:12px}.screenshot-leadership .official-body span{font-size:10px}.principal-lead .official-body a{font-size:10px;font-weight:800}.screenshot-services{padding-top:7px!important;padding-bottom:10px!important;margin-bottom:10px}.screenshot-services .service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.screenshot-services .service-tile{min-height:106px;border-radius:8px;padding:7px 3px;gap:4px}.screenshot-services .service-tile span{font-size:22px}.screenshot-services .service-tile strong{font-size:12px}.screenshot-services .service-tile small{font-size:9px;line-height:1.3}.screenshot-services+.wrap{padding-top:18px}body{overflow-x:hidden}
@media(max-width:700px){.hero-photo-banner{height:290px}.hero-overlay{max-width:64%;left:3%;top:12%}.hero-overlay h2{font-size:clamp(19px,4.3vw,30px)}.hero-overlay p{font-size:10px}.hero-side{width:29%;right:6px;gap:5px}.hero-side a{font-size:9px;padding:3px}.values-strip{grid-template-columns:repeat(4,1fr);gap:2px}.values-strip span,.values-strip b{font-size:9px}.screenshot-leadership .officials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.screenshot-leadership .official-photo{height:115px}.screenshot-leadership .official-body{min-height:90px;padding:7px 4px}.screenshot-leadership .official-body strong{font-size:11px}.screenshot-leadership .official-body span{font-size:9px}.screenshot-services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.screenshot-services .service-tile{min-height:95px}.screenshot-services .service-tile strong{font-size:10px}.screenshot-services .service-tile small{font-size:8px}}
@media(max-width:420px){.hero-photo-banner{height:245px}.hero-overlay h2{font-size:19px}.script-welcome{font-size:20px}.hero-side{width:31%}.hero-side a{font-size:8px}.hero-overlay p{font-size:9px}.screenshot-leadership .officials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-leadership .official-photo{height:125px}.screenshot-services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.values-strip b{font-size:8px}}

/* Final compact mobile-first adjustments: original images are untouched */
.topline{padding:4px 0;font-size:10px}.topflex{align-items:center;gap:3px 12px}
.premium-head{padding-top:9px;padding-bottom:9px;gap:12px}.school-emblem{flex-basis:58px;height:58px;font-size:19px;border-width:2px}.school-emblem b{font-size:10px}.head-kicker{font-size:9px;letter-spacing:.5px}.head-title h1{font-size:clamp(18px,2.8vw,29px);margin:3px 0}.school-place{font-size:10px}.school-motto{font-size:11px;margin-top:3px}.rising-mark{flex-basis:92px;padding:5px;border-radius:8px}.rise-star{font-size:16px}.rising-mark strong{font-size:12px}.rising-mark small{font-size:8px;margin:0}.site-header{border-bottom-width:2px}
.nav .menu-toggle{padding:7px 11px;font-size:14px}.nav-links a{padding:9px 8px}
.screenshot-leadership .officials-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.screenshot-leadership .official-photo{height:105px}.screenshot-leadership .official-body{min-height:70px;padding:6px 4px;gap:2px}.screenshot-leadership .official-body strong{font-size:11px}.screenshot-leadership .official-body span{font-size:9px}.principal-lead .official-body a{font-size:9px}
.hero-side .flash-tile{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;line-height:1.25;background:#ffffffef}.flash-icon{font-size:18px}.flash-tile strong{font-size:11px}.flash-tile small{font-size:9px;font-weight:500;color:#415673}.flash-note{font-size:10px;color:#65748c;margin:6px 0 0}.compact-principal{padding-top:12px!important}.compact-principal .section-title{font-size:20px;margin:0 0 9px}.compact-principal .principal{padding:13px;gap:14px}.compact-principal .principal img{width:85px;height:108px;border-width:2px}.compact-principal .principal p{font-size:13px;line-height:1.5;margin:0 0 7px}.compact-principal .principal strong{font-size:14px}.compact-principal .principal .muted,.compact-principal .principal .note{font-size:10px}
footer{margin-top:18px;padding:9px 0;font-size:11px;line-height:1.4}footer p{font-size:10px;margin:3px 0}footer small{font-size:9px}
@media(max-width:700px){.premium-head{padding-top:8px;padding-bottom:8px;gap:7px}.school-emblem{flex:0 0 43px;height:43px;font-size:16px}.school-emblem b{font-size:8px}.head-title h1{font-size:16px;letter-spacing:-.4px}.head-kicker{font-size:7px}.school-place{font-size:8px}.school-motto{font-size:9px}.rising-mark{flex:0 0 55px;padding:4px 1px}.rising-mark strong{font-size:9px}.rising-mark small{font-size:6px}.rise-star{font-size:14px}.topline{font-size:9px;padding:3px 0}.screenshot-leadership .officials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.screenshot-leadership .official-photo{height:86px}.screenshot-leadership .official-body{min-height:60px;padding:5px 3px}.screenshot-leadership .official-body strong{font-size:10px}.screenshot-leadership .official-body span{font-size:8px}.hero-side .flash-tile strong{font-size:9px}.hero-side .flash-tile small{display:none}.flash-icon{font-size:15px}.compact-principal .principal{display:flex;gap:10px}.compact-principal .principal img{width:72px;height:94px;margin:0}.compact-principal .principal p{font-size:12px}}
@media(max-width:420px){.screenshot-leadership .officials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-leadership .official-photo{height:78px}.screenshot-leadership .official-body{min-height:65px}.screenshot-leadership .official-body strong{font-size:9px}.screenshot-leadership .official-body span{font-size:8px}.hero-side .flash-tile strong{font-size:8px}.flash-icon{font-size:13px}.hero-photo-banner{height:245px}.compact-principal .principal{align-items:flex-start}.compact-principal .principal img{width:65px;height:86px}.compact-principal .principal p{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.flash-tile{animation:flash-soft 4s ease-in-out infinite alternate}.flash-tile:nth-child(2){animation-delay:1s}.flash-tile:nth-child(3){animation-delay:2s}.flash-tile:nth-child(4){animation-delay:3s}@keyframes flash-soft{from{box-shadow:0 1px 3px #142c4533;transform:scale(1)}to{box-shadow:0 0 0 2px #ffc65c,0 4px 14px #142c4533;transform:scale(.98)}}}

/* Garden-banner homepage with small, individual circular leadership portraits */
.hero-photo-banner>img{object-position:center center}
.screenshot-leadership .officials-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start}
.screenshot-leadership .official-card{border-radius:12px;box-shadow:0 3px 12px #173b6014;padding:11px 5px 9px;display:flex;align-items:center;flex-direction:column;min-height:164px}
.screenshot-leadership .official-photo{width:82px;height:82px;flex:0 0 82px;border-radius:50%;overflow:hidden;border:3px solid #e9b44c;background:#dce6f2;box-shadow:0 2px 8px #152c4820}
.screenshot-leadership .official-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:50%}
.screenshot-leadership .official-body{width:100%;min-height:0;padding:7px 1px 0;gap:3px;align-items:center;text-align:center}
.screenshot-leadership .official-body strong{font-size:11px;line-height:1.2}
.screenshot-leadership .official-body span{font-size:9px;line-height:1.25}
.screenshot-leadership .principal-lead .official-body a{font-size:9px}
@media(max-width:700px){.screenshot-leadership .officials-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.screenshot-leadership .official-card{padding:8px 3px;min-height:140px}.screenshot-leadership .official-photo{width:65px;height:65px;flex-basis:65px;border-width:2px}.screenshot-leadership .official-body strong{font-size:10px}.screenshot-leadership .official-body span{font-size:8px}}
@media(max-width:420px){.screenshot-leadership .official-photo{width:62px;height:62px;flex-basis:62px}.screenshot-leadership .official-card{min-height:135px}.hero-photo-banner>img{object-position:center}}

/* 2026-10-17: building fully visible, compact welcome corner, four provided leaders */
.hero-photo-banner{height:auto!important;aspect-ratio:2.35/1;min-height:270px;overflow:hidden}
.hero-photo-banner>img{object-fit:cover!important;object-position:center center!important}
.hero-photo-banner:after{background:linear-gradient(90deg,rgba(4,24,49,.72) 0%,rgba(4,24,49,.38) 22%,transparent 43%)!important}
.hero-overlay{left:2.5%!important;top:auto!important;bottom:5%!important;max-width:32%!important}
.hero-overlay .script-welcome{font-size:clamp(15px,2vw,25px)!important}
.hero-overlay h2{font-size:clamp(19px,2.6vw,33px)!important;line-height:1.13!important;margin:5px 0!important}
.hero-overlay p{font-size:clamp(9px,1vw,12px)!important;margin:5px 0 9px!important}
.hero-know{font-size:11px!important;padding:6px 12px!important}
.screenshot-hero>.hero-side{position:static!important;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;gap:9px!important;margin-top:10px!important}
.screenshot-hero>.hero-side .flash-tile{min-height:56px!important;box-shadow:0 2px 8px #1234!important}
.screenshot-leadership .officials-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:700px){.hero-photo-banner{aspect-ratio:1.65/1!important;min-height:230px!important}.hero-overlay{max-width:43%!important}.hero-overlay h2{font-size:clamp(17px,3.8vw,23px)!important}.hero-photo-banner:after{background:linear-gradient(90deg,rgba(4,24,49,.75) 0%,rgba(4,24,49,.28) 37%,transparent 58%)!important}.screenshot-hero>.hero-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}.screenshot-leadership .officials-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.screenshot-leadership .official-photo{width:58px!important;height:58px!important;flex-basis:58px!important}.screenshot-leadership .official-card{min-height:136px!important}}
@media(max-width:420px){.hero-photo-banner{aspect-ratio:1.45/1!important}.hero-overlay{max-width:49%!important}.hero-overlay h2{font-size:17px!important}.hero-overlay p{font-size:9px!important}.screenshot-leadership .officials-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.screenshot-leadership .official-photo{width:68px!important;height:68px!important;flex-basis:68px!important}}

/* Five approved leadership portraits including principal; principal also appears below. */
.screenshot-leadership .officials-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.principal-lead .official-body a{color:#154b86;text-decoration:underline;font-weight:700;font-size:10px}
@media(max-width:700px){.screenshot-leadership .officials-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:420px){.screenshot-leadership .officials-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.screenshot-leadership .official-photo{width:58px!important;height:58px!important;flex-basis:58px!important}}

/* Uploaded programme images */
.screenshot-hero>.hero-side .flash-tile{overflow:hidden;padding:0!important;display:flex;flex-direction:column;justify-content:flex-start!important;min-height:135px!important;background:white!important}
.activity-tile-photo{width:100%;height:92px;object-fit:cover;display:block}
.screenshot-hero>.hero-side .flash-tile .flash-icon{display:none}
.screenshot-hero>.hero-side .flash-tile strong{padding:5px 5px 0;font-size:12px}
.screenshot-hero>.hero-side .flash-tile small{padding:0 5px 6px}
.activity-panel-photo{width:100%;height:170px;object-fit:cover;border-radius:9px;margin-bottom:10px}
.academics-photo{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:12px;margin:12px 0}
@media(max-width:700px){.screenshot-hero>.hero-side .flash-tile{min-height:135px!important}.activity-tile-photo{height:100px}.screenshot-hero>.hero-side .flash-tile strong{font-size:11px}.screenshot-hero>.hero-side .flash-tile small{display:block;font-size:9px}}

/* Leadership first; principal in the lower-right corner of the leadership group */
.screenshot-leadership .officials-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.screenshot-leadership .official-card:last-child{grid-column:4!important}
@media(max-width:700px){.screenshot-leadership .officials-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.screenshot-leadership .official-card:last-child{grid-column:2!important}}

/* REFERENCE-SCREENSHOT LAYOUT: compact five-person leadership strip ABOVE branding */
.screenshot-leadership{max-width:1120px!important;padding-top:6px!important;padding-bottom:6px!important}
.screenshot-leadership .officials-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
.screenshot-leadership .official-card,.screenshot-leadership .official-card:last-child{grid-column:auto!important;min-height:0!important;padding:7px 3px 6px!important;border-radius:5px!important;box-shadow:0 1px 5px #1532521a!important}
.screenshot-leadership .official-photo{width:58px!important;height:58px!important;flex:0 0 58px!important;border-width:2px!important}
.screenshot-leadership .official-body{min-height:0!important;padding:4px 1px 0!important;gap:1px!important}
.screenshot-leadership .official-body strong{font-size:10px!important;line-height:1.15!important}
.screenshot-leadership .official-body span{font-size:8px!important;line-height:1.2!important}
.screenshot-leadership .principal-lead .official-body a{display:none!important}
/* Compact horizontal principal message panel with expandable full text */
.compact-principal{padding-top:10px!important;padding-bottom:5px!important}
.compact-principal .reference-principal{display:grid!important;grid-template-columns:74px 132px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:12px!important;background:#112d53!important;color:white!important;border-radius:9px!important}
.reference-principal>img{width:70px!important;height:88px!important;object-fit:cover!important;border:2px solid #e9b44c!important;border-radius:9px!important}
.reference-principal .principal-name{display:flex;flex-direction:column;gap:5px}
.reference-principal .principal-name strong{font-size:13px!important;color:#fff!important}
.reference-principal .principal-name small{font-size:10px;color:#e0e9f6}
.reference-principal .principal-message{border-left:1px solid #ffffff55;padding-left:12px;min-width:0}
.reference-principal .principal-message>strong{font-size:12px!important;color:#ffd366!important}
.reference-principal .principal-message p{font-size:11px!important;line-height:1.45!important;margin:4px 0!important;color:white!important}
.reference-principal details{margin-top:5px}.reference-principal summary{cursor:pointer;color:#ffd366;font-size:11px;font-weight:700;list-style:none}.reference-principal summary::-webkit-details-marker{display:none}
.reference-principal .principal-full{padding-top:12px}.reference-principal .principal-full p{margin:0 0 10px!important}
@media(max-width:700px){.screenshot-leadership{padding-left:6px!important;padding-right:6px!important}.screenshot-leadership .officials-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}.screenshot-leadership .official-card{padding:5px 1px!important}.screenshot-leadership .official-photo{width:43px!important;height:43px!important;flex-basis:43px!important}.screenshot-leadership .official-body strong{font-size:8px!important;overflow-wrap:anywhere}.screenshot-leadership .official-body span{font-size:7px!important;overflow-wrap:anywhere}.compact-principal .reference-principal{grid-template-columns:52px 70px minmax(0,1fr)!important;gap:6px!important;padding:7px!important}.reference-principal>img{width:50px!important;height:65px!important}.reference-principal .principal-name strong{font-size:9px!important}.reference-principal .principal-name small{font-size:7px}.reference-principal .principal-message{padding-left:6px}.reference-principal .principal-message>strong{font-size:10px!important}.reference-principal .principal-message p{font-size:9px!important}.reference-principal summary{font-size:9px}}
@media(max-width:390px){.screenshot-leadership .official-photo{width:37px!important;height:37px!important;flex-basis:37px!important}.screenshot-leadership .official-body strong{font-size:7px!important}.screenshot-leadership .official-body span{font-size:6px!important}}

/* Four officials only above the school header; principal remains below four activities */
.top-four-leaders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:9px;padding-bottom:9px}
.top-leader-card{background:#fff;border:1px solid #e0e7f0;box-shadow:0 2px 8px #18335c13;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:9px 5px;min-width:0}
.top-leader-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #e4b24c}
.top-leader-card strong{font-size:12px;color:#17375f;line-height:1.25;margin-top:5px}
.top-leader-card small{font-size:10px;color:#607084;line-height:1.25;margin-top:3px}
@media(max-width:700px){.top-four-leaders{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 5px}.top-leader-card{padding:6px 2px}.top-leader-card img{width:48px;height:48px;border-width:2px}.top-leader-card strong{font-size:9px}.top-leader-card small{font-size:7px}}
@media(max-width:380px){.top-leader-card img{width:40px;height:40px}.top-leader-card strong{font-size:8px}.top-leader-card small{font-size:6.5px}}

/* Original supplied school and Telangana Rising logos; retain existing layout. */
.school-emblem{overflow:hidden;background:#fff;padding:0;border:2px solid #df9d36;box-sizing:border-box}
.school-emblem img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.rising-mark{padding:5px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.rising-mark img{display:block;width:100%;max-height:125px;object-fit:contain;border-radius:12px}
@media(max-width:650px){.rising-mark img{max-height:75px}}