/* The Saudi perspective is one image-led scene, with its copy kept in the page flow. */
.immersive-page .journey-context{
 position:relative;
 isolation:isolate;
 display:flex;
 flex-direction:column;
 min-height:820px;
 padding:76px 5vw 58px;
 overflow:hidden;
 background:#080c10;
 color:#fff;
 border-bottom:0;
}
.journey-context-backdrop{
 position:absolute;
 inset:0;
 z-index:0;
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center center;
}
.immersive-page .journey-context::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:1;
 pointer-events:none;
 background:linear-gradient(180deg,rgba(4,7,11,.74),rgba(4,7,11,.18) 43%,rgba(4,7,11,.2) 60%,rgba(4,7,11,.9)),linear-gradient(270deg,rgba(4,7,11,.52),transparent 67%);
}
.immersive-page .journey-context>:not(.journey-context-backdrop){position:relative;z-index:2}
.immersive-page .journey-context .journey-section-label{
 width:100%;
 margin-bottom:44px;
 padding-bottom:18px;
 color:#ebd8ad;
 border-bottom:1px solid #ffffff52;
}
.immersive-page .journey-context .journey-section-label [lang=en]{color:#e6dbc5}
.immersive-page .journey-context-heading{
 display:block;
 align-self:flex-start;
 width:min(670px,60%);
 text-align:start;
}
.immersive-page .journey-context-heading h2{font-size:clamp(52px,6vw,94px);line-height:1.18}
.immersive-page .journey-context-heading .muted{color:#e7d2a7}
.immersive-page .journey-context-heading>p{
 max-width:530px;
 margin-top:23px;
 color:#f1ede4;
 font-size:clamp(17px,1.5vw,22px);
 line-height:1.8;
}
.immersive-page .journey-context-steps{
 width:100%;
 margin:auto 0 0;
 padding-top:80px;
 gap:12px;
}
.immersive-page .journey-context-steps li{
 min-height:152px;
 padding:20px 22px 22px;
 border:1px solid #ffffff4d;
 background:rgba(5,9,13,.69);
 backdrop-filter:blur(8px);
}
.immersive-page .journey-context-steps h3{margin-bottom:7px;color:#fff;font-size:clamp(19px,1.7vw,26px)}
.immersive-page .journey-context-steps p{color:#e4dfd4;font-size:14px;line-height:1.8}
@media(max-width:760px){
 .immersive-page .journey-context{min-height:880px;padding:50px 22px 36px}
 .journey-context-backdrop{object-position:37% center}
 .immersive-page .journey-context::before{background:linear-gradient(180deg,rgba(3,6,10,.89),rgba(3,6,10,.47) 34%,rgba(3,6,10,.36) 53%,rgba(3,6,10,.94) 83%)}
 .immersive-page .journey-context .journey-section-label{margin-bottom:32px}
 .immersive-page .journey-context-heading{width:100%}
 .immersive-page .journey-context-heading h2{font-size:clamp(40px,11vw,62px)}
 .immersive-page .journey-context-heading>p{max-width:340px;margin-top:17px;font-size:15px}
 .immersive-page .journey-context-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:100px}
 .immersive-page .journey-context-steps li{min-height:150px;padding:14px 13px;background:rgba(5,9,13,.75)}
 .immersive-page .journey-context-steps h3{font-size:18px}
 .immersive-page .journey-context-steps p{font-size:12px}
}
@media(max-width:370px){.immersive-page .journey-context-steps{grid-template-columns:1fr;padding-top:60px}.immersive-page .journey-context-steps li{min-height:0}}
@media(prefers-reduced-transparency:reduce){.immersive-page .journey-context-steps li{background:#10171c;backdrop-filter:none}}