body.vision-page{--vision-navy:#091b29;--vision-gold:#cbb27f;background:var(--vision-navy)!important}.vision-main{width:100%;max-width:none;margin:0;overflow:clip}.vision-main>.program-breadcrumb{max-width:1280px;padding:18px 36px;margin:auto}.vision-gateway{position:relative;min-height:min(760px,87vh);display:flex;align-items:center;isolation:isolate;overflow:hidden}.vision-gateway>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.vision-gateway:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091b29 0%,#091b2922 35%,#091b2944 100%),linear-gradient(90deg,#06152120,#06152175 58%,#061521b0);z-index:-2}.vision-gateway-copy{width:min(1280px,100%);padding:70px 9%;margin:auto}.vision-eyebrow{color:#dcc390;letter-spacing:.12em;font-size:13px}.vision-gateway h1{font-size:clamp(44px,6vw,86px);line-height:1.4;max-width:750px;margin:12px 0 20px;color:#fff7e6;font-weight:500;font-family:'Noto Naskh Arabic',Georgia,serif;text-shadow:0 4px 30px #001a25}.vision-gateway-copy>p:not(.vision-eyebrow){font-size:20px;max-width:510px;line-height:1.9;color:#ebe5d7}.vision-enter{display:inline-flex;gap:38px;align-items:center;color:#f0ddab;text-decoration:none;padding:15px 0;border-bottom:1px solid #e5c38788;margin-top:18px;min-height:50px}.vision-enter span{font-size:24px}.vision-concept-label{position:absolute;bottom:22px;inset-inline-end:38px;font-size:11px;color:#c3bbaa}.vision-exhibition{position:relative;padding:55px 0 80px;background:radial-gradient(ellipse at 50% 35%,#1d3a4b 0,transparent 60%),#091b29;isolation:isolate}.vision-exhibition:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#d9ba7c05 1px,transparent 1px),linear-gradient(#d9ba7c05 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000,transparent);z-index:-1}.vision-exhibition>header{text-align:center;padding:0 22px}.vision-exhibition h2{font-size:clamp(32px,4vw,48px);font-family:'Noto Naskh Arabic',Georgia,serif;font-weight:500;margin:12px;color:#f1e8d7}.vision-exhibition>header>p:last-child{color:#99aab5;font-size:14px}.vision-gallery-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1280px;margin:35px auto;padding:0 24px}.vision-door{min-width:0;position:relative;background:#173042;border:1px solid #b7a17277;box-shadow:0 25px 70px #0006}.vision-door>a{display:block;position:relative;min-height:400px;overflow:hidden;color:#fff;text-decoration:none}.vision-door img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.7);transition:transform .5s}.vision-door>a:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08162410,#08162470 40%,#081624fb 100%);pointer-events:none}.vision-door-copy{position:absolute;inset:32px 28px 28px;z-index:1;display:flex;flex-direction:column}.vision-door-number{font:42px/1 Inter,sans-serif;color:#efdbb2;letter-spacing:.05em;opacity:.9}.vision-door-copy>p{font-size:12px;color:#d6c69f;margin-top:auto;margin-bottom:7px}.vision-door h3{font-size:30px;line-height:1.55;font-weight:500;color:#fff4e2;margin:0 0 12px;font-family:'Noto Naskh Arabic',Georgia,serif}.vision-door-copy>span:not(.vision-door-number){font-size:12px;color:#aebbc1}.vision-door strong{display:block;font-size:14px;font-weight:500;color:#e0c695;margin-top:24px;padding-top:17px;border-top:1px solid #e0c69544}.vision-door:hover img{transform:scale(1.035)}.vision-gallery-stage.is-enhanced{display:block;position:relative;height:540px;max-width:1440px;perspective:1500px;margin:25px auto 0;overflow:clip;touch-action:pan-y}.is-enhanced .vision-door{position:absolute;width:360px;height:455px;top:35px;left:50%;margin-left:-180px;transform:translateX(calc(var(--offset)*280px)) translateZ(calc(var(--depth)*-180px)) rotateY(calc(var(--offset)*-15deg));opacity:var(--opacity);z-index:var(--layer);transition:transform .75s cubic-bezier(.22,.68,.18,1),opacity .6s,border-color .4s;backface-visibility:hidden}.is-enhanced .vision-door>a{height:100%}.is-enhanced .vision-door.is-active{border-color:#e4c58f;box-shadow:0 35px 95px #0008,0 0 0 6px #cfb68208}.is-enhanced .vision-door.is-distant{visibility:hidden;pointer-events:none}.vision-gallery-controls{display:none;align-items:center;justify-content:center;gap:28px;margin:4px auto 28px;color:#cfb682}.vision-exhibition.is-enhanced .vision-gallery-controls{display:flex}.vision-gallery-controls button{width:48px;height:48px;border:1px solid #ae97645c;border-radius:50%;color:#e4c995;background:#143044;font-size:23px;cursor:pointer;transition:background .2s}.vision-gallery-controls button:hover{background:#254555}.vision-gallery-controls output{font:13px Inter,sans-serif;letter-spacing:.16em;min-width:70px;text-align:center;direction:ltr}.vision-door-index{display:flex;flex-wrap:wrap;max-width:1050px;margin:32px auto 0;gap:12px 24px;justify-content:center;padding:0 26px}.vision-door-index a{display:flex;gap:9px;align-items:center;color:#b5a482;text-decoration:none;font-size:12px;min-height:34px;border-bottom:1px solid #cfb68222;padding:5px 0}.vision-door-index a[aria-current]{color:#f0d69e;border-color:#dfbd78}.vision-door-index a span{color:#b7c3ca;font-size:13px}.vision-pavilion{position:relative;min-height:360px;overflow:hidden;display:flex;align-items:end;padding:40px;isolation:isolate;border-bottom:1px solid #cfb68277}.vision-pavilion>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.vision-pavilion:after{content:'';position:absolute;inset:0;background:linear-gradient(#06182611,#061826ef);z-index:-1}.vision-pavilion h1{font-size:clamp(32px,4vw,50px);line-height:1.6;margin:10px 0;color:#fff3de;font-family:'Noto Naskh Arabic',Georgia,serif}.vision-pavilion p:last-child{color:#d0c5ab;font-size:14px}.vision-chapter-stations{padding-top:40px}.vision-chapter-stations>h2{font-size:23px;font-weight:500;color:#cfb682}.vision-chapter-stations .v5-document-grid{background:none;border:0;gap:20px}.vision-chapter-stations .v5-document-grid>li{border-inline-start:2px solid #b8a16c55;background:linear-gradient(110deg,#163143,#102533)}.vision-chapter-stations .v5-document-grid h3{font-family:'Noto Naskh Arabic',Georgia,serif;font-size:27px}.vision-page .source-document{border-top:5px solid #b29355}html[lang=en] .vision-door h3{font-size:27px;line-height:1.35}html[lang=en] .vision-gateway h1{font-size:clamp(44px,6vw,80px);line-height:1.15;max-width:600px}
@media(max-width:760px){.vision-main>.program-breadcrumb{padding:16px 18px}.vision-gateway{min-height:610px;max-height:800px}.vision-gateway-copy{padding:80px 27px 110px;align-self:end}.vision-gateway:after{background:linear-gradient(#091b2922,#091b29d4 65%,#091b29)}.vision-gateway>img{object-position:50% 50%}.vision-gateway h1{font-size:48px;line-height:1.45}.vision-gateway-copy>p:not(.vision-eyebrow){font-size:18px}.vision-concept-label{inset-inline-end:25px;bottom:35px}.vision-exhibition{padding-top:25px}.vision-gallery-stage{grid-template-columns:1fr}.vision-gallery-stage.is-enhanced{height:475px;margin-top:20px;perspective:1100px}.is-enhanced .vision-door{width:76%;height:397px;top:28px;margin-left:-38%;transform:translateX(calc(var(--offset)*89%)) translateZ(calc(var(--depth)*-85px)) rotateY(calc(var(--offset)*-9deg))}.vision-door-copy{inset:25px 22px}.vision-door h3{font-size:29px}.vision-door-number{font-size:35px}.vision-door strong{margin-top:20px}.vision-door-index{justify-content:start;gap:8px 20px;margin-top:20px}.vision-door-index a{width:100%;padding:9px 0}.vision-door-index a span{font-size:15px}.vision-pavilion{padding:27px;min-height:300px}.vision-pavilion h1{font-size:34px}.vision-chapter-stations .v5-document-grid{gap:14px}.vision-chapter-stations .v5-document-grid h3{font-size:25px}.vision-gallery-controls{margin-top:-15px}html[lang=en] .vision-door h3{font-size:24px}.vision-door-index a{min-height:44px}}
@media(max-width:359px){.vision-gateway h1{font-size:41px}.vision-gateway-copy{padding-inline:22px}.is-enhanced .vision-door{width:79%;margin-left:-39.5%}.vision-door h3{font-size:26px}.vision-door-copy{inset-inline:18px}.vision-door strong{font-size:12px}html[lang=en] .vision-door h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.is-enhanced .vision-door,.vision-door img{transition:none!important}.vision-door:hover img{transform:none}.vision-gateway{scroll-behavior:auto}}
