@font-face{font-family:Manchette;src:url('assets/manchette-light.ttf') format('truetype');font-weight:300 500;font-display:swap}@font-face{font-family:Manchette;src:url('assets/manchette-black.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--navy:#071b31;--cyan:#42dfdb;--glass:linear-gradient(125deg,#10273aba,#67708442);--line:#e2ffff47;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--navy);color:#fff;font-family:Manchette,sans-serif;font-size:18px;font-weight:400;line-height:1.8}h1,h2,h3,p{margin:0}h1,h2,h3,b,strong{font-weight:800}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}main{max-width:1920px;margin:auto}section{scroll-margin-top:24px}h2{font-size:clamp(32px,4.1vw,65px);line-height:1.4;width:fit-content;max-width:100%;padding:10px 28px;background:var(--glass);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 45px #00132630}h3{font-size:clamp(23px,2.3vw,32px);line-height:1.5}.glass{background:var(--glass);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 36px #030c2438,inset 0 1px 0 #ffffff14}.landmark-section{position:relative;isolation:isolate;overflow:hidden;padding:80px max(6%,24px) 90px;min-height:660px;border-top:1px solid #a0dad923}.landmark-background{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;pointer-events:none}.landmark-section::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#04162760,#05132752 35%,#051528c9),linear-gradient(90deg,#07193116,#09192b48);pointer-events:none}.about .landmark-background{background-image:url('assets/diriyah.webp')}.numbers .landmark-background{background-image:url('assets/kingdom.webp');background-position:center 45%}.contributions .landmark-background{background-image:url('assets/ithra.webp')}.services .landmark-background{background-image:url('assets/hegra.webp');background-position:left center}.map .landmark-background{background-image:url('assets/jeddah.webp')}.journey .landmark-background{background-image:url('assets/rijal.webp')}.place-label{position:absolute;bottom:22px;left:6%;font-size:14px;letter-spacing:.03em;color:#e6f4ef}.place-label::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-left:9px}.section-intro{font-size:clamp(18px,1.8vw,25px);margin:20px 0 32px;max-width:600px;text-shadow:0 2px 15px #000}.eyebrow{display:block;color:var(--cyan);font-size:18px;margin-bottom:12px}
/* Full-bleed opening: live type sits behind the foreground skyline. */
.cinema-hero{position:relative;isolation:isolate;overflow:hidden;min-height:800px;height: min(1000px,100svh);background:#111e32;container-type:inline-size}.city-scene,.city-foreground,.cinema-shade{position:absolute;inset:0;pointer-events:none}.city-scene{z-index:-3}.city-scene img{width:100%;height:100%;object-fit:cover}.cinema-shade{z-index:2;background:linear-gradient(180deg,#0d1b3030,transparent 40%,#061729d9)}.city-foreground{z-index:1}.city-foreground svg{width:100%;height:100%;display:block}.cinema-nav{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:26px 5%;gap:24px}.brand-mark{width:105px;mix-blend-mode:screen}.brand-mark svg{display:block;width:100%}.cinema-nav nav{display:flex;gap:30px;border:1px solid #ffffff45;background:#1222385c;border-radius:12px;padding:9px 26px;backdrop-filter:blur(18px)}.cinema-nav nav a{font-size:17px;transition:color .2s}.cinema-nav nav a:hover{color:var(--cyan)}.outline-link{border:1px solid #fff5;border-radius:10px;padding:8px 18px;font-size:16px}.menu-toggle{display:none}.impact-title{position:absolute;top:23%;left:7%;width:86%;z-index:0;line-height:1.2;text-align:left}.impact-title>span{display:block;position:relative;z-index:2;width:fit-content;padding:6px 24px;background:#15233455;backdrop-filter:blur(12px);border:1px solid #fff3;border-radius:10px;font-size:clamp(29px,3.4cqw,60px)}.impact-title>strong{display:block;white-space:nowrap;font-size:24cqw;line-height:1.15;margin-top:36px;color:var(--cyan);text-shadow:0 2px 30px #081a3520;transform:translateX(-2%)}.cinema-bottom{position:absolute;bottom:5%;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;align-items:end;gap:25px}.cinema-summary{width:62%;max-width:720px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0}.stat b{font:700 clamp(32px,3.6vw,58px)/1.2 Georgia,serif;color:#fff;white-space:nowrap;display:flex;gap:3px}.stat b span{font:inherit}.stat p{font-size:clamp(16px,1.4vw,20px);line-height:1.6}.cinema-tagline{margin-top:14px;font-size:19px;display:inline-block;margin-left:22px}.cinema-cta{display:inline-block;background:var(--cyan);color:#042b36;border-radius:9px;padding:8px 22px;font-size:17px;font-weight:800}.journey-card{width:230px;padding:20px;border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(18px);background:var(--glass);display:grid;gap:16px}.journey-years{font:22px Georgia,serif}.journey-label{display:flex;align-items:center;gap:12px}.play-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #fff8;border-radius:50%;font:24px sans-serif}.journey-track{display:flex;justify-content:space-between;position:relative;height:8px;align-items:center}.journey-track::before{content:'';position:absolute;inset:3px 0 auto;height:1px;background:var(--cyan)}.journey-track i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.about-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1000px;margin:38px 0 0}.about-cards article{position:relative;padding:25px 28px;min-width:0}.about-icon{width:40px;height:40px;float:left;color:var(--cyan);margin-right:18px}.about-cards h3{color:var(--cyan);margin-bottom:8px}.about-cards p{font-size:18px;line-height:1.85}.about-cards em{font-style:normal;color:#fff;font-weight:600}.numbers{min-height:620px;display:flex;flex-direction:column;justify-content:space-between;gap:80px}.numbers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px}.numbers-grid .stat{padding:35px 22px}.numbers-grid .stat b{font-size:clamp(44px,5vw,80px);color:var(--cyan)}.contribution-statement{font-size:clamp(25px,3vw,42px);line-height:1.6;max-width:670px;background:var(--glass);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(18px);padding:16px 25px;margin-top:28px}.through{width:fit-content;margin:36px auto 18px;background:#f5ffff;color:#093440;border-radius:9px;padding:7px 30px;font-size:21px}.program-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.program-grid>div{padding:18px;text-align:center;font-size:19px}.program-index{display:block;color:var(--cyan);font:24px Georgia,serif;margin-bottom:15px}.logos-motion{margin-top:28px;overflow:hidden;background:#111d2b80;border:1px solid #fff3;border-radius:14px}.logos-motion video{aspect-ratio:2048/588;mix-blend-mode:screen}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:940px}.services-grid p{padding:24px 18px;text-align:center;font-size:20px;line-height:1.7;min-width:0}.services-grid p span{display:block;overflow-wrap:break-word}.service-icon{width:42px;height:42px;color:var(--cyan);display:block;margin:0 auto 15px}.map .video-wrap{max-width:860px;margin:45px 0 0;border:1px solid #fff5;overflow:hidden;border-radius:18px;background:#0923398c;box-shadow:0 20px 60px #0005}.video-wrap{position:relative}.video-wrap video{width:100%;height:auto;display:block;object-fit:contain}.video-toggle{position:absolute;bottom:12px;left:12px;min-height:44px;border:1px solid #fff6;border-radius:10px;background:#082439ed;color:white;padding:8px 18px;font-size:14px}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative;margin:50px 0 30px}.timeline:before{content:'';position:absolute;top:35px;left:0;right:0;height:2px;background:var(--cyan)}.timeline article{padding:28px 22px;position:relative}.timeline b{font-size:34px;color:var(--cyan);line-height:1.3}.timeline h3{font-size:25px;margin-top:10px}.timeline p{font-size:17px;margin-top:6px}.timeline-dot{width:12px;height:12px;display:block;background:var(--cyan);border:3px solid #fff;border-radius:50%;margin-bottom:20px;box-shadow:0 0 18px #42dfdb80}.journey-film{max-width:800px;padding:16px 24px}.journey-film summary{cursor:pointer;min-height:44px;align-content:center}.journey-film .video-wrap{margin-top:18px}.journey-film:not([open]) video{display:none}footer{padding:60px 6%;display:flex;gap:30px;align-items:center;justify-content:space-between}footer p{font-size:25px}.footer-brand{font:44px Georgia,serif}.footer-brand span{display:block;height:3px;margin-top:12px;background:linear-gradient(90deg,#8c3fc6,var(--cyan))}footer>a:last-child{font-size:16px}
/* Reveal motion, pointer light and restrained depth. */
.motion-card{position:relative;transition:opacity .75s var(--ease),translate .75s var(--ease),transform .35s var(--ease),box-shadow .35s,border-color .35s;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));overflow:hidden}.motion-card::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--px,50%) var(--py,50%),#8ef9ef24,transparent 70%);transition:opacity .35s}.motion-pending{opacity:0;translate:0 28px}.motion-visible{opacity:1;translate:0 0}.motion-card:active{transform:scale(.985);border-color:var(--cyan)}@media(hover:hover) and (pointer:fine){.motion-card:hover{translate:0 -6px;border-color:#91fff3a6;box-shadow:0 22px 45px #00102370,0 0 25px #2bd7d91c}.motion-card:hover::after{opacity:1}}
@media(max-width:900px){.landmark-section{padding:55px 5% 65px;min-height:0}h2{font-size:38px}.cinema-hero{min-height:760px;height:900px;max-height:none}.cinema-nav{padding:20px 5%;gap:16px}.outline-link{display:none}.cinema-nav nav{gap:18px;padding:8px 18px}.impact-title{top:23%}.impact-title>span{font-size:32px}.impact-title>strong{margin-top:55px}.cinema-summary{width:70%}.journey-card{width:180px}.stat{padding:18px 10px}.stat b{font-size:34px}.cinema-tagline{font-size:17px}.about-cards p{font-size:17px}.about-cards article{padding:22px}.numbers{gap:100px}.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.services-grid p{font-size:18px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline:before{display:none}footer{flex-wrap:wrap}footer p{font-size:23px}}
@media(max-width:600px){body{font-size:16px}h2{font-size:30px;padding:8px 20px;border-radius:10px}.section-intro{font-size:17px;line-height:1.85}.landmark-section{padding:42px 5% 60px}.landmark-background{background-position:center}.about .landmark-background{background-position:40% center}.services .landmark-background{background-position:30% center}.cinema-hero{height:840px;min-height:840px}.cinema-nav{padding:16px 5%}.brand-mark{width:80px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:46px;height:46px;background:#132e4566;border:1px solid #fff6;border-radius:10px;color:#fff;backdrop-filter:blur(12px)}.menu-toggle span{display:block;width:20px;height:1px;background:#fff;margin-inline:auto}.cinema-nav nav{display:none;position:absolute;top:80px;right:5%;left:5%;background:#0b2335ef;border-radius:12px;padding:18px;grid-template-columns:1fr 1fr;gap:8px 15px}.cinema-nav nav.is-open{display:grid}.cinema-nav nav a{padding:10px;font-size:17px}.impact-title{top:20%;left:5%;width:90%}.impact-title>span{font-size:clamp(24px,6.5vw,34px);padding:8px 14px}.impact-title>strong{font-size:25cqw;margin-top:70px;transform:none}.city-scene img{object-position:35% center}.city-foreground{container-type:size}.city-foreground svg{position:absolute;width:max(100cqw,177.6833156cqh);height:max(100cqh,56.2799043cqw);max-width:none;left:35%;top:50%;translate:-35% -50%}.cinema-bottom{bottom:28px;left:5%;right:5%;display:flex;flex-direction:column;align-items:stretch;gap:16px}.cinema-summary{width:100%;text-align:center}.hero-metrics{gap:8px}.hero-metrics .stat{padding:17px 6px;border-radius:12px;gap:8px}.hero-metrics .stat b{font-size:28px}.hero-metrics .stat p{font-size:14px;line-height:1.7}.cinema-tagline{font-size:16px;margin:12px 0}.cinema-cta{display:block;width:fit-content;margin:auto;padding:9px 24px;font-size:16px}.journey-card{width:100%;padding:13px 18px;grid-template-columns:1fr 1fr;gap:6px 15px}.journey-years{font-size:18px}.journey-label{grid-column:2;grid-row:1/3;justify-content:end}.journey-track{grid-column:1}.about-cards{gap:12px;margin-top:28px}.about-cards article{padding:18px 14px}.about-icon{float:none;width:32px;height:32px;margin:0 0 12px}.about-cards h3{font-size:24px;margin:0 0 8px}.about-cards p{font-size:16px;line-height:1.8}.about-cards em{font-weight:400;color:#cefffa}.numbers{gap:110px;min-height:540px}.numbers-grid{gap:8px}.numbers-grid .stat{padding:23px 6px;border-radius:12px}.numbers-grid .stat b{font-size:30px}.numbers-grid .stat p{font-size:14px}.contribution-statement{font-size:24px;padding:18px}.through{font-size:18px;margin-top:28px}.program-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.program-grid>div{font-size:17px;padding:18px 12px}.program-grid>div:last-child{grid-column:1/-1}.logos-motion{margin-inline:-2%;border-radius:10px}.logos-motion video{min-height:130px;object-fit:cover}.logos-motion .video-toggle{position:relative;bottom:auto;left:auto;margin:0 12px 10px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.services-grid p{font-size:16px;padding:20px 10px;line-height:1.85;border-radius:12px}.services-grid p:last-child{grid-column:1/-1}.service-icon{width:34px;height:34px;margin-bottom:12px}.map .video-wrap{margin-top:90px;border-radius:12px}.timeline{gap:12px;margin-top:30px}.timeline article{padding:22px 15px}.timeline b{font-size:29px}.timeline h3{font-size:23px}.timeline p{font-size:16px}.journey-film{padding:10px 16px}.place-label{font-size:14px;bottom:18px}footer{padding:40px 6%;gap:20px}footer p{font-size:21px}footer>a:last-child{width:100%;font-size:15px}}
@media(max-width:359px){.about-cards{grid-template-columns:1fr}.hero-metrics .stat b{font-size:24px}.hero-metrics .stat p{font-size:14px}.impact-title>span{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-pending{opacity:1;translate:none}.motion-card{transform:none!important}}
.photo-credits{flex-basis:100%;border-top:1px solid #ffffff20;padding-top:18px;font-size:14px;color:#b6cbd9}.photo-credits summary{cursor:pointer;width:fit-content;min-height:44px}.photo-credits p{font-size:14px;max-width:800px}.photo-credits ul{direction:ltr;text-align:left;line-height:2}.photo-credits a{text-decoration:underline}footer{flex-wrap:wrap}
/* Mobile refinement: open headings, light glass, photographic service deck. */
h2,.impact-title>span,.contribution-statement{background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;text-shadow:0 2px 20px #00132980}
.about .landmark-background{background-image:url('assets/hegra.webp');background-position:40% center}.about .glass{background:linear-gradient(130deg,#11283c50,#62777d20);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-color:#d9fffb3b;box-shadow:0 8px 20px #03132116}.about::before{background:linear-gradient(180deg,#04162766,#07182b96)}.about-cards{align-items:start}.about-cards article{height:auto}.metric-icon{width:38px;height:38px;color:var(--cyan);margin-bottom:4px}.hero-metrics .metric-icon{width:28px;height:28px}.map .video-wrap{max-width:1100px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:auto}.map video{mix-blend-mode:screen;filter:contrast(1.1)}.map .video-toggle{position:static;display:block;margin:12px auto 0;background:#0a233638;border-color:#ffffff55}.map::before{background:linear-gradient(180deg,#061c3280,#071b31c2)}
.services{padding-inline:0}.services>h2,.services>.section-intro{margin-inline:6%}.services-deck{height:450px;position:relative;margin:35px auto 0;max-width:1400px;perspective:1400px;direction:ltr;touch-action:pan-y;user-select:none}.service-slide{position:absolute;top:12px;left:50%;width:300px;height:405px;margin-left:-150px;border:1px solid #d9fff747;border-radius:20px;overflow:hidden;transform:translateX(var(--slide-x,0px)) scale(var(--slide-scale,.8)) rotateY(var(--slide-angle,0deg));opacity:var(--slide-opacity,0);z-index:var(--slide-z,0);transition:transform .65s var(--ease),opacity .5s,border-color .5s,box-shadow .5s;direction:rtl;cursor:pointer;background:#092336;box-shadow:0 20px 45px #00101e55;outline-offset:3px}.service-slide.is-active{border-color:#83e9e2a6;box-shadow:0 25px 60px #0008,0 0 30px #43ded41a}.service-photo{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;pointer-events:none;filter:saturate(.65);transition:scale .8s}.service-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03172b0a 15%,#08233488 55%,#061927f2 100%);pointer-events:none}.service-copy{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:28px 22px;text-align:right}.service-copy .service-icon{margin:0 0 16px;width:36px;height:36px}.service-copy h3{font-size:24px;line-height:1.65}.service-copy h3 span{display:block}.service-slide.is-active .service-photo{scale:1.04}.deck-controls{display:flex;direction:rtl;align-items:center;justify-content:center;gap:24px;margin-top:4px}.deck-controls button{min-width:88px;min-height:44px;border:1px solid #c9ffff65;border-radius:10px;background:#09263d66;color:white;padding:8px 20px;font-size:16px;backdrop-filter:blur(6px)}.deck-controls button:hover{background:#1c636c99}.deck-status{font-size:16px;min-width:52px;text-align:center;color:#d5fffa}
@media(max-width:600px){.impact-title>span{position:fixed;position:relative;z-index:3;font-size:clamp(23px,6.1vw,31px);max-width:100%;width:100%;text-align:center}.impact-title{top:17%;z-index:2}.impact-title>strong{margin-top:42px;position:relative;z-index:0}.city-foreground{z-index:2}.impact-title>span{transform:translateY(-25px)}.impact-title{z-index:1}.cinema-hero .city-foreground{z-index:2}.cinema-hero::after{content:'نلهم التغيير';position:absolute;z-index:3;top:calc(17% - 25px);left:5%;right:5%;font-size:clamp(23px,6.1vw,31px);font-weight:800;line-height:1.2;text-align:center;pointer-events:none}.impact-title>span{visibility:hidden}.about-cards{gap:12px;align-items:start}.about-cards article{padding:17px 13px}.about-cards p{line-height:1.72}.metric-icon{width:32px;height:32px}.hero-metrics .metric-icon{width:25px;height:25px}.hero-metrics .stat{padding:12px 5px;gap:5px}.numbers-grid .stat{padding:20px 6px}.numbers{gap:65px;min-height:520px}.map .video-wrap{margin:45px -4% 0}.map video{width:100%;min-height:230px;object-fit:contain}.services-deck{height:400px;margin-top:28px}.service-slide{width:250px;height:365px;margin-left:-125px;border-radius:17px}.service-copy{padding:24px 20px}.service-copy h3{font-size:22px}.deck-controls{gap:18px}.deck-controls button{font-size:16px}.services>.section-intro{margin-bottom:14px}.services>h2,.services>.section-intro{margin-inline:5%}}
@media(prefers-reduced-motion:reduce){.service-slide,.service-photo{transition:none!important}}
@media(max-width:600px){.impact-title{display:contents}.cinema-hero::after{content:none}.impact-title>span{visibility:visible;position:absolute;z-index:3;top:calc(17% - 25px);left:5%;right:5%;width:90%;transform:none;text-align:center}.impact-title>strong{position:absolute;z-index:1;top:calc(17% + 80px);left:5%;width:90%;margin:0;line-height:1.15;text-align:left}}