:root{--journey-gold:#d4b77d;--journey-ink:#080f13}.connected-cinematic-site{background:var(--journey-ink)}.journey-welcome{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#080f13}.welcome-background,.welcome-shade{position:absolute;inset:0}.welcome-background{background:url('./media/journey/design/desktop/0001.webp') center/cover;opacity:.48;transform:scale(1.04);filter:blur(2px)}.welcome-shade{background:radial-gradient(ellipse at 50% 45%,#080f1340,#080f13ee 80%),linear-gradient(0deg,#080f13,transparent 45%)}.welcome-copy{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0 150px;text-align:center}.welcome-copy .eyebrow{justify-content:center;font:9px Arial;letter-spacing:3px;margin-bottom:27px;color:#c9b488}.welcome-copy .eyebrow:before{display:none}.welcome-copy h1{font-size:clamp(61px,7vw,108px);font-weight:400;line-height:1.3;letter-spacing:-1.5px;margin-bottom:25px}.welcome-copy h1 em{color:var(--journey-gold)}.welcome-copy .lead{font-size:16px;max-width:520px;line-height:1.9;color:#adb9b8;margin-bottom:25px}.welcome-start{font-size:12px;display:flex;gap:35px;align-items:center;border:1px solid #d4b77d50;border-radius:50px;padding:12px 25px;color:#d4c8ad;background:#09121690}.welcome-start span{color:var(--journey-gold);font:24px Arial}.replay-intro{border:0;background:none;color:#798a8b;font-size:10px;cursor:pointer;margin-top:20px;padding:10px}.replay-intro:hover{color:var(--journey-gold)}.welcome-disciplines{position:absolute;inset-inline:0;bottom:52px;display:flex;justify-content:center;gap:60px;border-top:1px solid #d4b77d25;padding-top:25px}.welcome-disciplines a{font-size:12px;color:#b6c0bd;display:flex;gap:13px;align-items:center}.welcome-disciplines small{font:8px Arial;color:var(--journey-gold);letter-spacing:2px}.welcome-coordinate{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:7px Arial;letter-spacing:3px;color:#6e8182;white-space:nowrap}
.cinema-journey{background:#080f13;position:relative;isolation:isolate}.journey-stage{position:relative;min-height:100svh;background-color:#080f13;background-position:center;background-size:cover;overflow:hidden}.journey-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .45s}.journey-media-ready .journey-canvas{opacity:1}.journey-veil,.journey-vignette{position:absolute;inset:0;pointer-events:none}.journey-veil{background:linear-gradient(to left,#071015f5 0%,#071015e0 20%,#071015b0 43%,#07101538 66%,#07101508 100%);z-index:1}[dir=ltr] .journey-veil{background:linear-gradient(to right,#071015f5 0%,#071015e0 20%,#071015b0 43%,#07101538 66%,#07101508 100%)}.journey-vignette{background:linear-gradient(0deg,#080f13b8,transparent 25%,transparent 80%,#080f1388);z-index:1}.journey-article{position:relative;z-index:2;padding:140px 0 100px;background:linear-gradient(90deg,#080f13bb,#080f13e8),var(--scene-poster) center/cover}.journey-copy{width:48%;max-width:650px}.journey-copy h1,.journey-copy h2{font-size:clamp(40px,4.3vw,68px);font-weight:400;line-height:1.3;letter-spacing:-1.5px;margin-bottom:25px}.journey-copy h2 em{color:var(--journey-gold)}.journey-copy .eyebrow{font-family:Neo,Arial;font-size:10px;letter-spacing:1px;color:var(--journey-gold);margin-bottom:25px}.journey-copy .lead,.journey-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#c3cfca;max-width:590px}.journey-copy details{border-top:1px solid #d4b77d33;padding-top:15px;color:#c3cfca}.journey-copy summary{color:var(--journey-gold);cursor:pointer;font-size:13px}.journey-copy details p{font-size:13px;line-height:1.9;margin-top:13px}.journey-copy .flat-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;list-style:none;padding:0;margin:18px 0}.journey-copy .flat-service-list li{padding:8px 0;font-size:11.5px;line-height:1.7;color:#c7d0ca;border-bottom:1px solid #d4b77d24;display:flex;gap:10px;align-items:start}.journey-copy .flat-service-list li:before{content:'+';font:13px/1.7 Arial;color:#d4b77d}.journey-copy .links-row{margin-top:25px;gap:13px;align-items:center}.journey-copy .cta{font-size:11px;padding:10px 17px;gap:18px;min-height:43px;border-radius:2px}.journey-copy .text-link{font-size:11px;gap:13px;padding:8px 0}.journey-copy .department-entry{margin:0}.journey-copy .department-entry .text-link{font-size:10px}.journey-copy .icon{width:18px;height:18px}.journey-copy .flat-service-list+.links-row{margin-top:18px}.journey-copy .mini-gallery{display:none}.journey-top,.journey-bottom,.journey-map{display:none}.journey-loading{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:3;font-size:10px;color:#aab7b3}
.journey-is-ready{height:calc(var(--journey-chapters) * 150svh + 100svh)}.journey-is-ready .journey-stage{position:sticky;top:0;height:100svh;min-height:0}.journey-is-ready .journey-article{position:absolute;inset:0;padding:0;background:none;opacity:0;transform:translateY(20px);will-change:opacity,transform;pointer-events:none}.journey-is-ready .journey-article:first-of-type{opacity:1;transform:none}.journey-is-ready .journey-article>.wrap{height:100%;display:flex;align-items:center;padding:135px 0 90px}.journey-top{position:absolute;inset-inline:50px;top:119px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px Arial;letter-spacing:2px;color:#c0b392;pointer-events:none}.journey-top>b,.journey-current{font-weight:400;color:var(--journey-gold)}.journey-bottom{position:absolute;inset-inline:50px;bottom:33px;z-index:4;display:flex;align-items:center;gap:25px;font:8px Arial;letter-spacing:1.6px;color:#b6b5a1;direction:ltr}.journey-bottom>span:first-child{font-family:Neo,Arial;font-size:9px;letter-spacing:1px}.journey-bottom-line{height:1px;background:#d4b77d25;flex:1}.journey-bottom-line i{height:1px;display:block;background:#d4b77d;transform:scaleX(var(--journey-progress,0));transform-origin:left}.journey-map{display:block;position:absolute;left:4%;top:22%;width:220px;height:min(50vh,460px);z-index:3;opacity:.85}.journey-map svg,.journey-map nav{position:absolute;inset:0;width:100%;height:100%}.journey-route-base{stroke:#f4f0dd24;stroke-width:1;stroke-dasharray:2 5}.journey-route-trail{stroke:#d4b77d;stroke-width:1.4}.journey-route-point{fill:#edd4a5;stroke:#d4b77d;stroke-width:3;paint-order:stroke;filter:drop-shadow(0 0 5px #d4b77d80)}.journey-stop{position:absolute;width:26px;height:26px;border:1px solid #d4b77d35;background:#081317c9;color:#92a4a3;border-radius:50%;padding:0;transform:translate(-50%,-50%);font:8px Arial;cursor:pointer}.journey-stop b{font-weight:400}.journey-stop span{position:absolute;top:6px;left:33px;white-space:nowrap;font:10px Neo,Arial;color:#9aaead;letter-spacing:0}.journey-stop[aria-current=step]{border-color:#d4b77d;background:#d4b77d;color:#081317}.journey-stop[aria-current=step] span{color:#e0c99f}.stop-0{left:35.45%;top:10%}.stop-1{left:65%;top:36.96%}.stop-2{left:31.36%;top:63.91%}.stop-3{left:62.27%;top:90.87%}[dir=ltr] .journey-map{left:auto;right:8%}.journey-motion-control{position:fixed;bottom:18px;left:18px;z-index:90;border:1px solid #d4b77d33;border-radius:30px;padding:9px 14px;background:#091216d9;color:#c7bea5;font:10px Neo,Arial;cursor:pointer;opacity:.75}.journey-motion-control:hover{opacity:1}
.journey-about{padding:110px 0;background:#eeebe2;color:#273536}.about-story-copy{max-width:1050px;margin:auto;columns:2;column-gap:75px}.about-story-copy>.eyebrow,.about-story-copy>h2{column-span:all}.about-story-copy h2{font-size:50px;font-weight:400;line-height:1.3;margin-bottom:45px}.about-story-copy h2 em{color:#9d814b}.about-story-copy p{font-size:14px;color:#687371;line-height:1.95}.about-story-copy .lead{font-size:21px;color:#34413e}.about-story-copy details{break-inside:avoid;border-top:1px solid #a38c5a45;margin-top:24px;padding-top:18px}.about-story-copy summary{cursor:pointer;color:#92784c;font-size:15px}.about-story-copy details p{font-size:13px}.about-story-copy .links-row{break-inside:avoid;display:block}.about-story-copy .text-link{font-size:12px;color:#92784c}
.cinema-intro{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#070e12d9;backdrop-filter:blur(24px);overflow:hidden}.cinema-intro.is-playing{display:flex}.intro-is-playing{overflow:hidden!important}.intro-is-playing .header{opacity:.08;pointer-events:none}.intro-background{position:absolute;inset:-5%;background:linear-gradient(#071015ad,#071015e8),url('./media/journey/design/desktop/0001.webp') center/cover;filter:blur(22px);opacity:.6}.intro-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;will-change:opacity,transform;pointer-events:none}.intro-logo-window{width:min(430px,70vw);aspect-ratio:3.3;overflow:hidden}.intro-logo-window img{width:100%;height:auto;display:block;clip-path:inset(0 0 35% 0);filter:url(#header-logo-light);transform:translateY(-8%)}.intro-slogan{font-size:clamp(35px,4.5vw,68px);color:#dbbf89;font-weight:400;opacity:0;letter-spacing:0}.intro-headline{font-size:clamp(50px,6.5vw,90px);font-weight:400;line-height:1.5;display:block;inset:50% 0 auto;transform:translateY(-50%);opacity:0}.intro-headline em{font-style:normal;color:#d4b77d}.cinema-intro [data-intro-skip]{position:absolute;inset-inline-end:40px;bottom:35px;border:0;border-bottom:1px solid #d4b77d44;background:none;color:#baae94;font:11px Neo,Arial;padding:12px 0;display:flex;gap:30px;cursor:pointer}.intro-signature{position:absolute;bottom:46px;inset-inline-start:40px;color:#6e7b78;font:7px Arial;letter-spacing:2.5px}.intro-is-playing .journey-motion-control{visibility:hidden}
.journey-reduced.journey-is-ready{height:auto!important}.journey-reduced .journey-stage{height:auto;position:relative}.journey-reduced .journey-canvas,.journey-reduced .journey-map,.journey-reduced .journey-veil,.journey-reduced .journey-vignette,.journey-reduced .journey-top,.journey-reduced .journey-bottom{display:none}.journey-reduced .journey-article{position:relative;min-height:100svh;opacity:1!important;transform:none!important;pointer-events:auto!important;background:linear-gradient(to left,#080f13f0,#080f1399),var(--scene-poster) center/cover}.journey-reduced .journey-article>.wrap{min-height:100svh;height:auto;padding-block:130px 70px}
@media(min-width:1700px){.journey-copy{max-width:690px;width:47%}.journey-copy .flat-service-list li{font-size:13px;padding:10px 0}.journey-copy .lead{font-size:17px}.journey-map{left:6%;width:250px;height:520px;top:22%}}
@media(max-width:1150px) and (min-width:761px){.journey-copy{width:52%;max-width:580px}.journey-copy h1,.journey-copy h2{font-size:48px}.journey-copy .lead{font-size:13px}.journey-copy .flat-service-list{gap:0 17px}.journey-copy .flat-service-list li{font-size:10.5px;padding:6px 0}.journey-map{left:1%;width:190px;height:400px}.journey-stop span{font-size:8px;left:27px}.journey-copy .links-row{gap:9px}.journey-copy .text-link{font-size:10px}}
@media(max-height:800px) and (min-width:761px){.journey-top{top:105px}.journey-is-ready .journey-article>.wrap{padding-block:115px 65px}.journey-copy h1,.journey-copy h2{font-size:44px;margin-bottom:17px}.journey-copy .eyebrow{font-size:9px;margin-bottom:15px}.journey-copy .lead,.journey-copy>p:not(.eyebrow){font-size:13px}.journey-copy .flat-service-list li{font-size:10.5px;padding:5px 0;line-height:1.65}.journey-copy .flat-service-list{margin:10px 0;gap:0 17px}.journey-copy .links-row{margin-top:15px}.journey-map{top:21%;height:380px}.journey-bottom{bottom:26px}}
@media(max-width:760px){.journey-welcome{height:100svh;min-height:650px}.welcome-copy{width:calc(100% - 40px);padding-top:105px;padding-bottom:170px}.welcome-copy .eyebrow{font-size:7px;letter-spacing:2px}.welcome-copy h1{font-size:57px;line-height:1.35;letter-spacing:-1px;margin-bottom:20px}.welcome-copy .lead{font-size:13px;max-width:300px}.welcome-start{font-size:11px;padding:10px 22px}.welcome-disciplines{width:calc(100% - 40px);gap:0;justify-content:space-between;bottom:60px;padding-top:20px}.welcome-disciplines a{flex-direction:column;gap:9px;font-size:10px}.welcome-disciplines small{font-size:7px}.welcome-coordinate{bottom:25px;font-size:6px;letter-spacing:2px}.journey-is-ready{height:calc(var(--journey-chapters) * 145svh + 100svh)}.journey-veil{background:linear-gradient(to left,#071015e8 0%,#071015d6 30%,#07101599 65%,#07101535 100%)}[dir=ltr] .journey-veil{background:linear-gradient(to right,#071015e8 0%,#071015d6 30%,#07101599 65%,#07101535 100%)}.journey-is-ready .journey-article>.wrap{width:calc(100% - 40px);padding:110px 0 160px}.journey-copy{width:100%;max-width:550px}.journey-copy h1,.journey-copy h2{font-size:38px;line-height:1.3;margin-bottom:17px;letter-spacing:-.5px}.journey-copy .eyebrow{font-size:8px;margin-bottom:17px}.journey-copy .lead,.journey-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.journey-copy .flat-service-list{gap:0 17px;margin:12px 0}.journey-copy .flat-service-list li{font-size:10.5px;line-height:1.65;padding:7px 0;gap:6px}.journey-copy .flat-service-list li:before{font-size:11px}.journey-copy .links-row{margin-top:17px;gap:10px}.journey-copy .cta{font-size:10px;min-height:39px;padding:9px 11px;gap:10px}.journey-copy .text-link{font-size:10px;gap:8px}.journey-copy .department-entry .text-link{font-size:9px}.journey-copy .icon{width:16px;height:16px}.journey-top{top:95px;inset-inline:20px;font-size:6px;letter-spacing:1.2px}.journey-bottom{bottom:24px;inset-inline:20px;font-size:6px;gap:14px;letter-spacing:1px}.journey-bottom>span:first-child{font-size:7px}.journey-bottom>span:last-child{display:none}.journey-map,[dir=ltr] .journey-map{left:20px;right:auto;top:auto;bottom:58px;width:calc(100% - 40px);height:76px;opacity:.95}.journey-stop{width:22px;height:22px;font-size:7px;top:52.5%!important}.journey-stop span{left:50%;top:28px;transform:translateX(-50%);font-size:8px}.stop-0{left:5.55%}.stop-1{left:34.72%}.stop-2{left:63.88%}.stop-3{left:93.05%}.journey-motion-control{bottom:8px;left:8px;font-size:8px;padding:7px 11px}.journey-about{padding:70px 0}.about-story-copy{columns:1}.about-story-copy h2{font-size:37px;margin-bottom:25px}.about-story-copy p{font-size:13px}.about-story-copy .lead{font-size:18px}.intro-logo-window{width:74vw}.intro-slogan{font-size:37px}.intro-headline{font-size:53px;line-height:1.45}.cinema-intro [data-intro-skip]{inset-inline-end:22px;bottom:28px;font-size:10px;gap:20px}.intro-signature{inset-inline-start:22px;bottom:43px;font-size:5px;letter-spacing:1.5px}.journey-reduced .journey-article>.wrap{padding:125px 0 70px}}
@media(max-width:760px) and (max-height:720px){.journey-is-ready .journey-article>.wrap{padding:105px 0 140px}.journey-copy h1,.journey-copy h2{font-size:31px;line-height:1.22;margin-bottom:11px}.journey-copy .eyebrow{font-size:7px;margin-bottom:10px}.journey-copy .lead,.journey-copy>p:not(.eyebrow){font-size:11px;line-height:1.75}.journey-copy .flat-service-list li{font-size:9px;line-height:1.55;padding:4px 0}.journey-copy .flat-service-list{gap:0 13px;margin:8px 0}.journey-copy .links-row{margin-top:12px;gap:8px}.journey-copy .cta{font-size:9px;min-height:33px;padding:7px 9px}.journey-copy .text-link{font-size:9px}.journey-copy .department-entry .text-link{font-size:8px}.journey-map{bottom:52px;height:65px}.journey-bottom{bottom:19px}.journey-top{top:91px}}
@media(prefers-reduced-motion:reduce){.journey-article,.intro-scene,.journey-canvas{transition:none!important;will-change:auto}}

/* A standalone map scene, reached again between each department. */
.journey-map,[dir=ltr] .journey-map{left:50%;right:auto;top:50%;bottom:auto;width:min(560px,80vw);height:min(68svh,650px);transform:translate(-50%,-50%) scale(calc(.78 + var(--map-visibility,1)*.22));opacity:var(--map-visibility,1);z-index:7;pointer-events:none;filter:drop-shadow(0 15px 40px #0008)}
.journey-overview .journey-map{pointer-events:auto}.journey-map svg{overflow:visible}.journey-map:before{content:'ابدأ القصة لرحلتنا في كل تخصص';position:absolute;top:-38px;left:0;right:0;text-align:center;color:#d4b77d;font:16px Neo,Arial;letter-spacing:1px}[dir=ltr] .journey-map:before{content:'Begin our story through every discipline'}.journey-stop{width:42px;height:42px;font-size:11px}.journey-stop span{left:55px;top:12px;font-size:15px}.journey-stop:hover,.journey-stop:focus-visible{outline:2px solid #dfc595;outline-offset:6px;background:#d4b77d;color:#081317}.journey-veil{opacity:calc(1 - var(--map-visibility,1)*.4)}.journey-vignette{background:linear-gradient(#080f1333,#080f1344);backdrop-filter:blur(calc(var(--map-visibility,1)*18px));background-color:rgb(8 15 19 / calc(var(--map-visibility,1)*.68));z-index:1}.journey-map-back{position:absolute;z-index:8;left:50%;bottom:26px;transform:translateX(-50%);border:1px solid #d4b77d55;border-radius:30px;padding:10px 22px;background:#081317c9;color:#d4b77d;font:11px Neo,Arial;cursor:pointer}.journey-overview .journey-map-back{visibility:hidden}.intro-scene[data-intro-logo]{opacity:0}.journey-reduced .journey-map-back{display:none}
@media(max-width:760px){.journey-map,[dir=ltr] .journey-map{left:43%;top:49%;bottom:auto;width:min(300px,70vw);height:62svh}.journey-stop{width:34px;height:34px;font-size:9px;top:var(--stop-top)!important}.journey-stop span{left:43px;top:9px;transform:none;font-size:11px}.stop-0{left:35.45%;--stop-top:10%}.stop-1{left:65%;--stop-top:36.96%}.stop-2{left:31.36%;--stop-top:63.91%}.stop-3{left:62.27%;--stop-top:90.87%}.journey-map:before{font-size:12px;left:-10%;right:-20%;top:-30px}.journey-map-back{bottom:58px;font-size:9px}.journey-overview .journey-copy{pointer-events:none}}

.journey-map,[dir=ltr] .journey-map{transform:translate(-50%,-50%) scale(calc(1 + (1 - var(--map-visibility,1))*2));transform-origin:var(--map-origin,35.45% 10%);will-change:transform,opacity}.journey-reduced .journey-map{will-change:auto}

.journey-map,[dir=ltr] .journey-map{width:min(30svh,300px,60vw);height:auto;aspect-ratio:220/460}.journey-overview .journey-top,.journey-overview .journey-bottom{opacity:.45}

.welcome-film{width:100%;height:100%;object-fit:cover;display:block}.welcome-background{filter:none;opacity:.65}.intro-logo-window{aspect-ratio:2048/900;overflow:visible}.intro-logo-window img{clip-path:none;transform:none;width:100%;height:auto}.journey-map:before{line-height:1.7;white-space:nowrap;font-size:14px;left:-35%;right:-35%}@media(max-width:760px){.journey-map:before{font-size:11px;left:-25%;right:-35%}}

.journey-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .45s;will-change:transform}.journey-film~.journey-canvas{opacity:0}.journey-reduced .journey-film{display:none}.journey-map .journey-stop span{white-space:normal;width:215px;line-height:1.6}.welcome-disciplines a{max-width:230px;text-align:center;line-height:1.6}.story-service-points{list-style:none;margin:25px 0;padding:0;border-top:1px solid #d4b77d44}.story-service-points li{padding:12px 0;border-bottom:1px solid #d4b77d25;color:#d5d8ce;font-size:13px}.story-service-points li:before{content:'+';color:#d4b77d;margin-inline-end:12px}
[data-expanded-map].journey-is-ready{height:calc(var(--journey-chapters)*110svh + 100svh)}[data-expanded-map] .journey-map,[dir=ltr] [data-expanded-map] .journey-map{width:min(1100px,88vw);height:min(65svh,570px);aspect-ratio:auto;left:50%}[data-expanded-map] .journey-stop span{left:50%;top:53px;transform:translateX(-50%);width:220px;font-size:12px;text-align:center}[data-expanded-map] .journey-stop{top:var(--stop-top)!important}[data-expanded-map] .journey-map:before{top:-45px;left:0;right:0}.journey-reduced[data-expanded-map]{height:auto!important}
@media(max-width:760px){.welcome-disciplines{gap:9px}.welcome-disciplines a{width:25%;font-size:9px}.journey-map .journey-stop span{width:135px;font-size:9px}.journey-copy .story-service-points li{font-size:11px;padding:9px 0}.journey-copy .eyebrow{line-height:1.8;max-width:95%}[data-expanded-map].journey-is-ready{height:calc(var(--journey-chapters)*100svh + 100svh)}[data-expanded-map] .journey-map,[dir=ltr] [data-expanded-map] .journey-map{width:92vw;height:72svh;left:50%;top:51%}[data-expanded-map] .journey-stop{width:28px;height:28px}[data-expanded-map] .journey-stop span{width:155px;font-size:9px;line-height:1.6;top:34px}[data-expanded-map] .journey-map:before{top:-30px;font-size:11px}.journey-reduced[data-expanded-map]{height:auto!important}}

[data-expanded-map] .journey-top>span:first-child{font-family:Neo,Arial;font-size:10px;letter-spacing:0;max-width:65%;line-height:1.7}.journey-has-films .journey-canvas{opacity:0}@media(max-width:760px){[data-expanded-map] .journey-top>span:first-child{font-size:8px}}