@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--cream:#ffffff;--ink:#181747;--red:#dc2947;--muted:#58657b;--line:#d2e8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Nunito Sans','Cairo',Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #42b1d1;outline-offset:5px}.wrap{width:min(1240px,88%);margin:auto}.announcement{text-align:center;background:var(--ink);color:#ffffff;padding:8px 15px;font-size:11px;letter-spacing:1.3px}.header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:700;letter-spacing:2px;line-height:1.25}.brand-mark{display:grid;place-items:center;background:var(--red);color:var(--cream);width:43px;height:48px;border-radius:50% 50% 45% 45%;font-size:30px;transform:rotate(-13deg)}.brand-sub{display:block;font-size:7px;letter-spacing:1.7px;margin-top:7px}.header nav{display:flex;gap:30px;font-size:12px}.header nav a:hover,.text-link:hover{color:var(--red)}.header-actions{display:flex;gap:21px;align-items:center}#language{border:0;background:none;color:var(--ink);font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:white;padding:15px 24px;border-radius:3px;font-weight:500;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#b51e38;transform:translateY(-2px)}.button.small{padding:12px 19px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;padding:39px 0 65px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:9px;align-items:center}.eyebrow>span:first-child:empty{height:7px;width:7px;background:var(--red);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Cairo',Impact,sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.5px;text-transform:uppercase}h1{font-size:clamp(52px,5.8vw,82px);margin:24px 0}em{font-weight:inherit;font-style:normal;color:#2487a5}.hero-copy>p{color:var(--muted);max-width:395px;font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:30px}.text-link{font-size:11px;font-weight:700}.hero-note{margin-top:39px;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.tiny-heart{color:var(--red);font-size:25px}.hero-art{position:relative;align-self:stretch;min-height:510px;border-radius:48% 48% 4px 4px;overflow:visible;margin:4px 0 20px}.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;border-radius:48% 48% 4px 4px}.art-label{position:absolute;bottom:29px;left:30px;font-family:'Barlow Condensed','Cairo',Impact,sans-serif;font-size:24px;font-style:normal;color:#181747}.art-stamp{position:absolute;bottom:-24px;right:-23px;background:#f8df00;border:1px solid #e0c900;outline:6px solid var(--cream);width:119px;height:119px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:8px;line-height:1.1;letter-spacing:1px;transform:rotate(12deg)}.art-stamp span{font-size:35px;line-height:1}.values-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.values-strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:600}.values-strip b{color:var(--red);font-size:22px}.section{padding-top:90px;padding-bottom:90px}h2{font-size:clamp(36px,4vw,53px);margin:18px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px}.story-copy{padding-top:7px}.story-copy p{font-size:13px;color:var(--muted)}.story-copy .lead{font-family:'Barlow Condensed','Cairo',Impact,sans-serif;font-size:23px;line-height:1.6;color:var(--ink);margin-bottom:18px}.story-copy .text-link{display:inline-block;margin-top:8px}.campaign-section{background:#e7f5fe}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:38px}.section-heading>p{max-width:275px;color:var(--muted);font-size:12px;margin:0 0 4px}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{background:var(--cream);border:1px solid #d2e8f3;border-radius:5px;overflow:hidden}.card-art{height:285px;position:relative;overflow:hidden}.pill{position:absolute;top:20px;left:22px;font-size:8px;letter-spacing:1.2px;font-weight:700;border-radius:20px;padding:6px 12px;background:var(--cream);z-index:2}.winter-art{background:#181747}.window{width:130px;height:167px;background:#b47e50;position:absolute;right:55px;top:65px;padding:12px;transform:rotate(3deg);box-shadow:0 0 60px #efb96844}.window:before{content:'';position:absolute;top:-7px;left:-11px;width:153px;height:22px;background:#ffffff;border-radius:70% 50% 20% 10%}.window div{height:100%;background:linear-gradient(#eab75c,#f9d98b);position:relative}.window div:after{content:'';position:absolute;width:100%;height:6px;background:#a16c44;top:50%}.window div:before{content:'';position:absolute;height:100%;width:6px;background:#a16c44;left:50%}.illustration-caption{position:absolute;left:30px;bottom:32px;color:#ffffff;font-family:'Barlow Condensed','Cairo',Impact,sans-serif;font-size:30px;line-height:1.15;font-style:normal}.snow{position:absolute;color:#f8df00}.s1{right:25px;top:30px;font-size:26px}.s2{left:50%;top:75px;font-size:32px}.s3{left:35px;top:90px}.christmas-art{background:#d9f0fc}.tree{position:absolute;left:43%;top:26px;width:170px;height:240px;text-align:center}.tree i{position:absolute;top:36px;left:0;border-left:85px solid transparent;border-right:85px solid transparent;border-bottom:190px solid #248fac}.tree>span{font-size:42px;color:#f8df00;position:relative;z-index:1}.tree>b{position:absolute;top:90px;left:45px;font-size:29px;color:#f8df00;line-height:1.2}.gift{position:absolute;bottom:19px;height:48px;width:64px;background:#dc2947}.gift:after{content:'';position:absolute;left:46%;width:6px;height:100%;background:#f8df00}.gift:before{content:'';position:absolute;top:15%;height:6px;width:100%;background:#f8df00}.g1{right:42px;transform:rotate(7deg)}.g2{right:110px;background:#42b1d1;height:38px;bottom:15px;transform:rotate(-5deg)}.christmas-script{position:absolute;left:30px;bottom:35px;font-family:'Barlow Condensed','Cairo',Impact,sans-serif;font-size:37px;font-style:normal;line-height:1.1;color:#181747}.card-body{padding:26px 29px 28px}.card-meta{font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-bottom:12px}h3{font-family:'Barlow Condensed','Cairo',Impact,sans-serif;font-size:28px;font-weight:700;line-height:1.3;margin-bottom:12px}.card-body p{font-size:12px;color:var(--muted);max-width:390px;line-height:1.9}.card-link{display:block;border-top:1px solid var(--line);padding-top:17px;margin-top:22px;font-size:11px;font-weight:700;color:var(--red)}.card-link:hover{text-decoration:underline}.archive-note{display:flex;gap:15px;max-width:790px;margin:25px auto 0;color:var(--muted);font-size:10px}.archive-note>span{font-size:24px;color:var(--red)}.archive-note p{margin:7px 0 0}.involve-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:40px}.involve-grid>a{padding:28px;position:relative;transition:background .2s}.involve-grid>a:hover{background:#e7f5fe}.involve-grid>a+a{border-inline-start:1px solid var(--line)}.step{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.line-icon{display:block;font-size:43px;color:var(--red);margin:25px 0 18px;line-height:1}.involve-grid h3{font-size:23px}.involve-grid p{font-size:12px;max-width:240px;color:var(--muted);margin-bottom:32px}.arrow{position:absolute;bottom:22px;right:25px;color:var(--red);font-size:23px}.connect{background:var(--ink);color:var(--cream);text-align:center;overflow:hidden}.connect-inner{padding:65px 0 67px;position:relative}.connect .eyebrow{justify-content:center;font-size:9px;color:#c6eafa}.connect h2{font-size:64px;margin:22px 0}.connect em{color:#6dc9e5}.connect p{max-width:460px;margin:0 auto 25px;color:#deedf9;font-size:12px}.social-actions{display:flex;justify-content:center;gap:13px}.cream{background:var(--cream);color:var(--ink)}.cream:hover{background:#e7f5fe}.outline{background:transparent;border:1px solid #94a8c8}.outline:hover{background:#2b2a65}.connect small{display:block;margin-top:22px;font-size:9px;color:#c5ddeb}.connect-star{position:absolute;font-size:240px;color:#75cce7;opacity:.12;right:0;top:25px;line-height:1;pointer-events:none}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:35px;padding-bottom:35px}footer .brand{font-size:11px}footer .brand-mark{width:30px;height:34px;font-size:22px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0;line-height:1.35}html[dir=rtl] .hero-art,html[dir=rtl] .card-art{direction:ltr}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .brand{direction:ltr}
@media(min-width:1500px){.hero{padding-top:60px;padding-bottom:85px}.hero-art{min-height:590px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:950px){.header nav{gap:16px}.header-actions{gap:10px}.hero{gap:30px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-art{min-height:475px}.story{gap:45px}.header .brand{font-size:12px}.button.small{font-size:10px;padding:10px}.header nav{font-size:11px}.card-art{height:260px}.window{right:28px;width:105px}.window:before{width:128px}.illustration-caption{font-size:27px}.christmas-script{font-size:30px}.tree{left:37%}}
@media(max-width:680px){.wrap{width:88%}.announcement{font-size:9px}.header{padding:20px 0;flex-wrap:wrap;gap:18px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px}.header-actions .small{display:none}.header .brand{font-size:13px}.hero{grid-template-columns:1fr;padding-top:25px;gap:35px}.hero-copy>p{max-width:100%}h1{font-size:59px;letter-spacing:-2px}.hero-note{margin-top:24px}.hero-art{min-height:440px;width:94%;margin:0 auto 15px}.art-stamp{right:-12px;width:100px;height:100px;font-size:7px}.art-label{font-size:22px;left:20px}.values-strip>.wrap{flex-wrap:wrap;justify-content:center;gap:12px 17px;font-size:8px;letter-spacing:1px}.values-strip b{font-size:16px}.values-strip b:last-of-type{display:none}.values-strip span:last-child{display:none}.section{padding-top:60px;padding-bottom:60px}.story{grid-template-columns:1fr;gap:28px}h2{font-size:40px}.story-copy .lead{font-size:22px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:100%}.campaign-grid{grid-template-columns:1fr;gap:24px}.card-art{height:285px}.window{right:42px;width:130px}.window:before{width:153px}.tree{left:43%}.illustration-caption{font-size:30px}.involve-grid{grid-template-columns:1fr}.involve-grid>a+a{border-inline-start:0;border-top:1px solid var(--line)}.involve-grid>a{padding:25px}.line-icon{margin:20px 0 12px}.involve-grid p{max-width:85%;margin-bottom:5px}.connect h2{font-size:49px}.social-actions{flex-direction:column;align-items:stretch;padding:0 20px}.connect small{max-width:260px;margin:22px auto 0}footer{flex-wrap:wrap;padding:27px 0}footer>span{order:3;width:100%}footer .brand{font-size:10px}.eyebrow{font-size:9px;letter-spacing:1.4px}}

/* Poster-inspired typography, paper-white shapes, and bright little sparks. */
body{background-color:#fff;background-image:radial-gradient(ellipse at 100% 5%,#e7f5fe 0 23%,transparent 23.2%)}
.button{font-weight:800;border-radius:6px}.eyebrow{color:#b51e38}.announcement{background:#e7f5fe;color:var(--ink);font-weight:700}
.hero-copy{position:relative}.hero-copy:after{content:'✦';position:absolute;right:4%;top:6%;font-size:40px;color:#e5c900;pointer-events:none}
.hero-art{border-radius:48% 52% 8% 8%;background:#e7f5fe}.hero-art img{border-radius:48% 52% 8% 8%}
.art-label{font-weight:700}.values-strip{background:#e7f5fe}.values-strip b{color:#2487a5}
h3{font-weight:700}.story-copy .lead{font-family:'Nunito Sans','Cairo',Arial,sans-serif;font-weight:700;font-size:21px}
.card{border-radius:14px}.card-art .illustration-caption,.christmas-script{text-transform:uppercase;font-weight:800;font-style:normal}
.christmas-script{font-size:42px}.involve-grid{border-radius:14px;overflow:hidden}.connect-star{color:#75cce7}
html[dir=rtl] body{font-family:'Cairo',Arial,sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Cairo',Arial,sans-serif;text-transform:none}
.soon{position:relative;isolation:isolate}.soon:before{content:'';position:absolute;z-index:-1;width:45%;height:100%;right:0;top:0;background:#e7f5fe;border-radius:55% 0 0 45%}
.soon:after{content:'✦';position:absolute;right:12%;top:14%;font-size:44px;color:#e5c900;pointer-events:none}.soon .ornament{color:#42b1d1}
@media(max-width:680px){.hero-copy:after{right:0;top:0;font-size:25px}.soon:before{width:34%;opacity:.7}.soon:after{right:7%;top:2%;font-size:30px}.soon h1{font-size:clamp(54px,13vw,85px)}}

/* A closer match to the supplied school-poster composition. */
:root{--sky:#e8f6ff;--cyan:#56b8dd;--yellow:#f0dc00;--ink:#19164c;--red:#de3048}
body{background:#fff}.hero{position:relative;isolation:isolate;padding-top:65px;padding-bottom:85px}
.hero:before{content:'';position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:-1;background:url('/assets/poster-background.svg') center/100% 100% no-repeat}
h1{font-size:clamp(64px,7.2vw,103px);line-height:.93;letter-spacing:-1.5px}h1 em{display:inline-block;color:var(--cyan);transform:rotate(-3deg);margin-top:7px}h2 em{color:#2583a3}
.hero .eyebrow{letter-spacing:2.5px}.hero-copy>p{color:#3e4c68}.hero-copy:after{color:var(--yellow)}
.hero-art,.hero-art img{border-radius:43% 53% 39% 47% / 47% 40% 52% 42%}.hero-art{min-height:540px}.art-label{left:35px;bottom:55px}.art-stamp{background:var(--yellow);border:0;outline:7px solid white;color:var(--ink)}
.values-strip{background:white}.values-strip b{color:var(--cyan)}.campaign-section{background:var(--sky);border-radius:9% 0 8% 0 / 45px 0 45px 0}.connect{background:var(--sky);color:var(--ink);border-radius:8% 0 0 0 / 45px 0 0 0}.connect .eyebrow{color:#b3233a}.connect em{color:#2583a3}.connect p,.connect small{color:#465774}.connect .cream{background:var(--red);color:white}.connect .cream:hover{background:#b51e38}.connect .outline{border-color:var(--ink);color:var(--ink)}.connect .outline:hover{background:white}.connect-star{color:var(--cyan);opacity:.3}
.soon{background:url('/assets/poster-background.svg') center/100% 100% no-repeat}.soon:before,.soon:after{display:none}.soon h1{font-size:clamp(65px,10vw,130px);line-height:.95}.soon h1 em{color:var(--cyan)}.soon .ornament{color:var(--yellow)}.soon .eyebrow{letter-spacing:3px}.soon .arabic{font-family:'Cairo',Arial,sans-serif}
html[dir=rtl] h1{line-height:1.35;font-size:clamp(48px,5.8vw,78px)}html[dir=rtl] h1 em{transform:rotate(2deg)}
@media(max-width:680px){.hero{padding-top:35px;padding-bottom:50px}.hero:before{background-size:auto 100%;background-position:60% center}h1{font-size:clamp(58px,14vw,84px)}.hero-art{min-height:420px}.hero-art img{border-radius:43% 53% 39% 47% / 47% 40% 52% 42%}.art-label{bottom:45px;font-size:21px}.soon{background-position:60% center;background-size:auto 100%}.soon .social-actions{padding:0}.soon .eyebrow{letter-spacing:1.5px;font-size:9px}.soon h1{font-size:clamp(56px,14vw,88px)}.connect h2{font-size:50px}}

/* Coordinated English and Arabic brand typography. */
:root{--font-display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--font-body:'Nunito Sans',Arial,sans-serif;--font-arabic:'Cairo',Tahoma,Arial,sans-serif}
body{font-family:var(--font-body)}h1,h2,h3,.illustration-caption,.christmas-script{font-family:var(--font-display)}
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .illustration-caption,html[lang=ar] .christmas-script{font-family:var(--font-arabic)}
html[lang=ar] .eyebrow,html[lang=ar] .step,html[lang=ar] .card-meta,html[lang=ar] .brand-sub,html[lang=ar] .values-strip span{letter-spacing:0}
html[lang=ar] .brand-sub{direction:rtl;font-family:var(--font-arabic);font-size:9px}
html[lang=ar] h3{line-height:1.6}html[lang=ar] .button{line-height:1.8}html[lang=ar] .hero-copy>p{line-height:2}
html[lang=ar] .card-art{direction:rtl}html[lang=ar] .pill{left:auto;right:22px}html[lang=ar] .illustration-caption,html[lang=ar] .christmas-script{direction:rtl;text-align:right;line-height:1.5;font-size:25px}
html[lang=ar] .arrow{right:auto;left:25px;transform:scaleX(-1)}
.soon-header{display:flex;align-items:center;justify-content:space-between;gap:20px}#language{min-height:44px;min-width:65px;border:1px solid var(--line);border-radius:6px;background:white;font-family:var(--font-arabic);font-weight:700}
.art-stamp .stamp-label{font-size:8px;line-height:1.5}.art-stamp{gap:6px}html[lang=ar] .art-stamp .stamp-label{font-size:9px}
html[lang=ar] .soon h1{font-size:clamp(48px,7vw,90px);line-height:1.5}
@media(max-width:680px){html[lang=ar] .soon h1{font-size:clamp(40px,11vw,65px)}html[lang=ar] .hero h1{font-size:clamp(40px,10vw,60px)}.soon-header .brand{font-size:11px}}

/* Original community photographs: large, uncropped, and responsive. */
.hero-photo{margin:0;position:relative;align-self:center;min-width:0}.hero-photo img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:16px 16px 0 #c4eafb}.hero-photo figcaption{position:relative;display:table;margin:0 15px 0 auto;padding:12px 20px;background:#fff;color:var(--ink);font-weight:800;font-size:13px;transform:rotate(-2deg);border-bottom:3px solid var(--yellow)}
.photo-story{padding-bottom:20px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.photo-grid figure{margin:0;min-width:0}.photo-grid img{display:block;width:100%;height:auto;border-radius:12px;background:var(--sky)}.photo-grid figure:nth-child(2){margin-top:70px}.photo-grid figcaption{font-size:15px;font-weight:700;padding:17px 0;color:var(--ink)}
@media(min-width:1000px){.hero{grid-template-columns:1fr 1.3fr;gap:45px}.hero h1{font-size:clamp(65px,6.3vw,90px)}}
@media(max-width:680px){.hero-photo{margin:5px 10px 0 0}.hero-photo img{box-shadow:10px 10px 0 #c4eafb}.hero-photo figcaption{font-size:12px;padding:10px 12px}.photo-grid{grid-template-columns:1fr;gap:20px}.photo-grid figure:nth-child(2){margin-top:0}.photo-story{padding-bottom:0}}


/* Readable Cairo typography for all site copy; the supplied logo is artwork. */
:root{--font-display:'Cairo',Tahoma,Arial,sans-serif;--font-body:'Cairo',Tahoma,Arial,sans-serif;--font-arabic:'Cairo',Tahoma,Arial,sans-serif}
body{font-family:var(--font-body);font-size:18px;line-height:1.9}
h1,h2,h3,.story-copy .lead,.art-label,.illustration-caption,.christmas-script{font-family:var(--font-body);text-transform:none;letter-spacing:0}
h1,.hero h1,html[lang=ar] .hero h1{font-size:clamp(44px,4.9vw,70px);line-height:1.4;font-weight:800}
h2{font-size:clamp(34px,3.5vw,50px);line-height:1.5;font-weight:800}h3,.involve-grid h3{font-size:28px;line-height:1.6;font-weight:700}
.hero-copy>p,.story-copy p,.section-heading>p,.card-body p,.involve-grid p,.connect p,.soon p{font-size:18px;line-height:1.95}
.story-copy .lead{font-size:23px;line-height:1.9}.hero-copy>p{max-width:480px}.section-heading>p{max-width:370px}.connect p{max-width:650px}.soon p{max-width:600px}
.header nav,.text-link,.card-link{font-size:16px}.header nav{gap:22px}.button,.button.small{font-size:16px;padding:13px 22px;line-height:1.8}
.eyebrow,.step,.card-meta,.pill{font-size:13px;letter-spacing:.7px;line-height:1.9}.announcement{font-size:14px}.hero-note,.archive-note{font-size:15px}.values-strip>.wrap{font-size:13px;letter-spacing:.6px}.connect .eyebrow{font-size:13px}.connect small,footer>span,footer>a:last-child,.soon-footer{font-size:14px;line-height:1.9}.photo-grid figcaption,.hero-photo figcaption{font-size:17px}
.brand{display:block;position:relative;width:265px;height:auto;flex-shrink:0;overflow:visible;direction:ltr}.brand .official-logo{position:static;width:100%;height:auto;max-width:100%;left:auto;top:auto;transform:none}
footer .brand{width:245px;height:auto}footer .brand .official-logo{width:100%;height:auto}.header{flex-wrap:wrap}.header nav{margin-inline-start:auto}.header-actions{gap:14px}#language{font-size:16px;min-width:80px}
.soon h1,html[lang=ar] .soon h1{font-family:var(--font-body);font-size:clamp(44px,6vw,84px);line-height:1.5;letter-spacing:0}.connect h2{font-size:clamp(40px,4.8vw,64px);line-height:1.5}
@media(max-width:950px){.header nav{order:3;width:100%;justify-content:center;gap:25px}.header-actions{margin-inline-start:auto}.hero{gap:30px}.hero-actions{align-items:flex-start}.button{font-size:16px}.section-heading{align-items:start}.section-heading>p{max-width:320px}}
@media(max-width:680px){body{font-size:17px}.header .brand,.soon-header .brand{width:210px;height:auto}.header .brand .official-logo,.soon-header .brand .official-logo{width:100%;height:auto}.header nav{font-size:15px;gap:15px}.header .header-actions .small{display:none}.hero h1,html[lang=ar] .hero h1{font-size:clamp(38px,9vw,56px);line-height:1.5}.soon h1,html[lang=ar] .soon h1{font-size:clamp(36px,8.8vw,56px);line-height:1.5}h2{font-size:34px}.hero-copy>p,.story-copy p,.section-heading>p,.card-body p,.involve-grid p,.connect p,.soon p{font-size:17px}.eyebrow,.connect .eyebrow,.soon .eyebrow{font-size:12px;letter-spacing:0}.values-strip>.wrap{font-size:12px;gap:10px}.hero-actions{gap:18px}.involve-grid p{max-width:90%}.soon-header{gap:8px}.soon-header #language{min-width:65px}.card-body{padding:24px}.step,.card-meta{font-size:12px}.announcement{font-size:13px}}

/* Compact coming-soon layout, scoped independently from the full site. */
body[data-page=soon]{min-height:100svh;display:flex;flex-direction:column}
body[data-page=soon] .soon-header{padding-block:16px;flex-shrink:0}
body[data-page=soon] .soon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 6% 40px;min-width:0;background-size:cover}
body[data-page=soon] .ornament{font-size:40px;line-height:1;margin:0 0 18px;color:var(--yellow)}
body[data-page=soon] .soon .eyebrow{justify-content:center;font-size:12px;letter-spacing:.7px;line-height:1.7}
body[data-page=soon] .soon h1{font-size:clamp(38px,5.3vw,70px);line-height:1.35;letter-spacing:-.5px;margin:18px 0 20px;max-width:850px}
body[data-page=soon] .soon h1 em{margin-top:0;transform:rotate(-2deg)}
body[data-page=soon] .soon p{font-size:18px;line-height:1.85;max-width:530px;margin:0 auto 24px}
body[data-page=soon] .social-actions{display:flex;flex-direction:row;justify-content:center;gap:12px;width:100%;max-width:430px;padding:0}
body[data-page=soon] .social-actions .button{flex:1;padding:12px 16px;min-height:50px;font-size:16px}
body[data-page=soon] .soon-footer{display:block;width:100%;text-align:center;padding:16px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.8}
@media(max-width:680px){
 body[data-page=soon] .soon-header{width:90%;padding-block:12px;gap:10px}
 body[data-page=soon] .brand{width:205px;height:auto}
 body[data-page=soon] .brand .official-logo{width:100%;height:auto}
 body[data-page=soon] #language{min-width:68px;min-height:44px;font-size:15px}
 body[data-page=soon] .soon{padding:24px 5% 32px;background-size:auto 100%;background-position:58% center}
 body[data-page=soon] .ornament{font-size:34px;margin-bottom:16px}
 body[data-page=soon] .soon .eyebrow{font-size:11px;letter-spacing:0;max-width:100%}
 body[data-page=soon] .soon h1{font-size:clamp(30px,8.5vw,44px);line-height:1.4;max-width:100%;margin:16px 0 20px}
 body[data-page=soon] .soon p{font-size:17px;line-height:1.8;max-width:360px;margin-bottom:23px}
 body[data-page=soon] .social-actions{max-width:360px;gap:10px}
 body[data-page=soon] .social-actions .button{font-size:15px;padding:10px 13px;min-height:48px}
 body[data-page=soon] .soon-footer{font-size:11px;padding:14px 5%}
}
@media(max-width:350px){body[data-page=soon] .brand{width:175px}body[data-page=soon] .brand .official-logo{width:100%;height:auto}body[data-page=soon] .soon h1{font-size:28px}}

/* Compact full website in both English and Arabic. */
body[data-page=home] .header{padding-block:14px;gap:16px}
body[data-page=home] .hero{padding-block:30px 40px;gap:32px}
body[data-page=home] .hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.25;margin:16px 0 20px;letter-spacing:0}
body[data-page=home] .hero h1 em{margin-top:0}
body[data-page=home] .hero-copy>p,body[data-page=home] .story-copy p,body[data-page=home] .section-heading>p,body[data-page=home] .card-body p,body[data-page=home] .involve-grid p,body[data-page=home] .connect p{font-size:17px;line-height:1.75}
body[data-page=home] .hero-actions{margin-top:22px;gap:16px;flex-wrap:wrap}
body[data-page=home] .hero-note{margin-top:20px;line-height:1.6}
body[data-page=home] .section{padding-block:50px}
body[data-page=home] .photo-story{padding-bottom:15px}
body[data-page=home] h2{font-size:clamp(30px,3vw,44px);line-height:1.35;margin-top:12px}
body[data-page=home] h3{font-size:25px;line-height:1.4}
body[data-page=home] .story{gap:45px}
body[data-page=home] .story-copy .lead{font-size:21px;line-height:1.65}
body[data-page=home] .section-heading{margin-bottom:26px;gap:28px}
body[data-page=home] .photo-grid{gap:24px}
body[data-page=home] .photo-grid figure:nth-child(2){margin-top:30px}
body[data-page=home] .photo-grid figcaption{padding-block:12px}
body[data-page=home] .card-body{padding:22px 24px}
body[data-page=home] .card-link{margin-top:16px;padding-top:14px}
body[data-page=home] .archive-note{margin-top:18px}
body[data-page=home] .involve-grid{margin-top:28px}
body[data-page=home] .involve-grid>a{padding:24px}
body[data-page=home] .line-icon{margin:18px 0 14px;font-size:35px}
body[data-page=home] .connect-inner{padding-block:45px}
body[data-page=home] .connect h2{font-size:clamp(36px,4vw,54px);line-height:1.3;margin:18px 0}
body[data-page=home] .connect small{margin-top:16px}
body[data-page=home] footer{padding-block:22px}
@media(max-width:680px){
 body[data-page=home] .wrap{width:90%}
 body[data-page=home] .announcement{font-size:12px;line-height:1.6;padding:7px 5%}
 body[data-page=home] .header{padding-block:10px;gap:10px}
 body[data-page=home] .header .brand{width:205px;height:auto}
 body[data-page=home] .header .brand .official-logo{width:100%;height:auto}
 body[data-page=home] .header-actions{gap:0}
 body[data-page=home] #language{min-width:68px;font-size:15px}
 body[data-page=home] .header nav{padding-top:9px;gap:10px;font-size:14px}
 body[data-page=home] .header nav a{padding-block:6px}
 body[data-page=home] .hero{padding-block:22px 30px;gap:24px}
 body[data-page=home] .hero h1{font-size:clamp(32px,8vw,42px);line-height:1.3;margin:14px 0 18px}
 body[data-page=home] .hero-copy:after{font-size:23px;top:25px}
 body[data-page=home] .hero-copy>p,body[data-page=home] .story-copy p,body[data-page=home] .section-heading>p,body[data-page=home] .card-body p,body[data-page=home] .involve-grid p,body[data-page=home] .connect p{font-size:17px;line-height:1.7}
 body[data-page=home] .eyebrow{font-size:11px;line-height:1.6}
 body[data-page=home] .hero-note{font-size:13px;margin-top:15px}
 body[data-page=home] .hero-actions{gap:14px;margin-top:18px;align-items:center}
 body[data-page=home] .button{padding:10px 15px;font-size:15px;min-height:46px}
 body[data-page=home] .text-link{font-size:14px}
 body[data-page=home] .values-strip{padding-block:12px}
 body[data-page=home] .values-strip>.wrap{font-size:10px;gap:9px}
 body[data-page=home] .section{padding-block:32px}
 body[data-page=home] .photo-story{padding-bottom:8px}
 body[data-page=home] h2{font-size:29px;line-height:1.4;margin-top:10px}
 body[data-page=home] h3{font-size:24px;line-height:1.5}
 body[data-page=home] .section-heading{margin-bottom:20px}
 body[data-page=home] .section-heading>p{margin-top:14px;max-width:100%}
 body[data-page=home] .photo-grid{gap:16px}
 body[data-page=home] .photo-grid figure:nth-child(2){margin-top:0}
 body[data-page=home] .photo-grid figcaption{font-size:15px;padding-block:10px}
 body[data-page=home] .story{gap:18px}
 body[data-page=home] .story-copy .lead{font-size:20px;line-height:1.65;margin-bottom:14px}
 body[data-page=home] .campaign-grid{gap:20px}
 body[data-page=home] .card-art{height:245px}
 body[data-page=home] .card-body{padding:20px}
 body[data-page=home] .card-meta{margin-bottom:10px}
 body[data-page=home] .card-link{font-size:15px;line-height:1.7}
 body[data-page=home] .archive-note{font-size:13px;line-height:1.7;gap:10px}
 body[data-page=home] .involve-grid{margin-top:20px}
 body[data-page=home] .involve-grid>a{padding:20px}
 body[data-page=home] .line-icon{font-size:30px;margin:12px 0}
 body[data-page=home] .involve-grid p{margin-bottom:8px}
 body[data-page=home] .connect-inner{padding-block:32px}
 body[data-page=home] .connect h2{font-size:34px;line-height:1.35}
 body[data-page=home] .social-actions{padding:0;gap:10px;flex-direction:row;flex-wrap:wrap}
 body[data-page=home] .social-actions .button{flex:1 1 180px}
 body[data-page=home] footer{gap:14px;padding-block:18px}
}
@media(max-width:350px){body[data-page=home] .header .brand{width:175px}body[data-page=home] .header .brand .official-logo{width:100%;height:auto}body[data-page=home] .header nav{font-size:13px}body[data-page=home] .hero h1{font-size:30px}}

/* Keep the English holding page compact, including narrow phone screens. */
html[lang=en] body[data-page=soon] .soon{padding-block:20px 28px}
html[lang=en] body[data-page=soon] .soon h1{font-size:clamp(34px,4.5vw,60px);line-height:1.2;margin:14px 0 18px}
html[lang=en] body[data-page=soon] .soon h1 em{transform:none;display:inline-block;white-space:nowrap}
html[lang=en] body[data-page=soon] .ornament{font-size:30px;margin-bottom:12px}
@media(max-width:680px){
 html[lang=en] body[data-page=soon] .soon{flex:0 0 auto;padding:26px 5% 32px}
 html[lang=en] body[data-page=soon] .soon h1{font-size:clamp(27px,7.5vw,36px);line-height:1.25;margin:16px 0 18px}
 html[lang=en] body[data-page=soon] .soon p{font-size:16px;line-height:1.65;margin-bottom:22px;max-width:345px}
 html[lang=en] body[data-page=soon] .soon .eyebrow{font-size:10px;line-height:1.6;letter-spacing:0}
 html[lang=en] body[data-page=soon] .social-actions .button{font-size:14px;padding:9px 12px;min-height:46px}
 html[lang=en] body[data-page=soon] .soon-footer{margin-top:auto}
}

/* Student support fund. */
.student-loan{background:#f0f8fd;scroll-margin-top:20px}.loan-intro{max-width:900px;font-size:18px;line-height:1.9}.loan-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}.loan-facts>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.loan-facts strong{display:block;font-size:28px;color:var(--ink);line-height:1.5}.loan-facts span{font-size:15px;color:var(--muted)}.loan-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.loan-panel{min-width:0;background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.loan-panel h3{margin:0 0 16px}.loan-panel p,.loan-panel li,.loan-review p,.loan-date-grid p{font-size:17px;line-height:1.85}.loan-panel ul{padding-inline-start:24px;margin:0}.loan-panel li+li{margin-top:12px}.loan-table-wrap{overflow-x:auto}.loan-panel table{border-collapse:collapse;width:100%;font-size:16px;text-align:start}.loan-panel caption{text-align:start;color:var(--muted);font-size:14px;padding-bottom:12px}.loan-panel th,.loan-panel td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:start}.loan-panel th{background:var(--sky);font-weight:700}.loan-dates{margin-block:30px}.loan-date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.loan-date-grid article{padding:20px;background:white;border-inline-start:4px solid var(--cyan);border-radius:6px}.loan-date-grid h4{font-size:18px;margin:0 0 10px}.loan-date-grid p{margin:0}.loan-notice{font-size:15px!important;border-inline-start:3px solid var(--red);padding-inline-start:14px;margin-top:20px}.loan-apply .button{margin-bottom:22px}.loan-email{display:inline-block;font-size:18px;font-weight:700;text-decoration:underline;overflow-wrap:anywhere}.loan-review{max-width:950px}.loan-review h3{margin-bottom:10px}.loan-review p{margin-bottom:0}body[data-page=home] .header nav{flex-wrap:wrap;justify-content:center;gap:12px 20px}
@media(max-width:680px){.loan-columns,.loan-date-grid{grid-template-columns:1fr;gap:16px}.loan-facts{gap:8px;margin:20px 0}.loan-facts>div{padding:12px 8px}.loan-facts strong{font-size:19px}.loan-facts span{font-size:12px}.loan-panel{padding:20px}.loan-panel th,.loan-panel td{padding:12px 8px;font-size:15px}.loan-intro{font-size:17px}.loan-apply .button{width:100%;font-size:14px!important}body[data-page=home] .header nav{gap:6px 14px}}

/* One continuous coming-soon background, including behind the header. */
body[data-page=soon]{background:#e8f6ff url('/assets/soon-background.svg') center top / cover no-repeat;min-height:100svh}
body[data-page=soon] .soon-header,body[data-page=soon] .soon,body[data-page=soon] .soon-footer{background:transparent}
body[data-page=soon] .soon-header{position:relative;z-index:1}
body[data-page=soon] .official-logo{mix-blend-mode:multiply;height:auto}
body[data-page=soon] #language{background:rgba(255,255,255,.5);border-color:#bdddeb}
body[data-page=soon] .soon-footer{border-color:#cce5f1}
@media(max-width:680px){body[data-page=soon]{background-size:auto 100%;background-position:center top}}

/* Secondary application action and enquiry details. */
body[data-page=home] .loan-apply .loan-status-button{font-size:13px;padding:7px 14px;min-height:36px;width:auto;line-height:1.6}
body[data-page=home] .loan-apply .loan-enquiry-note{font-size:13px;line-height:1.6;margin:4px 0}
body[data-page=home] .loan-apply .loan-enquiry-email{font-size:14px;line-height:1.6}
body[data-page=home] .loan-apply .loan-status-button{background:#edf0f3;color:#465365;border:1px solid #cbd2da}
body[data-page=home] .loan-apply .loan-status-button:hover{background:#dfe5eb;color:#263547;transform:none}
.brand-bilingual{font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:13px!important;line-height:1.7!important;color:var(--ink);margin:0;direction:ltr;text-align:center}footer .brand-bilingual{flex-basis:100%;width:100%}