.scroll-hero{height:320vh;position:relative;background:#f6f3e9}.scroll-hero-sticky{position:sticky;top:100px;height:calc(100svh - 100px);min-height:570px;display:flex;align-items:center;overflow:hidden}.cinema-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8%;padding-block:24px}.cinema-copy h1{font-size:clamp(40px,4.4vw,66px)}.cinema-copy>p{font-size:19px;max-width:540px}.cinema-copy .eyebrow{font-size:14px}.cinema-media{width:min(100%,340px);justify-self:center;position:relative;background:var(--navy);border-radius:24px;padding:12px;box-shadow:18px 20px 0 #ef7ca335;transform:rotate(-2deg)}.film-label{display:flex;justify-content:space-between;color:#f9e9ef;font-size:12px;padding:1px 4px 9px}.video-frame{aspect-ratio:9/16;max-height:calc(100svh - 240px);border-radius:14px;overflow:hidden;position:relative;background:#101d3e}.video-frame video{height:100%;width:100%;object-fit:contain;display:block}.film-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px 1px;color:white}.film-toolbar button{border:0;background:transparent;color:white;font-size:13px;padding:5px;min-height:36px}.film-toolbar>span{font-family:Arial,sans-serif;font-size:12px;color:#d8deec}.film-track{height:3px;border-radius:5px;overflow:hidden;background:#ffffff25;margin:6px 5px}.film-track span{display:block;background:var(--pink);height:100%;width:100%;transform:scaleX(0);transform-origin:right center}.scroll-caption{display:flex;gap:14px;align-items:center;margin-top:40px}.scroll-caption>span{border:1px solid #b8b6b8;width:38px;height:56px;border-radius:25px;display:grid;place-items:center;font-size:24px}.scroll-caption strong,.scroll-caption small{display:block}.scroll-caption strong{font-size:15px}.scroll-caption small{color:var(--text);font-size:13px}.film-chapters{display:flex;gap:24px;margin-top:30px;font-size:15px;color:#7c8090}.film-chapters span{padding-top:10px;border-top:2px solid #d6d5d2;flex:1}.film-chapters span.active{color:var(--plum);border-color:var(--pink)}#video-error{position:absolute;inset:0;background:#182a58ed;color:white;padding:35px;align-content:center;text-align:center}.registration-feature{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:100px}.registration-feature p{max-width:550px}.registration-poster{max-width:355px;justify-self:center;border:8px solid white;border-radius:14px;overflow:hidden;box-shadow:0 15px 45px #182a5815;transition:transform .2s}.registration-poster:hover{transform:translateY(-4px)}.location-line{font-size:14px}.contact-direct a{color:white;font-weight:600;text-decoration:underline;text-underline-offset:5px}.scroll-hero.manual-mode .scroll-caption small{visibility:hidden}
@media(max-width:780px){.scroll-hero{height:285vh}.scroll-hero-sticky{top:80px;height:calc(100svh - 80px);min-height:590px}.cinema-grid{grid-template-columns:1fr;gap:18px;padding-block:15px}.cinema-copy{text-align:center}.cinema-copy .eyebrow{font-size:12px;margin-bottom:8px}.cinema-copy h1{font-size:30px;line-height:1.45}.cinema-copy h1 br{display:none}.cinema-copy>p{font-size:15px;margin:10px 0}.cinema-copy>p br{display:none}.cinema-copy .actions{margin-top:12px;justify-content:center;gap:20px}.cinema-copy .button{font-size:13px;padding:8px 14px}.cinema-copy .text-link{font-size:13px}.scroll-caption{margin-top:14px;justify-content:center}.scroll-caption>span{width:24px;height:30px;font-size:18px}.scroll-caption strong{font-size:12px}.scroll-caption small{display:none}.film-chapters{display:none}.cinema-media{width:auto;min-width:185px;padding:8px;border-radius:17px;box-shadow:10px 10px 0 #ef7ca335;transform:none}.video-frame{height:clamp(200px,calc(100svh - 395px),400px);max-height:none;border-radius:10px}.film-label{font-size:10px;padding-bottom:5px}.film-toolbar{padding-top:3px;gap:8px}.film-toolbar button{font-size:11px;min-height:30px}.film-toolbar>span{font-size:10px}.film-track{margin-block:3px}.registration-feature{grid-template-columns:1fr;gap:28px}.registration-poster{width:min(100%,330px)}.registration-feature .actions{flex-wrap:wrap}.registration-feature p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.scroll-hero{height:auto}.scroll-hero-sticky{position:relative;top:auto;height:auto;min-height:0;padding-block:30px}.scroll-caption,.film-chapters{display:none}.cinema-media{transform:none}}
/* Immersive, scroll-led school story */
.scroll-hero{background:#111d40;color:#fff;height:340vh}.scroll-hero-sticky{min-height:0;background:radial-gradient(ellipse at 18% 60%,#633b665c,transparent 60%)}.cinema-grid{grid-template-columns:1.1fr 1fr;gap:6%;height:100%;max-width:1400px}.cinema-copy h1{font-size:clamp(42px,5.2vw,78px);line-height:1.45}.cinema-copy h1 span,.cinema-copy .eyebrow{color:#f3a0bd}.cinema-copy>p{color:#c9cee0}.cinema-copy .button{background:#ef7ca3;color:#17264e;border-color:#ef7ca3}.cinema-copy .text-link{border-color:#ffffff50}.scroll-caption small{color:#c5cadd}.film-chapters{color:#a8b2ce}.film-chapters span{border-color:#ffffff25}.film-chapters span.active{color:#f3a0bd}.cinema-media{height:100%;width:auto;background:transparent;border-radius:0;padding:0;box-shadow:none;transform:none;display:flex;flex-direction:column;justify-content:center;min-width:0}.video-frame{height:calc(100svh - 230px);max-height:740px;aspect-ratio:9/16;border-radius:2px;flex:none;box-shadow:0 0 70px #ef7ca318;transform:scale(calc(.94 + var(--journey,0)*.06))}.film-label{padding:0 0 9px;font-size:13px}.film-toolbar{padding-top:12px}.scroll-hero .film-toolbar button{font-size:14px}.film-failed{height:auto}.film-failed .scroll-hero-sticky{position:relative;top:0;height:85vh}.school-story{height:260vh;background:#111d40;color:#fff;position:relative}.story-stage{position:-webkit-sticky;position:sticky;top:100px;height:calc(100vh - 100px);height:calc(100svh - 100px);min-height:540px;overflow:hidden}.story-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s,visibility .65s}.story-scene.current{opacity:1;visibility:visible}.story-visual{position:absolute;inset:0 40% 0 0;overflow:hidden}.story-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(to left,#111d40 0%,transparent 60%),linear-gradient(to top,#111d40aa,transparent 35%)}.story-visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.5s}.current .story-visual img{transform:scale(1)}.corner-view img{object-position:center 49%}.building-view img{object-position:70% 55%;height:175%;max-width:none;position:absolute;top:-39%}.room-view img{object-position:center}.story-copy{position:absolute;right:7%;top:50%;transform:translateY(-40%);width:45%;max-width:640px;z-index:2}.story-copy h2{font-size:clamp(35px,4.5vw,68px);line-height:1.5}.story-copy h2 em{color:#f4a1be;font-style:normal}.story-copy p{color:#d7dceb;max-width:480px;font-size:19px}.story-copy .eyebrow{color:#efb4cc;letter-spacing:.04em}.story-nav{position:absolute;bottom:40px;right:7%;display:flex;gap:28px;font-size:14px;z-index:3}.story-nav span{padding-top:12px;border-top:2px solid #ffffff30;color:#aeb8ce}.story-nav span.active{border-color:var(--pink);color:white}.story-skip{position:absolute;bottom:40px;left:5%;color:#fff;font-size:14px;z-index:4}.registration-feature{padding-block:90px}.school-gallery{padding-top:70px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.gallery-tile{border:0;padding:0;background:none;color:var(--navy);text-align:right;overflow:hidden}.gallery-tile img{aspect-ratio:1/1;width:100%;object-fit:cover;object-position:top;border-radius:6px;transition:transform .4s}.gallery-tile:hover img{transform:scale(1.025)}.gallery-tile>span{display:flex;justify-content:space-between;padding:17px 2px;font-size:18px}.gallery-tile:nth-child(4),.gallery-tile:nth-child(5){grid-column:span 1}.gallery-more{margin-top:30px}#photo-dialog{width:min(940px,95vw);max-height:94svh;border:0;background:#101c38;color:#fff;border-radius:14px;padding:45px 20px 16px}#photo-dialog::backdrop{background:#080f20e8;backdrop-filter:blur(8px)}#photo-dialog img{max-height:75svh;max-width:100%;width:auto;margin:auto;object-fit:contain}#photo-dialog button{position:absolute;top:4px;left:14px;font-size:30px;background:none;border:0;color:white;width:44px;height:44px}#photo-dialog p{text-align:center;color:white;margin:12px 0 0}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}
@media(max-width:780px){.scroll-hero{height:290vh}.scroll-hero-sticky{min-height:0}.cinema-grid{grid-template-columns:1fr;gap:10px;padding-block:15px;height:100%;align-content:center}.cinema-copy h1{font-size:31px}.cinema-copy>p{font-size:14px;margin:8px 0}.cinema-copy .eyebrow{font-size:11px;margin-bottom:6px}.cinema-copy .actions{margin-top:10px}.scroll-caption{margin-top:10px}.cinema-media{height:auto;max-width:100%;justify-self:center}.video-frame{height:clamp(180px,calc(100svh - 420px),460px);max-height:none;transform:none}.film-label{display:none}.scroll-hero .film-toolbar button{font-size:12px}.film-toolbar{padding-top:4px}.film-track{margin-block:2px}.school-story{height:240vh}.story-stage{top:80px;height:calc(100vh - 80px);height:calc(100svh - 80px);min-height:0}.story-visual{inset:0 0 32%}.story-visual:after{background:linear-gradient(to top,#111d40 0%,transparent 80%)}.story-copy{top:auto;bottom:95px;transform:none;right:7%;width:86%}.story-copy h2{font-size:34px;line-height:1.5}.story-copy p{font-size:16px;line-height:1.8;margin:12px 0 0}.story-copy .eyebrow{font-size:12px;margin-bottom:10px}.story-nav{bottom:45px;gap:22px;font-size:12px}.story-skip{bottom:10px;left:7%;font-size:12px}.building-view img{height:190%;top:-50%;object-position:center}.gallery-grid{grid-template-columns:1fr 1fr;gap:18px}.gallery-tile>span{font-size:14px;padding-block:12px}.gallery-tile:last-child{grid-column:1/-1;max-width:70%;margin:auto}.registration-feature{gap:35px;padding-block:60px}}
@media(max-height:650px) and (min-width:781px){.cinema-copy h1{font-size:40px}.cinema-copy>p{font-size:16px}.scroll-caption{margin-top:14px}.film-chapters{margin-top:15px}.story-copy h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.scroll-hero{height:auto}.scroll-hero-sticky{position:relative;height:auto;top:auto;padding-block:30px}.cinema-grid{height:auto}.video-frame{transform:none;height:50vh}.story-scene{transition:none}.story-visual img{transition:none;transform:none}.js-motion .reveal{opacity:1;transform:none}.story-visual img{transform:none;transition:none}}

/* Approved reference-based photography */
.approved-hero{background:#111d40;color:white;padding:70px 0 85px}.approved-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}.approved-hero h1{font-size:clamp(38px,4.3vw,65px)}.approved-hero h1 span,.approved-hero .eyebrow{color:#f3a0bd}.approved-hero p{color:#d7dceb}.approved-hero .button{background:var(--pink);color:var(--navy);border-color:var(--pink)}.approved-hero .text-link{border-color:#ffffff50}.approved-hero-grid>img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:6px 60px 6px 6px}.story-visual img{object-position:center}.gallery-tile img{aspect-ratio:4/3;object-position:center}.gallery-tile:last-child{grid-column:auto;max-width:none;margin:0}.visit-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7%;text-align:right}.visit-building{margin:0}.visit-building img{width:100%;max-height:650px;object-fit:contain;border-radius:10px}.visit-building figcaption{color:#d7dceb;font-size:14px;text-align:center;margin-top:15px}.visit .socials{justify-content:flex-start}
@media(max-width:780px){.approved-hero{padding:35px 0 45px}.approved-hero-grid,.visit-grid{grid-template-columns:1fr;gap:35px}.approved-hero h1{font-size:36px}.approved-hero .actions{flex-wrap:wrap}.approved-hero-grid>img{aspect-ratio:4/3;border-radius:5px 35px 5px 5px}.gallery-grid{grid-template-columns:1fr}.gallery-tile img{aspect-ratio:16/9}.gallery-tile>span{font-size:17px}.visit-building{max-width:480px;margin:auto}.visit-copy h2{font-size:30px}}

.approved-hero-grid>img{aspect-ratio:4/5;max-height:650px;object-position:center 60%}.room-view img{object-position:center 62%}@media(max-width:780px){.approved-hero-grid>img{aspect-ratio:4/5;max-height:520px;object-position:center 60%}}

.about-points .smart-learning{background:#182a58;color:#fff;border:2px solid #ef7ca3;border-radius:18px;padding:24px;box-shadow:0 10px 26px #182a5815}.about-points .smart-learning .smart-label{color:#ffc0d6;font-size:14px;font-weight:600;margin-bottom:14px}.about-points .smart-learning strong{display:block;font-family:Alexandria,Tahoma,sans-serif;font-size:clamp(22px,2vw,28px);line-height:1.65}.about-points .smart-learning p{color:#fff;font-size:20px;font-weight:500;line-height:1.8;margin-top:8px}@media(max-width:780px){.about-points .smart-learning{grid-column:1/-1;padding:24px}.about-points .smart-learning strong{font-size:26px}}

.about{row-gap:40px}.smart-learning-visual{grid-column:1/-1;margin:0;width:100%;overflow:hidden;border-radius:24px;box-shadow:0 18px 45px #182a581a;background:#182a58}.smart-learning-visual button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;color:white}.smart-learning-visual img{display:block;width:100%;height:auto;object-fit:contain}.smart-zoom{position:absolute;bottom:18px;left:18px;background:#182a58ed;border:1px solid #ffffff60;border-radius:30px;padding:7px 16px;font-size:13px}.smart-learning-visual button:hover .smart-zoom{background:#6e3756}.smart-learning-visual:focus-within{outline:3px solid #2789a2;outline-offset:5px}@media(max-width:780px){.about{row-gap:28px}.smart-learning-visual{border-radius:14px}.smart-zoom{position:static;display:block;border:0;border-radius:0;padding:9px;text-align:center;background:#182a58}.smart-learning-visual img{aspect-ratio:auto}}

.program-illustration{width:110px;height:88px;margin:24px 0 20px}.program-illustration svg{display:block;width:100%;height:100%}.program-card h3{font-size:28px}@media(max-width:780px){.program-illustration{width:90px;height:72px;margin:20px 0}.program-card h3{font-size:25px}}

.fee-notes{background:#faf8eb;border:1px solid #182a582b;border-right:4px solid #2789a2;border-radius:14px;padding:22px 28px;margin:30px 0;font-size:18px;line-height:1.95}.fee-notes p{color:#182a58;margin:8px 0}.fee-notes strong{font-weight:700}.fee-notes p+p{margin-top:14px}@media(max-width:780px){.fee-notes{font-size:17px;padding:18px 20px;text-align:right;line-height:1.9}}

.school-gallery .section-top>div,.programs .section-top>div{flex:1}.school-gallery .section-top>p,.programs .section-top>p{flex:1;max-width:480px}.program-promise{font-size:18px;margin:12px 0 0;color:var(--plum)}.fees-intro{margin:-10px 0 32px;max-width:820px}.story-copy h2{font-size:clamp(30px,3.6vw,54px)}.approved-hero .actions{flex-wrap:wrap}.about-points{grid-template-columns:1fr}.about-points .smart-learning p{font-size:18px}@media(max-width:780px){.story-copy h2{font-size:28px}.story-copy p{font-size:15px}.school-gallery .section-top>p,.programs .section-top>p{max-width:none}}

.discount .saving-badge{justify-self:start;display:inline-block;background:#fff9;border:1px solid #6e375625;border-radius:20px;padding:3px 12px;margin-top:10px;font-size:14px;font-weight:700;color:#6e3756}.discount.teal-discount .saving-badge{color:#23576d;border-color:#23576d25}

.bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:780px){.bank-grid{grid-template-columns:1fr}}

/* Keep Arabic text sizing consistent in iOS and reserve space for story captions. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:780px){
 .story-copy{bottom:100px}
 .story-copy h2{font-size:clamp(23px,6.4vw,28px)}
 .story-nav{left:7%;gap:16px;justify-content:space-between}
 .story-nav span{font-size:11px}
}
@media(max-width:780px) and (max-height:700px){
 .story-copy{bottom:78px}
 .story-copy h2{font-size:23px;line-height:1.4}
 .story-copy p{font-size:14px;line-height:1.65;margin-top:8px}
 .story-copy .eyebrow{font-size:11px;margin-bottom:6px}
 .story-nav{bottom:36px}
 .story-skip{bottom:7px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .story-scene,.story-visual img{transition:none}
 .story-visual img,.current .story-visual img{transform:none}
}
