/* SGMMIC premium visual refresh — additive, preserves original app styles */
:root{--luxury-navy:#071d35;--luxury-ink:#14273d;--luxury-gold:#d9aa52;--luxury-cloud:#f6f8fb}
body{color:var(--luxury-ink);background:#fff;font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.site-width{width:min(1240px,calc(100% - 44px))}
.utility-bar{background:#061a30}.masthead{background:#fff}.masthead-inner{min-height:112px}.school-logo{width:82px;height:82px;object-fit:contain}.identity-copy strong{font-weight:850;letter-spacing:-.035em}.header-cta,.solid-button,.hero-button{border-radius:13px;box-shadow:0 12px 25px #071d351c}.nav-band{background:linear-gradient(105deg,#071e39,#0b3558);box-shadow:0 10px 30px #0a214022}.nav-inner{min-height:64px}.main-nav a{font-weight:650;letter-spacing:.01em}.main-nav a:hover{color:#e9bb69}.media-nav-link{white-space:nowrap;font-size:12px;color:#f8d993;text-decoration:none;font-weight:800;border:1px solid #eac27166;padding:9px 13px;border-radius:30px}
.hero-slider,.hero-slide{min-height:660px}.hero-overlay{background:linear-gradient(90deg,rgba(4,20,38,.93),rgba(5,26,47,.74) 40%,rgba(4,24,43,.15) 100%)}.hero-slide img{object-fit:cover}.hero-content{padding-top:115px;padding-bottom:115px;max-width:1250px}.hero-content h1{font-size:clamp(45px,5.2vw,77px);max-width:820px;letter-spacing:-.045em;line-height:1.08;font-weight:850}.hero-content p{font-size:clamp(16px,1.55vw,20px);max-width:640px;line-height:1.8}.hero-kicker,.section-kicker{font-weight:800;letter-spacing:.17em}.hero-button{background:var(--luxury-gold);color:#0c2440;padding:17px 23px;font-weight:800}.hero-admission-card{backdrop-filter:blur(17px);background:#fffef4f0;border:1px solid #fff;border-radius:22px;box-shadow:0 24px 70px #030d2466}.trust-bar{background:#fff;box-shadow:0 7px 32px #0d284611;position:relative;z-index:1}.trust-grid a{transition:transform .2s ease}.trust-grid a:hover{transform:translateY(-4px)}.section-space{padding-top:100px;padding-bottom:100px}.center-heading h2,.split-heading h2,.welcome-copy h2,.updates-intro h2,.admission-inner h2{letter-spacing:-.045em;line-height:1.12}.home-welcome{background:linear-gradient(130deg,#fff,#f5f8fc)}.image-frame,.image-frame img{border-radius:18px}.welcome-visual blockquote{border-radius:15px}.highlight-grid article{border-radius:20px;background:#fff;border:1px solid #e6ebf2;box-shadow:0 16px 48px #0a2d4d0c;transition:transform .25s}.highlight-grid article:hover{transform:translateY(-7px)}.why-section{background:#f7f9fc}.facility-showcase{background:linear-gradient(140deg,#061b35,#103c63)}.mosaic-item,.mosaic-item img{border-radius:16px;overflow:hidden}.mosaic-item img{transition:transform .6s ease}.mosaic-item:hover img{transform:scale(1.045)}.identity-stats{background:#e9b75d}.stat-grid strong{color:#102b44}.leadership-card,.notice-cards article,.facility-card{border-radius:20px;overflow:hidden}.gallery-tile,.gallery-tile img{border-radius:15px;overflow:hidden}.gallery-tile img{transition:transform .4s}.gallery-tile:hover img{transform:scale(1.06)}.admission-cta{background:linear-gradient(115deg,#05213f,#0e4167)}.page-hero{min-height:410px}.page-hero-overlay{background:linear-gradient(90deg,#051a34ef,#092f51b5,#0b2c4a55)}.page-hero-content h1{letter-spacing:-.045em}.media-hero{padding:95px 0;background:radial-gradient(circle at 84% 10%,#295376 0,transparent 32%),linear-gradient(115deg,#061b35,#0b3756);color:white}.media-hero h1{font-size:clamp(44px,5vw,74px);max-width:850px;line-height:1.06;letter-spacing:-.05em;margin:14px 0 23px}.media-hero h1 em{color:#f5c878;font-style:normal}.media-hero p{font-size:18px;color:#c9d7e5;max-width:650px}.media-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.media-pills a{border-radius:40px;border:1px solid #ffffff66;color:white;text-decoration:none;padding:12px 24px;font-weight:700}.premium-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.premium-photo{display:block;position:relative;aspect-ratio:4/4.7;overflow:hidden;border-radius:18px;background:#e9eff5;box-shadow:0 15px 35px #10243e12}.premium-photo:nth-child(8n+1),.premium-photo:nth-child(8n+6){grid-column:span 2;aspect-ratio: 2/1.15}.premium-photo img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.premium-photo:hover img{transform:scale(1.07)}.premium-photo span{position:absolute;bottom:0;left:0;right:0;padding:45px 20px 20px;color:#fff;background:linear-gradient(transparent,#071b32db);display:flex;flex-direction:column;gap:6px}.premium-photo small{color:#f7c97c;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.premium-photo strong{font-size:17px;line-height:1.3}.media-video-section{background:#f3f6fa}.media-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.media-video-card{background:#fff;border-radius:20px;padding:13px;box-shadow:0 15px 48px #0b2f4c12}.media-video-card video{background:#071a31;width:100%;aspect-ratio:16/9;display:block;object-fit:contain;border-radius:12px}.media-video-card h3{font-size:19px;margin:16px 10px 6px;overflow-wrap:anywhere}.media-video-card p{margin:0 10px 14px;color:#65768b}.media-empty{padding:27px;border:1px dashed #b8c5d6;border-radius:14px;background:#fff;color:#465b73}.media-empty a{color:#125887}
@media(max-width:1100px){.media-nav-link{display:none}.premium-media-grid{grid-template-columns:repeat(3,1fr)}.premium-photo:nth-child(n){grid-column:auto;aspect-ratio:4/4.7}}
@media(max-width:760px){.site-width{width:min(100% - 32px,1240px)}.masthead-inner{min-height:88px}.school-logo{width:63px;height:63px}.hero-slider,.hero-slide{min-height:650px}.hero-content{padding-top:100px;padding-bottom:120px}.hero-content h1{font-size:clamp(40px,10vw,57px)}.hero-overlay{background:linear-gradient(90deg,#051c35ec,#071b35ad)}.hero-admission-card{display:none}.section-space{padding-top:65px;padding-bottom:65px}.premium-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium-photo:nth-child(n){aspect-ratio:4/5}.premium-photo strong{font-size:13px}.premium-photo span{padding:34px 12px 12px}.media-video-grid{grid-template-columns:1fr}.media-hero{padding:66px 0}.media-hero p{font-size:16px}}
