@font-face{font-family:Aileron;src:url('/assets/fonts/aileron-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Aileron;src:url('/assets/fonts/aileron-bold.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Agrandir;src:url('/assets/fonts/agrandir-heavy.woff') format('woff');font-weight:800;font-display:swap}
@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 160 700;
  font-display: swap;
  src: url(/assets/fonts/readex-pro-arabic-variable.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: 'Readex Pro';
  font-style: normal;
  font-weight: 160 700;
  font-display: swap;
  src: url(/assets/fonts/readex-pro-latin-variable.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--paper:#ded4ca;--white:#fff;--ink:#6a868b;--muted:#495b55;--coral:#dc6951;--teal:#6a868b;--olive:#abad49;--deep:#103c38;--line:#c8c5b8;--font:Aileron,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--glass-fill:rgba(243,238,230,.62)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.06;letter-spacing:-.05em}h2{font-size:clamp(44px,4.8vw,64px)}h3{font-size:30px;letter-spacing:-.035em}img,svg{display:block}img{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #a4402e;outline-offset:5px}[hidden]{display:none!important}::selection{background:#d9dda6;color:#1b3331}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{font-size:12px;line-height:1.6;font-weight:700;color:#4e6765;letter-spacing:.07em}.text-link{display:inline-flex;align-items:center;gap:9px;color:#335e5e;background:none;border:0;padding:0;font-size:14px;font-weight:700;line-height:1.5}.text-link .icon{width:18px;height:18px;transition:transform .25s var(--ease)}.text-link:hover .directional{transform:translateX(4px)}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.button{min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 24px;border-radius:100px;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}.button.primary{color:#142626;background:var(--coral);box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #a23a2c25,0 4px 12px #aa4e3214}.button.primary:hover{background:#e78069;box-shadow:inset 0 1px 0 #ffffff80,0 8px 18px #aa4e3220;transform:translateY(-2px)}.button .icon{width:19px;height:19px}.glass{position:relative;isolation:isolate;background:transparent;border:1px solid #ffffffa8;box-shadow:0 8px 26px #1e353c12,0 2px 6px #1e353c08,inset 0 1px 1px #ffffffeb,inset 0 -1px 1px #60757518}.glass::before{content:'';position:absolute;inset:0;z-index:-2;border-radius:inherit;background:var(--glass-fill);-webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%);pointer-events:none}.glass::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(200px circle at var(--light-x,20%) var(--light-y,0%),#ffffff99,transparent 90%),linear-gradient(145deg,#ffffff60,transparent 30%,transparent 75%,#ffffff40);box-shadow:inset 1px 1px 1px #ffffffe0,inset -1px -1px 1px #ffffff66}.has-refraction .site-header::before{-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:url(#nav-refraction) blur(12px) saturate(150%)}.glass.secondary{color:#284743;--glass-fill:rgba(244,241,233,.48)}.glass.secondary:hover{--glass-fill:rgba(255,255,255,.8);transform:translateY(-2px)}.skip-link{position:fixed;top:-100px;inset-inline-start:20px;background:var(--ink);color:white;padding:12px 20px;z-index:1000;border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:fixed;top:16px;inset-inline:0;width:min(1180px,calc(100% - 48px));height:74px;margin-inline:auto;z-index:50;display:flex;align-items:center;gap:28px;padding:10px 13px 10px 17px;border-radius:40px;--glass-fill:rgba(243,238,230,.68)}.brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto;flex-shrink:0}.brand img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid #ffffffb3}.brand>span{font:800 16px/1.35 Agrandir,var(--font);letter-spacing:-.4px}.brand small{display:block;margin-top:3px;font:400 8px/1.4 var(--font);letter-spacing:1px;color:#415451}.desktop-nav{display:flex;gap:27px;align-items:center;font-size:12px;white-space:nowrap}.desktop-nav a{position:relative;padding:9px 0;color:#38524e}.desktop-nav a::after{content:'';position:absolute;bottom:3px;inset-inline:0;height:2px;border-radius:2px;background:#dc6951;transform:scaleX(0);transition:transform .25s}.desktop-nav a:hover::after,.desktop-nav a.active::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:19px}.language-switch{font:600 13px/1.5 'Readex Pro',var(--font);padding:8px 0;white-space:nowrap}.language-switch:hover{color:#a4402e}.nav-donate{min-height:44px;font-size:12px;padding:12px 21px}.menu-toggle{display:none;width:42px;height:42px;padding:10px;border-radius:50%;background:transparent}.menu-toggle span{height:1.5px;background:var(--ink);display:block;margin:5px 0;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}#mobile-nav{position:absolute;top:82px;inset-inline:0;padding:16px 25px;background:#f0e7dc;border:1px solid #fff9;border-radius:24px;box-shadow:0 15px 35px #223c3c1a}#mobile-nav a{display:block;padding:12px;font-size:15px;font-weight:700;border-radius:12px}#mobile-nav a:hover{background:#e8eeea}
.hero{padding-top:152px;overflow:hidden;background:var(--paper)}.hero-copy{text-align:center;max-width:860px}.hero .eyebrow{color:#4d6d68;font-size:13px;letter-spacing:.12em;margin-bottom:21px}.hero h1{font-size:clamp(72px,7.6vw,108px);line-height:.99;letter-spacing:-.065em}.hero h1 span{color:#dc6951;background:none;-webkit-text-fill-color:currentColor}.hero-description{font-size:19px;line-height:1.65;color:#586360;max-width:555px;margin:27px auto 0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:27px}.hero-details{font-size:12px;line-height:1.6;color:#4c5d57;margin-top:18px}.hero-details>p{font-weight:700}.hero-details>a{display:inline-flex;align-items:center;gap:6px;margin-top:5px;text-decoration:underline;text-underline-offset:3px}.hero-details .icon{width:14px;height:14px}.hero-visual{width:min(960px,calc(100% - 72px));margin:36px auto 0;position:relative;aspect-ratio:1.62;border-radius:40px;overflow:hidden;isolation:isolate;background:#e7ebef}.hero-visual>img{width:100%;height:100%;object-fit:cover}.visual-note{position:absolute;inset-inline-end:30px;top:35px;display:flex;align-items:center;gap:9px;border-radius:100px;padding:13px 19px;font-size:12px;font-weight:700;--glass-fill:rgba(244,241,233,.48)}.visual-note .icon{width:18px;height:18px;color:#dc6951}.visual-caption{position:absolute;bottom:21px;inset-inline:0;text-align:center;color:#374b48;font-size:12px;text-shadow:0 1px 12px white}.mission{padding-top:95px;padding-bottom:100px;text-align:center}.mission-intro{max-width:730px;margin-inline:auto}.school-mark{display:inline-flex;align-items:center;gap:13px;text-align:start;margin-bottom:34px}.school-mark img{width:60px;height:60px;border-radius:50%}.school-mark>span{font-size:12px;font-weight:700}.school-mark small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.mission h2{margin-top:14px;font-size:60px}.section-copy{font-size:18px;line-height:1.8;color:var(--muted);max-width:660px;margin:24px auto 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:57px 0 0;padding:0}.facts>div{display:flex;flex-direction:column;align-items:center;border-inline-start:1px solid #d3dcd7;padding:10px 20px}.facts>div:first-child{border:0}.facts .fact-number{order:-1;color:#557977;font-size:66px;font-weight:700;line-height:1.1;letter-spacing:-3px;margin:0 0 11px}.facts dt{font-size:14px;font-weight:700}.facts .fact-detail{font-size:12px;color:var(--muted);margin:5px 0 0}.mission-source{margin-top:36px;font-size:12px}
.projects{background:#e6e8de}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-heading h2{margin-top:13px}.section-heading>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:295px;padding-bottom:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{position:relative;border-radius:30px;overflow:hidden;background:#eae0d4;display:flex;flex-direction:column;min-height:620px;box-shadow:0 10px 25px #28433705}.project-copy{position:relative;z-index:2;padding:37px 34px 0}.card-kicker{font-size:12px;color:#536966;font-weight:700;margin-bottom:12px}.project-copy h3{font-size:35px;margin-bottom:12px}.project-copy>p:not(.card-kicker){font-size:15px;color:#56645f}.status-badge{display:inline-flex;align-items:center;gap:7px;margin-top:20px;font-size:10px;font-weight:700;color:#3c5c51;border:1px solid #a6b6aa;border-radius:100px;padding:7px 10px;line-height:1.5}.status-badge .icon{width:13px;height:13px}.status-badge .icon:last-child{width:11px}.status-badge:hover{background:#dbe5dd}.project-card>img{width:100%;height:355px;margin-top:auto;object-fit:cover;mix-blend-mode:multiply;transition:transform .8s var(--ease)}.project-card:hover>img{transform:scale(1.025)}.project-card.iftar{background:#103c38;color:#f6f8f2}.iftar .card-kicker{color:#c6d8d0}.iftar .project-copy>p:not(.card-kicker){color:#d3e0d9}.iftar .status-badge{color:#ecf1df;border-color:#728c72}.iftar .status-badge:hover{background:#31564c}.iftar>img{mix-blend-mode:normal;mask-image:linear-gradient(to bottom,transparent,black 14%)}.project-open{position:absolute;bottom:23px;inset-inline-end:23px;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#244038;--glass-fill:rgba(255,255,255,.7);transition:transform .3s}.project-open:hover{transform:rotate(90deg)}.project-open .icon{width:22px;height:22px}
.give{background:var(--paper)}.giving-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:43px;margin:60px 0}.giving-steps article{position:relative;padding-top:4px}.step-index{display:block;color:#6b7e77;font-size:12px;margin-bottom:25px}.giving-steps article>.icon{width:32px;height:32px;color:#5b7d76;margin-bottom:20px;stroke-width:1.4}.giving-steps h3{font-size:26px;margin-bottom:15px}.giving-steps p{font-size:15px;line-height:1.8;color:var(--muted);max-width:305px}.dropoff-card{display:flex;align-items:center;gap:27px;background:#dce0cb;padding:36px;border-radius:26px;scroll-margin-top:120px}.dropoff-icon{align-self:flex-start;width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#f8faf4,#d8e3d7);box-shadow:inset 1px 1px 0 white,0 8px 18px #48654d0a;display:grid;place-items:center}.dropoff-icon .icon{width:29px;height:29px;color:#53735e}.dropoff-copy{flex:1}.dropoff-copy .eyebrow{font-size:11px;color:#536653;letter-spacing:0}.dropoff-copy h3{font-size:24px;margin:9px 0 12px}.dropoff-copy>p{font-size:13px;color:#50624e;line-height:1.7}.dropoff-copy .schedule-note{font-size:11px;margin-top:10px;max-width:400px}.dropoff-actions{display:flex;flex-direction:column;align-items:center;gap:19px}.dropoff-actions .button{font-size:12px;padding-inline:20px}.dropoff-actions .text-link{font-size:12px}
.teams{background:#ded4ca}.center-heading{text-align:center;max-width:660px;margin-inline:auto}.center-heading h2{margin:13px 0 23px}.center-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.8}.team-browser{margin-top:43px}.team-tabs{display:flex;width:fit-content;max-width:100%;margin:0 auto 26px;align-items:center;padding:6px;border-radius:100px;gap:3px;--glass-fill:rgba(244,241,233,.48)}.team-tabs button{background:transparent;padding:12px 20px;border-radius:100px;font-size:12px;line-height:1.5;color:#344d4a;transition:background .25s,box-shadow .25s;white-space:nowrap}.team-tabs button[aria-selected=true]{background:#fff;box-shadow:0 3px 10px #3a555512,inset 0 1px 0 white;color:#8c3827}.team-tabs button:hover{background:#ffffff9e}.team-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;min-height:415px;padding:55px 65px;background:#f4f1e9;border:1px solid #fff9;border-radius:30px;box-shadow:0 12px 40px #334b4705}.team-art{width:280px;height:280px;position:relative;margin-inline:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 23%,white,#e1e9e1 60%,#c7d7cc);box-shadow:inset 1px 1px 1px white,inset -5px -5px 20px #8ea99b30,18px 20px 45px #69807319}.team-art>.icon{width:105px;height:105px;color:#617f7d;stroke-width:.8;filter:drop-shadow(3px 3px 1px #ffffffcc)}.team-orbit{position:absolute;inset:-24px;border:1px solid #d5ddd8;border-radius:50%;transform:rotate(-25deg) scaleY(.8)}.orbit-dot{position:absolute;width:45px;height:45px;border-radius:50%;box-shadow:inset 2px 2px 4px #ffffff80,4px 9px 20px #273a2c18}.orbit-dot.coral{background:radial-gradient(circle at 30% 20%,#f0b2a0,#dc6951 65%);top:15px;inset-inline-end:-10px}.orbit-dot.olive{background:radial-gradient(circle at 30% 20%,#e8e9ad,#abad49 70%);width:31px;height:31px;bottom:16px;inset-inline-start:-4px}.orbit-dot.teal{background:radial-gradient(circle at 30% 20%,#b7cdcc,#6a868b 75%);width:24px;height:24px;bottom:-10px;inset-inline-end:41px}.team-content .eyebrow{font-size:12px}.team-content h3{font-size:44px;margin:10px 0 17px}.team-content>p:not(.eyebrow):not(.skills-label){font-size:15px;line-height:1.8;color:var(--muted);max-width:450px;min-height:82px}.skills-label{font-size:11px;font-weight:700;color:#5b6a64;margin:22px 0 9px}.skill-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-tags span{font-size:11px;background:#eef1eb;padding:5px 10px;border-radius:7px;color:#4f6154}.team-content .text-link{margin-top:25px;font-size:13px}.teams-note{text-align:center;font-size:12px;color:#5a6c65;margin-top:25px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq h2{font-size:45px;line-height:1.1;max-width:330px}.faq-heading>p{font-size:15px;color:var(--muted);margin:22px 0}.faq-heading .text-link{font-size:13px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:15px;font-weight:700;padding:24px 0;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>.icon{width:19px;height:19px;transition:transform .2s}.faq-list details[open] summary>.icon{transform:rotate(45deg)}.faq-list details>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:24px;padding-inline-end:25px}.closing{background:#6a868b;color:#f3f2f2;text-align:center;padding-block:85px 100px}.closing .eyebrow{letter-spacing:0;color:#526952}.closing h2{font-size:74px;margin:20px auto 33px}.closing-actions{display:flex;align-items:center;justify-content:center;gap:28px}.footer{background:var(--paper);padding:45px 0 24px}.footer-main{display:flex;justify-content:space-between;gap:40px;padding-bottom:30px;border-bottom:1px solid #dce1d9}.footer-brand{display:flex;align-items:center;gap:10px;font-family:Agrandir,var(--font);font-size:16px;font-weight:800}.footer-brand img{width:42px;height:42px;border-radius:50%}.footer-main>div>p{font-size:12px;line-height:1.9;color:#596960;margin-top:13px}.social-links{display:flex;gap:22px;padding-top:13px;font-size:12px}.social-links a{display:flex;align-items:center;gap:5px}.social-links .icon{width:15px;height:15px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:23px;font-size:10px;color:#57665f}.footer-bottom .text-link{font-size:10px}.footer-bottom .icon{width:13px;height:13px}.footer a:hover{text-decoration:underline;text-underline-offset:3px}
dialog{color:var(--ink);background:#f4f1e9;padding:0;border:1px solid white;border-radius:30px;box-shadow:0 30px 130px #102e3566;width:min(560px,calc(100% - 32px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#10272680;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:16px;inset-inline-end:16px;z-index:5;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;--glass-fill:rgba(255,255,255,.75)}.dialog-close .icon{width:19px;height:19px}.dialog-content{padding:42px}.dialog-content h2{font-size:42px;line-height:1.1;letter-spacing:-.045em;margin:11px 0 18px;white-space:pre-line}.dialog-content>.eyebrow{padding-inline-end:30px;font-size:11px}.dialog-intro{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:24px}.packing-list{display:grid;gap:10px}.packing-list label{display:flex;align-items:flex-start;gap:11px;font-size:12px;padding:13px 14px;background:#e9eee6;border-radius:12px;cursor:pointer}.packing-list input{accent-color:#3b6055;width:17px;height:17px;flex:none;margin:2px 0 0}#checklist-status{font-size:11px;color:#48664c;margin:12px 0 23px;min-height:18px}.dialog-location{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:24px}.dialog-location>.icon{margin-top:1px;width:21px}.dialog-location strong{font-size:14px}.dialog-location p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}#donation-schedule{background:#edf0e8;font-size:11px;line-height:1.8;color:#496045;border-radius:10px;padding:12px 14px;margin-top:15px}.dialog-actions{display:flex;align-items:center;gap:21px;margin-top:24px}.dialog-actions .button{font-size:12px;min-height:46px;padding:12px 18px}.dialog-actions .text-link{font-size:12px}.dialog-footnote{font-size:10px;color:var(--muted);margin-top:18px}.project-dialog{width:min(750px,calc(100% - 32px))}.project-dialog>img{width:100%;height:300px;object-fit:cover}.project-dialog .dialog-content{padding:38px 47px 46px}.project-dialog [data-project-description]{font-size:16px;line-height:1.8;color:var(--muted);margin-top:20px}.project-detail-note{font-size:12px;line-height:1.8;color:#506a55;background:#e9eee4;border-radius:12px;padding:14px 17px;margin:24px 0}.toast{position:fixed;bottom:25px;inset-inline:20px;margin:auto;width:fit-content;max-width:calc(100% - 40px);padding:15px 22px;border-radius:100px;z-index:100;font-size:13px;font-weight:700;text-align:center;--glass-fill:rgba(255,255,255,.92)}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal-ready.is-visible{opacity:1;transform:none}
html[lang=ar]{--font:'Readex Pro',Aileron,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.3}html[lang=ar] .eyebrow,html[lang=ar] .brand small{letter-spacing:0}html[lang=ar] .brand>span,html[lang=ar] .footer-brand{font-family:var(--font);letter-spacing:0;font-weight:700}html[lang=ar] .hero h1{font-size:clamp(64px,7vw,94px);line-height:1.2}html[lang=ar] .hero-description{font-size:18px;line-height:1.9;max-width:580px}html[lang=ar] .hero .eyebrow{letter-spacing:0}html[lang=ar] .directional{transform:scaleX(-1)}html[lang=ar] .text-link:hover .directional{transform:scaleX(-1) translateX(4px)}html[lang=ar] .brand small{font-size:9px}html[lang=ar] .desktop-nav{font-size:12px}html[lang=ar] .button{font-size:13px}html[lang=ar] .nav-donate{font-size:11px}html[lang=ar] .team-tabs button{font-size:12px;white-space:normal}html[lang=ar] .fact-number{letter-spacing:0}html[lang=ar] .team-content h3{font-size:37px}html[lang=ar] .project-copy h3{font-size:33px}html[lang=ar] .closing h2{font-size:65px}html[lang=ar] .dialog-content h2{font-size:34px}html[lang=ar] .footer-bottom{font-size:10px}html[lang=ar] .language-switch{font-family:Aileron,sans-serif}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header{gap:21px}.desktop-nav{gap:19px}.brand>span{font-size:14px}.brand small{font-size:7px}.nav-actions{gap:14px}.brand img{width:40px;height:40px}.hero{padding-top:145px}.hero h1{font-size:90px}.project-copy{padding:30px 27px 0}.project-copy h3{font-size:30px}.project-card{min-height:580px}.project-card>img{height:320px}.team-panel{padding:45px;gap:35px}.team-art{width:225px;height:225px}.team-art>.icon{width:85px;height:85px}.team-tabs button{padding:11px 15px}.faq{gap:50px}.dropoff-card{gap:22px;padding:30px}.dropoff-icon{width:50px;height:50px;flex-shrink:0}.dropoff-actions .button{font-size:11px;gap:8px}.dropoff-actions .button .icon{width:16px}html[lang=ar] .brand>span{font-size:15px}}
@media(max-width:900px){.site-header{width:calc(100% - 32px);top:12px;height:68px;padding:9px 11px 9px 13px}.desktop-nav{display:none}.menu-toggle{display:block}.nav-actions{gap:17px}.brand>span{font-size:15px}.brand small{font-size:8px}.nav-donate{font-size:11px;min-height:40px;padding:11px 18px}.site-header #mobile-nav{top:76px}.section{padding-block:80px}.hero{padding-top:135px}.hero-visual{width:calc(100% - 48px);aspect-ratio:1.5;border-radius:30px}.section-heading{gap:25px}.section-heading h2{font-size:49px}.section-heading>p{font-size:15px;max-width:220px}.mission h2{font-size:53px}.project-grid{gap:20px}.project-card{min-height:530px;border-radius:24px}.project-copy{padding:28px 25px 0}.project-copy h3{font-size:28px}.project-copy>p:not(.card-kicker){font-size:13px}.status-badge{font-size:9px;border-radius:13px}.project-card>img{height:280px}.giving-steps{gap:25px;margin:46px 0}.giving-steps h3{font-size:23px}.giving-steps p{font-size:14px}.dropoff-card{flex-wrap:wrap}.dropoff-actions{flex-basis:100%;flex-direction:row;justify-content:flex-end}.dropoff-copy{min-width:70%}.team-panel{grid-template-columns:.75fr 1.25fr;gap:28px;padding:36px}.team-art{width:180px;height:180px}.team-art>.icon{width:70px;height:70px}.team-content h3{font-size:37px}.team-tabs button{padding:11px 12px;font-size:11px}.team-panel p{font-size:14px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{max-width:none;font-size:46px}.faq-heading>p{margin:15px 0}.closing h2{font-size:64px}.footer-bottom{flex-wrap:wrap;gap:18px 26px}.footer-bottom>span{margin-inline-end:auto}html[lang=ar] .hero h1{font-size:76px}html[lang=ar] .team-tabs button{font-size:10px;padding-inline:10px}html[lang=ar] .project-copy h3{font-size:28px}}
@media(max-width:600px){.wrap{width:calc(100% - 44px)}.section{padding-block:65px}.site-header{width:calc(100% - 24px);height:64px;top:10px;gap:10px;border-radius:35px;padding-inline:10px}.brand{gap:7px}.brand img{width:36px;height:36px}.brand>span{font-size:12px;letter-spacing:-.4px}.brand small{font-size:6px;letter-spacing:.3px;margin-top:2px}.nav-actions{gap:10px}.nav-donate{display:none}.language-switch{font-size:12px}.menu-toggle{width:34px;height:36px;padding:7px}.site-header #mobile-nav{top:73px}.hero{padding-top:121px}.hero-copy{width:calc(100% - 32px)}.hero .eyebrow{font-size:10px;letter-spacing:.07em;margin-bottom:18px}.hero h1{font-size:60px;letter-spacing:-.065em;line-height:1.02}.hero-description{font-size:15px;line-height:1.8;max-width:340px;margin-top:23px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{font-size:12px;min-height:49px;padding:13px 18px;gap:8px}.hero-actions .button .icon{width:16px;height:16px}.hero-details{font-size:10px;margin-top:16px}.hero-details>a{gap:5px;padding:3px}.hero-details .icon{width:13px;height:13px}.hero-visual{width:calc(100% - 24px);margin-top:28px;border-radius:25px;aspect-ratio:1.22}.hero-visual>img{object-fit:cover;object-position:50% 50%}.visual-note{top:15px;inset-inline-end:14px;padding:9px 12px;font-size:9px;gap:6px}.visual-note .icon{width:14px;height:14px}.visual-caption{bottom:13px;font-size:9px}.school-mark{margin-bottom:26px;gap:10px}.school-mark img{width:48px;height:48px}.school-mark>span{font-size:10px}.school-mark small{font-size:10px}.mission .eyebrow{font-size:10px}.mission h2{font-size:43px;margin-top:11px}.section-copy{font-size:15px;line-height:1.9;margin-top:22px}.facts{margin-top:36px}.facts>div{padding:4px 11px}.facts .fact-number{font-size:48px;letter-spacing:-2px}.facts dt{font-size:11px;line-height:1.5}.facts .fact-detail{font-size:10px;line-height:1.6;margin-top:6px}.mission-source{margin-top:26px;font-size:11px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:43px;line-height:1.08}.section-heading .eyebrow{font-size:10px}.section-heading>p{max-width:100%;font-size:14px;margin-top:22px}.project-grid{grid-template-columns:1fr;gap:22px}.project-card{min-height:535px}.project-copy{padding:30px 27px 0}.project-copy h3{font-size:32px;margin-bottom:13px}.project-copy>p:not(.card-kicker){font-size:14px}.card-kicker{font-size:11px}.status-badge{font-size:10px;padding:7px 9px;margin-top:18px;border-radius:100px}.project-card>img{height:320px}.project-open{width:44px;height:44px;bottom:20px;inset-inline-end:20px}.giving-steps{grid-template-columns:1fr;gap:28px;margin:36px 0}.giving-steps article{padding-inline-start:58px;min-height:102px}.giving-steps article>.icon{position:absolute;top:32px;inset-inline-start:0;width:30px;height:30px}.step-index{position:absolute;inset-inline-start:6px;top:0;font-size:10px}.giving-steps h3{font-size:24px;margin-bottom:11px}.giving-steps p{font-size:14px;max-width:100%}.dropoff-card{padding:25px;gap:20px;border-radius:23px;align-items:flex-start}.dropoff-icon{width:47px;height:47px;border-radius:15px}.dropoff-icon .icon{width:24px;height:24px}.dropoff-copy{flex-basis:100%;min-width:0}.dropoff-copy h3{font-size:23px}.dropoff-copy .eyebrow{font-size:10px}.dropoff-copy>p{font-size:12px}.dropoff-actions{align-items:flex-start;flex-direction:column;gap:19px}.dropoff-actions .button{font-size:12px;padding:13px 18px}.dropoff-actions .text-link{font-size:12px}.center-heading h2{font-size:43px}.center-heading .eyebrow{font-size:10px}.center-heading>p:last-child{font-size:14px;line-height:1.8}.team-browser{margin-top:30px}.team-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-radius:23px;padding:5px;gap:3px;margin-bottom:20px}.team-tabs button{font-size:10px;padding:11px 6px;white-space:normal;border-radius:17px;min-height:40px}.team-panel{grid-template-columns:1fr;gap:31px;padding:32px 28px;border-radius:24px}.team-art{width:160px;height:160px;margin-top:8px}.team-art>.icon{width:65px;height:65px}.team-orbit{inset:-16px}.orbit-dot{width:33px;height:33px}.orbit-dot.olive{width:24px;height:24px}.orbit-dot.teal{width:20px;height:20px}.team-content .eyebrow{font-size:11px}.team-content h3{font-size:34px;margin:10px 0 16px}.team-content>p:not(.eyebrow):not(.skills-label){font-size:14px;min-height:95px}.team-content .text-link{font-size:12px}.teams-note{font-size:10px;margin-top:20px;line-height:1.8}.faq{gap:30px}.faq h2{font-size:40px}.faq-heading>p{font-size:14px}.faq-heading .text-link{font-size:12px}.faq-list summary{font-size:13px;padding-block:21px;gap:15px}.faq-list details>p{font-size:13px;padding-inline-end:15px}.closing h2{font-size:49px;letter-spacing:-.05em;margin:19px 0 28px}.closing .eyebrow{font-size:10px;max-width:270px;margin:auto}.closing-actions{gap:20px}.closing-actions .button{font-size:12px;padding:13px 20px;min-height:48px}.closing-actions .text-link{font-size:12px;gap:7px}.footer{padding:35px 0 25px}.footer-main{flex-direction:column;gap:20px;padding-bottom:25px}.footer-brand{font-size:15px}.footer-main>div>p{font-size:11px}.social-links{gap:26px;font-size:11px;padding-top:0}.footer-bottom{gap:16px}.footer-bottom>span{flex-basis:100%;font-size:10px}.footer-bottom>a{margin-inline-start:auto}.footer-bottom .text-link{font-size:11px}.footer-bottom>a{font-size:10px}dialog{border-radius:25px;max-height:92dvh}.dialog-content{padding:35px 25px 29px}.dialog-content h2{font-size:34px;margin-top:13px;max-width:270px}.dialog-content>.eyebrow{font-size:10px}.dialog-intro{font-size:13px;margin-bottom:20px}.packing-list label{font-size:11px;padding:12px;gap:9px}.dialog-actions{gap:16px}.dialog-actions .button{font-size:11px;padding:12px 15px}.dialog-actions .text-link{font-size:11px;gap:6px}.dialog-actions .icon{width:15px}.project-dialog>img{height:235px}.project-dialog .dialog-content{padding:27px 26px 32px}.project-dialog [data-project-description]{font-size:14px}.project-detail-note{font-size:11px}.toast{font-size:12px;border-radius:20px}.dialog-close{width:35px;height:35px;top:13px;inset-inline-end:13px}html[lang=ar] .hero h1{font-size:55px;line-height:1.25}html[lang=ar] .hero-description{font-size:14px;line-height:1.9;max-width:330px}html[lang=ar] .hero-actions .button{font-size:11px;padding-inline:16px}html[lang=ar] .brand>span{font-size:14px}html[lang=ar] .brand small{font-size:7px}html[lang=ar] .mission h2{font-size:38px}html[lang=ar] .section-heading h2{font-size:37px}html[lang=ar] .center-heading h2{font-size:38px}html[lang=ar] .project-copy h3{font-size:30px}html[lang=ar] .team-content h3{font-size:29px}html[lang=ar] .closing h2{font-size:40px}html[lang=ar] .dialog-content h2{font-size:28px}html[lang=ar] .faq h2{font-size:35px}html[lang=ar] .button{font-size:12px}html[lang=ar] .team-tabs button{font-size:10px;min-height:48px}html[lang=ar] .project-copy>p:not(.card-kicker){font-size:13px}}
@media(max-width:360px){.hero h1{font-size:52px}.hero-actions .button{font-size:11px;padding-inline:13px;gap:7px}.brand>span{font-size:11px}.brand small{font-size:5px}.nav-actions{gap:8px}.facts>div{padding-inline:8px}.facts dt{font-size:10px}.facts .fact-detail{font-size:9px}.closing-actions{gap:14px}.closing-actions .button{padding-inline:14px}.status-badge{font-size:9px}html[lang=ar] .hero h1{font-size:48px}html[lang=ar] .hero-actions .button{font-size:10px;padding-inline:12px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass::before{background:#f0e7dc}.glass{border-color:#d6dfd5}}
html[data-transparency=reduced] .glass::before{background:#f0e7dc!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-transparency=reduced] .glass::after{background:none}html[data-transparency=reduced] .glass{border-color:#a6b7a6;box-shadow:0 3px 9px #1e353c15}html[data-transparency=reduced] dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#102726d9}
@media(prefers-reduced-transparency:reduce){.glass::before{background:#f0e7dc!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass::after{background:none}.glass{border-color:#a6b7a6}dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#31453e}.glass::before{background:#f4f1e9!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass{border-color:#435c4f}.status-badge{border-color:currentColor}.hero h1 span{background:none;-webkit-text-fill-color:#9f3e2a;color:#9f3e2a}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}.has-refraction .site-header::before{backdrop-filter:blur(18px) saturate(150%)}.project-card:hover>img,.project-open:hover,.button:hover{transform:none}}
.brand-arabic img{width:104px;height:60px;object-fit:contain;border:0;border-radius:0;background:none}.brand-arabic{padding-inline:5px}
.closing .eyebrow{color:#d0d9cc}.closing .text-link{color:#d5da8e}.facts .fact-number{color:#587575}.hero-visual{background:var(--paper)}.hero-visual>img{mix-blend-mode:multiply}.visual-caption{text-shadow:0 1px 10px #ded4ca}.team-tabs button[aria-selected=true]{background:#f4f1e9}.team-art{background:radial-gradient(circle at 32% 23%,#f4f1e9,#d9e1cf 60%,#a8b9ad)}

@media(max-width:600px){.brand-arabic img{width:85px;height:49px}}

@media(prefers-contrast:more){.hero h1 span{color:#9f3e2a;-webkit-text-fill-color:#9f3e2a}}
.footer-brand.brand-arabic img{width:104px;height:70px;border-radius:0;object-fit:contain}
.social-links{align-items:center;gap:25px;flex-wrap:wrap}
.social-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;white-space:nowrap;transition:color .2s}
.social-links .social-icon{width:19px;height:19px;flex:none;transition:transform .2s}
.social-links a:hover{color:#9f3e2a;text-decoration:underline;text-underline-offset:5px}
.social-links a:hover .social-icon{transform:translateY(-2px)}
.hero-vector{border-radius:0;overflow:visible}
.hero-vector>img{mix-blend-mode:normal;object-fit:contain}
@media(max-width:600px){.social-links{gap:22px;font-size:12px}.social-links a{gap:8px}.social-links .social-icon{width:18px;height:18px}.hero-vector{aspect-ratio:1.32}.hero-vector .visual-note{top:4px}.hero-vector .visual-caption{bottom:0}}
@media(max-width:360px){.social-links{gap:18px;font-size:11px}}

/* The original coral heart badge, restored on both language editions. */
.closing-heart{width:66px;height:66px;background:var(--coral);border:1px solid #ed9c87;border-radius:22px;box-shadow:inset 1px 1px 1px #fff9,0 12px 25px #ab554e16;display:grid;place-items:center;margin:0 auto 31px;transform:rotate(-7deg)}
.closing-heart .icon{width:31px;height:31px;color:#7c3425;stroke-width:1.3}
.social-links{align-self:center;padding-top:0}
@media(max-width:600px){.closing-heart{width:58px;height:58px;border-radius:19px;margin-bottom:25px}.social-links{align-self:flex-start}}

/* A real extruded version of the original badge, with the original as its fallback. */
.heart-badge-3d{width:150px;max-width:100%;margin:0 auto 25px}
#kindness-badge{display:block;position:relative;width:100%;height:116px;--poster-color:transparent;--progress-bar-color:transparent;cursor:grab;touch-action:pan-y;border-radius:24px}
#kindness-badge:active{cursor:grabbing}
#kindness-badge:focus-visible{outline:2px solid #f4eee4;outline-offset:2px}
.badge-poster{position:absolute;inset:0;display:grid;place-items:center;background:transparent;pointer-events:none}
.badge-poster .closing-heart{margin:0}
.badge-controls{display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;line-height:1.5;color:#071717;margin-top:3px;white-space:nowrap}
.badge-controls button{font:inherit;font-weight:700;color:#071717;background:none;padding:6px 4px;border-radius:5px;text-decoration:underline;text-underline-offset:3px;min-height:32px}
.badge-controls button:hover{color:#000}
@media(max-width:600px){.heart-badge-3d{width:140px;margin-bottom:22px}#kindness-badge{height:104px}.badge-controls{font-size:10px}}

/* The supplied English campaign artwork, with its natural proportions and transparency. */
.brand.brand-english img{width:120px;height:66px;object-fit:contain;border:0;border-radius:0;background:none}
.footer-brand.brand-english img{width:160px;height:120px;object-fit:contain;border:0;border-radius:0;background:none}
.school-mark img.english-logo{width:100px;height:75px;object-fit:contain;border-radius:0;flex:none}
@media(max-width:600px){.brand.brand-english img{width:108px;height:58px}.footer-brand.brand-english img{width:144px;height:108px}.school-mark img.english-logo{width:84px;height:63px}}

/* Exact campaign accents: logo blue, coral orange, and olive green. */
.hero h1{color:var(--teal)}.hero h1 span{color:var(--coral)}
.facts .fact-number{color:var(--teal)}
.desktop-nav a::after{background:var(--olive)}
.glass.secondary{border-color:var(--olive);--glass-fill:rgba(171,173,73,.18)}
.glass.secondary:hover{--glass-fill:rgba(171,173,73,.35)}
.team-tabs button[aria-selected=true]{background:var(--olive);color:#33463c}
.dropoff-icon{background:var(--olive);box-shadow:inset 1px 1px 0 #ffffff80}
.dropoff-icon .icon{color:#33463c}
.hero-details>a{border:1px solid #6a868b66;border-radius:30px;padding:6px 11px;margin-top:8px;background:#f3eee660;text-decoration:none}
.hero-details>a:hover{text-decoration:underline;background:#f3eee6}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.facts{position:relative;z-index:3}
.facts>div{position:relative}
.fact-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 3px;background:none;border-radius:6px;color:#3b5752;font-size:inherit;font-weight:700;line-height:1.5}
.fact-trigger .icon{width:13px;height:13px;transition:transform .2s;color:#5b7266}
.fact-trigger[aria-expanded=true] .icon{transform:rotate(45deg)}
.fact-trigger:hover{text-decoration:underline;text-underline-offset:4px}
.fact-popover{position:absolute;top:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%);width:min(320px,calc(100vw - 44px));margin:0;padding:23px;text-align:start;color:#344e48;background:#f4eee5;border:1px solid #fff9;border-radius:22px;box-shadow:0 15px 35px #243e3e26;z-index:8}
html[dir=rtl] .fact-popover{transform:translateX(50%)}
.fact-card:first-child .fact-popover{inset-inline-start:0;transform:none}
.fact-card:last-child .fact-popover{inset-inline-start:auto;inset-inline-end:0;transform:none}
.fact-popover strong{font-size:15px;line-height:1.5;display:block}
.fact-popover>p{font-size:12px;line-height:1.8;color:#50634f;margin-top:9px}
.fact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:17px}
.fact-actions .text-link{font-size:12px}
.fact-popover::before{content:'';position:absolute;top:-15px;inset-inline:0;height:16px}
@media(max-width:600px){.fact-trigger{font-size:11px;gap:3px;flex-wrap:wrap}.fact-trigger .icon{width:11px;height:11px}.fact-popover{padding:20px}.fact-popover strong{font-size:14px}.privacy-link{order:1}.footer-bottom>a.privacy-link{margin-inline-start:0}}

/* A separate reading page; the homepage gains only its footer policy link. */
.privacy-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;border-bottom:1px solid #6a868b35}
.privacy-header nav{display:flex;align-items:center;gap:26px;color:#405b56;font-size:13px;font-weight:700}
.privacy-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.privacy-copy{max-width:760px;padding-block:75px 65px;color:#40564f}
.privacy-copy h1{font-size:clamp(43px,6vw,70px);color:var(--teal);margin-block:15px 22px}
.privacy-updated{font-size:12px;color:#54665b}
.privacy-intro{font-size:18px;line-height:1.8;margin-top:26px}
.privacy-sections{display:grid;gap:34px;margin-top:46px}
.privacy-sections h2{font-size:25px;line-height:1.4;letter-spacing:-.025em;color:#40564f;margin-bottom:13px}
.privacy-sections p{font-size:16px;line-height:1.9;margin-top:12px}
.privacy-links{padding-inline-start:20px;font-size:15px;line-height:2}
.privacy-links a{text-decoration:underline;text-underline-offset:4px;color:#3a5e58}
.privacy-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #6a868b35;padding-block:25px;font-size:12px;color:#50634f}
html[lang=ar] .privacy-copy h1,html[lang=ar] .privacy-sections h2{letter-spacing:0}
@media(max-width:600px){.privacy-header{gap:12px;padding-block:15px}.privacy-header nav{gap:14px;font-size:11px}.privacy-copy{padding-block:45px}.privacy-copy h1{font-size:43px}.privacy-intro{font-size:16px}.privacy-sections h2{font-size:21px}.privacy-sections p{font-size:14px}.privacy-sections{gap:26px;margin-top:34px}.privacy-footer{font-size:10px}.privacy-footer .text-link{font-size:12px}}
/* Keep small closing-section labels legible on the exact logo blue. */
.closing .eyebrow,.closing .text-link,.heart-hint,.heart-controls,.heart-controls button,.heart-ar-status{color:#0c1919}
.heart-controls button:hover{color:#000}

/* The existing community counts and donation steps, framed as matching cards. */
.facts{gap:22px}
.facts>.fact-card,.giving-steps>article{min-width:0;background:linear-gradient(145deg,#f4eee6cc,#eee7dfb3);border:1px solid #faf5eee0;border-radius:26px;box-shadow:0 8px 24px #485b5410,inset 0 1px 0 #ffffff70}
.facts>.fact-card,.facts>.fact-card:first-child{border:1px solid #faf5eee0;padding:28px 20px 25px}
.facts>.fact-card:has(.fact-trigger[aria-expanded=true]){z-index:4;border-color:#6a868b80;box-shadow:0 12px 28px #485b5418,inset 0 1px 0 #ffffff70}
.giving-steps{gap:22px}
.giving-steps>article{padding:28px}
.giving-steps>article p{max-width:none}
@media(max-width:900px) and (min-width:601px){.facts{gap:14px}.facts>.fact-card,.facts>.fact-card:first-child{padding:25px 13px}.giving-steps{gap:14px}.giving-steps>article{padding:23px 20px}}
@media(max-width:600px){
 .facts{gap:8px}
 .facts>.fact-card,.facts>.fact-card:first-child{padding:22px 7px 20px;border-radius:19px}
 .facts .fact-detail{max-width:100%;overflow-wrap:break-word}
 .giving-steps{gap:16px}
 .giving-steps>article{padding:24px;padding-inline-start:76px;border-radius:23px}
 .giving-steps>article>.icon{inset-inline-start:24px;top:58px}
 .giving-steps>article .step-index{inset-inline-start:30px;top:24px;margin:0}
}

/* Full-card artwork inspired by the real sale; authentic footage remains in the gallery. */
.project-card.garage{isolation:isolate}
.project-card.garage>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center 35%;mix-blend-mode:normal}
.project-card.garage::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(234,224,212,.94) 0%,rgba(234,224,212,.8) 28%,rgba(234,224,212,.48) 45%,rgba(234,224,212,0) 66%)}
.project-card.garage .status-badge{background:rgba(246,240,231,.7);backdrop-filter:blur(8px)}
.project-card.garage .status-badge:hover{background:#f6f0e7}
.project-card.garage .project-open{z-index:3}
/* Real moments from the garage sale: a photo contact sheet and full short films. */
.project-dialog[data-project=garage]>img{object-position:center 58%}
.project-gallery-link{display:flex;width:fit-content;margin:0 0 20px}
.moments{background:var(--paper);border-bottom:1px solid #6a868b26}
.moments .section-heading>p{max-width:310px}
.moments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.moment-card{min-width:0;border:1px solid #fff9;border-radius:24px;background:#f2eae0;overflow:hidden;box-shadow:0 8px 20px #485b540a}
.moment-photo{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#c4beb3}
.moment-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 68%;transition:transform .5s var(--ease)}
.moment-photo:hover>img{transform:scale(1.035)}
.moment-photo:focus-visible{outline-offset:-5px}
.moment-expand{position:absolute;inset-inline-end:12px;bottom:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#294c47;--glass-fill:rgba(243,238,230,.8)}
.moment-expand .icon{width:16px;height:16px}
.moment-card figcaption{display:flex;align-items:baseline;gap:12px;padding:17px 16px 19px}
.moment-card figcaption>span{font-size:10px;color:#62786c;flex:none;font-variant-numeric:tabular-nums}
.moment-card h3{font:700 13px/1.55 var(--font);letter-spacing:0;color:#3b5752}
.films-heading{margin:42px 0 22px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.films-heading h3{font-size:26px;color:var(--teal)}
.films-heading p{font-size:12px;color:var(--muted)}
.films-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.film-card{display:flex;gap:23px;align-items:center;padding:14px;border:1px solid #fff9;border-radius:24px;background:#f0e8dd;box-shadow:0 8px 24px #485b540a;transition:background .2s,border-color .2s}
.film-card:hover{background:#f5eee5;border-color:#6a868b80}
.film-poster{position:relative;display:block;width:112px;aspect-ratio:3/4;border-radius:16px;overflow:hidden;flex:none;background:#c4beb3}
.film-poster>img{width:100%;height:100%;object-fit:cover;object-position:center 85%}
.film-poster::after{content:'';position:absolute;inset:0;background:#10262620}
.film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f5eee6e6;color:#3d625d;border:1px solid #fff9;transition:background .2s,scale .2s}
.film-play .icon{width:20px;height:20px;margin-inline-start:-2px}
.film-card:hover .film-play{background:var(--coral);scale:1.06}
.film-copy{padding-inline-end:12px;min-width:0}
.film-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#526851;line-height:1.5}
.film-copy h4{font-size:19px;line-height:1.3;letter-spacing:-.025em;color:#3b5752;margin:9px 0 8px}
.film-description{font-size:12px;line-height:1.7;color:var(--muted);max-width:285px}
.film-action{display:inline-flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;font-weight:700;color:#335e5e}
.film-action .icon{width:15px;height:15px}
.film-card:hover .film-action{text-decoration:underline;text-underline-offset:4px}
.media-dialog{width:min(500px,calc(100vw - 28px));max-height:94dvh;border:1px solid #fff9;border-radius:24px;padding:0;overflow:auto;background:#f0e8dd;color:#3b5752;box-shadow:0 25px 80px #10262640}
.media-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 19px}
.media-dialog-bar .eyebrow{font-size:9px;letter-spacing:.03em;margin-bottom:5px}
.media-dialog-bar h2{font-size:17px;line-height:1.4;letter-spacing:-.025em;margin:0}
.media-close{width:36px;height:36px;border-radius:50%;background:#ffffff80;display:grid;place-items:center;flex:none}
.media-close .icon{width:18px;height:18px}
#gallery-full-photo{display:block;width:100%;height:min(65dvh,700px);object-fit:contain;background:#192d2d}
.photo-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 16px}
.photo-navigation button{width:40px;height:40px;display:grid;place-items:center;background:transparent;border-radius:50%}
.photo-navigation button:hover{background:#dce0cb}
.photo-navigation .icon{width:18px;height:18px}
.photo-navigation .previous-arrow{transform:rotate(180deg)}
html[dir=rtl] .photo-navigation .previous-arrow{transform:none}
html[dir=rtl] .photo-navigation .next-arrow{transform:rotate(180deg)}
#photo-position{font-size:11px;min-width:88px;text-align:center}
#garage-film-player{display:block;width:100%;height:min(62dvh,660px);background:#192d2d;object-fit:contain}
.film-dialog-note{padding:12px 19px 17px;font-size:11px;line-height:1.7}
.film-dialog-note>span{display:block;color:#526851;margin-top:5px;font-size:10px}
.film-dialog-note .text-link{font-size:10px;margin-top:7px}
#film-error{color:#963e2f;margin-top:8px}
html[lang=ar] .film-copy h4,html[lang=ar] .media-dialog-bar h2{letter-spacing:0}
@media(max-width:900px){.moments-grid{gap:12px}.moment-card{border-radius:20px}.moment-card figcaption{padding:14px 12px;gap:8px}.moment-card h3{font-size:11px}.film-card{gap:15px;padding:12px}.film-poster{width:95px}.film-copy{padding-inline-end:3px}.film-copy h4{font-size:17px}.film-description{font-size:11px}.films-heading p{max-width:250px}.film-action{font-size:10px}}
@media(max-width:600px){
 .moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .moment-card{border-radius:20px}.moment-card figcaption{padding:13px 11px;gap:7px;min-height:69px;align-items:flex-start}.moment-card figcaption>span{font-size:9px;padding-top:2px}.moment-card h3{font-size:11px}
 .moment-expand{width:28px;height:28px;inset-inline-end:9px;bottom:9px}.moment-expand .icon{width:14px;height:14px}
 .films-heading{display:block;margin:32px 0 19px}.films-heading h3{font-size:24px;line-height:1.3}.films-heading p{max-width:none;margin-top:10px;font-size:11px}
 .films-grid{grid-template-columns:1fr;gap:14px}.film-card{gap:17px;padding:12px;border-radius:22px}.film-poster{width:90px;border-radius:14px}.film-play{width:36px;height:36px}.film-copy h4{font-size:17px}.film-meta{font-size:9px}.film-description{font-size:11px}.film-action{font-size:10px;margin-top:10px}
 .media-dialog{border-radius:22px}.media-dialog-bar{padding:13px 15px;gap:13px}.media-dialog-bar h2{font-size:15px}.media-dialog-bar .eyebrow{font-size:8px}.media-close{width:32px;height:32px}
 #gallery-full-photo{height:62dvh}#garage-film-player{height:59dvh}.film-dialog-note{padding:11px 15px 15px}
 html[lang=ar] .moments .section-heading h2{font-size:35px}html[lang=ar] .films-heading h3{font-size:23px}html[lang=ar] .film-copy h4{font-size:16px}html[lang=ar] .moment-card h3{font-size:10px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.moment-photo:hover>img{transform:none}.film-card:hover .film-play{scale:1}}

/* Application links lead to an honest, team-specific recruitment page. */
.team-application{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:25px}
.team-content .team-application .text-link{margin-top:0}
.application-status{display:inline-flex;align-items:center;gap:7px;max-width:100%;font:700 10px/1.6 var(--font);color:#4f604a;background:#e0e2c6;border:1px solid #abad4966;border-radius:100px;padding:5px 11px}
.application-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--olive);flex:none}
.application-status[data-state=open]{background:#dbe6de;color:#31584b}
.application-main{max-width:1080px;padding-block:34px 55px}
.application-back{font-size:12px;gap:9px}
.application-layout{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:75px;margin-top:48px}
.application-intro .eyebrow{font-size:11px;margin-bottom:35px}
.application-kicker{font-size:20px;color:#536b60;margin-bottom:10px}
.application-intro h1{font-size:clamp(48px,5.5vw,74px);line-height:1.12;color:var(--teal);overflow-wrap:break-word}
.application-description{font-size:17px;line-height:1.85;color:#495b55;margin:24px 0 28px}
.application-intro .skills-label{font-size:11px;font-weight:700;color:#4f6656;margin-bottom:9px}
.application-intro .skill-tags{margin:0}
.application-card{padding:35px;background:linear-gradient(145deg,#f4eee6ed,#eee7dfcc);border:1px solid #fff9;border-radius:30px;box-shadow:0 15px 40px #485b5410}
.application-year{display:flex;align-items:baseline;gap:14px;justify-content:space-between;border-bottom:1px solid #6a868b26;padding-bottom:22px;margin-bottom:26px}
.application-year>span{font-size:53px;line-height:1;font-weight:700;letter-spacing:-2px;color:var(--coral)}
.application-year>small{font-size:10px;max-width:100px;color:#52634e}
.application-card h2{font-size:29px;line-height:1.2;letter-spacing:-.035em;color:var(--teal);margin:20px 0 14px}
#application-state-copy{font-size:14px;line-height:1.8;color:#495b55}
.application-card>.button{width:100%;margin-top:24px}
.application-unavailable{background:#dedbd0;color:#627067;cursor:not-allowed;border:1px solid #c6c8b9}
.application-updates{display:flex;justify-content:center;margin-top:20px;font-size:12px}
.application-form-note,.application-noscript{font-size:11px;line-height:1.8;color:#5b6b60;margin-top:24px}
.other-teams{margin-top:60px;padding-top:26px;border-top:1px solid #6a868b35}
.other-teams>p{font-size:12px;font-weight:700;color:#4f6656;margin-bottom:15px}
.other-teams>div{display:flex;flex-wrap:wrap;gap:10px}
.other-teams a{padding:8px 14px;border:1px solid #6a868b40;border-radius:50px;font-size:12px;color:#425d56;transition:background .2s}
.other-teams a:hover{background:#f2eae0}.other-teams a[aria-current=page]{background:#dfe1c5;border-color:#abad4970}
html[lang=ar] .application-year>span{letter-spacing:0}
@media(max-width:900px){.application-layout{grid-template-columns:1fr 350px;gap:35px}.application-card{padding:28px}.application-intro h1{font-size:52px}.application-description{font-size:15px}.application-card h2{font-size:26px}}
@media(max-width:700px){.application-layout{grid-template-columns:1fr;gap:32px;margin-top:30px}.application-intro .eyebrow{margin-bottom:22px}.application-intro h1{font-size:48px}.application-description{margin-block:20px}.application-kicker{font-size:17px}.application-card{padding:28px;border-radius:26px}.application-year>span{font-size:46px}.other-teams{margin-top:38px}.application-card h2{font-size:28px}.application-main{padding-block:26px 40px}.application-back{font-size:11px}.application-page .privacy-header{gap:12px}.application-page .privacy-header nav{gap:14px}.other-teams a{font-size:11px;padding:8px 12px}}
@media(max-width:360px){.application-intro h1{font-size:42px}.application-card{padding:23px}.application-card h2{font-size:25px}.application-status{font-size:9px}.team-application{gap:12px}.application-year{gap:10px}}

/* Brand guidelines: a practical home for the supplied campaign identity. */
.brand-guide-page{background:var(--paper);color:#344d4a}
html[lang=ar] .brand-guide-page{font-family:'Readex Pro',var(--font)}
html[lang=ar] .brand-guide-page h1,html[lang=ar] .brand-guide-page h2,html[lang=ar] .brand-guide-page h3{letter-spacing:0}
.brand-guide-page .brand-guide-header{position:relative;z-index:10}
.brand-guide-header .brand{margin-inline-end:0}
.brand-guide-header .brand.brand-english img{width:138px;height:76px}
.brand-guide-header .brand.brand-arabic img{width:112px;height:72px;border-radius:0;object-fit:contain}
.brand-guide-page h1,.brand-guide-page h2,.brand-guide-page h3{color:var(--teal)}
.brand-guide-page .button.glass.secondary{color:#284743}
.brand-guide-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;padding-block:90px 72px}
.brand-guide-hero h1{font-size:clamp(68px,9vw,118px);line-height:.9;letter-spacing:-.075em;margin-top:18px}
.brand-guide-hero h1 span{color:var(--coral)}
html[lang=ar] .brand-guide-hero h1{line-height:1.12;letter-spacing:0}
.brand-guide-intro{padding-bottom:10px}
.brand-guide-intro>p:first-child{font-size:20px;line-height:1.75;color:#405b56}
.brand-guide-note{font-size:11px;line-height:1.7;color:#66756e;margin-top:24px;border-inline-start:2px solid var(--olive);padding-inline-start:14px}
.brand-guide-actions{display:flex;align-items:center;gap:14px;margin-top:24px}
.brand-guide-actions .button{min-height:48px;padding:12px 19px;font-size:12px}
.brand-guide-actions>span{font-size:10px;line-height:1.5;color:#66756e}
.brand-index{position:sticky;top:15px;z-index:8;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #fff9;border-radius:100px;background:#f4f1e9cc;box-shadow:0 12px 35px #2a46421a;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);overflow-x:auto;scrollbar-width:none}
.brand-index::-webkit-scrollbar{display:none}
.brand-index a{flex:1;min-width:max-content;text-align:center;font-size:11px;font-weight:700;color:#3d5a55;padding:10px 16px;border-radius:100px;transition:background .2s,color .2s}
.brand-index a:hover,.brand-index a:focus-visible{background:#fff;color:#a4402e}
.brand-guide-section{padding-block:105px;border-bottom:1px solid #6a868b30;scroll-margin-top:100px}
.brand-guide-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:50px}
.brand-guide-heading h2{font-size:clamp(52px,6vw,78px);line-height:.96;margin-top:14px}
.brand-guide-heading>p{font-size:17px;line-height:1.8;color:#50635d;padding-bottom:7px}
.brand-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.brand-logo-card{overflow:hidden;border:1px solid #fff9;border-radius:30px;box-shadow:0 12px 35px #334b4710}
.brand-logo-stage{height:380px;display:grid;place-items:center;padding:45px}
.brand-logo-stage img{width:100%;height:100%;object-fit:contain}
.brand-logo-card-light .brand-logo-stage{background:#f4f1e9}
.brand-logo-card-warm .brand-logo-stage{background:#d9cfc5}
.brand-asset-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 28px;background:#f0e8df;border-top:1px solid #ffffff80}
.brand-asset-meta .eyebrow{font-size:9px;margin-bottom:4px}
.brand-asset-meta h3{font-size:20px;letter-spacing:-.02em}
.brand-asset-meta h3[lang=ar]{font-family:'Readex Pro',var(--font);letter-spacing:0}
.brand-download{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid #6a868b55;border-radius:100px;font-size:11px;font-weight:700;color:#345853;transition:background .2s}
.brand-download:hover{background:#fff}
.brand-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.brand-rules article{padding:28px;background:#ece4da;border:1px solid #fff8;border-radius:24px}
.brand-rule-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #6a868b55;border-radius:14px;color:#4e7774;font-size:12px;font-weight:700;margin-bottom:28px}
.brand-rules h3{font-size:22px;margin-bottom:10px}
.brand-rules p{font-size:13px;line-height:1.75;color:#50615b}
.brand-colour-section{border-radius:38px;padding-inline:56px;background:#e6e8de;border-bottom:0;margin-block:22px}
.brand-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.brand-swatch{min-height:225px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid #fff7;border-radius:24px;background:var(--swatch);color:var(--swatch-text);box-shadow:inset 0 1px 0 #ffffff50}
.brand-swatch span{font-size:11px;font-weight:700}
.brand-swatch strong{font-size:17px;letter-spacing:.02em}
.brand-swatch strong{direction:ltr;unicode-bidi:isolate}
.brand-swatch-wide{grid-column:span 2;min-height:145px}
.brand-accessibility-note{font-size:13px;line-height:1.75;color:#465b53;margin-top:22px;padding:18px 21px;border:1px solid #6a868b35;border-radius:18px;background:#f4f1e980}
.brand-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.brand-type-card{min-height:460px;padding:40px;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #fff8;box-shadow:0 12px 35px #334b4710}
.brand-type-english{background:#f4f1e9}
.brand-type-english{font-family:Aileron,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.brand-type-arabic{background:#103c38;color:#f4f1e9}
.brand-type-arabic .eyebrow,.brand-type-arabic .brand-type-sample{color:#f4f1e9}
.brand-type-sample{font-size:clamp(46px,5vw,68px);font-weight:700;line-height:1.02;letter-spacing:-.055em;color:var(--teal)}
.brand-type-arabic .brand-type-sample{font-family:'Readex Pro',var(--font);font-size:clamp(45px,5vw,64px);line-height:1.35;letter-spacing:0}
.brand-type-card>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;opacity:.82}
.brand-type-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.brand-type-notes p{font-size:13px;line-height:1.8;color:#4d605a;padding:21px;border-top:1px solid #6a868b55}
.brand-voice-section{border-radius:38px;padding-inline:56px;background:#f0e8df;border-bottom:0;margin-block:22px}
.brand-voice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.brand-voice-grid article{min-height:250px;padding:25px;border:1px solid #fff9;border-radius:24px;background:#f6f2eb;box-shadow:0 8px 20px #334b4708}
.brand-voice-grid span{font-size:11px;color:#70817a}
.brand-voice-grid h3{font-size:27px;margin:54px 0 12px}
.brand-voice-grid p{font-size:13px;line-height:1.75;color:#52615b}
.brand-copy-example{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.brand-copy-example>div{padding:25px 28px;border-radius:22px;background:#dfe5df}
.brand-copy-example>div:last-child{background:#e5ddd5}
.brand-copy-example blockquote{margin:13px 0 0;font-size:19px;line-height:1.55;font-weight:700;color:#37514d}
.brand-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.brand-usage-card{padding:34px;border-radius:28px;border:1px solid #fff8}
.brand-usage-do{background:#dfe5d8}
.brand-usage-dont{background:#eadfd7}
.brand-usage-card ul{margin:22px 0 0;padding-inline-start:22px;display:grid;gap:15px}
.brand-usage-card li{font-size:14px;line-height:1.65;color:#465a54}
.brand-contact-card{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:24px;padding:38px 42px;border-radius:30px;background:var(--teal);color:#f6f4ef}
.brand-contact-card .eyebrow,.brand-contact-card h3,.brand-contact-card p{color:inherit}
.brand-contact-card h3{font-size:34px;margin:10px 0 12px}
.brand-contact-card>div:first-child>p:last-child{max-width:600px;font-size:14px;line-height:1.75;color:#e3e7e2}
.brand-contact-links{display:flex;gap:10px;flex:none}
.brand-contact-card .glass.secondary{color:#f4f1e9;border-color:#ffffff70;--glass-fill:rgba(255,255,255,.12)}
.brand-guide-footer{max-width:1180px}
.brand-guide-footer nav{display:flex;align-items:center;gap:24px}
.brand-guide-footer a{font-weight:700}
@media(max-width:900px){
 .brand-guide-hero{gap:35px}.brand-guide-intro>p:first-child{font-size:17px}
 .brand-guide-heading{gap:35px}.brand-guide-section{padding-block:80px}
 .brand-logo-stage{height:300px;padding:30px}.brand-asset-meta{display:block}.brand-download{margin-top:17px}
 .brand-colour-section,.brand-voice-section{padding-inline:36px}
 .brand-voice-grid{grid-template-columns:1fr 1fr}.brand-voice-grid article{min-height:210px}
 .brand-contact-card{align-items:flex-start;flex-direction:column}.brand-contact-links{width:100%}.brand-contact-links .button{flex:1}
}
@media(max-width:600px){
 .brand-guide-header .brand.brand-english img{width:104px;height:60px}.brand-guide-header nav{font-size:11px}
 .brand-guide-hero{grid-template-columns:1fr;gap:28px;padding-block:55px 45px}
 .brand-guide-hero h1{font-size:58px}.brand-guide-intro>p:first-child{font-size:16px}
 .brand-guide-actions{align-items:flex-start;flex-direction:column}.brand-guide-actions .button{width:100%}
 html[lang=ar] .brand-guide-hero h1{font-size:50px;line-height:1.18}
 .brand-index{width:calc(100% - 24px);top:8px;display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));gap:2px;border-radius:20px;overflow:hidden}.brand-index a{min-width:0;min-height:40px;display:grid;place-items:center;padding:6px 3px;font-size:9px;line-height:1.2;white-space:normal}
 .brand-guide-section{width:calc(100% - 44px);padding-block:65px;scroll-margin-top:80px}
 .brand-guide-heading{grid-template-columns:1fr;gap:23px;margin-bottom:33px}
 .brand-guide-heading h2{font-size:48px}.brand-guide-heading>p{font-size:15px}
 .brand-logo-grid,.brand-type-grid,.brand-usage-grid,.brand-copy-example{grid-template-columns:1fr}
 .brand-logo-stage{height:260px;padding:25px}.brand-logo-card{border-radius:24px}.brand-asset-meta{padding:22px}
 .brand-rules{grid-template-columns:1fr}.brand-rules article{padding:24px}.brand-rule-icon{margin-bottom:20px}
 .brand-colour-section,.brand-voice-section{width:calc(100% - 24px);padding:55px 22px;border-radius:28px}
 .brand-swatches{grid-template-columns:1fr 1fr;gap:10px}.brand-swatch{min-height:180px;padding:17px;border-radius:20px}.brand-swatch-wide{grid-column:span 1;min-height:180px}
 .brand-type-card{min-height:370px;padding:28px;border-radius:24px}.brand-type-sample{font-size:46px}.brand-type-arabic .brand-type-sample{font-size:42px}
 .brand-type-notes{grid-template-columns:1fr;gap:0}.brand-type-notes p{padding:18px 4px}
 .brand-voice-grid{grid-template-columns:1fr}.brand-voice-grid article{min-height:0}.brand-voice-grid h3{margin-top:30px}
 .brand-copy-example blockquote{font-size:17px}
 .brand-usage-card{padding:27px;border-radius:24px}
 .brand-contact-card{padding:28px 23px;border-radius:25px}.brand-contact-card h3{font-size:28px}.brand-contact-links{flex-direction:column}.brand-contact-links .button{width:100%}
 .brand-guide-footer{align-items:flex-start;flex-direction:column}.brand-guide-footer nav{flex-wrap:wrap;gap:13px 20px}
}

/* Bilingual custom 404: shared by direct routes and the hosting fallback. */
.error-page{min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(circle at 18% 15%,#f4eee6 0,transparent 32%),radial-gradient(circle at 88% 72%,#e3e6d4 0,transparent 36%),var(--paper);color:#405a55}
html[lang=ar] .error-page{font-family:'Readex Pro',var(--font)}
.error-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px;border-bottom:1px solid #6a868b32}
.error-brand{display:flex;align-items:center}
.error-brand img{display:block;width:136px;height:76px;object-fit:contain}
.error-brand.brand-arabic img{width:112px}
.error-language{min-height:42px;padding:8px 15px;border:1px solid #6a868b55;border-radius:100px;background:#f4f1e980;color:#345853;font:700 12px/1.4 'Readex Pro',var(--font)}
.error-language:hover{background:#f4f1e9}
.error-main{flex:1;display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(45px,7vw,110px);align-items:center;padding-block:55px}
.error-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;gap:10px;isolation:isolate}
.error-art::before{content:'';position:absolute;z-index:-1;width:min(450px,85%);aspect-ratio:1;border:1px solid #6a868b38;border-radius:50%;box-shadow:inset 0 0 0 32px #f4f1e94d,inset 0 0 0 33px #ffffff70}
.error-number{font:700 clamp(125px,15vw,218px)/.8 Agrandir,var(--font);letter-spacing:-.09em;color:var(--teal);filter:drop-shadow(0 15px 22px #405d5615)}
.error-zero{width:clamp(115px,13vw,185px);aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffffb8;border-radius:50%;background:linear-gradient(145deg,#f7f4ed,#d9e2da);box-shadow:inset 1px 1px 1px white,0 20px 45px #3d5c511a}
.error-zero svg{width:55%;height:55%;fill:var(--coral);stroke:#a6402e;stroke-width:1.5}
.error-dot{position:absolute;border-radius:50%;box-shadow:inset 2px 2px 4px #ffffff80,0 9px 22px #334b4720;animation:error-float 4s ease-in-out infinite}
.error-dot-coral{width:44px;height:44px;inset-inline-start:7%;top:20%;background:var(--coral)}
.error-dot-olive{width:30px;height:30px;inset-inline-end:9%;bottom:21%;background:var(--olive);animation-delay:-1.2s}
.error-dot-teal{width:22px;height:22px;inset-inline-start:21%;bottom:13%;background:var(--teal);animation-delay:-2.3s}
@keyframes error-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.error-copy .eyebrow{margin-bottom:15px}
.error-copy h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.06em;color:var(--teal);max-width:640px}
html[lang=ar] .error-copy h1{line-height:1.18;letter-spacing:0}
.error-copy>p:not(.eyebrow):not(.error-help){max-width:560px;margin-top:24px;font-size:17px;line-height:1.8;color:#50635d}
.error-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:30px}
.error-actions .button{font-size:12px;min-height:50px}
.error-help{font-size:12px;color:#5e6d65;margin-top:27px}
.error-help a{font-weight:700;color:#335e5e;text-decoration:underline;text-underline-offset:4px}
.error-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px;border-top:1px solid #6a868b32;color:#596960;font-size:11px}
.error-footer a{font-weight:700}
@media(max-width:900px){
 .error-main{grid-template-columns:1fr;gap:20px;padding-block:35px 55px}
 .error-art{min-height:340px}
 .error-art::before{width:330px}
 .error-copy{text-align:center;max-width:680px;margin-inline:auto}
 .error-copy h1,.error-copy>p:not(.eyebrow):not(.error-help){margin-inline:auto}
 .error-actions{justify-content:center}
}
@media(max-width:600px){
 .error-header{width:calc(100% - 44px);padding-block:13px}.error-brand img{width:104px;height:62px}.error-brand.brand-arabic img{width:88px;height:58px}.error-language{font-size:11px;padding-inline:12px}
 .error-main{width:calc(100% - 44px);gap:8px;padding-block:25px 42px}
 .error-art{min-height:245px}.error-art::before{width:235px;box-shadow:inset 0 0 0 19px #f4f1e94d,inset 0 0 0 20px #ffffff70}
 .error-number{font-size:100px}.error-zero{width:88px}.error-dot-coral{width:31px;height:31px}.error-dot-olive{width:22px;height:22px}.error-dot-teal{width:16px;height:16px}
 .error-copy h1{font-size:48px}.error-copy>p:not(.eyebrow):not(.error-help){font-size:15px;margin-top:20px}
 html[lang=ar] .error-copy h1{font-size:43px}
 .error-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:25px}.error-actions .button{width:100%}
 .error-help{font-size:11px;line-height:1.8;margin-top:22px}
 .error-footer{width:calc(100% - 44px);align-items:flex-start;flex-direction:column;padding-block:18px}
}
@media(prefers-reduced-motion:reduce){.error-dot{animation:none}}

/* A single hero action, clear donation categories, and a lighter project route. */
.hero-item-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.hero-item-tags li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #6a868b42;border-radius:100px;background:#f4f1e980;color:#3f5f5a;font-size:11px;font-weight:700}
.hero-item-tags li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 3px #abad4920}
.hero-secondary{min-height:48px;padding:12px 5px;color:#315d59}
.hero-secondary:hover{color:#a4402e}
.fact-number{transition:transform .18s ease,color .18s ease}
.fact-number.is-counting{transform:translateY(-2px);color:var(--coral)}

/* Recruitment waitlist handoff to the campaign's verified Instagram channel. */
.application-waitlist{border:1px solid #c95943}
.waitlist-dialog{width:min(590px,calc(100% - 32px))}
.waitlist-field{display:grid;gap:7px;margin-top:15px;font-size:11px;font-weight:700;color:#405d57}
.waitlist-field input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #6a868b55;border-radius:13px;background:#fbf8f1;color:var(--ink);font:500 14px/1.3 var(--font);outline:none}
.waitlist-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #6a868b20}
.waitlist-field input[readonly]{background:#e8e7db;color:#50665f}
.waitlist-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:11px;line-height:1.6;color:#52645d}
.waitlist-consent input{width:17px;height:17px;flex:none;margin-top:1px;accent-color:var(--teal)}
#waitlist-form>.button{width:100%;margin-top:4px}
.waitlist-privacy{text-align:center;font-size:10px;margin-top:14px}
.waitlist-privacy a{text-decoration:underline;text-underline-offset:3px}
.waitlist-success{text-align:center;padding-block:8px 2px}
.waitlist-success-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#dfe7d7;color:var(--teal);font-size:25px;font-weight:700}
.waitlist-success h3{font-size:31px;color:var(--teal)}
.waitlist-success>p{font-size:14px;line-height:1.8;color:var(--muted);margin:13px auto 22px;max-width:420px}
.waitlist-success>.button{width:100%}
.waitlist-success>.text-link{margin:18px auto 0}
#waitlist-copy-status{font-size:11px;color:#496045;margin:-7px 0 16px}
#waitlist-message-preview{width:100%;min-height:115px;margin:0 0 17px;padding:12px;border:1px solid #6a868b55;border-radius:12px;background:#fbf8f1;color:var(--ink);font:500 12px/1.6 var(--font);resize:vertical}
@media(max-width:600px){.hero-item-tags{gap:6px;margin-top:18px}.hero-item-tags li{font-size:9px;padding:6px 9px}.hero-actions{flex-direction:column}.hero-secondary{min-height:auto;padding:6px}.waitlist-dialog .dialog-content{padding-top:42px}.waitlist-success h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.fact-number{transition:none}.fact-number.is-counting{transform:none}}
.waitlist-honeypot{position:absolute!important;inset-inline-start:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.waitlist-form-status{min-height:18px;margin:11px 0 0;text-align:center;font-size:11px;line-height:1.6;color:#496045}
.waitlist-form-status[data-state=error]{color:#a4402e}
#waitlist-form button[disabled]{cursor:wait;opacity:.72}
.waitlist-success>.button{margin-top:2px}
.waitlist-success:not([hidden]){animation:waitlist-copy-in .48s cubic-bezier(.2,.8,.2,1) both}
.waitlist-success-mark{position:relative;width:116px;height:116px;margin:0 auto 23px;display:grid;place-items:center}
.waitlist-success-ring{position:absolute;inset:7px;border:1px solid #6a868b70;border-radius:50%;animation:waitlist-ring 1s cubic-bezier(.2,.75,.2,1) both}
.waitlist-success-heart{position:relative;z-index:2;display:grid;place-items:center;width:72px;height:72px;border-radius:24px;background:linear-gradient(145deg,#ed806a,#dc6951);box-shadow:0 14px 30px #dc69513d,inset 1px 1px 0 #ffffff70;transform:rotate(-5deg);animation:waitlist-heart-pop .78s cubic-bezier(.18,.89,.32,1.3) both}
.waitlist-success-heart svg{width:50px;height:50px;overflow:visible;transform:rotate(5deg)}
.waitlist-success-heart .heart-shape{fill:none;stroke:#f4f1e9;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:140;stroke-dashoffset:140;animation:waitlist-draw .7s .26s ease-out forwards}
.waitlist-success-heart .heart-check{fill:none;stroke:#103c38;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:waitlist-draw .42s .72s ease-out forwards}
.waitlist-success-dot{position:absolute;border-radius:50%;box-shadow:inset 1px 1px 1px #ffffffa8;animation:waitlist-dot .55s cubic-bezier(.2,.8,.2,1) both}
.waitlist-success-dot.dot-blue{width:17px;height:17px;inset-inline-start:3px;top:35px;background:#6a868b;animation-delay:.2s}
.waitlist-success-dot.dot-coral{width:12px;height:12px;inset-inline-end:9px;top:18px;background:#dc6951;animation-delay:.3s}
.waitlist-success-dot.dot-green{width:15px;height:15px;inset-inline-end:0;bottom:21px;background:#abad49;animation-delay:.4s}
@keyframes waitlist-copy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes waitlist-ring{0%{opacity:0;transform:scale(.52)}55%{opacity:1}100%{opacity:.7;transform:scale(1)}}
@keyframes waitlist-heart-pop{0%{opacity:0;transform:rotate(-5deg) scale(.35)}62%{opacity:1;transform:rotate(-5deg) scale(1.1)}100%{opacity:1;transform:rotate(-5deg) scale(1)}}
@keyframes waitlist-draw{to{stroke-dashoffset:0}}
@keyframes waitlist-dot{from{opacity:0;transform:translateY(8px) scale(.4)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.waitlist-success:not([hidden]),.waitlist-success-ring,.waitlist-success-heart,.waitlist-success-dot,.waitlist-success-heart .heart-shape,.waitlist-success-heart .heart-check{animation:none}.waitlist-success-heart .heart-shape,.waitlist-success-heart .heart-check{stroke-dashoffset:0}}

/* Verified impact reporting and the interactive drop-off guide. */
.impact-verification{max-width:620px;margin:21px auto 0;color:#68756f;font-size:10px;line-height:1.7}
.facts .fact-number:not([data-count]){color:#7f8c87}
.dropoff-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:stretch;gap:24px;padding:20px;background:#dce0cb}
.dropoff-info{display:grid;grid-template-columns:62px minmax(0,1fr);align-content:center;align-items:start;gap:20px;padding:17px 8px 17px 16px}
.dropoff-info .dropoff-icon{grid-column:1;grid-row:1}
.dropoff-info .dropoff-copy{grid-column:2;grid-row:1}
.dropoff-copy>p strong{color:#3d554c}
.reception-hours{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:12px 13px;border:1px solid #7f947b4a;border-radius:14px;background:#f3f1e487}
.hours-dot{width:9px;height:9px;flex:none;margin-top:5px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #dc695119}
.reception-hours strong{display:block;color:#3e584d;font-size:11px}
.reception-hours p{margin-top:3px;color:#586a60;font-size:10px;line-height:1.6}
.dropoff-info .dropoff-actions{grid-column:2;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:11px 18px;margin-top:2px}
.dropoff-actions .text-link{border:0;background:transparent;padding:4px 0;color:#315b52;cursor:pointer}
.dropoff-actions .text-link .icon{width:15px;height:15px}
.dropoff-map{position:relative;min-height:330px;overflow:hidden;border:1px solid #ffffffa8;border-radius:21px;background:#cfd9cf}
.dropoff-map iframe{display:block;width:100%;height:100%;min-height:330px;border:0}
.map-consent{position:absolute;inset:0;width:100%;display:grid;place-content:center;justify-items:center;gap:10px;padding:35px;border:0;background:radial-gradient(circle at 50% 45%,#f8f6ec 0,#e3e8dc 48%,#becdc2 100%);color:#39564f;text-align:center;cursor:pointer}
.map-consent::before,.map-consent::after{content:'';position:absolute;inset:14% -8%;border:1px solid #6a868b26;border-radius:50%;transform:rotate(-13deg)}
.map-consent::after{inset:-18% 24%;transform:rotate(30deg)}
.map-consent>*{position:relative;z-index:1}
.map-consent:hover{background:radial-gradient(circle at 50% 45%,#fff 0,#e7ece0 48%,#c4d3c8 100%)}
.map-pin{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:var(--coral);color:#f4f1e9;box-shadow:0 13px 25px #38554a1f,inset 1px 1px 0 #ffffff66}
.map-pin .icon{width:28px;height:28px}
.map-consent strong{font-size:15px}.map-consent>span:last-child{font-size:11px;text-decoration:underline;text-underline-offset:4px}
html[lang=ar] .impact-verification{font-family:'Readex Pro',var(--font)}
@media(max-width:900px){
 .dropoff-card{grid-template-columns:1fr;padding:18px;gap:16px}.dropoff-info{padding:15px 12px}.dropoff-info .dropoff-actions{flex-basis:auto;justify-content:flex-start}.dropoff-map,.dropoff-map iframe{min-height:300px}
}
@media(max-width:600px){
 .impact-verification{max-width:290px;font-size:9px;margin-top:16px}.dropoff-card{padding:13px;gap:13px}.dropoff-info{grid-template-columns:47px minmax(0,1fr);padding:12px 7px;gap:14px}.dropoff-info .dropoff-icon{width:47px;height:47px}.dropoff-info .dropoff-actions{grid-column:1/-1;align-items:flex-start;flex-direction:column;gap:12px;margin-top:4px}.reception-hours{padding:11px}.dropoff-map,.dropoff-map iframe{min-height:260px}.map-consent{padding:25px}.map-pin{width:52px;height:52px;border-radius:17px}
}

/* Linear-inspired motion language. Brand colour, typography and layout tokens stay untouched. */
.site-header{transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1)}
.site-header.is-scrolled{transform:translate3d(0,-3px,0) scale(.994);box-shadow:0 18px 50px #29433b16}
.hero-copy{transform:translate3d(0,var(--hero-copy-shift,0),0);transition:transform .18s linear}
.hero-visual{transform:translate3d(0,var(--hero-visual-shift,0),0) scale(var(--hero-visual-scale,1));transform-origin:50% 16%;transition:transform .18s linear}
.reveal-ready{opacity:0;filter:blur(7px);transform:translate3d(0,28px,0) scale(.988);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}
.facts.reveal-ready>.fact-card{opacity:0;filter:blur(5px);transform:translate3d(0,20px,0) scale(.99)}
.facts.is-visible>.fact-card{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--stagger-index,0) * 75ms + 80ms)}
.linear-motion-card{--motion-tilt-x:0deg;--motion-tilt-y:0deg;transform:perspective(1000px) rotateX(var(--motion-tilt-x)) rotateY(var(--motion-tilt-y)) translate3d(0,0,0);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1)}
.reveal-ready.is-visible.linear-motion-card,.facts.is-visible>.fact-card.linear-motion-card{transform:perspective(1000px) rotateX(var(--motion-tilt-x)) rotateY(var(--motion-tilt-y)) translate3d(0,0,0)}
.linear-motion-card.is-motion-active{transition:transform .16s ease-out,box-shadow .35s ease;box-shadow:0 18px 42px #29433b17}
.linear-motion-spotlight{position:absolute;z-index:2;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--motion-x,50%) var(--motion-y,50%),rgba(255,255,255,.38),rgba(255,255,255,.12) 30%,transparent 68%);transition:opacity .35s ease}
.linear-motion-card.is-motion-active>.linear-motion-spotlight{opacity:1}
.project-card.garage>.linear-motion-spotlight{z-index:2}.project-card.iftar>.linear-motion-spotlight{background:radial-gradient(340px circle at var(--motion-x,50%) var(--motion-y,50%),rgba(255,255,255,.15),transparent 68%)}
.button,.text-link,.project-open,.film-play{transition-timing-function:cubic-bezier(.16,1,.3,1)}
.button:active{transform:translateY(0) scale(.975)}
.project-open:active,.film-play:active{scale:.94}
@media(prefers-reduced-motion:reduce){
 .site-header,.site-header.is-scrolled,.hero-copy,.hero-visual,.reveal-ready,.reveal-ready.is-visible,.facts.reveal-ready>.fact-card,.facts.is-visible>.fact-card,.linear-motion-card,.linear-motion-card.is-motion-active{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}.linear-motion-spotlight{display:none!important}.button:active{transform:none!important}.project-open:active,.film-play:active{scale:1!important}
}

/* The school-wide collection challenge: verified progress, weekly streaks, and one shared goal. */
.competition{position:relative;overflow:clip;background:var(--deep);color:#f4f1e9}
.competition::before{content:'';position:absolute;width:620px;height:620px;inset:-260px -180px auto auto;border:1px solid #f4f1e91c;border-radius:50%;box-shadow:0 0 0 70px #f4f1e908,0 0 0 140px #f4f1e806;pointer-events:none}
.competition .section-heading{position:relative;z-index:1}.competition .section-heading .eyebrow{color:#d5da8e}.competition .section-heading h2{color:#f4f1e9}.competition .section-heading>p{color:#cad7d2}
.goal-stage{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);overflow:hidden;border:1px solid #ffffff4a;border-radius:34px;background:#f4f1e9;color:var(--ink);box-shadow:0 28px 70px #071f1c40}
.goal-copy{padding:52px 56px}.goal-label{font-size:12px;font-weight:800;color:#4f6963;text-transform:uppercase;letter-spacing:.08em}
.goal-total{display:flex;align-items:baseline;gap:10px;margin-top:12px;white-space:nowrap}.goal-total strong{font-size:clamp(70px,8vw,112px);line-height:.88;letter-spacing:-.075em;color:var(--coral);font-variant-numeric:tabular-nums}.goal-total>span{font-size:28px;font-weight:700;color:#6a868b}.goal-total small{font-size:13px;font-weight:800;color:#47625c}
.goal-remaining{margin-top:22px;font-size:18px;font-weight:800;color:#214a43}
.goal-progress{position:relative;height:14px;margin-top:22px;overflow:hidden;border:1px solid #6a868b33;border-radius:100px;background:#d8dfd9;box-shadow:inset 0 2px 5px #143f3714}
.goal-progress>span{position:absolute;inset:0;transform:scaleX(var(--goal-progress,0));transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,var(--coral),#ee8d71 50%,var(--olive));transition:transform 1.15s cubic-bezier(.16,1,.3,1)}
html[dir=rtl] .goal-progress>span{transform-origin:right center}.goal-milestones{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;color:#788780;font-size:9px;font-weight:700}.goal-milestones span{text-align:end}
.competition-rules{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.competition-rules>span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #6a868b36;border-radius:100px;background:#e7ebe5;color:#3c5c55;font-size:11px;font-weight:800}.competition-rules .icon{width:17px;height:17px;color:var(--teal)}
.competition-prize{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:#435b55;font-size:12px;line-height:1.7}.competition-prize .icon{width:18px;height:18px;flex:none;margin-top:1px;color:var(--coral)}.competition-updated{margin-top:17px;color:#75827c;font-size:10px}
.goal-visual{position:relative;min-height:470px;display:grid;align-content:end;justify-items:center;padding:48px 35px 36px;background:linear-gradient(145deg,#86a1a2,#57777b);isolation:isolate}
.goal-visual::before{content:'';position:absolute;width:300px;height:300px;top:55px;left:50%;border:1px solid #f4f1e930;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 42px #f4f1e90a,0 0 0 84px #f4f1e908;z-index:-1}
.goal-visual>p{margin-top:22px;padding:8px 12px;border:1px solid #ffffff36;border-radius:100px;background:#103c3866;color:#f4f1e9;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.goal-box{position:relative;width:250px;height:210px;filter:drop-shadow(0 24px 24px #153e3835);transform-origin:50% 90%;animation:goal-box-ready 3.8s ease-in-out infinite}
.box-body{position:absolute;width:210px;height:130px;left:20px;bottom:0;display:block;background:linear-gradient(135deg,#d1ad82,#b88960);clip-path:polygon(0 0,100% 0,91% 100%,9% 100%);border-radius:0 0 14px 14px}.box-body::before{content:'';position:absolute;width:3px;height:100%;left:50%;background:#8f674a55}.box-body i{position:absolute;width:48px;height:48px;left:calc(50% - 24px);top:38px;border-radius:50%;background:var(--olive)}.box-body i::before{content:'♥';display:grid;place-items:center;height:100%;color:#f4f1e9;font:700 25px/1 Arial}
.box-back{position:absolute;width:210px;height:68px;left:20px;bottom:122px;background:#c3976e;clip-path:polygon(10% 28%,90% 28%,100% 100%,0 100%)}
.box-flap{position:absolute;bottom:122px;width:126px;height:70px;background:#dfbd94}.flap-left{left:1px;clip-path:polygon(17% 0,100% 38%,84% 100%,0 54%)}.flap-right{right:1px;clip-path:polygon(0 38%,83% 0,100% 54%,16% 100%)}
.box-spark{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 7px #abad4922}.sparkle-one{left:8px;top:45px;animation:goal-spark 2.5s ease-in-out infinite}.sparkle-two{right:6px;top:82px;width:7px;height:7px;background:var(--coral);animation:goal-spark 2.5s .7s ease-in-out infinite}
.possibility{position:absolute;z-index:2;filter:drop-shadow(0 9px 12px #103c3830)}.piece-shirt{width:70px;height:56px;top:63px;left:17%;border-radius:14px 14px 19px 19px;background:#f1e4d0;clip-path:polygon(18% 0,36% 0,42% 10%,58% 10%,64% 0,82% 0,100% 22%,84% 38%,76% 29%,76% 100%,24% 100%,24% 29%,16% 38%,0 22%);animation:possibility-float 4.2s ease-in-out infinite}
.piece-book{width:62px;height:48px;top:86px;right:16%;border:6px solid var(--coral);border-left-width:10px;border-radius:5px;background:#f4f1e9;transform:rotate(10deg);animation:possibility-float 4.7s .6s ease-in-out infinite}
.piece-toy{width:50px;height:50px;top:34px;left:calc(50% - 25px);border-radius:50%;background:var(--olive);box-shadow:inset -7px -7px 0 #8f963d;animation:possibility-float 3.8s 1.1s ease-in-out infinite}.piece-toy::before,.piece-toy::after{content:'';position:absolute;width:15px;height:15px;top:-4px;border-radius:50%;background:inherit}.piece-toy::before{left:0}.piece-toy::after{right:0}
.goal-visual.has-progress .possibility{animation:donation-drop .95s cubic-bezier(.2,.8,.2,1) both}.goal-visual.is-celebrating .goal-box{animation:goal-box-celebrate .8s cubic-bezier(.18,.89,.32,1.35) both}
.leaderboard{margin-top:28px;padding:38px;border:1px solid #ffffff38;border-radius:30px;background:#f4f1e910;box-shadow:inset 0 1px 0 #ffffff20}
.leaderboard-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:24px}.leaderboard-heading .eyebrow{color:#d5da8e}.leaderboard-heading h3{max-width:620px;margin-top:8px;color:#f4f1e9;font-size:30px;line-height:1.18}.leaderboard-heading>p{max-width:320px;color:#b8c8c3;font-size:12px;line-height:1.7}
.leaderboard-list{display:grid;gap:8px;list-style:none;counter-reset:none}.leaderboard-list li{display:grid;grid-template-columns:44px 120px minmax(80px,1fr) 105px 170px;align-items:center;gap:15px;min-height:67px;padding:10px 18px;border:1px solid #ffffff20;border-radius:18px;background:#f4f1e9;color:var(--ink);transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s;animation:leader-row-in .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--leader-index,0) * 45ms)}
.leaderboard-list li.is-ranked{border-color:#abad4960}.leaderboard-list li.rank-1{background:#eef0d9;transform:translateY(-2px)}
.leader-rank{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e3e7e0;color:#60716b;font-size:12px;font-weight:900}.rank-1 .leader-rank{background:var(--olive);color:#fff}.rank-2 .leader-rank,.rank-3 .leader-rank{background:var(--teal);color:#fff}
.leader-grade{font-size:15px;font-weight:900}.leader-track{height:8px;overflow:hidden;border-radius:100px;background:#d8dfd9}.leader-track i{display:block;width:var(--leader-progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--olive));transition:width 1s cubic-bezier(.16,1,.3,1)}
.leader-points{font-size:12px;text-align:end}.leader-streak{display:flex;align-items:center;gap:7px;color:#71807a;font-size:10px;font-weight:800}.leader-streak .icon{width:18px;height:18px;fill:none;color:#8b9691}.leader-streak.is-hot{color:#a4402e}.leader-streak.is-hot .icon{fill:var(--coral);color:var(--coral);animation:streak-pop .55s cubic-bezier(.18,.89,.32,1.35) both}
@keyframes possibility-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -12px;rotate:3deg}}
@keyframes goal-box-ready{0%,84%,100%{transform:translateY(0) rotate(0)}90%{transform:translateY(-5px) rotate(-1deg)}95%{transform:translateY(0) rotate(1deg)}}
@keyframes goal-box-celebrate{0%{transform:scale(.94)}55%{transform:translateY(-9px) scale(1.05)}100%{transform:none}}
@keyframes goal-spark{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
@keyframes donation-drop{0%{opacity:0;transform:translateY(-70px) rotate(-12deg) scale(.7)}65%{opacity:1}100%{opacity:0;transform:translateY(155px) rotate(18deg) scale(.82)}}
@keyframes leader-row-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes streak-pop{0%{transform:scale(.55) rotate(-12deg)}70%{transform:scale(1.18) rotate(5deg)}100%{transform:none}}
@media(max-width:900px){.goal-stage{grid-template-columns:1fr}.goal-copy{padding:42px}.goal-visual{min-height:400px}.leaderboard{padding:27px}.leaderboard-list li{grid-template-columns:40px 105px minmax(60px,1fr) 90px}.leader-streak{grid-column:2/-1}.leaderboard-heading{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:600px){.competition::before{display:none}.goal-stage{border-radius:25px}.goal-copy{padding:31px 24px}.goal-total{gap:7px;flex-wrap:wrap}.goal-total strong{font-size:67px}.goal-total>span{font-size:22px}.goal-total small{font-size:11px}.goal-remaining{font-size:15px}.competition-rules{display:grid}.competition-rules>span{border-radius:14px}.goal-visual{min-height:340px;padding-bottom:28px}.goal-box{width:220px;height:190px;transform:scale(.88)}.possibility{scale:.82}.piece-shirt{left:11%}.piece-book{right:10%}.leaderboard{padding:20px 14px;border-radius:24px}.leaderboard-heading h3{font-size:24px}.leaderboard-list li{grid-template-columns:36px 1fr auto;gap:9px 11px;padding:12px;border-radius:15px}.leader-track{grid-column:2/4;grid-row:2}.leader-points{grid-column:3;grid-row:1}.leader-streak{grid-column:2/4;grid-row:3}.leader-rank{width:31px;height:31px}.leader-grade{font-size:14px}}

/* Latest campaign dates and verified Bedayia co-branding. */
.updates{position:relative;background:#e7ebe5;overflow:hidden}.updates::before{content:'';position:absolute;width:420px;height:420px;inset:auto -170px -250px auto;border-radius:50%;background:#abad4930;box-shadow:0 0 0 70px #6a868b10;pointer-events:none}.updates .wrap{position:relative}.updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.event-countdown,.update-challenge{position:relative;overflow:hidden;border-radius:28px;padding:31px;border:1px solid #fff9;box-shadow:0 18px 45px #26433d0b,inset 0 1px 0 #fff}.event-countdown{background:#f4f1e9;color:var(--ink)}.event-countdown::after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;inset:auto -74px -96px auto;border:1px solid #6a868b35;box-shadow:0 0 0 30px #6a868b0b;pointer-events:none}.event-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.event-card-top h3{font-size:31px;margin-top:7px}.event-card-top time{flex:none;padding:9px 12px;border:1px solid #6a868b4d;border-radius:100px;color:#42635e;font-size:11px;font-weight:800;line-height:1}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:38px}.countdown>span{min-width:0;padding:17px 8px 14px;border-radius:17px;background:#e7ebe5;text-align:center}.countdown strong{display:block;color:var(--blue);font-size:36px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.countdown small{display:block;margin-top:8px;color:#526962;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.countdown-state{margin-top:16px;color:#667770;font-size:10px;font-weight:700}.iftar-countdown{background:var(--deep);color:#f4f1e9;border-color:#ffffff2e}.iftar-countdown .card-kicker{color:#c9d58b}.iftar-countdown .event-card-top time{color:#eff2df;border-color:#abad4970}.iftar-countdown .countdown>span{background:#31564c}.iftar-countdown .countdown strong{color:#f4f1e9}.iftar-countdown .countdown small,.iftar-countdown .countdown-state{color:#c9d7d1}.update-challenge{grid-column:1/-1;display:grid;grid-template-columns:.55fr 1fr 1.2fr auto;align-items:center;gap:24px;background:var(--coral);color:#19312f}.update-challenge .card-kicker{color:#274f4a}.update-challenge h3{font-size:25px}.update-challenge>p:not(.card-kicker){font-size:13px;line-height:1.7}.update-challenge .text-link{color:#19312f;white-space:nowrap}.school-mark{align-items:center;flex-wrap:wrap;justify-content:center}.school-lockup{display:flex;align-items:center;gap:12px}.school-lockup-divider{width:1px;height:43px;background:#6a868b40}.school-mark .bedayia-logo-link{display:grid;place-items:center;width:104px;height:62px;padding:8px 10px;border-radius:15px;background:var(--deep);box-shadow:inset 0 1px 0 #ffffff35}.school-mark .bedayia-logo-link img{width:100%;height:100%;object-fit:contain;border-radius:0}.school-mark .campaign-school-logo{width:60px;height:60px}.school-mark>span{min-width:165px}.desktop-nav{gap:24px}
html[lang=ar] .countdown strong{letter-spacing:0}html[lang=ar] .countdown small{text-transform:none;letter-spacing:0}html[lang=ar] .event-card-top h3{letter-spacing:0}
@media(max-width:1100px){.desktop-nav{gap:15px;font-size:11px}.updates-grid{gap:15px}.event-countdown,.update-challenge{padding:25px}.event-card-top h3{font-size:27px}.countdown strong{font-size:31px}.update-challenge{grid-template-columns:.55fr 1fr 1fr auto}}
@media(max-width:760px){.updates-grid{grid-template-columns:1fr}.update-challenge{grid-column:auto;grid-template-columns:1fr;gap:12px}.update-challenge .text-link{margin-top:5px}.event-card-top{align-items:flex-end}.countdown{margin-top:28px}.school-mark>span{flex-basis:100%;text-align:center}}
@media(max-width:600px){.event-countdown,.update-challenge{padding:23px;border-radius:23px}.event-card-top{display:block}.event-card-top h3{font-size:26px;margin-bottom:15px}.event-card-top time{display:inline-block}.countdown{gap:5px}.countdown>span{padding:14px 4px 12px;border-radius:13px}.countdown strong{font-size:28px}.countdown small{font-size:7px}.school-mark{gap:8px}.school-lockup{gap:8px}.school-lockup-divider{height:35px}.school-mark .bedayia-logo-link{width:88px;height:52px;border-radius:12px}.school-mark .campaign-school-logo{width:48px;height:48px}.school-mark>span{font-size:10px}}
.countdown strong{color:var(--teal)}

/* @zakisheriff/liquid-glass v4.0.0, adapted to the campaign's palette. */
html[data-liquid-glass=ready]{--lg-accent:var(--coral);--lg-fill:rgba(244,241,233,.54);--lg-fill-pressed:rgba(255,255,255,.82);--lg-panel-fill:rgba(244,241,233,.62);--lg-edge:rgba(255,255,255,.58);--lg-glow:rgba(255,255,255,.68);--lg-shadow:0 12px 32px rgba(30,53,60,.1),0 2px 7px rgba(30,53,60,.07);--lg-blur:16px;--lg-saturate:1.65;--lg-brightness:1.03;--lg-ring:rgba(220,105,81,.55);--lg-font:var(--font)}
.nw-liquid-glass{--lg-glass-blur:16px;--lg-glass-shadow:var(--lg-shadow);transform-origin:var(--lg-x,50%) var(--lg-y,50%);transition:scale .2s cubic-bezier(.2,.8,.2,1),background-color .26s ease,box-shadow .26s ease;isolation:isolate}.nw-liquid-glass:not(.glass){-webkit-backdrop-filter:blur(var(--lg-glass-blur)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-glass-blur)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));box-shadow:var(--lg-glass-shadow),inset 0 0 0 .5px var(--lg-edge)}.nw-liquid-glass[data-pressed]:not(.site-header){scale:.975}.nw-liquid-glass.is-glass-settling:not(.site-header){animation:nw-glass-settle .46s cubic-bezier(.2,.85,.25,1)}
.glass.nw-liquid-glass::after{z-index:0;background:radial-gradient(ellipse 85% 85% at var(--lg-x,50%) var(--lg-y,50%),var(--lg-glow),transparent 70%),linear-gradient(145deg,#ffffff50,transparent 34%,transparent 72%,#ffffff35);opacity:.24;transition:opacity .36s ease;box-shadow:inset 1px 1px 1px #ffffffe0,inset -1px -1px 1px #ffffff66}.glass.nw-liquid-glass[data-pressed]::after{opacity:.9;transition-duration:.08s}.nw-liquid-glass>*{position:relative;z-index:1}
.status-badge.nw-liquid-glass{background-color:rgba(244,241,233,.48)}.iftar .status-badge.nw-liquid-glass{background-color:rgba(49,86,76,.58)}.hero-item-tags li.nw-liquid-glass{background-color:rgba(244,241,233,.5)}.countdown>span.nw-liquid-glass{background-color:rgba(231,235,229,.72)}.iftar-countdown .countdown>span.nw-liquid-glass{background-color:rgba(49,86,76,.72)}.competition-rules>span.nw-liquid-glass{background-color:rgba(231,235,229,.76)}
@keyframes nw-glass-settle{0%{scale:.975}42%{scale:1.018}68%{scale:.993}100%{scale:1}}
@media(prefers-reduced-transparency:reduce){.nw-liquid-glass:not(.glass){-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#f0e7dc!important}.nw-liquid-glass::after{display:none}}
@media(prefers-reduced-motion:reduce){.nw-liquid-glass,.nw-liquid-glass.is-glass-settling{animation:none!important;scale:1!important}}
@media(prefers-reduced-motion:reduce){.goal-progress>span,.leader-track i,.leaderboard-list li{transition:none;animation:none}.goal-box,.box-spark,.possibility,.leader-streak.is-hot .icon{animation:none!important}.goal-visual.has-progress .possibility{opacity:1;transform:none}}