/* Regional photograph, blue overlay and language control. */
.why-yanbu{position:relative;isolation:isolate;overflow:hidden;background:#0b1930;--line:rgba(185,194,201,.28)}
.why-yanbu:before,.why-yanbu:after{content:'';position:absolute;inset:0;pointer-events:none}
.why-yanbu:before{z-index:-2;background:url('assets/yanbu-city.webp') center 48%/cover no-repeat}
.why-yanbu:after{z-index:-1;background:rgba(6,21,44,.87)}
.why-yanbu .why-lead{color:#dce5ed}
.why-yanbu .why-reason p{color:#c7d2dc}
.why-photo-credit{max-width:none;text-align:end;padding-block-start:15px;font-size:10px;line-height:1.7;color:#aebecf}
.why-photo-credit a{border-bottom:1px solid #aebecf66}
.why-photo-credit a:hover{color:var(--white)}
html[lang=ar] .why-photo-credit{font-size:12px}
.nav{direction:ltr;grid-template-columns:88px minmax(150px,1.6fr) repeat(4,minmax(0,1fr))}
.nav>.language{grid-column:1;grid-row:1;background:#b5c9dd;color:#0b1320;font-weight:700;border:0;border-right:1px solid #d6e4ef}
.nav>.language:hover{background:#d5e3ee;color:#0b1320}
.nav>.language:focus-visible{background:#d5e3ee;color:#0b1320;outline:2px solid #34577c;outline-offset:-6px}
.nav>.brand{grid-column:2;grid-row:1;direction:ltr}
.nav>.navlink{grid-row:1}
.nav>.navlink:nth-of-type(2){grid-column:3}
.nav>.navlink:nth-of-type(3){grid-column:4}
.nav>.navlink:nth-of-type(4){grid-column:5}
.nav>.navlink:nth-of-type(5){grid-column:6}
html[dir=rtl] .nav{grid-template-columns:88px repeat(4,minmax(0,1fr)) minmax(150px,1.6fr)}
html[dir=rtl] .nav>.brand{grid-column:6}
html[dir=rtl] .nav>.navlink{direction:rtl}
html[dir=rtl] .nav>.navlink:nth-of-type(2){grid-column:5}
html[dir=rtl] .nav>.navlink:nth-of-type(3){grid-column:4}
html[dir=rtl] .nav>.navlink:nth-of-type(4){grid-column:3}
html[dir=rtl] .nav>.navlink:nth-of-type(5){grid-column:2}
@media(max-width:1100px) and (min-width:768px){
 .nav{grid-template-columns:76px minmax(140px,1.3fr) repeat(4,minmax(0,1fr))}
 html[dir=rtl] .nav{grid-template-columns:76px repeat(4,minmax(0,1fr)) minmax(140px,1.3fr)}
}
@media(max-width:767px){
 .nav{grid-template-columns:68px minmax(0,1fr) 68px}
 .nav>.language{grid-column:1}
 .nav>.brand{grid-column:2}
 .nav>.mobile-toggle{grid-column:3}
 html[dir=rtl] .nav{grid-template-columns:68px 68px minmax(0,1fr)}
 html[dir=rtl] .nav>.brand{grid-column:3;justify-content:flex-end}
 html[dir=rtl] .nav>.mobile-toggle{grid-column:2}
 .why-yanbu:before{background-position:60% center}
 .why-yanbu:after{background:rgba(6,21,44,.9)}
 .why-photo-credit{text-align:start;font-size:9px;padding-block-start:18px}
 html[lang=ar] .why-photo-credit{font-size:11px}
}