:root{--bg:#0b1022;--bg2:#121a38;--panel:#151e40;--panel2:#1b2750;--text:#f7f8ff;--muted:#aeb7d0;--soft:#e9ecf5;--line:rgba(255,255,255,.1);--blue:#4f8cff;--purple:#8b5cf6;--cyan:#6fe7ff;--green:#20d66b;--gold:#ffd166;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:#f7f8fc;color:#11182d;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.ambient{position:fixed;pointer-events:none;filter:blur(80px);opacity:.16;z-index:-1}.ambient-one{width:280px;height:280px;background:#4f8cff;top:18%;left:-120px}.ambient-two{width:300px;height:300px;background:#8b5cf6;top:55%;right:-130px}.topbar{background:#080d1c;color:#9ca7c4;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(32,214,107,.8);margin-right:7px}.site-header{height:82px;background:rgba(9,14,31,.88);backdrop-filter:blur(20px);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;min-width:235px}.brand-mark{width:45px;height:45px;border-radius:14px;overflow:hidden;background:#101a37;border:1px solid rgba(255,255,255,.13);box-shadow:0 8px 30px rgba(0,0,0,.25)}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand-text strong{display:block;font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.03em}.brand-text small{font-size:8px;letter-spacing:.2em;color:#8fa8df;font-weight:800}.nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.nav a{font-size:11px;font-weight:700;color:#aab4cf;padding:10px 14px;border-radius:11px;transition:.25s}.nav a:hover,.nav a.active{background:rgba(79,140,255,.12);color:#fff}.nav-cta{font-size:11px;font-weight:800;padding:12px 17px;border-radius:13px;background:linear-gradient(135deg,#4f8cff,#8758f4);box-shadow:0 10px 30px rgba(79,140,255,.18);white-space:nowrap}.nav-cta span{margin-left:6px}.menu-toggle{display:none;border:0;background:transparent}.menu-toggle span{display:block;width:23px;height:2px;background:#fff;margin:4px;border-radius:3px}
.hero{min-height:720px;height:calc(100vh - 116px);max-height:900px;position:relative;display:flex;align-items:center;background:var(--bg);color:#fff;overflow:hidden}.hero-image-wrap,.hero-shade,.hero-glow{position:absolute;inset:0}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.75)}.hero-shade{background:linear-gradient(90deg,rgba(7,11,26,.94) 0%,rgba(9,14,34,.79) 42%,rgba(11,16,35,.36) 100%),linear-gradient(0deg,rgba(8,12,28,.95) 0%,transparent 50%,rgba(7,10,24,.35) 100%)}.hero-glow{background:radial-gradient(circle at 75% 45%,rgba(83,112,255,.23),transparent 30%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.18),transparent 30%)}.hero-content{position:relative;z-index:2;padding-top:50px}.hero-pill,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:800}.hero-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:rgba(22,33,69,.72);border:1px solid rgba(94,145,255,.22);color:#9bbcff;box-shadow:inset 0 0 25px rgba(79,140,255,.06)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(32,214,107,.1),0 0 16px rgba(32,214,107,.6)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(48px,7vw,88px);max-width:850px;margin:24px 0 22px}h1 span,h2 span{background:linear-gradient(100deg,#62a0ff,#9b6cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{font-size:16px;line-height:1.75;color:#c1c9dd;max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary-btn,.secondary-btn,.whatsapp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 19px;border-radius:14px;font-size:11px;font-weight:800;transition:.25s}.primary-btn{color:#fff;background:linear-gradient(135deg,#4e8eff,#8758f4);box-shadow:0 14px 35px rgba(79,140,255,.24)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(79,140,255,.34)}.secondary-btn{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;backdrop-filter:blur(10px)}.secondary-btn:hover{background:rgba(255,255,255,.1)}.primary-btn b,.secondary-btn b,.whatsapp-btn b{margin-left:8px}.hero-note{margin-top:56px;display:flex;align-items:center;gap:14px;color:#8f9ab7}.hero-note span{font-size:9px;letter-spacing:.2em}.hero-note strong{font-family:Manrope;font-size:14px;color:#fff}.hero-bottom-line{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.11);z-index:2}.hero-bottom-inner{height:58px;display:flex;align-items:center;gap:14px;color:#8f9ab7;font-size:9px;text-transform:uppercase;letter-spacing:.18em}.hero-bottom-inner i{width:4px;height:4px;border-radius:50%;background:#53617f}.hero-bottom-inner .scroll{margin-left:auto}
.section{padding:115px 0}.intro{background:#f7f8fc}.section-kicker{color:#74809a;margin-bottom:27px}.section-kicker span{color:#4f8cff;margin-right:8px}.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px}.intro h2,.experience-head h2,.life-copy h2,.gallery-head h2,.contact-main h2{font-size:clamp(40px,5vw,67px)}.intro h2 span,.life-copy h2 span,.gallery-head h2 span{background:linear-gradient(100deg,#4f8cff,#895df4);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-copy{padding-top:7px}.lead{font-size:20px;line-height:1.65;color:#34405a;margin-bottom:18px}.intro-copy>p:not(.lead){font-size:14px;color:#758099;max-width:570px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;background:#dfe3ec;border:1px solid #dfe3ec;border-radius:18px;overflow:hidden}.stat-row div{background:#fff;padding:22px 18px}.stat-row strong{display:block;font-family:Manrope;font-size:15px;color:#18213a}.stat-row span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#8992a6}
.experience{background:linear-gradient(135deg,#0b1022,#141d3d);color:#fff;position:relative;overflow:hidden}.experience:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(93,115,255,.12);filter:blur(80px);right:-180px;top:30px}.light{color:#8391b3}.experience-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.experience-head p{max-width:390px;color:#9ea8c2;font-size:14px}.feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;position:relative;z-index:1}.feature-card{min-height:330px;padding:29px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.3s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(116,160,255,.35)}.feature-main{background:linear-gradient(145deg,#202d5c,#172044)}.feature-top{display:flex;justify-content:space-between;color:#8794b4;font-size:10px;letter-spacing:.15em}.feature-top b{font-size:20px;color:#8ab0ff}.feature-card h3{font-size:25px;max-width:280px;margin-bottom:12px}.feature-card p{font-size:13px;line-height:1.7;color:#98a4bf;max-width:320px}.feature-main p{color:#bcc6df}.card-arrow{position:absolute;right:25px;bottom:23px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#a8c4ff;font-size:14px}
.motto-section{background:#f7f8fc;padding:35px 0}.motto-card{min-height:210px;border-radius:28px;padding:38px 45px;display:grid;grid-template-columns:65px 1fr 1fr;align-items:center;gap:28px;background:linear-gradient(120deg,#121a38,#1d2850);color:#fff;box-shadow:0 25px 70px rgba(12,18,40,.16)}.motto-symbol{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#4f8cff,#8b5cf6);font-size:22px}.motto-card span{font-size:9px;letter-spacing:.2em;color:#8ea0c9;font-weight:800}.motto-card h2{font-size:38px;margin-top:8px}.motto-card p{color:#9ea8c0;font-size:13px;line-height:1.7;max-width:400px}
.life{background:#fff}.life-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:85px;align-items:center}.life-image-card{height:570px;border-radius:28px;overflow:hidden;position:relative;background:#111936;box-shadow:0 25px 60px rgba(12,18,40,.12)}.life-image-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.life-image-card:hover img{transform:scale(1.035)}.image-overlay-label{position:absolute;left:22px;bottom:22px;background:rgba(8,13,31,.78);backdrop-filter:blur(15px);padding:11px 15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:10px}.image-overlay-label span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:8px}.life-copy p{font-size:16px;line-height:1.8;color:#748097;max-width:500px;margin:24px 0 30px}.underline-link{display:inline-flex;gap:9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid #aab3c6;padding-bottom:9px}.underline-link b{color:#4f8cff}
.gallery{background:#eef1f8}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.gallery-head p{color:#7a849a;font-size:14px;max-width:370px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:145px;gap:13px}.gallery-item{grid-column:span 4;grid-row:span 2;overflow:hidden;border-radius:20px;background:#dce1ec;box-shadow:0 10px 30px rgba(12,18,40,.08)}.gallery-item.wide{grid-column:span 8}.gallery-item.tall,.gallery-item.portrait{grid-row:span 3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.65s}.gallery-item:hover img{transform:scale(1.055)}
.contact{background:#f7f8fc;padding-top:110px;padding-bottom:110px}.contact-shell{background:linear-gradient(135deg,#0a1024,#18234b);border-radius:30px;overflow:hidden;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;box-shadow:0 35px 90px rgba(12,18,40,.2);position:relative}.contact-shell:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(100,92,255,.16);filter:blur(80px);right:-150px;top:-170px}.contact-main{padding:66px;position:relative;z-index:1}.contact-main p{color:#9faac4;font-size:14px;max-width:520px;margin:22px 0 28px}.contact-actions{display:flex;gap:11px;flex-wrap:wrap}.whatsapp-btn{background:#20d66b;color:#07151c;box-shadow:0 12px 30px rgba(32,214,107,.2)}.whatsapp-btn:hover{transform:translateY(-2px)}.contact-details{border-left:1px solid rgba(255,255,255,.1);padding:60px;display:flex;flex-direction:column;justify-content:center;gap:25px;position:relative;z-index:1}.detail{padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1)}.detail span{display:block;font-size:9px;letter-spacing:.17em;color:#7886a8;margin-bottom:6px}.detail a,.detail p{font-size:14px;color:#fff}.detail a:hover{color:#7fa8ff}.map-link{display:inline-block;margin-top:7px!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.15em;color:#7fa8ff!important}
.wa-widget{position:fixed;right:22px;bottom:24px;z-index:100;display:flex;align-items:center;gap:10px}.wa-message{background:#ffffff;border:1px solid rgba(13,25,55,.10);color:#10182d;padding:10px 14px;border-radius:14px 14px 4px 14px;box-shadow:0 14px 35px rgba(0,0,0,.25);font-size:11px;font-weight:700;max-width:220px;animation:messageIn .45s ease}.wa-float{width:66px;height:66px;border-radius:50%;background:#20d66b;display:grid;place-items:center;position:relative;box-shadow:0 0 0 8px rgba(32,214,107,.12),0 0 0 17px rgba(32,214,107,.05),0 18px 40px rgba(0,0,0,.25);transition:.25s}.wa-float:hover{transform:scale(1.06)}.wa-float svg{width:32px;height:32px;fill:#fff;position:relative;z-index:2}.wa-ring{position:absolute;inset:-7px;border:1px solid rgba(32,214,107,.35);border-radius:50%;animation:ring 2.2s infinite}.footer{background:#070b19;color:#fff;border-top:1px solid rgba(255,255,255,.06)}.footer-top{min-height:115px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:42px;height:42px;border-radius:13px;object-fit:cover}.footer-brand strong{display:block;font-family:Manrope;font-size:14px}.footer-brand span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#7384aa}.footer-love{font-size:11px;color:#a2abc0}.footer-love span{font-size:14px;margin:0 4px}.footer-credit{text-align:right;color:#6f7b98;font-size:10px;letter-spacing:.08em}.footer-bottom{height:52px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;color:#5f6b86;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
@keyframes ring{0%{transform:scale(.85);opacity:.8}70%,100%{transform:scale(1.35);opacity:0}}@keyframes messageIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.nav{display:none;position:absolute;top:75px;left:24px;right:24px;padding:13px;background:#0c1228;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.35);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px 14px}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.intro-grid,.life-grid{grid-template-columns:1fr;gap:55px}.experience-head,.gallery-head{display:block}.experience-head p,.gallery-head p{margin-top:20px}.feature-grid{grid-template-columns:1fr}.motto-card{grid-template-columns:55px 1fr}.motto-card p{grid-column:2}.contact-shell{grid-template-columns:1fr}.contact-details{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.footer-top{grid-template-columns:1fr;justify-items:start;padding:25px 0}.footer-credit{text-align:left}.footer-bottom{height:auto;padding:16px 0;gap:8px;flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.container{width:min(calc(100% - 32px),var(--max))}.top-location{display:none}.topbar-inner{justify-content:center}.site-header{height:74px}.brand{min-width:0}.brand-mark{width:40px;height:40px}.brand-text strong{font-size:15px}.hero{height:calc(100svh - 108px);min-height:650px}.hero-content{padding-top:30px}.hero-pill{font-size:8px}h1{font-size:49px;margin:20px 0}.hero-content>p{font-size:14px;line-height:1.7}.hero-note{margin-top:38px}.hero-bottom-inner{height:50px}.hero-bottom-inner span:not(.scroll),.hero-bottom-inner i{display:none}.hero-bottom-inner .scroll{font-size:8px;margin-left:0}.section{padding:80px 0}.intro h2,.experience-head h2,.life-copy h2,.gallery-head h2,.contact-main h2{font-size:42px}.lead{font-size:17px}.stat-row{grid-template-columns:1fr}.life-image-card{height:420px}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.gallery-item,.gallery-item.wide,.gallery-item.tall,.gallery-item.portrait{grid-column:span 1;grid-row:span 1}.gallery-item.wide:nth-child(2),.gallery-item.wide:last-child{grid-column:span 2}.motto-card{padding:30px 24px;grid-template-columns:1fr;gap:15px}.motto-card p{grid-column:auto}.motto-card h2{font-size:32px}.contact-main,.contact-details{padding:40px 27px}.wa-widget{right:15px;bottom:17px}.wa-message{max-width:180px;font-size:10px}.wa-float{width:59px;height:59px}.wa-float svg{width:28px}.footer-love{order:2}}

/* Refined feature cards: selected cards carry real school photography; the rest stay editorial and clean. */
.feature-card{min-height:430px;padding:24px;border-radius:25px;justify-content:flex-start;gap:20px}
.feature-card .feature-top{flex:0 0 auto}
.feature-top b{font-size:9px;letter-spacing:.16em;font-weight:800;color:#a8b9da;border:1px solid rgba(168,185,218,.22);padding:5px 8px;border-radius:999px}
.feature-image{height:170px;border-radius:17px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);background:#111a35;box-shadow:0 16px 35px rgba(0,0,0,.18)}
.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,29,.04),rgba(7,12,29,.28))}
.feature-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .6s ease;filter:saturate(.82) contrast(.98)}
.feature-card:hover .feature-image img{transform:scale(1.045);filter:saturate(.95) contrast(1.02)}
.feature-card > div:not(.feature-top):not(.feature-image):not(.card-arrow){margin-top:auto;padding-right:36px}
.feature-card h3{font-size:24px}
.feature-card p{max-width:360px}
.card-arrow{right:22px;bottom:22px;width:34px;height:34px}

/* Keep the WhatsApp prompt polished and free of decorative emoji. */
.wa-message{min-width:190px;text-align:center;white-space:nowrap}

@media(max-width:950px){
  .feature-card{min-height:390px}
  .feature-image{height:165px}
}
@media(max-width:620px){
  .feature-card{min-height:370px;padding:21px}
  .feature-image{height:145px;border-radius:15px}
  .feature-card h3{font-size:22px}
  .wa-message{min-width:0;max-width:205px;white-space:normal;text-align:left}
}


/* Tap any school photo to open a large, focused view. */
.feature-image img,.gallery-item img,.life-image-card img{cursor:zoom-in}
.image-lightbox{position:fixed;inset:0;z-index:300;background:rgba(4,8,20,.94);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:34px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.image-lightbox.open{opacity:1;visibility:visible;pointer-events:auto}
.image-lightbox img{max-width:min(94vw,1200px);max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.lightbox-close{position:absolute;right:24px;top:20px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff;font-size:30px;line-height:1;cursor:pointer}
#lightboxCaption{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;color:#cbd4e8;font-size:12px;text-align:center;max-width:80vw}
@media(max-width:620px){.image-lightbox{padding:18px}.image-lightbox img{max-width:96vw;max-height:80vh;border-radius:14px}.lightbox-close{right:14px;top:14px;width:42px;height:42px;font-size:27px}}