@font-face{font-family:Inter;src:url('./assets/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/inter-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url('./assets/barlow-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:"Story Script";src:url('./assets/story-script-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Almarai;src:url('./assets/almarai-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Almarai;src:url('./assets/almarai-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--charcoal:#1C1C1C;--white:#F5F4EE;--red:#D5202A;--blue:#2564AA;--safe:clamp(24px,4vw,80px);--font-primary:Inter,"Helvetica Neue",Arial,sans-serif;--font-secondary:"Barlow Condensed",Inter,"Helvetica Neue",Arial,sans-serif;color-scheme:dark;font-family:var(--font-primary);font-synthesis:none;background:var(--charcoal);color:var(--white)}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{margin:0;max-width:100%;overflow-x:clip}body.dialog-open{overflow-y:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--white);outline-offset:6px}h1,h2,p{margin:0}h1,h2{font-weight:600}em{font-style:normal}::selection{background:var(--white);color:var(--charcoal)}:lang(ar),[dir="rtl"]{font-family:Almarai,"Segoe UI",Tahoma,sans-serif}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--charcoal);z-index:100}.skip:focus{top:10px}
#stage,#atmosphere,#film-scrim,#product-fallback{position:fixed;inset:0;pointer-events:none}#stage{z-index:0;background:var(--charcoal)}#world{display:block;width:100%;height:100%;max-width:100%}#atmosphere{z-index:1;background:linear-gradient(180deg,#1c1c1c6b,transparent 17%,transparent 80%,#1c1c1c5c)}#film-scrim{z-index:2;opacity:0;background:radial-gradient(ellipse 65% 42% at 50% 48%,rgba(28,28,28,.84) 38%,rgba(28,28,28,.32) 72%,transparent 100%)}
#product-fallback{z-index:0;display:flex;align-items:center;justify-content:center;transition:opacity .7s;background:var(--charcoal)}.fallback-can{height:66vh;transform:translateY(-10vh);aspect-ratio:1293/1180}.hero-art img{width:100%;height:100%;object-fit:contain}body.ready #product-fallback{opacity:0}body.no-webgl #product-fallback{opacity:.32}
.site-header{position:fixed;z-index:10;top:0;left:0;right:0;min-width:0;max-width:100%;height:112px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--safe);gap:24px;background:linear-gradient(180deg,#1c1c1cf2,#1c1c1cd9 60%,transparent)}.brand-lockup{--mark:48px;display:flex;align-items:center;gap:calc(var(--mark)/2);padding-inline-end:calc(var(--mark)/2);flex:none}.salaam-logo{height:48px;width:94px;object-fit:contain}.hdf-logo{width:48px;height:48px;aspect-ratio:1;object-fit:contain;filter:none}.brand-times{font-size:19px;line-height:1;color:#f5f4ee80}.header-actions{display:flex;align-items:center;gap:30px;flex:none}.donate-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:11px 23px;background:#2564AA;border:1px solid #2564AA;color:#fff;font-weight:600;font-size:14px;transition:background .2s,border-color .2s}.donate-button:hover{background:#1E528D;border-color:#1E528D}.menu-toggle{display:flex;align-items:center;gap:17px;min-height:44px;padding:0;font-size:14px;white-space:nowrap}.menu-lines{display:block;width:21px;height:9px;border-block:1px solid #f5f4eebf}.donate-status{position:fixed;z-index:30;right:var(--safe);top:91px;width:260px;padding:16px 19px;font-size:14px;line-height:1.55;color:var(--white);background:var(--charcoal);border:1px solid #f5f4ee3d}
.film-viewport{position:fixed;inset:0;z-index:3;pointer-events:none;outline:0}.film-beat{position:absolute;left:50%;top:50%;width:max-content;max-width:calc(100% - 2*var(--safe));opacity:0;visibility:hidden;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.film-beat button,button.film-beat{pointer-events:auto}.film-beat[aria-hidden="true"]{pointer-events:none}.opening-title{top:76.5%;width:calc(100% - 2*var(--safe))}.opening-title h1{font-size:clamp(48px,6.5vw,116px);letter-spacing:-.055em;line-height:1.04;white-space:nowrap}.red-period{color:var(--red)}.opening-title p{font-size:17px;line-height:1.6;letter-spacing:-.015em;color:#e3e2da;margin-top:17px}.scroll-prompt{top:calc(100% - 84px);display:flex;align-items:center;gap:13px;min-height:44px;font-family:var(--font-secondary);font-size:13px;letter-spacing:.15em;color:#dfded6}.scroll-symbol{width:16px;height:25px;border:1px solid #f5f4ee70;border-radius:10px;position:relative}.scroll-symbol:before{content:'';position:absolute;left:6px;top:5px;width:2px;height:5px;background:#f5f4eebf;animation:scroll-tick 2s infinite}@keyframes scroll-tick{50%{transform:translateY(6px);opacity:.3}}
.journey-line{background:linear-gradient(90deg,transparent,#1c1c1ce6 24%,#1c1c1ce6 76%,transparent);padding:10px 14px;top:79%;font-size:clamp(16px,1.7vw,27px);font-weight:500;line-height:1.6;letter-spacing:.035em;width:90%;}.journey-line em,.community-statement em{color:#AAC5A2}.geographic-label{font-family:var(--font-secondary);letter-spacing:.2em;}.country-label{font-size:clamp(19px,2.7vw,42px);font-weight:600;letter-spacing:.37em;color:#F5F4EE}.pin-label{padding:12px 20px 12px 28px;text-align:left;background:#1c1c1ceb;line-height:1.6;min-width:200px}.pin-label strong{font-family:var(--font-primary);font-size:14px;font-weight:500;letter-spacing:.1em;white-space:nowrap}.pin-label>span{display:block;font-size:13px;letter-spacing:.1em;color:#e4e1d5;margin-top:6px}.pin-label i{position:absolute;left:9px;top:21px;width:4px;height:4px;border-radius:50%;background:var(--red)}.environment-label{padding:8px 13px 8px 22px;font-family:var(--font-secondary);font-size:14px;letter-spacing:.19em;background:#1c1c1ce6;}.environment-label:before{content:'';position:absolute;left:9px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--red)}.environment-label:after{content:'';position:absolute;left:11px;top:100%;height:28px;width:1px;background:#f5f4ee66}
.community-statement{top:46%;width:90%}.community-statement h2{font-size:clamp(48px,7.3vw,132px);font-weight:500;line-height:1.09;letter-spacing:-.055em}.illustrative-caption{background:#1c1c1ce6;padding:6px 12px;top:calc(100% - 85px);font-size:12px;letter-spacing:.06em;line-height:1.6;color:#e5e2d8;max-width:85%}
.distribution-subtitle{top:81%;max-width:min(850px,90%);width:90%;padding:25px 16px;background:radial-gradient(ellipse,#1c1c1ce6 48%,transparent 100%)}.action-word{font-family:var(--font-secondary);font-size:14px;font-weight:600;letter-spacing:.24em;color:var(--white);margin-bottom:13px}.distribution-subtitle h2{font-size:clamp(20px,2.35vw,35px);font-weight:500;letter-spacing:-.025em;line-height:1.4}.parcel-invitation{font-family:var(--font-secondary);font-weight:600;font-size:14px;letter-spacing:.14em;display:flex;align-items:center;gap:15px;padding:15px 19px;background:#1c1c1ce6;border:1px solid #f5f4ee42;white-space:nowrap;min-height:48px}.parcel-invitation span{font-family:var(--font-primary);font-size:22px;font-weight:400;line-height:1}.parcel-invitation:hover{background:#1c1c1c;border-color:var(--white)}.parcel-invitation:after{content:'';position:absolute;top:100%;left:50%;height:30px;width:1px;background:#f5f4ee90}
.distance-cue{top:calc(100% - 108px);font-family:var(--font-secondary);display:flex;align-items:baseline;gap:14px;color:#f5f4ee;padding:10px 20px;background:radial-gradient(ellipse,#1c1c1ccf,transparent 76%)}.distance-cue strong{font-family:var(--font-primary);font-size:26px;letter-spacing:-.025em;font-weight:400;font-variant-numeric:tabular-nums}.distance-cue span{font-size:12px;letter-spacing:.19em}.threshold-cue{background:#1c1c1ce6;padding:6px 12px;top:calc(100% - 112px);font-family:var(--font-secondary);font-size:14px;letter-spacing:.18em;}
.home-statement{top:46%;width:88%;max-width:1200px}.home-statement h2{font-size:clamp(31px,4.2vw,74px);font-weight:400;letter-spacing:-.04em;line-height:1.22}.home-resolution h2{font-size:clamp(42px,6.5vw,106px);letter-spacing:-.05em;font-weight:500}
.spatial-stat{max-width:90%;width:max-content;}.spatial-stat strong{display:block;font-family:var(--font-primary);font-size:clamp(90px,14vw,242px);font-weight:500;line-height:.94;letter-spacing:-.075em;font-variant-numeric:tabular-nums}.spatial-stat>span{display:block;margin-top:22px;font-family:var(--font-secondary);font-weight:600;font-size:17px;letter-spacing:.24em;line-height:1.4}.impact-statement{background:radial-gradient(ellipse,#1c1c1ce6 60%,transparent);padding-block:8px;top:81%;max-width:90%;width:90%;font-family:var(--font-secondary);font-size:clamp(14px,1.65vw,24px);font-weight:600;letter-spacing:.13em;line-height:1.5;}.impact-statement>span{margin-left:12px}.impact-note{background:#1c1c1ce6;padding:6px 12px;top:calc(100% - 75px);font-size:12px;letter-spacing:.015em;line-height:1.5;color:#e8e5da;width:max-content;}
.return-line{top:78%;width:90%;font-size:clamp(16px,2vw,29px);letter-spacing:.045em;line-height:1.5;font-weight:400}.final-statement{top:64%;width:94%;max-width:1200px}.final-statement h2{font-size:clamp(43px,6.3vw,104px);line-height:1.045;letter-spacing:-.055em}.personal-accent{font-family:"Story Script",cursive;font-size:clamp(32px,3vw,49px);line-height:1.1;color:#e2e0d6;margin-top:18px}.end-lockup{display:flex;align-items:center;justify-content:center;gap:22px;margin:24px auto 23px}.end-lockup img:first-child{height:43px;width:83px;object-fit:contain}.end-lockup img:last-child{width:43px;height:43px;object-fit:contain;margin-right:22px}.end-lockup span{font-size:18px;color:#f5f4ee80}.final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.solid-button,.outline-button{font-size:14px;font-weight:500;min-height:48px;padding:14px 23px;border:1px solid #f5f4ee55;transition:background .2s,border-color .2s}.solid-button{background:var(--white);color:var(--charcoal);border-color:var(--white)}.solid-button:hover{background:#fff;border-color:#fff}.outline-button:hover{background:#f5f4ee10;border-color:var(--white)}
.film-controls{position:fixed;z-index:10;left:var(--safe);right:var(--safe);bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.film-controls button{pointer-events:auto;min-height:44px}.chapter-counter{display:flex;gap:9px;align-items:center;font-family:var(--font-secondary);font-size:13px;letter-spacing:.08em;padding:0;color:#f5f4ee82}.chapter-counter span:first-child{color:var(--red)}#motion-toggle{display:flex;align-items:center;gap:10px;padding:0;color:#f5f4eeb3;font-family:var(--font-secondary);font-size:13px;letter-spacing:.035em}.motion-icon{font-family:Inter,sans-serif;font-size:12px;letter-spacing:-2px}#load-status{font-family:var(--font-secondary);font-size:12px;letter-spacing:.1em;text-align:center;color:#f5f4eeb3}.overall-progress{height:1px;position:fixed;z-index:11;left:0;right:0;bottom:0;background:#ffffff13;pointer-events:none}.overall-progress i{height:1px;display:block;width:0;background:var(--red)}
#scroll-track{position:relative;z-index:0;pointer-events:none}.scroll-chapter:nth-child(1){height:165svh}.scroll-chapter:nth-child(2){height:195svh}.scroll-chapter:nth-child(3){height:205svh}.scroll-chapter:nth-child(4){height:225svh}.scroll-chapter:nth-child(5){height:320svh}.scroll-chapter:nth-child(6){height:300svh}.scroll-chapter:nth-child(7){height:220svh}
dialog{color:var(--white);background:var(--charcoal);border:1px solid #f5f4ee22;padding:55px;width:min(760px,90vw);max-height:88svh;overflow:auto;box-shadow:0 30px 150px #000b}dialog::backdrop{background:#141414e8}dialog .eyebrow{font-family:var(--font-secondary);font-size:13px;letter-spacing:.14em;line-height:1.5;color:#d0cec5;margin-bottom:23px}dialog h2{font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.14}dialog>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#dedcd3;margin-top:23px}.close-dialog{position:absolute;right:14px;top:12px;min-width:44px;min-height:44px;font-size:28px;font-weight:400;color:#d6d4cc}.chapter-menu{margin-top:28px}.chapter-menu>button{width:100%;display:grid;grid-template-columns:33px 1fr auto;text-align:left;align-items:center;gap:15px;border-top:1px solid #f5f4ee1a;font-size:21px;padding:19px 0;color:#c9c7be;transition:padding .25s,color .25s}.chapter-menu>button:hover{padding-left:8px;color:#fff}.chapter-menu>button[aria-current="step"]{color:#fff}.chapter-menu>button>span{font-family:var(--font-secondary);font-size:13px;color:var(--red)}.chapter-menu small{font-family:var(--font-secondary);font-size:13px;letter-spacing:.025em;text-align:right;color:#b6b3a9}.field-shots{list-style:none;padding:0;margin:26px 0}.field-shots li{display:flex;gap:16px;border-top:1px solid #ffffff14;padding:16px 0;font-size:14px}.field-shots span{font-family:var(--font-secondary);font-size:13px;color:var(--red)}.concept-note{border-left:1px solid #f5f4ee55;padding-left:20px;margin:25px 0}.concept-note strong{font-size:14px;font-weight:500}.concept-note p{font-size:13px;line-height:1.8;color:#c8c5ba;margin-top:8px}.field-partnership{display:flex;gap:23px;align-items:center;margin:30px 0}.field-partnership img:first-child{width:94px;height:49px;object-fit:contain}.field-partnership img:last-child{width:49px;height:49px;object-fit:contain;margin-right:25px}.field-partnership span{color:#ffffff80}.no-script{position:fixed;inset:0;z-index:99;background:var(--charcoal);padding:12vw;display:flex;flex-direction:column;gap:24px}.no-script h1{font-size:clamp(35px,6vw,80px)}.no-script p{font-size:16px;line-height:1.7}
.chapter-counter,#motion-toggle{background:#1c1c1ce6;padding-inline:8px}
body.still .scroll-symbol:before{animation:none}
@media(min-width:651px) and (max-width:1000px){.site-header{height:106px}.header-actions{gap:22px}.brand-lockup{--mark:44px}.salaam-logo{height:44px;width:85px}.hdf-logo{width:44px;height:44px}.opening-title h1{font-size:6.6vw}.final-statement h2{font-size:6.5vw}.home-statement h2{font-size:4.7vw}.home-resolution h2{font-size:7.3vw}.spatial-stat strong{font-size:17vw}}
@media(max-width:650px){
 :root{--safe:6vw}.site-header{height:96px;gap:12px}.brand-lockup{--mark:38px;gap:19px;padding-inline-end:19px}.salaam-logo{width:64px;height:40px}.hdf-logo{width:38px;height:38px}.brand-times{font-size:14px}.header-actions{gap:12px}.donate-button{font-size:13px;padding:11px 15px}.menu-toggle{width:24px;height:44px;justify-content:center}.menu-toggle>span:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.menu-lines{width:20px;height:9px}.donate-status{top:85px;width:240px}
 .opening-title{top:75%}.opening-title h1{font-size:11.7vw;line-height:1.02;white-space:normal}.opening-title h1>span{display:block}.opening-title p{font-size:16px;line-height:1.6;margin-top:17px}.scroll-prompt{top:calc(100% - 76px);font-size:12px;gap:11px}
 .journey-line{background:linear-gradient(90deg,transparent,#1c1c1ce6 24%,#1c1c1ce6 76%,transparent);padding:10px 14px;top:80%;font-size:17px;line-height:1.6;max-width:84%;letter-spacing:.025em}.country-label{font-size:26px;letter-spacing:.25em}.pin-label{min-width:187px;padding-left:26px}.pin-label strong{font-size:14px}.pin-label>span{font-size:12px}.environment-label{font-size:13px;letter-spacing:.15em}.community-statement{top:46%;width:91%}.community-statement h2{font-size:11.2vw;line-height:1.13}.illustrative-caption{background:#1c1c1ce6;padding:6px 12px;top:calc(100% - 78px);font-size:12px;max-width:87%}
 .distribution-subtitle{top:78%;width:90%;padding:20px 10px}.distribution-subtitle h2{font-size:21px;line-height:1.4;max-width:315px;margin:auto}.action-word{font-size:13px;margin-bottom:13px}.parcel-invitation{font-size:13px;padding:12px 15px;min-height:48px;letter-spacing:.11em;gap:12px}.distance-cue{top:calc(100% - 104px)}.distance-cue strong{font-size:24px}.threshold-cue{background:#1c1c1ce6;padding:6px 12px;top:calc(100% - 104px);font-size:13px;letter-spacing:.12em}
 .home-statement{top:44%;width:89%}.home-statement h2{font-size:7.25vw;line-height:1.25}.home-resolution h2{font-size:10.8vw;line-height:1.1}.spatial-stat strong{font-size:27vw;line-height:.94;letter-spacing:-.075em}.spatial-stat>span{font-size:14px;letter-spacing:.19em;margin-top:16px}.impact-statement{background:radial-gradient(ellipse,#1c1c1ce6 60%,transparent);padding-block:8px;top:79%;font-size:15px;letter-spacing:.09em;line-height:1.55}.impact-statement>span{display:block;margin:0}.impact-note{background:#1c1c1ce6;padding:6px 12px;top:calc(100% - 72px);font-size:12px;max-width:84%;line-height:1.55}
 .return-line{top:76%;font-size:17px;line-height:1.65;max-width:83%;letter-spacing:.05em}.final-statement{top:63%;width:91%;max-width:91%}.final-statement h2{font-size:10.1vw;line-height:1.08}.personal-accent{font-size:34px;margin-top:17px}.end-lockup{gap:19px;margin:23px auto 22px}.end-lockup img:first-child{width:75px;height:38px}.end-lockup img:last-child{width:38px;height:38px;margin-right:19px}.end-lockup span{font-size:16px}.final-actions{gap:9px;flex-wrap:nowrap}.solid-button,.outline-button{font-size:13px;padding:12px 15px;min-height:46px;white-space:nowrap}
 .film-controls{bottom:max(10px,env(safe-area-inset-bottom));gap:16px}#motion-toggle,.chapter-counter{font-size:12px}#load-status{font-size:11px;letter-spacing:.025em;max-width:150px}#film-scrim{background:radial-gradient(ellipse 80% 40% at 50% 45%,#1c1c1cd6 38%,#1c1c1c52 72%,transparent)}
 .scroll-chapter:nth-child(1){height:165svh}.scroll-chapter:nth-child(2){height:200svh}.scroll-chapter:nth-child(3){height:215svh}.scroll-chapter:nth-child(4){height:240svh}.scroll-chapter:nth-child(5){height:345svh}.scroll-chapter:nth-child(6){height:320svh}.scroll-chapter:nth-child(7){height:235svh}
 dialog{padding:43px 25px;width:92vw;max-height:88svh}.chapter-menu>button{grid-template-columns:25px 1fr;font-size:20px;padding:17px 0}.chapter-menu small{display:none}.field-partnership{margin:24px 0}.fallback-can{height:50vh;transform:translateY(-12vh)}
}
@media(max-width:360px){.brand-lockup{--mark:32px;gap:16px;padding-inline-end:16px}.hdf-logo{width:32px;height:32px}.salaam-logo{width:54px;height:35px}.header-actions{gap:10px}.donate-button{padding-inline:12px}.brand-times{font-size:12px}.solid-button,.outline-button{padding-inline:12px;font-size:12px}.final-actions{gap:8px}.personal-accent{font-size:30px}}
@media(max-height:700px) and (min-width:651px){.site-header{height:98px}.brand-lockup{--mark:44px}.salaam-logo{height:44px}.hdf-logo{width:44px;height:44px}.opening-title{top:75%}.opening-title h1{font-size:min(6.5vw,9vh)}.opening-title p{font-size:16px;margin-top:10px}.scroll-prompt{top:calc(100% - 69px)}.final-statement{top:64%}.final-statement h2{font-size:min(6.3vw,9vh)}.personal-accent{font-size:30px;margin-top:10px}.end-lockup{margin:13px auto;gap:18px}.end-lockup img:first-child{height:35px;width:69px}.end-lockup img:last-child{height:35px;width:35px}.solid-button,.outline-button{min-height:44px;padding:11px 20px}.spatial-stat strong{font-size:min(14vw,26vh)}}
@media(max-height:700px) and (max-width:650px){.site-header{height:86px}.opening-title{top:72%}.opening-title h1{font-size:10.1vw}.opening-title p{margin-top:12px;font-size:15px}.scroll-prompt{top:calc(100% - 65px)}.final-statement{top:63%}.final-statement h2{font-size:9.4vw}.personal-accent{font-size:29px;margin-top:12px}.end-lockup{margin:16px auto;gap:17px}.end-lockup img:first-child{width:66px;height:34px}.end-lockup img:last-child{width:34px;height:34px}.impact-note{background:#1c1c1ce6;padding:6px 12px;top:calc(100% - 68px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}