:root{
  --navy:#0a2f55;--navy2:#174f82;--gold:#d6a33d;--cream:#fbf7ef;--ink:#14233a;--muted:#5a6776;--line:#eadfca;--white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{text-decoration:none;color:inherit}img,video{max-width:100%;display:block}.shell{width:min(1220px,92vw);margin:auto}
.nav{position:sticky;top:0;z-index:100;background:rgba(255,252,246,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,47,85,.08)}
.navin{height:76px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:14px;margin-right:auto}.brand img{width:78px;height:56px;object-fit:contain}.brandMeta{font-size:12px;line-height:1.25;color:#8a6423}
.menu{display:flex;align-items:center;gap:4px;font-weight:800;font-size:14px}.menu a{padding:10px 14px;border-radius:999px}.menu a:hover,.menu a.active{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white;box-shadow:0 8px 20px rgba(10,47,85,.15)}
.whatsapp{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #dce3ea;font-weight:900;color:var(--navy);box-shadow:0 6px 18px rgba(0,0,0,.06)}
.hamb{display:none;border:0;background:none;font-size:28px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 22%,rgba(255,255,255,.98),rgba(252,247,238,.96) 34%,rgba(224,240,255,.48) 68%,rgba(255,255,255,0) 82%)}
.hero .shell{display:grid;grid-template-columns:.95fr 1.4fr;min-height:0;align-items:stretch}
.heroCopy{display:flex;flex-direction:column;justify-content:center;padding:46px 26px 46px 0;position:relative;z-index:2}
.eyebrow{letter-spacing:.32em;font-size:12px;font-weight:900;color:var(--navy);text-transform:uppercase}
.display{font-family:Baskerville,"Times New Roman",Georgia,serif;font-size:clamp(46px,4.7vw,68px);font-weight:400;font-style:normal;line-height:.99;letter-spacing:-.03em;color:var(--navy);margin:14px 0}.gold{color:var(--gold)}
.cn{font-size:22px;font-weight:800;letter-spacing:.12em;color:var(--navy);margin:2px 0 18px}.lead{font-size:17px;line-height:1.52;color:#34485f;max-width:590px;margin:8px 0}
.heroVisual{min-height:0;position:relative;overflow:hidden}.heroVisual img{width:100%;height:100%;object-fit:cover}.heroVisual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--cream) 0%,rgba(251,247,239,.62) 7%,transparent 25%)}
.ctaRow{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--navy);font-size:15px;font-weight:900;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;box-shadow:0 12px 26px rgba(10,47,85,.18)}
.stats{position:relative;z-index:3;margin-top:-12px}.statsRow{display:grid;grid-template-columns:repeat(6,1fr);background:rgba(255,255,255,.95);border-radius:24px;border:1px solid white;box-shadow:0 16px 40px rgba(10,47,85,.09);padding:14px}
.stat{text-align:center;padding:10px 6px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat .ico{font-size:22px;color:var(--gold);display:block}.stat b{display:block;color:var(--navy);font-size:15px}.stat span{font-size:11px;color:#6b7684}
.section{padding:72px 0}.kicker{font-size:12px;letter-spacing:.26em;font-weight:900;color:var(--gold);text-transform:uppercase}.sectionTitle{font-family:Baskerville,"Times New Roman",Georgia,serif;font-style:normal;font-weight:400;color:var(--navy);font-size:46px;line-height:1.02;margin:8px 0 16px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.card{background:#fffdf9;border:1px solid rgba(10,47,85,.08);border-radius:26px;box-shadow:0 14px 40px rgba(10,47,85,.07);overflow:hidden}.photo{width:100%;height:360px;object-fit:cover}
.gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.gallery img{height:240px;width:100%;object-fit:cover;border-radius:22px}.band{background:linear-gradient(135deg,#0a2f55,#174f82);color:white}.band .sectionTitle,.band .lead{color:white}.band .kicker{color:#f0c46b}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile{padding:24px}.tile h3{color:var(--navy);margin:0 0 8px;font-size:19px}.tile p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.icon{width:44px;height:44px;border-radius:50%;background:#fff4d8;color:var(--gold);display:grid;place-items:center;font-weight:900;margin-bottom:12px}
.video{width:100%;aspect-ratio:16/9;border-radius:24px;background:#000}.heroMini .shell{display:grid;grid-template-columns:.92fr 1.48fr;min-height:0;}.heroMini .heroCopy{padding:40px 26px 40px 0}.heroMini .heroVisual{min-height:0;border-radius:0 0 0 54px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process .card{padding:22px;text-align:center}.process strong{display:block;color:var(--navy);font-size:18px;margin:8px 0}.footer{background:#071f38;color:white;padding:36px 0}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.fine{font-size:13px;color:#d8e0e8}
.waveTop{position:relative}.waveTop:before{content:"";position:absolute;left:0;right:0;top:-28px;height:30px;background:linear-gradient(175deg,transparent 0 42%,#edc66f 43% 48%,var(--cream) 49%)}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.on{opacity:1;transform:none}
.carousel{position:relative}.carouselTrack{display:flex;gap:14px;overflow:hidden}.carouselTrack img{min-width:calc(33.333% - 10px);height:220px;object-fit:cover;border-radius:22px}.carBtn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #d9b35a;background:white;color:var(--navy);font-size:22px;z-index:2}.carBtn.prev{left:-12px}.carBtn.next{right:-12px}
@media(max-width:900px){
 .navin{height:66px}.brand img{width:58px;height:44px}.brandMeta{display:none}.whatsapp{font-size:12px;padding:8px 10px;margin-left:auto}.hamb{display:block}.menu{display:none;position:absolute;top:66px;left:4vw;right:4vw;background:white;flex-direction:column;align-items:stretch;padding:14px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.menu.open{display:flex}.menu a{text-align:center}
 .hero .shell,.heroMini .shell,.split{grid-template-columns:1fr}.heroCopy,.heroMini .heroCopy{padding:34px 0 20px;text-align:center}.heroVisual,.heroMini .heroVisual{min-height:330px;height:330px;border-radius:0}.heroVisual:before{background:linear-gradient(180deg,var(--cream) 0%,rgba(251,247,239,.18) 18%,transparent 40%)}
 .display{font-size:42px}.cn{font-size:18px}.lead{font-size:15px;margin-left:auto;margin-right:auto}.ctaRow{justify-content:center}.btn{min-height:44px;padding:0 18px;font-size:14px}
 .stats{margin-top:14px}.statsRow{grid-template-columns:repeat(3,1fr);padding:10px}.stat:nth-child(3),.stat:nth-child(6){border-right:0}.stat b{font-size:13px}.stat span{font-size:10px}
 .section{padding:54px 0}.sectionTitle{font-size:36px}.grid3,.grid4,.process,.footergrid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery img{height:220px}.photo{height:300px}
 .carouselTrack{overflow-x:auto;scroll-snap-type:x mandatory}.carouselTrack img{min-width:82%;scroll-snap-align:center}.carBtn{display:none}
}
.appointmentWrap{width:min(980px,92vw);margin:56px auto 80px;display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:start}
.appointmentIntro{padding:28px}
.appointmentForm{background:#fffdf9;border:1px solid rgba(10,47,85,.08);border-radius:28px;padding:28px;box-shadow:0 16px 44px rgba(10,47,85,.08)}
.form-field{margin-bottom:18px}.form-label{display:block;font-weight:800;color:var(--navy);margin-bottom:7px}
.form-control{width:100%;min-height:48px;border:1px solid #d8dfe6;border-radius:14px;padding:11px 13px;background:white;font:inherit;color:var(--ink)}
textarea.form-control{min-height:120px;resize:vertical}.form-error{color:#a62828;font-size:13px;margin:5px 0 0}
.form-submit{width:100%;min-height:50px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:white;font-weight:900;font-size:15px;cursor:pointer}
.form-success{padding:24px;border-radius:18px;background:#edf8ef;color:#255c33;font-weight:800;line-height:1.5}.form-submit[disabled]{opacity:.6}
@media(max-width:900px){.appointmentWrap{grid-template-columns:1fr;margin-top:32px}.appointmentIntro{text-align:center}.appointmentForm{padding:20px}}

.appointmentNative{padding:12px}.appointmentFrame{width:100%;height:760px;border:0;border-radius:18px;background:#fff}.appointmentFallback{text-align:center;font-size:13px;color:var(--muted);margin:10px 0 0}.appointmentFallback a{color:var(--navy);font-weight:800;text-decoration:underline}@media(max-width:900px){.appointmentFrame{height:860px}}

.imageLightbox{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(5,18,34,.88);backdrop-filter:blur(6px)}
.imageLightbox.open{display:flex}
.imageLightbox img{max-width:min(94vw,1500px);max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.42);animation:lightboxIn .22s ease-out}
.imageLightboxClose{position:absolute;top:22px;right:22px;width:48px;height:48px;border:0;border-radius:999px;background:rgba(255,255,255,.96);color:var(--navy);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.24);display:grid;place-items:center}
.imageLightboxClose:hover{transform:scale(1.05)}
.zoomable{cursor:zoom-in}
@keyframes lightboxIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.imageLightbox{padding:18px}.imageLightboxClose{top:14px;right:14px;width:44px;height:44px}}

.carouselTrack{display:flex;gap:14px;overflow-x:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.carouselTrack img{flex:0 0 calc(33.333% - 10px);min-width:calc(33.333% - 10px);height:220px;object-fit:cover;border-radius:22px;scroll-snap-align:start}
.carouselDots{display:flex;justify-content:center;gap:7px;margin-top:13px}
.carouselDots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d9d9d9;cursor:pointer}
.carouselDots button.active{background:var(--gold)}
@media(max-width:900px){.carouselTrack{overflow-x:hidden}.carouselTrack img{flex-basis:82%;min-width:82%}.carBtn{display:grid}}

.bookingLoading,.bookingEmpty,.bookingError{padding:22px;text-align:center;color:var(--muted);font-weight:700}
.bookingToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.bookingToolbar button{border:1px solid #d8c89f;background:#fff;border-radius:999px;padding:10px 15px;color:var(--navy);font-weight:800;cursor:pointer}
.bookingDays{display:grid;gap:16px}.bookingDay{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff}
.bookingDay h3{margin:0 0 11px;color:var(--navy);font-size:16px}.slotGrid{display:flex;flex-wrap:wrap;gap:9px}
.slotBtn{border:1px solid #ccd6df;background:#fff;border-radius:999px;padding:9px 13px;color:var(--navy);font-weight:800;cursor:pointer}
.slotBtn.selected{background:var(--navy);color:white;border-color:var(--navy)}.slotBtn:disabled{opacity:.42;cursor:not-allowed}
.bookingFormFields{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.bookingFormFields label{display:block;font-weight:800;color:var(--navy);margin:0 0 7px}
.bookingField{margin-bottom:15px}.bookingField input,.bookingField select{width:100%;height:46px;border:1px solid #d8dfe6;border-radius:13px;padding:0 12px;background:#fff;font:inherit}
.bookingSummary{margin:18px 0;padding:14px 16px;border-radius:15px;background:#f4f8fb;color:var(--navy);font-weight:800}
.bookingSubmit{width:100%;min-height:50px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.bookingSubmit:disabled{opacity:.5;cursor:not-allowed}.bookingSuccess{padding:24px;border-radius:18px;background:#edf8ef;color:#255c33;font-weight:800;line-height:1.6}

.bookingDatePicker{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:18px}
.bookingDatePicker label{display:block;color:var(--navy);font-weight:900;margin-bottom:9px}
.bookingDatePicker input[type="date"]{width:100%;height:50px;border:1px solid #ccd6df;border-radius:14px;padding:0 14px;background:#fff;color:var(--navy);font:inherit;font-weight:800}
.bookingDateDisplay{margin-top:9px;color:var(--muted);font-size:13px}
.bookingTimesHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px 0 14px;color:var(--navy)}
.bookingTimesHeader span{font-size:12px;color:var(--muted);font-weight:700}

.bookingSuccessTitle{font-size:18px;font-weight:900;margin-bottom:4px}.bookingSuccessCn{margin-bottom:16px}.bookingSuccessDetails{display:grid;gap:10px;padding-top:14px;border-top:1px solid rgba(37,92,51,.16)}.bookingSuccessDetails div{display:flex;justify-content:space-between;gap:18px;align-items:center}.bookingSuccessDetails strong{color:#214d2b}.bookingSuccessDetails span{font-weight:800;text-align:right}@media(max-width:600px){.bookingSuccessDetails div{align-items:flex-start;flex-direction:column;gap:3px}.bookingSuccessDetails span{text-align:left}}

.faqPage{padding:54px 0 84px}.faqIntro{max-width:820px;margin:0 auto 34px;text-align:center}.faqIntro .lead{max-width:720px;margin:12px auto 0}.faqCategories{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 34px}.faqCat{padding:18px;border:1px solid var(--line);border-radius:20px;background:#fffdf9;box-shadow:0 10px 28px rgba(14,43,73,.05)}.faqCat b{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}.faqCat span{font-size:13px;color:var(--muted)}.faqGroup{margin:34px 0 0}.faqGroupHead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.faqGroupHead h2{margin:0;color:var(--navy);font-family:Georgia,serif;font-style:normal;font-size:30px;font-weight:500}.faqGroupHead span{font-size:13px;color:var(--muted)}.faqList{display:grid;gap:12px}.faqItem{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(14,43,73,.04)}.faqItem summary{list-style:none;cursor:pointer;padding:18px 54px 18px 20px;font-weight:900;color:var(--navy);position:relative}.faqItem summary::-webkit-details-marker{display:none}.faqItem summary:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:1px solid #d8c89f;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:20px;font-weight:600}.faqItem[open] summary:after{content:'–'}.faqAnswer{padding:0 20px 20px;color:var(--ink);line-height:1.75}.faqAnswer p{margin:0 0 8px}.faqAnswer p:last-child{margin-bottom:0}.faqCta{margin-top:42px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#0b3157,#154f7d);color:white;display:flex;align-items:center;justify-content:space-between;gap:24px}.faqCta h3{margin:0 0 6px;font-family:Georgia,serif;font-size:28px;font-style:normal;font-weight:500}.faqCta p{margin:0;color:rgba(255,255,255,.82)}.faqCta .btn{background:white;color:var(--navy);border-color:white}@media(max-width:900px){.faqCategories{grid-template-columns:1fr 1fr}.faqGroupHead{align-items:flex-start;flex-direction:column}.faqCta{align-items:flex-start;flex-direction:column}.faqGroupHead h2{font-size:26px}}@media(max-width:600px){.faqPage{padding-top:34px}.faqCategories{grid-template-columns:1fr}.faqItem summary{padding:16px 50px 16px 16px}.faqAnswer{padding:0 16px 18px}}

.carouselTrack{
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  touch-action:pan-x;
  cursor:grab;
}
.carouselTrack::-webkit-scrollbar{display:none}
.carouselTrack.dragging{cursor:grabbing;scroll-behavior:auto!important;scroll-snap-type:none}
.carouselTrack img{user-select:none;-webkit-user-drag:none;scroll-snap-align:start}

.gradPage{background:linear-gradient(180deg,#fbf7ef 0%,#fff 36%,#f8efe2 100%)}
.gradHero{position:relative;overflow:hidden;padding:74px 0 64px;background:radial-gradient(circle at 80% 18%,rgba(215,165,63,.2),transparent 30%),linear-gradient(135deg,#071f3a 0%,#0d3f66 58%,#143c56 100%);color:#fff}
.gradHero:after{content:"";position:absolute;inset:auto -8% -110px -8%;height:180px;background:#fbf7ef;border-radius:50% 50% 0 0}
.gradHero .shell{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;z-index:2}
.gradEyebrow{letter-spacing:.24em;font-weight:900;font-size:12px;color:#efc86f;margin-bottom:14px}
.gradTitle{font-family:Georgia,serif;font-style:normal;font-size:clamp(48px,6vw,88px);line-height:.95;margin:0 0 14px;font-weight:500}
.gradTitle span{display:block;color:#efc86f}
.gradLead{font-size:18px;line-height:1.7;color:rgba(255,255,255,.86);max-width:670px}
.gradHeroCard{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.35);min-height:430px}
.gradHeroCard img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.gradHeroCard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,22,39,.8))}
.gradHeroBadge{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gradHeroBadge div{padding:12px 14px;border:1px solid rgba(255,255,255,.3);background:rgba(8,34,58,.72);backdrop-filter:blur(8px);border-radius:14px}
.gradHeroBadge b{display:block;font-size:13px}.gradHeroBadge span{display:block;font-size:12px;color:rgba(255,255,255,.72);margin-top:2px}
.gradSection{padding:72px 0}
.gradIntro{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.gradKicker{letter-spacing:.22em;font-size:12px;font-weight:900;color:var(--gold);text-transform:uppercase}
.gradHeading{font-family:Georgia,serif;font-style:normal;color:var(--navy);font-size:clamp(34px,4vw,56px);line-height:1.02;margin:8px 0 18px;font-weight:500}
.gradText{font-size:17px;line-height:1.8;color:var(--ink)}
.gradImage{border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(14,43,73,.12)}
.gradImage img{display:block;width:100%;height:420px;object-fit:cover}
.gradStats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.gradStat{padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.gradStat b{display:block;color:var(--navy);font-size:19px;margin-bottom:5px}.gradStat span{font-size:13px;color:var(--muted)}
.gradStory{background:#0b3157;color:white}
.gradStory .gradHeading{color:white}.gradStory .gradText{color:rgba(255,255,255,.82)}
.gradStoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.gradGallery{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.gradGallery img{width:100%;height:100%;object-fit:cover;border-radius:22px}
.gradGallery .tall{grid-row:span 2;min-height:420px}.gradGallery .small{min-height:202px}
.gradHighlights{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.gradHighlight{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(14,43,73,.05)}
.gradHighlight h3{margin:0 0 8px;color:var(--navy);font-family:Georgia,serif;font-size:22px}.gradHighlight p{margin:0;color:var(--muted);line-height:1.7}
.gradTimeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.gradMoment{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}
.gradMoment .num{font-size:12px;color:var(--gold);font-weight:900;letter-spacing:.14em}.gradMoment b{display:block;color:var(--navy);margin:8px 0 6px}.gradMoment p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
.gradDress{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.gradDress .card{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line)}
.gradDress h3{margin:0 0 10px;color:var(--navy)}.gradDress p{margin:0;color:var(--muted);line-height:1.7}
.gradFinal{padding:38px;border-radius:30px;background:linear-gradient(135deg,#d29b2f,#f0c96c);color:#09233d;display:flex;justify-content:space-between;gap:24px;align-items:center}
.gradFinal h2{font-family:Georgia,serif;font-style:normal;font-size:34px;margin:0 0 7px}.gradFinal p{margin:0;max-width:720px;line-height:1.7}
@media(max-width:1000px){.gradHero .shell,.gradIntro,.gradStoryGrid{grid-template-columns:1fr}.gradHeroCard{min-height:360px}.gradStats,.gradTimeline{grid-template-columns:1fr 1fr}.gradHighlights{grid-template-columns:1fr 1fr}.gradDress{grid-template-columns:1fr}.gradGallery{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gradHero{padding-top:48px}.gradTitle{font-size:48px}.gradHeroBadge{grid-template-columns:1fr;left:14px;right:14px}.gradHeroCard{min-height:430px}.gradStats,.gradTimeline,.gradHighlights{grid-template-columns:1fr}.gradGallery{grid-template-columns:1fr}.gradGallery .tall,.gradGallery .small{min-height:240px}.gradFinal{align-items:flex-start;flex-direction:column}}

/* TCB 2026 premium layout refinement */
:root{--page-pad:clamp(22px,3vw,54px)}
.shell{width:min(100% - (var(--page-pad)*2),1680px)!important;max-width:none!important}
.nav .shell{width:min(100% - 28px,1680px)!important}
.menu{gap:clamp(16px,1.7vw,30px)!important}
.menu a{font-size:clamp(13px,.82vw,15px)!important;line-height:1.15!important;white-space:nowrap!important;padding:10px 12px!important}
.navin{min-height:76px!important}
.brandMeta{font-size:13px!important;line-height:1.2!important}
.whatsapp{font-size:14px!important;padding:10px 16px!important;white-space:nowrap!important}
@media(min-width:1180px){.hero>.shell,.heroMini>.shell{min-height:calc(100vh - 76px)}}
.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.apple-fade{opacity:0;transform:translateY(56px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.apple-fade.is-visible{opacity:1;transform:none}
.gradThemeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.gradThemeGrid figure{margin:0;position:relative;overflow:hidden;border-radius:28px;background:#082b4d;min-height:360px;box-shadow:0 20px 50px rgba(8,32,55,.12)}
.gradThemeGrid img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.gradThemeGrid figure:hover img{transform:scale(1.035)}
.gradThemeGrid figcaption{position:absolute;left:0;right:0;bottom:0;padding:52px 24px 22px;background:linear-gradient(transparent,rgba(4,22,39,.88));color:#fff}
.gradThemeGrid figcaption b{display:block;font-family:Georgia,serif;font-size:24px;font-weight:500;margin-bottom:5px}
.gradThemeGrid figcaption span{font-size:14px;color:rgba(255,255,255,.82)}
.gradVisualStory{padding-top:30px}
@media(max-width:1180px){.menu{gap:8px!important}.menu a{font-size:12px!important;padding:9px 8px!important}.brandMeta{display:none}}
@media(max-width:900px){.gradThemeGrid{grid-template-columns:1fr}.gradThemeGrid figure,.gradThemeGrid img{min-height:300px}.menu{display:none!important}.whatsapp{font-size:12px!important}}

/* TCB MOBILE NAV + MOBILE POLISH */
@media(max-width:900px){
  body.mobile-menu-open{overflow:hidden}
  .nav{position:sticky;top:0;z-index:200;background:rgba(255,251,244,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(8,43,77,.08)}
  .navin{min-height:68px!important;padding:8px 0!important}
  .brand{gap:8px!important;min-width:0}
  .brand img{width:54px!important;height:54px!important;object-fit:contain}
  .brandMeta{display:none!important}
  .whatsapp{margin-left:auto!important;font-size:11px!important;padding:9px 11px!important;border-radius:999px!important;max-width:112px;overflow:hidden;text-overflow:ellipsis}
  .hamb{display:grid!important;place-items:center;width:42px;height:42px;border:1px solid rgba(8,43,77,.12);border-radius:14px;background:#fff;color:var(--navy);font-size:22px;line-height:1;box-shadow:0 8px 20px rgba(14,43,73,.08);margin-left:8px;cursor:pointer}
  .menu{
    display:flex!important;
    position:fixed!important;
    top:0;right:0;
    width:min(86vw,360px);
    height:100dvh;
    padding:92px 22px 26px;
    background:rgba(255,251,244,.985);
    backdrop-filter:blur(18px);
    flex-direction:column;
    align-items:stretch!important;
    gap:8px!important;
    transform:translateX(105%);
    transition:transform .36s cubic-bezier(.2,.7,.2,1);
    z-index:220;
    box-shadow:-24px 0 60px rgba(4,24,45,.18);
    overflow-y:auto;
  }
  body.mobile-menu-open .menu{transform:translateX(0)}
  .menu a{
    font-size:16px!important;
    line-height:1.2!important;
    padding:14px 16px!important;
    border-radius:14px;
    white-space:normal!important;
    color:var(--navy)!important;
    background:transparent;
  }
  .menu a.active{background:var(--navy)!important;color:#fff!important}
  .mobileMenuClose{
    display:grid!important;
    position:fixed;
    top:16px;
    right:16px;
    z-index:230;
    width:42px;height:42px;
    place-items:center;
    border-radius:14px;
    border:1px solid rgba(8,43,77,.12);
    background:#fff;
    color:var(--navy);
    font-size:24px;
    box-shadow:0 8px 20px rgba(14,43,73,.08);
    opacity:0;pointer-events:none;
    transition:opacity .2s ease;
  }
  body.mobile-menu-open .mobileMenuClose{opacity:1;pointer-events:auto}
  .mobileMenuBackdrop{
    position:fixed;inset:0;background:rgba(3,18,32,.38);backdrop-filter:blur(3px);
    z-index:210;opacity:0;pointer-events:none;transition:opacity .28s ease;
  }
  body.mobile-menu-open .mobileMenuBackdrop{opacity:1;pointer-events:auto}

  .shell{width:min(100% - 28px,100%)!important}
  .hero>.shell,.heroMini>.shell,.gradHero .shell{min-height:auto!important}
  .hero .shell,.heroMini .shell{grid-template-columns:1fr!important;gap:18px!important;padding-top:28px!important;padding-bottom:28px!important}
  .heroCopy{order:1}
  .heroVisual{order:2;min-height:0!important}
  .heroVisual img{border-radius:24px!important;max-height:none!important}
  .display{font-size:clamp(40px,12vw,62px)!important;line-height:.98!important}
  .hero .cn,.heroMini .cn{font-size:18px!important;line-height:1.45!important}
  .lead{font-size:15px!important;line-height:1.65!important}
  .ctaRow{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .ctaRow .btn,.btn.primary{width:100%!important;justify-content:center!important;min-height:48px}
  .featureStrip,.features,.statsGrid{grid-template-columns:repeat(2,1fr)!important}
  .featureStrip>*{min-width:0!important}
  .sectionTitle,.gradHeading{font-size:34px!important;line-height:1.03!important}
  .gradTitle{font-size:46px!important}
  .gradHeroCard{min-height:360px!important;border-radius:24px!important}
  .gradHeroBadge{position:absolute!important;grid-template-columns:1fr!important;gap:8px!important;bottom:12px!important}
  .gradHeroBadge div{padding:10px 12px!important}
  .gradSection{padding:48px 0!important}
  .gradThemeGrid{gap:14px!important}
  .gradThemeGrid figure{min-height:280px!important;border-radius:22px!important}
  .gradThemeGrid img{min-height:280px!important}
  .gradThemeGrid figcaption{padding:42px 18px 18px!important}
  .gradThemeGrid figcaption b{font-size:20px!important}
  .gradStats,.gradTimeline,.gradHighlights{grid-template-columns:1fr!important}
  .gradFinal{padding:24px!important;border-radius:24px!important}
  .gradFinal h2{font-size:28px!important}
  .faqCategories{grid-template-columns:1fr!important}
  .faqPage{padding-top:34px!important}
  .faqGroup{margin-top:26px!important}
  .faqGroupHead h2{font-size:26px!important}
  .faqItem summary{font-size:15px!important;line-height:1.4!important}
  .carouselTrack{gap:12px!important}
  .carouselTrack img{min-width:84%!important;max-width:84%!important;border-radius:22px!important}
  .carouselNav{width:42px!important;height:42px!important}
  .footergrid{grid-template-columns:1fr!important;gap:16px!important}
}
@media(max-width:480px){
  .featureStrip,.features,.statsGrid{grid-template-columns:1fr!important}
  .whatsapp{max-width:104px}
  .display{font-size:42px!important}
  .gradTitle{font-size:42px!important}
}

/* TCB MOBILE FINAL OVERRIDE */
@media(max-width:900px){
  .menu.open{display:flex!important}
  .menu{
    left:auto!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:min(86vw,360px)!important;
    height:100dvh!important;
    border-radius:0!important;
    padding:88px 20px 28px!important;
    box-shadow:-24px 0 60px rgba(4,24,45,.18)!important;
    transform:translateX(105%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    z-index:220!important;
  }
  body.mobile-menu-open .menu{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  .hamb{position:relative!important;z-index:205!important}
  .mobileMenuBackdrop{display:block!important}
  .mobileMenuClose{display:grid!important}
  .hero,.heroMini{overflow:hidden}
  .hero .shell,.heroMini .shell{display:grid!important;grid-template-columns:1fr!important}
  .heroCopy{padding:6px 0 0!important}
  .heroVisual{width:100%!important}
  .heroVisual img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .featureStrip{margin-top:18px!important}
}

/* TCB MOBILE CRISP MENU */
@media(max-width:900px){
  .menu{
    background:#fffaf2!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:-18px 0 42px rgba(4,24,45,.16)!important;
  }
  .mobileMenuBackdrop{
    background:rgba(3,18,32,.28)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .nav{
    background:#fffaf2!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .menu a{
    background:#fffaf2!important;
    border:1px solid rgba(8,43,77,.06);
  }
  .menu a.active{
    background:var(--navy)!important;
    color:#fff!important;
  }
}

/* TCB MOBILE MENU STACKING FIX */
@media(max-width:900px){
  .nav{z-index:260!important}
  .menu{z-index:280!important}
  .mobileMenuClose{z-index:300!important}
  .mobileMenuBackdrop{z-index:240!important}
  body.mobile-menu-open .menu,
  body.mobile-menu-open .menu a{
    pointer-events:auto!important;
  }
}

/* VISUAL WEBSITE ENRICHMENT */
.visualCardGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.visualCard{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 14px 34px rgba(14,43,73,.07);transition:transform .35s ease,box-shadow .35s ease}.visualCard:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(14,43,73,.12)}.visualCard>img{width:100%;height:220px;object-fit:cover;display:block}.visualCardBody{padding:20px 22px 24px}.visualCardBody h3{margin:10px 0 7px;color:var(--navy);font-size:22px}.visualCardBody p{margin:0;color:var(--muted);line-height:1.7}.visualBadge{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:#fff4cf;color:#c79322;font-weight:900}.visualStoryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.visualStoryGrid figure,.activityVisualGrid article,.aiVisualGrid figure{margin:0;position:relative;overflow:hidden;border-radius:24px;background:#0b3157;min-height:300px}.visualStoryGrid img,.activityVisualGrid img,.aiVisualGrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.visualStoryGrid figure:hover img,.activityVisualGrid article:hover img,.aiVisualGrid figure:hover img{transform:scale(1.035)}.visualStoryGrid figcaption,.aiVisualGrid figcaption,.activityVisualGrid article>div{position:absolute;left:0;right:0;bottom:0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(5,24,42,.88));color:white}.visualStoryGrid figcaption b{display:block;font-family:Georgia,serif;font-size:21px;margin-bottom:4px}.visualStoryGrid figcaption span{font-size:13px;color:rgba(255,255,255,.82)}.activityVisualGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.activityVisualGrid article{min-height:260px}.activityVisualGrid h3{margin:0 0 4px;font-family:Georgia,serif;font-size:23px}.activityVisualGrid p{margin:0;color:rgba(255,255,255,.82)}.aiVisualShowcase{background:linear-gradient(180deg,#f8fbff,#eef5fb)}.aiVisualGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.aiVisualGrid figure{min-height:320px}.aiVisualGrid .wide{grid-column:1/-1;min-height:420px}.aiVisualGrid figcaption{font-size:18px;font-weight:800}@media(max-width:900px){.visualCardGrid,.visualStoryGrid,.activityVisualGrid,.aiVisualGrid{grid-template-columns:1fr!important}.visualCard>img{height:200px}.visualStoryGrid figure,.activityVisualGrid article,.aiVisualGrid figure,.aiVisualGrid .wide{min-height:260px;grid-column:auto}}

/* TCB GLOBAL MOBILE LAYOUT RESET */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px}
  .section{padding:44px 0!important}
  .shell{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important}
  .hero>.shell,.heroMini>.shell,.split,.grid3,.grid4,.process,.footergrid,.appointmentWrap,.gradIntro,.gradStoryGrid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  .hero,.heroMini{padding:0!important}
  .hero .shell,.heroMini .shell{padding-top:22px!important;padding-bottom:28px!important}
  .heroCopy{order:1!important}
  .heroVisual{order:2!important;width:100%!important}
  .heroVisual img{width:100%!important;aspect-ratio:16/10!important;height:auto!important;object-fit:cover!important;border-radius:22px!important}
  .display{font-size:clamp(38px,11vw,52px)!important;line-height:1!important;margin-bottom:14px!important}
  .sectionTitle{font-size:30px!important;line-height:1.08!important}
  .lead{font-size:15px!important;line-height:1.65!important}
  .ctaRow{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .ctaRow .btn{width:100%!important;justify-content:center!important}
  .statsRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .stat{padding:14px 10px!important}
  .visualCardGrid,.visualStoryGrid,.activityVisualGrid,.aiVisualGrid{grid-template-columns:1fr!important;gap:14px!important}
  .visualCard>img{height:auto!important;aspect-ratio:16/10!important}
  .visualStoryGrid figure,.activityVisualGrid article,.aiVisualGrid figure,.aiVisualGrid .wide{min-height:250px!important;grid-column:auto!important}
  .video{width:100%!important;aspect-ratio:16/9!important;height:auto!important;border-radius:18px!important}
  .carouselTrack img{min-width:88%!important;max-width:88%!important}
  .gradHero .shell{grid-template-columns:1fr!important}
  .gradHeroBadge{grid-template-columns:1fr!important}
  .faqCta,.gradFinal{display:flex!important;flex-direction:column!important;align-items:stretch!important}
}
@media(max-width:520px){
  .statsRow{grid-template-columns:1fr!important}
  .display{font-size:40px!important}
  .nav .whatsapp{display:none!important}
}

/* PREMIUM MOBILE REDESIGN V2 */
.premiumPage .heroVisual img{box-shadow:0 24px 70px rgba(7,35,62,.14)}
.premiumSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.premiumSteps>div{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(8,40,68,.05)}
.premiumSteps span{display:block;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.14em}.premiumSteps b{display:block;color:var(--navy);font-size:20px;margin:8px 0 5px}.premiumSteps small{color:var(--muted);font-size:13px}
.aiFeatureDeck{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.aiFeatureDeck .card{min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#fff,#eef6ff);border:1px solid #d9e8f4}
.aiFeatureDeck .icon{width:46px;height:46px}
@media(max-width:900px){
  .premiumPage{background:#fbfaf7}
  .premiumPage .nav{position:sticky;top:0}
  .premiumPage .heroMini.hero>.shell{display:flex!important;flex-direction:column!important;gap:16px!important;padding:18px 14px 30px!important}
  .premiumPage .heroCopy{padding:0!important}
  .premiumPage .heroCopy .eyebrow{font-size:11px!important;letter-spacing:.18em!important;margin-bottom:10px!important}
  .premiumPage .display{font-size:clamp(38px,12vw,52px)!important;line-height:.98!important;letter-spacing:-.02em!important}
  .premiumPage .heroVisual{margin:0 -14px!important;width:calc(100% + 28px)!important}
  .premiumPage .heroVisual img{border-radius:0!important;aspect-ratio:16/10!important;box-shadow:none!important}
  .premiumPage .section{padding:38px 0!important}
  .premiumPage .sectionTitle{font-size:30px!important;line-height:1.04!important}
  .premiumPage .kicker{font-size:11px!important;letter-spacing:.18em!important}
  .programmesPage .visualCardGrid{display:flex!important;overflow-x:auto;gap:14px!important;scroll-snap-type:x mandatory;padding:4px 14px 18px;margin-left:-14px;margin-right:-14px;scrollbar-width:none}
  .programmesPage .visualCardGrid::-webkit-scrollbar{display:none}
  .programmesPage .visualCard{min-width:82vw;scroll-snap-align:center;border-radius:24px!important}
  .programmesPage .visualCard>img{height:auto!important;aspect-ratio:4/3!important}
  .programmesPage .visualCardBody{padding:18px!important}
  .admissionsPage .process{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .admissionsPage .process .card{padding:16px!important}
  .premiumSteps{display:flex!important;overflow-x:auto;gap:12px!important;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none}
  .premiumSteps::-webkit-scrollbar{display:none}
  .premiumSteps>div{min-width:72vw;scroll-snap-align:center}
  .aiPage .aiFeatureDeck{display:flex!important;overflow-x:auto;gap:12px!important;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:none}
  .aiPage .aiFeatureDeck::-webkit-scrollbar{display:none}
  .aiPage .aiFeatureDeck .card{min-width:78vw;scroll-snap-align:center}
  .aiPage #ai-video .split{gap:16px!important}
  .aiPage .video{border-radius:22px!important;box-shadow:0 18px 42px rgba(7,35,62,.14)}
  .highlightsPage .activityVisualGrid{display:flex!important;overflow-x:auto;gap:14px!important;scroll-snap-type:x mandatory;padding:4px 14px 18px;margin-left:-14px;margin-right:-14px;scrollbar-width:none}
  .highlightsPage .activityVisualGrid::-webkit-scrollbar{display:none}
  .highlightsPage .activityVisualGrid article{min-width:84vw!important;min-height:360px!important;scroll-snap-align:center;border-radius:24px!important}
  .highlightsPage .activityVisualGrid article>div{padding:68px 20px 20px!important}
}
@media(max-width:520px){
  .admissionsPage .process{grid-template-columns:1fr!important}
}

/* PROGRAMMES HD REFINEMENT */
.programmesPage .visualCard>img{aspect-ratio:16/11;height:auto;object-fit:cover}.programmesPage .visualCardBody{min-height:168px}@media(max-width:900px){.programmesPage .heroVisual img{aspect-ratio:4/3!important}.programmesPage .visualCardGrid{padding-left:18px!important;padding-right:18px!important}.programmesPage .visualCard{min-width:min(84vw,390px)!important;background:#fff!important;box-shadow:0 18px 44px rgba(7,35,62,.10)!important}.programmesPage .visualCard>img{aspect-ratio:4/3!important}.programmesPage .visualCardBody{min-height:0!important;padding:18px 18px 20px!important}}

/* PROGRAMMES FACE-SAFE HD CROPPING FIX */
.programmesPage .heroVisual{overflow:hidden!important}.programmesPage .heroVisual img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center top!important;background:#f7f3eb!important}.programmesPage .visualCard{overflow:hidden!important}.programmesPage .visualCard>img{width:100%!important;height:300px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 28%!important;image-rendering:auto!important}.programmesPage .visualCard:nth-child(1)>img{object-position:center 32%!important}.programmesPage .visualCard:nth-child(2)>img{object-position:center 24%!important}.programmesPage .visualCard:nth-child(3)>img{object-position:center 22%!important}.programmesPage .visualCard:nth-child(4)>img{object-position:center 26%!important}.programmesPage .visualCard:nth-child(5)>img{object-position:center 28%!important}.programmesPage .visualCard:nth-child(6)>img{object-position:center 30%!important}@media(max-width:900px){.programmesPage .heroVisual img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}.programmesPage .visualCard>img{height:320px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 25%!important}.programmesPage .visualCard{min-width:min(88vw,420px)!important}}@media(max-width:520px){.programmesPage .visualCard>img{height:290px!important;object-position:center 22%!important}}

/* Q&A READINESS + HOME MOBILE STATS REFINEMENT */
.readinessGuide{margin:34px 0 48px}.readinessHead{max-width:860px;margin:0 auto 24px;text-align:center}.readinessGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.readinessCard{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(14,43,73,.05)}.readinessNo{display:inline-block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.16em}.readinessCard h3{margin:8px 0;color:var(--navy);font-size:21px}.readinessCard p{margin:0 0 10px;color:var(--ink);line-height:1.7}.readinessCard ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.75}.readinessChecklist{margin-top:18px;padding:26px;border-radius:24px;background:linear-gradient(135deg,#0b3157,#154f7d);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.readinessChecklist h3{margin:6px 0 8px;font-family:Georgia,serif;font-style:normal;font-size:29px}.readinessChecklist p{margin:0;color:rgba(255,255,255,.8);line-height:1.7}.checkGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkGrid span{padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.07);font-size:13px}.doDont{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.doCard,.dontCard{padding:20px;border-radius:20px}.doCard{background:#eef8f0;border:1px solid #cfe7d3}.dontCard{background:#fff4ef;border:1px solid #f1d8cd}.doDont h3{margin:0 0 8px;color:var(--navy)}.doDont p{margin:0;line-height:1.7;color:var(--muted)}@media(max-width:900px){.readinessGrid,.readinessChecklist,.doDont{grid-template-columns:1fr}.readinessCard{padding:20px}.checkGrid{grid-template-columns:1fr}.stats{padding:16px 0!important}.stats .statsRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.stats .stat{min-height:126px!important;padding:14px 10px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(8,43,77,.08)!important;box-shadow:0 8px 22px rgba(14,43,73,.05)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important}.stats .stat:after{display:none!important}.stats .stat .ico{font-size:22px!important;margin-bottom:5px!important}.stats .stat b{font-size:14px!important;line-height:1.25!important}.stats .stat>span:last-child{font-size:11px!important;margin-top:4px!important;color:var(--muted)!important}}@media(max-width:430px){.stats .statsRow{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats .stat{min-height:118px!important;padding:12px 8px!important}.stats .stat b{font-size:13px!important}}

/* HOME MOBILE FINAL DESIGN */
@media(max-width:900px){body:not(.premiumPage) .navin{min-height:58px!important;padding:5px 0!important}body:not(.premiumPage) .brand img{width:46px!important;height:46px!important}body:not(.premiumPage) .hamb{width:38px!important;height:38px!important;border-radius:12px!important;font-size:19px!important;box-shadow:none!important}body:not(.premiumPage) .hero{padding:0!important;background:#fbf8f2!important}body:not(.premiumPage) .hero>.shell{width:100%!important;padding:14px 16px 18px!important;gap:14px!important}body:not(.premiumPage) .heroCopy{padding:0!important}body:not(.premiumPage) .hero .eyebrow{font-size:10px!important;letter-spacing:.17em!important;margin-bottom:7px!important}body:not(.premiumPage) .hero .display{font-size:clamp(34px,9.5vw,44px)!important;line-height:.97!important;margin:0 0 10px!important}body:not(.premiumPage) .hero .cn{font-size:15px!important;line-height:1.35!important;margin-bottom:8px!important}body:not(.premiumPage) .hero .lead{font-size:13px!important;line-height:1.5!important;margin:0 0 12px!important}body:not(.premiumPage) .hero .ctaRow{display:flex!important;gap:8px!important}body:not(.premiumPage) .hero .ctaRow .btn{width:auto!important;flex:1!important;min-height:42px!important;padding:10px 12px!important;font-size:12px!important;border-radius:999px!important}body:not(.premiumPage) .heroVisual{margin:0 -16px -18px!important;width:calc(100% + 32px)!important}body:not(.premiumPage) .heroVisual img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important}body:not(.premiumPage) .stats{padding:12px 0 18px!important;background:#fbf8f2!important}body:not(.premiumPage) .stats .shell{width:calc(100% - 24px)!important}body:not(.premiumPage) .stats .statsRow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}body:not(.premiumPage) .stats .stat{min-height:94px!important;padding:10px 6px!important;border-radius:16px!important;box-shadow:none!important;border:1px solid rgba(8,43,77,.07)!important;background:#fff!important}body:not(.premiumPage) .stats .stat .ico{font-size:20px!important;margin-bottom:4px!important;line-height:1!important}body:not(.premiumPage) .stats .stat b{font-size:11px!important;line-height:1.15!important}body:not(.premiumPage) .stats .stat>span:last-child{font-size:9.5px!important;line-height:1.2!important;margin-top:3px!important}body:not(.premiumPage) .section{padding:34px 0!important}body:not(.premiumPage) .section>.shell{width:calc(100% - 28px)!important}body:not(.premiumPage) .waveTop .split{gap:16px!important}body:not(.premiumPage) .waveTop .card{border-radius:18px!important;overflow:hidden!important}body:not(.premiumPage) .waveTop .photo{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important}body:not(.premiumPage) .kicker{font-size:10px!important;letter-spacing:.17em!important}body:not(.premiumPage) .sectionTitle{font-size:27px!important;line-height:1.04!important;margin:7px 0 9px!important}body:not(.premiumPage) .section .lead{font-size:13px!important;line-height:1.5!important}body:not(.premiumPage) .carousel{margin-top:12px!important}body:not(.premiumPage) .carouselTrack{gap:10px!important}body:not(.premiumPage) .carouselTrack img{min-width:76%!important;max-width:76%!important;border-radius:16px!important;aspect-ratio:4/3!important;object-fit:cover!important}body:not(.premiumPage) .carBtn{width:36px!important;height:36px!important;font-size:22px!important}body:not(.premiumPage) #school-video .split{gap:14px!important}body:not(.premiumPage) #school-video .video{border-radius:16px!important;box-shadow:none!important}body:not(.premiumPage) .footer{padding:24px 0!important}body:not(.premiumPage) .footergrid{gap:10px!important}body:not(.premiumPage) .footer b{font-size:13px!important}body:not(.premiumPage) .footer .fine{font-size:11px!important;line-height:1.45!important}}@media(max-width:430px){body:not(.premiumPage) .stats .statsRow{grid-template-columns:repeat(3,minmax(0,1fr))!important}body:not(.premiumPage) .stats .stat{min-height:88px!important;padding:8px 4px!important}body:not(.premiumPage) .stats .stat b{font-size:10.5px!important}body:not(.premiumPage) .stats .stat>span:last-child{font-size:9px!important}body:not(.premiumPage) .hero .ctaRow{flex-direction:column!important}body:not(.premiumPage) .hero .ctaRow .btn{width:100%!important}}

/* PROGRAMMES LEARNING OUTCOMES PREMIUM MOBILE */
.programmesPage .learningOutcomes{padding-top:44px;padding-bottom:44px}.programmesPage .learningGrid{gap:14px}.programmesPage .learningGrid .card{border-radius:18px;box-shadow:none;border:1px solid rgba(8,43,77,.08);background:rgba(255,255,255,.96)}.programmesPage .learningGrid .tile{padding:18px 20px}.programmesPage .learningGrid h3{font-size:17px;line-height:1.25;margin:0;color:var(--navy);font-weight:800}@media(max-width:900px){.programmesPage .learningOutcomes{padding:30px 0!important}.programmesPage .learningOutcomes .sectionTitle{font-size:27px!important;margin-bottom:14px!important}.programmesPage .learningGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.programmesPage .learningGrid .card{min-height:88px!important;border-radius:16px!important}.programmesPage .learningGrid .tile{padding:14px 12px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}.programmesPage .learningGrid h3{font-size:14px!important;line-height:1.22!important;margin:0!important;letter-spacing:-.01em}}@media(max-width:430px){.programmesPage .learningOutcomes{padding:26px 0!important}.programmesPage .learningGrid{gap:8px!important}.programmesPage .learningGrid .card{min-height:82px!important;border-radius:14px!important}.programmesPage .learningGrid .tile{padding:12px 10px!important}.programmesPage .learningGrid h3{font-size:13px!important}}

/* SITE-WIDE PREMIUM MOBILE SYSTEM V3 */
@media(max-width:900px){html,body{overflow-x:hidden!important}.shell{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}.section{padding:30px 0!important}.sectionTitle{font-size:26px!important;line-height:1.06!important;margin:6px 0 10px!important}.display{font-size:38px!important;line-height:.98!important;margin-bottom:10px!important}.lead{font-size:13px!important;line-height:1.55!important}.kicker,.eyebrow{font-size:10px!important;letter-spacing:.16em!important}.btn{min-height:40px!important;padding:9px 14px!important;font-size:12px!important;border-radius:999px!important}.card{border-radius:14px!important;box-shadow:none!important}.tile{padding:14px!important}.tile h3{font-size:14px!important;line-height:1.25!important;margin:0 0 5px!important}.tile p{font-size:12px!important;line-height:1.45!important}.heroMini.hero>.shell{padding-top:14px!important;padding-bottom:18px!important;gap:12px!important}.heroMini .heroVisual img{border-radius:14px!important}.premiumPage .heroMini.hero>.shell{padding:14px 12px 20px!important;gap:12px!important}.premiumPage .heroCopy .eyebrow{margin-bottom:6px!important}.premiumPage .display{font-size:36px!important}.premiumPage .heroVisual{margin:0 -12px!important;width:calc(100% + 24px)!important}.premiumPage .heroVisual img{aspect-ratio:16/9!important;object-fit:cover!important}.homePage .navin{min-height:56px!important;padding:4px 0!important}.homePage .brand img{width:44px!important;height:44px!important}.homePage .hero>.shell{width:100%!important;padding:12px 14px 16px!important;gap:12px!important}.homePage .hero .display{font-size:36px!important}.homePage .hero .ctaRow{display:flex!important;gap:8px!important}.homePage .hero .ctaRow .btn{flex:1!important;width:auto!important}.homePage .stats{padding:10px 0 14px!important}.homePage .stats .statsRow{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.homePage .stats .stat{min-height:82px!important;padding:8px 5px!important;border-radius:12px!important;box-shadow:none!important}.homePage .stats .stat .ico{font-size:18px!important;margin-bottom:3px!important}.homePage .stats .stat b{font-size:10px!important;line-height:1.12!important}.homePage .stats .stat>span:last-child{font-size:8.5px!important;margin-top:2px!important}.homePage .carouselTrack img{min-width:72%!important;max-width:72%!important;border-radius:12px!important}.aboutPage .grid4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.aboutPage .grid4 .card{min-height:78px!important}.aboutPage .photo{height:auto!important;aspect-ratio:16/10!important;border-radius:14px!important}.programmesPage .visualCardGrid{gap:10px!important;padding:2px 12px 10px!important}.programmesPage .visualCard{min-width:74vw!important;border-radius:16px!important;box-shadow:none!important}.programmesPage .visualCard>img{height:210px!important;object-position:center 22%!important}.programmesPage .visualCardBody{padding:12px 13px 14px!important}.programmesPage .visualBadge{height:30px!important;min-width:30px!important;font-size:11px!important}.programmesPage .visualCardBody h3{font-size:16px!important;margin:7px 0 4px!important}.programmesPage .visualCardBody p{font-size:11.5px!important;line-height:1.45!important}.programmesPage .learningOutcomes{padding:22px 0!important}.programmesPage .learningOutcomes .sectionTitle{font-size:24px!important;margin-bottom:10px!important}.programmesPage .learningGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.programmesPage .learningGrid .card{min-height:62px!important;border-radius:11px!important}.programmesPage .learningGrid .tile{padding:9px 10px!important}.programmesPage .learningGrid h3{font-size:11.5px!important;line-height:1.18!important}.admissionsPage .process{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.admissionsPage .process .card{padding:12px!important;min-height:112px!important}.admissionsPage .process .icon{width:32px!important;height:32px!important;font-size:12px!important;margin-bottom:6px!important}.admissionsPage .process strong{font-size:14px!important;margin:5px 0!important}.admissionsPage .process p{font-size:11.5px!important;line-height:1.4!important}.admissionsPage .grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.aiPage .aiFeatureDeck{gap:9px!important;padding-bottom:8px!important}.aiPage .aiFeatureDeck .card{min-width:68vw!important;min-height:128px!important;padding:14px!important;border-radius:14px!important}.aiPage .aiFeatureDeck .icon{width:34px!important;height:34px!important}.aiPage #ai-video .video{border-radius:14px!important;box-shadow:none!important}.highlightsPage .activityVisualGrid{gap:10px!important;padding:2px 12px 10px!important}.highlightsPage .activityVisualGrid article{min-width:76vw!important;min-height:240px!important;border-radius:16px!important}.highlightsPage .activityVisualGrid article>div{padding:44px 14px 14px!important}.highlightsPage .activityVisualGrid h3{font-size:18px!important}.highlightsPage .activityVisualGrid p{font-size:11.5px!important}.faqStandalonePage .faqPage{padding:26px 0 40px!important}.faqStandalonePage .faqCategories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:18px 0 22px!important}.faqStandalonePage .faqCat{padding:12px!important;border-radius:12px!important;box-shadow:none!important}.faqStandalonePage .faqCat b{font-size:12.5px!important}.faqStandalonePage .faqCat span{font-size:10.5px!important}.faqStandalonePage .readinessGrid{gap:9px!important}.faqStandalonePage .readinessCard{padding:14px!important;border-radius:14px!important;box-shadow:none!important}.faqStandalonePage .readinessCard h3{font-size:15px!important}.faqStandalonePage .readinessCard p,.faqStandalonePage .readinessCard li{font-size:11.5px!important;line-height:1.5!important}.faqStandalonePage .faqGroup{margin-top:22px!important}.faqStandalonePage .faqGroupHead h2{font-size:21px!important}.faqStandalonePage .faqList{gap:7px!important}.faqStandalonePage .faqItem{border-radius:12px!important;box-shadow:none!important}.faqStandalonePage .faqItem summary{padding:12px 42px 12px 13px!important;font-size:12.5px!important}.faqStandalonePage .faqAnswer{padding:0 13px 13px!important;font-size:11.5px!important;line-height:1.55!important}.faqStandalonePage .readinessChecklist{padding:16px!important;border-radius:14px!important}.faqStandalonePage .checkGrid{gap:6px!important}.faqStandalonePage .checkGrid span{padding:8px 9px!important;font-size:10.5px!important;border-radius:9px!important}.appointmentPage .appointmentWrap{margin-top:20px!important;gap:14px!important}.appointmentPage .appointmentForm{padding:14px!important;border-radius:14px!important}.appointmentPage .bookingDatePicker{padding:12px!important;border-radius:12px!important}.appointmentPage .bookingDatePicker input[type=date]{height:42px!important;border-radius:10px!important}.appointmentPage .slotGrid{gap:6px!important}.appointmentPage .slotBtn{padding:7px 10px!important;font-size:11px!important}.appointmentPage .bookingField input,.appointmentPage .bookingField select{height:42px!important;border-radius:10px!important}.gradPage .gradHero{padding:34px 0 28px!important}.gradPage .gradTitle{font-size:40px!important}.gradPage .gradHeroCard{min-height:300px!important;border-radius:16px!important}.gradPage .gradHeroBadge{left:10px!important;right:10px!important;bottom:10px!important;gap:6px!important}.gradPage .gradHeroBadge div{padding:8px 9px!important;border-radius:10px!important}.gradPage .gradSection{padding:34px 0!important}.gradPage .gradHeading{font-size:30px!important}.gradPage .gradText{font-size:13px!important;line-height:1.6!important}.gradPage .gradStats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.gradPage .gradStat{padding:12px!important;border-radius:12px!important}.gradPage .gradHighlights{grid-template-columns:1fr!important;gap:8px!important}.gradPage .gradHighlight{padding:14px!important;border-radius:12px!important;box-shadow:none!important}.gradPage .gradHighlight h3{font-size:16px!important}.gradPage .gradTimeline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.gradPage .gradMoment{padding:12px!important;border-radius:12px!important}.gradPage .gradThemeGrid figure{min-height:220px!important;border-radius:14px!important}.gradPage .gradThemeGrid img{min-height:220px!important}.gradPage .gradGallery .tall,.gradPage .gradGallery .small{min-height:190px!important}.gradPage .gradFinal{padding:18px!important;border-radius:16px!important}}@media(max-width:430px){.programmesPage .visualCard{min-width:78vw!important}.programmesPage .visualCard>img{height:195px!important}.faqStandalonePage .faqCategories{grid-template-columns:1fr!important}.gradPage .gradStats,.gradPage .gradTimeline{grid-template-columns:1fr 1fr!important}}

/* MOBILE EMPTY SPACE HARD RESET */
@media(max-width:900px){.hero>.shell,.heroMini>.shell{min-height:0!important;height:auto!important;align-items:start!important}.heroVisual,.heroMini .heroVisual{min-height:0!important;height:auto!important}.heroVisual img,.heroMini .heroVisual img{display:block!important;height:auto!important;min-height:0!important;max-height:none!important}.hero,.heroMini{min-height:0!important;height:auto!important}.section,.gradSection,.faqPage,.appointmentWrap{min-height:0!important;height:auto!important}.split,.grid3,.grid4,.process,.visualCardGrid,.activityVisualGrid,.aiFeatureDeck,.faqCategories,.readinessGrid,.gradStats,.gradTimeline,.gradHighlights{min-height:0!important}.premiumPage .heroMini.hero>.shell{min-height:0!important;height:auto!important}.premiumPage .heroVisual{min-height:0!important;height:auto!important}.premiumPage .heroVisual img{height:auto!important;min-height:0!important}.aboutPage .heroVisual,.faqStandalonePage .heroVisual,.appointmentPage .heroVisual{min-height:0!important;height:auto!important}.aboutPage .heroVisual img,.faqStandalonePage .heroVisual img,.appointmentPage .heroVisual img{height:auto!important;min-height:0!important}.admissionsPage .heroMini{padding-bottom:0!important;margin-bottom:0!important}.admissionsPage .heroMini>.shell{padding-bottom:0!important;margin-bottom:0!important}.admissionsPage .section:first-of-type{margin-top:0!important;padding-top:24px!important}.programmesPage .heroMini>.shell,.aiPage .heroMini>.shell,.highlightsPage .heroMini>.shell{padding-bottom:0!important;margin-bottom:0!important}.programmesPage .section:first-of-type,.aiPage .section:first-of-type,.highlightsPage .section:first-of-type{padding-top:24px!important;margin-top:0!important}.faqStandalonePage .heroMini>.shell,.appointmentPage .heroMini>.shell,.aboutPage .heroMini>.shell{padding-bottom:0!important}.faqStandalonePage .faqPage,.appointmentPage .appointmentWrap,.aboutPage .section:first-of-type{margin-top:0!important;padding-top:24px!important}.homePage .hero>.shell{min-height:0!important;height:auto!important}.homePage .heroVisual{min-height:0!important;height:auto!important}}

/* ADMISSIONS PAN SEQUENCE */
.admissionsPage .panSequence{overflow:hidden}.admissionsPage .panMedia{overflow:hidden;opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform 1.35s cubic-bezier(.2,.72,.2,1)}.admissionsPage .panMedia img{transform:scale(1.035);transition:transform 1.55s cubic-bezier(.2,.72,.2,1)}.admissionsPage .panText{opacity:0;transform:translateY(20px);transition:opacity .7s ease .58s,transform .85s cubic-bezier(.2,.72,.2,1) .58s}.admissionsPage .panSequence.is-pan-active .panMedia{opacity:1;transform:translateY(0)}.admissionsPage .panSequence.is-pan-active .panMedia img{transform:scale(1)}.admissionsPage .panSequence.is-pan-active .panText{opacity:1;transform:translateY(0)}@media(max-width:900px){.admissionsPage .panSequence>.shell{display:flex!important;flex-direction:column!important}.admissionsPage .panSequence .panMedia{order:1!important;margin:0 -12px!important;width:calc(100% + 24px)!important}.admissionsPage .panSequence .panText{order:2!important;text-align:left!important;padding:14px 0 2px!important}.admissionsPage .panMedia{transform:translateY(18px)}.admissionsPage .panText{transform:translateY(14px);transition-delay:.42s}.admissionsPage .panSequence.is-pan-active .panText{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.admissionsPage .panMedia,.admissionsPage .panMedia img,.admissionsPage .panText{opacity:1!important;transform:none!important;transition:none!important}}

/* CAMPUS SELECTED PREVIEW GALLERY */
.campusShowcase .campusHeading{max-width:900px;margin:0 auto 22px;text-align:center}.campusStage{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.campusFixed,.campusSelected{margin:0;position:relative;overflow:hidden;border-radius:22px;background:#fff;border:1px solid rgba(8,43,77,.08)}.campusFixed img,.campusSelected img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.campusSelected figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(7,31,56,.84);color:#fff;font-size:12px;font-weight:800}.campusAlbum{margin-top:16px}.campusThumbTrack{gap:10px!important;padding:2px 2px 8px}.campusThumb{flex:0 0 150px;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;scroll-snap-align:start}.campusThumb img{width:150px!important;min-width:150px!important;height:104px!important;border-radius:14px!important;object-fit:cover!important;border:2px solid transparent;transition:.25s}.campusThumb span{display:block;margin-top:6px;font-size:11px;color:var(--muted);font-weight:700}.campusThumb.active img{border-color:var(--gold);box-shadow:0 0 0 2px rgba(210,155,47,.13)}.campusSelected img{transition:opacity .18s ease}.campusSelected img.is-changing{opacity:.15}@media(max-width:900px){.campusShowcase .campusHeading{text-align:left;margin-bottom:14px}.campusStage{grid-template-columns:1fr!important;gap:10px!important}.campusFixed img,.campusSelected img{min-height:0!important;height:auto!important;aspect-ratio:16/10!important}.campusFixed,.campusSelected{border-radius:14px!important}.campusThumb{flex-basis:118px}.campusThumb img{width:118px!important;min-width:118px!important;height:82px!important;border-radius:11px!important}.campusThumb span{font-size:10px}.campusAlbum{margin-top:12px}}

/* ZOOM-STABLE VISUAL SYSTEM V4 */
:root{--fluid-pad:clamp(14px,2.2vw,34px);--card-r:clamp(12px,1.2vw,18px);--card-p:clamp(12px,1.5vw,18px)}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-size:clamp(14px,.95vw,16px);line-height:1.55}.shell{width:min(calc(100% - (var(--fluid-pad)*2)),1440px)!important;margin-inline:auto!important}.display{font-size:clamp(34px,4.2vw,64px)!important;line-height:.98!important;letter-spacing:-.03em!important}.sectionTitle{font-size:clamp(24px,2.6vw,42px)!important;line-height:1.05!important;letter-spacing:-.02em!important}.lead{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.6!important}.kicker,.eyebrow,.gradKicker,.gradEyebrow{font-size:clamp(10px,.72vw,12px)!important;letter-spacing:.17em!important}.menu{gap:clamp(6px,1vw,16px)!important}.menu a{font-size:clamp(12px,.8vw,14px)!important;padding:8px 9px!important}.btn{font-size:clamp(12px,.82vw,14px)!important;min-height:40px!important;padding:9px 14px!important}.section,.gradSection{padding-block:clamp(28px,4.2vw,56px)!important}.card,.visualCard,.faqCat,.faqItem,.readinessCard,.gradStat,.gradHighlight,.gradMoment,.gradDress .card,.appointmentForm,.bookingDatePicker{border-radius:var(--card-r)!important;box-shadow:none!important}.card,.faqCat,.readinessCard,.gradStat,.gradHighlight,.gradMoment,.gradDress .card{padding:var(--card-p)!important}.tile{padding:var(--card-p)!important}.tile h3,.visualCardBody h3,.faqCat b,.readinessCard h3,.gradHighlight h3{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.25!important}.tile p,.visualCardBody p,.faqCat span,.readinessCard p,.readinessCard li,.gradHighlight p,.gradMoment p,.faqAnswer{font-size:clamp(12.5px,.88vw,14px)!important;line-height:1.5!important}.grid4,.process,.faqCategories,.gradStats,.gradTimeline,.gradHighlights{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;gap:clamp(8px,1vw,14px)!important}.split,.gradIntro,.gradStoryGrid{gap:clamp(18px,3vw,40px)!important}.hero>.shell,.heroMini>.shell{gap:clamp(16px,2.6vw,34px)!important;min-height:0!important;height:auto!important}.heroVisual,.heroMini .heroVisual{min-height:0!important;height:auto!important}.heroVisual img,.heroMini .heroVisual img{width:100%!important;height:auto!important;max-height:min(62vh,620px)!important;object-fit:cover!important;border-radius:clamp(12px,1.4vw,20px)!important}.visualCardGrid,.activityVisualGrid,.aiFeatureDeck{gap:clamp(10px,1.2vw,16px)!important}.visualCard{min-width:min(360px,82vw)!important;max-width:420px!important}.visualCard>img{height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}.visualCardBody{padding:clamp(12px,1.2vw,16px)!important}.learningGrid .card{min-height:0!important}.learningGrid .tile{min-height:68px!important;display:flex!important;align-items:center!important}.process .card{min-height:0!important}.process .icon{width:34px!important;height:34px!important}.aiFeatureDeck .card{min-height:0!important;padding:var(--card-p)!important}.activityVisualGrid article{min-height:220px!important;border-radius:var(--card-r)!important}.activityVisualGrid article>div{padding:40px 14px 14px!important}.faqCategories{margin:clamp(18px,2vw,28px) 0!important}.faqGroup{margin-top:clamp(22px,2.4vw,34px)!important}.faqList{gap:8px!important}.faqItem summary{padding:13px 44px 13px 14px!important;font-size:clamp(13px,.95vw,15px)!important}.faqAnswer{padding:0 14px 14px!important}.readinessGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:10px!important}.readinessChecklist{padding:clamp(16px,2vw,24px)!important;border-radius:var(--card-r)!important}.checkGrid{gap:7px!important}.checkGrid span{font-size:clamp(11.5px,.82vw,13px)!important;padding:8px 10px!important;border-radius:10px!important}.gradHero{padding-block:clamp(34px,5vw,62px)!important}.gradTitle{font-size:clamp(38px,5.2vw,72px)!important}.gradHeroCard{min-height:0!important;aspect-ratio:4/3!important;border-radius:var(--card-r)!important}.gradImage img{height:auto!important;aspect-ratio:4/3!important}.gradThemeGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;gap:14px!important}.gradThemeGrid figure,.gradThemeGrid img{min-height:0!important;aspect-ratio:4/3!important;border-radius:var(--card-r)!important}.gradGallery .tall,.gradGallery .small{min-height:0!important;aspect-ratio:4/3!important}.gradFinal{padding:clamp(18px,2.5vw,28px)!important;border-radius:var(--card-r)!important}.appointmentWrap{gap:clamp(14px,2vw,24px)!important}.appointmentForm{padding:clamp(14px,2vw,20px)!important}.bookingField input,.bookingField select,.bookingDatePicker input[type=date]{height:42px!important;border-radius:10px!important}.campusShowcase .campusHeading{max-width:820px!important;margin-bottom:16px!important}.campusStage{gap:12px!important}.campusFixed,.campusSelected{border-radius:var(--card-r)!important}.campusFixed img,.campusSelected img{min-height:0!important;aspect-ratio:4/3!important;height:auto!important}.campusThumb{flex:0 0 clamp(104px,9vw,132px)!important}.campusThumb img{width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:4/3!important;border-radius:10px!important}.campusThumb span{font-size:clamp(10px,.72vw,12px)!important;line-height:1.25!important}@media(min-width:901px) and (max-width:1180px){.navin{min-height:68px!important}.brandMeta{display:none!important}.menu a{font-size:12px!important;padding:7px!important}.whatsapp{font-size:12px!important;padding:8px 11px!important}.hero>.shell,.heroMini>.shell{grid-template-columns:1fr 1fr!important}.gradHero .shell,.gradIntro,.gradStoryGrid{grid-template-columns:1fr 1fr!important}}@media(max-width:900px){.shell{width:calc(100% - 24px)!important}.section,.gradSection{padding-block:28px!important}.display{font-size:clamp(32px,9vw,42px)!important}.sectionTitle{font-size:clamp(24px,7vw,30px)!important}.lead{font-size:14px!important}.hero>.shell,.heroMini>.shell,.gradHero .shell,.gradIntro,.gradStoryGrid{grid-template-columns:1fr!important}.heroVisual img,.heroMini .heroVisual img{max-height:none!important}.grid4,.process,.faqCategories,.gradStats,.gradTimeline,.gradHighlights{grid-template-columns:repeat(2,minmax(0,1fr))!important}.visualCard{min-width:76vw!important;max-width:340px!important}.visualCard>img{aspect-ratio:4/3!important}.activityVisualGrid article{min-width:76vw!important;min-height:210px!important}.aiFeatureDeck .card{min-width:72vw!important}.campusStage{grid-template-columns:1fr!important}.campusFixed img,.campusSelected img{aspect-ratio:16/10!important}.campusThumb{flex-basis:108px!important}.readinessGrid{grid-template-columns:1fr!important}.gradThemeGrid{grid-template-columns:1fr!important}.gradThemeGrid figure,.gradThemeGrid img{aspect-ratio:16/10!important}.gradGallery{grid-template-columns:1fr 1fr!important}}@media(max-width:560px){.grid4,.process,.faqCategories,.gradStats,.gradTimeline,.gradHighlights{grid-template-columns:1fr 1fr!important}.tile h3,.visualCardBody h3,.readinessCard h3{font-size:14px!important}.tile p,.visualCardBody p,.readinessCard p,.readinessCard li{font-size:12.5px!important}.gradGallery{grid-template-columns:1fr!important}.campusThumb{flex-basis:96px!important}}

/* CAMPUS SINGLE PREVIEW + GRADUATION MOBILE FIX V5 */
.campusShowcase .campusStage{display:block!important}.campusShowcase .campusSinglePreview{width:100%!important;max-width:none!important}.campusShowcase .campusSinglePreview img{width:100%!important;height:auto!important;aspect-ratio:16/8!important;object-fit:cover!important;object-position:center!important;display:block!important}.campusShowcase .campusFixed{display:none!important}.campusShowcase .campusAlbum{margin-top:14px!important}.campusShowcase .campusThumb{position:relative;z-index:2}.campusShowcase .campusThumb{pointer-events:auto!important}.campusShowcase .campusThumb img{pointer-events:none!important}.campusShowcase .campusThumb span{pointer-events:none!important}@media(max-width:900px){.campusShowcase .campusSinglePreview img{aspect-ratio:16/10!important}.campusShowcase .campusSelected figcaption{left:10px!important;bottom:10px!important;padding:6px 9px!important;font-size:10px!important}.gradPage .gradHero{padding:24px 0 20px!important}.gradPage .gradHero .shell{gap:16px!important}.gradPage .ctaRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}.gradPage .ctaRow .btn{width:100%!important;min-height:38px!important;padding:8px 10px!important;font-size:11.5px!important}.gradPage .gradHeroCard{aspect-ratio:auto!important;min-height:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.gradPage .gradHeroCard>img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:14px!important;display:block!important}.gradPage .gradHeroCard:after{display:none!important}.gradPage .gradHeroBadge{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}.gradPage .gradHeroBadge div{padding:9px 8px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;backdrop-filter:none!important;min-height:64px!important}.gradPage .gradHeroBadge b{font-size:11px!important;line-height:1.2!important}.gradPage .gradHeroBadge span{font-size:9.5px!important;line-height:1.25!important;margin-top:3px!important}.gradPage .gradTitle{font-size:clamp(36px,10vw,46px)!important}.gradPage .gradLead{font-size:13px!important;line-height:1.5!important}.gradPage .gradHeroCard+*{margin-top:0!important}}@media(max-width:430px){.gradPage .gradHeroBadge{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gradPage .gradHeroBadge div{padding:8px 6px!important;min-height:60px!important}.gradPage .gradHeroBadge b{font-size:10px!important}.gradPage .gradHeroBadge span{font-size:9px!important}}

/* TAEKWONDO FULL IMAGE DISPLAY */
.campusShowcase .campusSelected img.taekwondoFull{object-fit:contain!important;background:#fff!important;object-position:center center!important}.campusShowcase .campusThumb img.taekwondoThumbFull{object-fit:contain!important;background:#fff!important;object-position:center center!important}@media(max-width:900px){.campusShowcase .campusSelected img.taekwondoFull{aspect-ratio:auto!important;max-height:70vh!important}}

/* HOME HERO PREMIUM NON-ITALIC + ALBUM EXPANSION V6 */
.homePage .display{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;font-style:normal!important;font-weight:650!important;letter-spacing:-.045em!important;line-height:.98!important;color:var(--navy)!important}.homePage .display .gold{font-style:normal!important;font-weight:600!important}.homePage .heroCopy .cn{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important;font-weight:700!important;letter-spacing:.04em!important}.homePage .campusThumbTrack{align-items:flex-start!important}.homePage .campusThumb span{min-height:2.5em!important}@media(max-width:900px){.homePage .display{font-weight:650!important;letter-spacing:-.035em!important}}

/* HOME HERO TITLE LINE SPACING FIX V7 */
.homePage .hero .display{line-height:1.10!important}.homePage .hero .display br{content:"";display:block;margin-top:.08em}@media(max-width:900px){.homePage .hero .display{line-height:1.12!important}.homePage .hero .display br{margin-top:.06em}}

/* FINAL SITE STABILITY CLEANUP V8 */
html{overflow-x:hidden}body{overflow-x:hidden;font-size:clamp(14px,.95vw,16px);line-height:1.55}.shell{width:min(1440px,calc(100vw - 28px))!important;margin-inline:auto!important}.display,.sectionTitle,.gradTitle,.gradHeading,.faqGroupHead h2,.faqCta h3,.gradFinal h2{font-style:normal!important;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif!important}.homePage .hero .display{line-height:1.10!important;letter-spacing:-.035em!important}.hero .shell,.heroMini .shell{min-height:0!important;height:auto!important;align-items:center!important}.heroVisual,.heroMini .heroVisual{min-height:0!important;height:auto!important}.heroVisual img,.heroMini .heroVisual img{width:100%!important;height:auto!important;max-height:min(62vh,620px)!important;object-fit:cover!important;border-radius:clamp(10px,1vw,16px)!important}.card,.visualCard,.faqCat,.faqItem,.readinessCard,.gradStat,.gradHighlight,.gradMoment,.gradDress .card,.appointmentForm,.bookingDatePicker{border-radius:clamp(10px,1vw,16px)!important;box-shadow:none!important}.card,.faqCat,.readinessCard,.gradStat,.gradHighlight,.gradMoment,.gradDress .card{padding:clamp(12px,1.3vw,18px)!important}.grid4,.process,.faqCategories,.gradStats,.gradTimeline,.gradHighlights{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;gap:clamp(10px,1.4vw,18px)!important}.campusShowcase .campusStage{display:block!important}.campusShowcase .campusSinglePreview{width:100%!important;max-width:none!important}.campusShowcase .campusSinglePreview img{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;background:#fff!important}.campusShowcase .campusAlbum{margin-top:12px!important}.campusShowcase .campusThumb{flex:0 0 clamp(96px,8.5vw,128px)!important;pointer-events:auto!important}.campusShowcase .campusThumb img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:10px!important;pointer-events:none!important}.campusShowcase .campusThumb span{font-size:clamp(10px,.72vw,12px)!important;line-height:1.25!important;pointer-events:none!important}.gradPage .gradHeroCard{min-height:0!important;height:auto!important}.gradPage .gradHeroCard>img{width:100%!important;height:auto!important}.gradPage .gradHeroBadge{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}.gradPage .gradHeroBadge div{min-height:0!important;padding:9px 8px!important;border-radius:10px!important}@media(min-width:901px) and (max-width:1180px){.hero>.shell,.heroMini>.shell{grid-template-columns:1fr 1fr!important;gap:24px!important}.menu{gap:6px!important}.menu a{font-size:12px!important;padding:7px 8px!important}}@media(max-width:900px){.shell{width:calc(100vw - 24px)!important}.hero>.shell,.heroMini>.shell,.gradHero .shell,.gradIntro,.gradStoryGrid{grid-template-columns:1fr!important;gap:16px!important}.display{font-size:clamp(32px,9vw,42px)!important}.sectionTitle,.gradHeading{font-size:clamp(24px,7vw,30px)!important}.heroVisual img,.heroMini .heroVisual img{max-height:none!important}.campusShowcase .campusSinglePreview img{aspect-ratio:auto!important;max-height:none!important}.grid4,.process,.faqCategories,.gradStats,.gradTimeline,.gradHighlights{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gradPage .gradHeroBadge{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gradPage .ctaRow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}}@media(max-width:560px){.grid4,.process,.faqCategories,.gradStats,.gradTimeline,.gradHighlights{grid-template-columns:1fr 1fr!important}.campusShowcase .campusThumb{flex-basis:92px!important}.gradPage .gradHeroBadge div{padding:8px 6px!important}}

/* CAMPUS CARD DESCRIPTIONS + POPUP V1 */
.campusShowcase .campusThumb{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;padding:6px!important;gap:4px!important;background:#fff!important;border:1px solid rgba(8,43,77,.10)!important;border-radius:12px!important}.campusShowcase .campusThumb span{font-weight:800!important;color:var(--navy)!important}.campusShowcase .campusThumb small{display:block!important;font-size:9.5px!important;line-height:1.28!important;color:var(--muted)!important;min-height:24px!important}.campusShowcase .campusThumb.active{border-color:rgba(202,155,52,.65)!important}.campusInfoModal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.campusInfoModal.open{display:flex}.campusInfoBackdrop{position:absolute;inset:0;background:rgba(5,20,36,.72);backdrop-filter:blur(4px)}.campusInfoDialog{position:relative;z-index:1;width:min(760px,92vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.campusInfoDialog>img{width:100%;height:auto;max-height:52vh;object-fit:contain;background:#f7f5f0;display:block;border-radius:18px 18px 0 0}.campusInfoBody{padding:20px 22px 24px}.campusInfoBody h3{margin:0 0 8px;color:var(--navy);font:700 clamp(20px,2.2vw,28px)/1.2 "Avenir Next","Helvetica Neue",Arial,sans-serif}.campusInfoBody p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.campusInfoClose{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--navy);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.16)}body.campusModalOpen{overflow:hidden}@media(max-width:560px){.campusShowcase .campusThumb{flex-basis:112px!important}.campusShowcase .campusThumb small{font-size:9px!important;min-height:23px!important}.campusInfoModal{padding:12px}.campusInfoDialog{width:96vw;border-radius:14px}.campusInfoBody{padding:16px}.campusInfoDialog>img{max-height:48vh;border-radius:14px 14px 0 0}.campusInfoBody p{font-size:13px}}

/* HOME MOBILE HEADER COMPACT V9 */
@media(max-width:900px){.homePage .nav{padding:0!important}.homePage .navin{height:64px!important;min-height:64px!important;padding:4px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.homePage .brand{margin-right:auto!important;gap:0!important;display:flex!important;align-items:center!important}.homePage .brand img{width:62px!important;height:52px!important;object-fit:contain!important;display:block!important}.homePage .brandMeta{display:none!important}.homePage .whatsapp{display:none!important}.homePage .hamb{width:48px!important;height:48px!important;min-width:48px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border-radius:14px!important;font-size:24px!important}.homePage .nav+.hero{margin-top:0!important}.homePage .hero{padding-top:18px!important}}
@media(max-width:560px){.homePage .navin{height:60px!important;min-height:60px!important;padding:2px 0!important}.homePage .brand img{width:58px!important;height:48px!important}.homePage .hamb{width:46px!important;height:46px!important;min-width:46px!important}.homePage .hero{padding-top:14px!important}}

/* HOME MOBILE HEADER META RESTORE V10 */
@media(max-width:900px){.homePage .brand{gap:8px!important;min-width:0!important}.homePage .brandMeta{display:block!important;font-size:10.5px!important;line-height:1.16!important;color:#8a6423!important;white-space:nowrap!important;max-width:138px!important;overflow:hidden!important}.homePage .navin{justify-content:flex-start!important}.homePage .hamb{margin-left:auto!important}.homePage .brand img{flex:0 0 auto!important}}
@media(max-width:560px){.homePage .brandMeta{font-size:9.5px!important;line-height:1.14!important;max-width:126px!important}.homePage .brand{gap:6px!important}.homePage .brand img{width:56px!important;height:46px!important}}

/* FOOTER GOOGLE MAPS LINK V1 */
.footerMapLink{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:inherit;font-size:12px;font-weight:800;text-decoration:none;transition:.2s}.footerMapLink:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.55)}@media(max-width:560px){.footerMapLink{font-size:11.5px;padding:7px 9px}}

/* HOME YOUTUBE VIDEO SECTION V1 */
.schoolVideoSection{padding:88px 0;background:#fffdf9}
.schoolVideoGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:54px;align-items:center}
.schoolVideoMedia{min-width:0}
.videoFrame{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#111;box-shadow:0 18px 45px rgba(26,32,44,.12)}
.videoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.schoolVideoCopy .sectionTitle{margin:8px 0 10px;max-width:620px}
.schoolVideoCopy .cn{font-size:1.08rem;font-weight:650;color:#7d5b49;margin-bottom:18px}
.schoolVideoCopy .lead{margin-bottom:10px}
.schoolVideoCn{font-size:1rem;line-height:1.8;color:#626262;margin:0 0 26px}
.schoolVideoActions{display:flex;gap:12px;flex-wrap:wrap}
.youtubeBtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
.youtubeBtn.primary{background:#d92727;border-color:#d92727;color:#fff}
.youtubeBtn.primary:hover{background:#b91f1f;border-color:#b91f1f}
.youtubeBtn.secondary{background:#fff;color:#222;border:1px solid rgba(30,30,30,.14)}
@media(max-width:900px){
  .schoolVideoSection{padding:68px 0}
  .schoolVideoGrid{grid-template-columns:1fr;gap:30px}
  .schoolVideoCopy{max-width:720px}
}
@media(max-width:600px){
  .schoolVideoSection{padding:50px 0}
  .videoFrame{border-radius:16px}
  .schoolVideoActions{display:grid;grid-template-columns:1fr}
  .youtubeBtn{width:100%}
}