/* The opening screen is reserved for the name and the Riyadh KAFD photograph. */
.header{position:fixed;inset:0 0 auto;background:rgba(46,19,69,.28);backdrop-filter:blur(8px);border-bottom:1px solid rgba(254,254,254,.14)}
.hero.kafd-hero{width:100%;margin:0;min-height:100svh;height:100svh;display:grid;grid-template-columns:1fr;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:110px 30px 40px}
.kafd-background,.kafd-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;max-width:none}
.kafd-background{object-position:50% 53%}
.kafd-shade{z-index:-1;background:linear-gradient(180deg,rgba(46,19,69,.42),rgba(46,19,69,.22) 45%,rgba(46,19,69,.58))}
.hero-name{margin:0;width:min(460px,45vw);line-height:1;filter:drop-shadow(0 5px 25px rgba(46,19,69,.5))}
.hero-name img{width:100%;height:auto;max-height:240px;object-fit:contain}
.hero-name{width:min(460px,45vw)}
.hero-logo-control{display:block;width:100%;padding:0;border:0;background:transparent}
.logo-fixed{display:block;position:relative;width:100%;aspect-ratio:534/264}
.logo-fixed img{display:block;width:100%;height:auto;max-height:none}
.about{min-height:100svh;background:var(--purple);padding-block:145px 100px}
.about-layout{grid-template-columns:1fr 1.15fr;gap:100px;align-items:center}
.about-heading h2{font-size:52px;line-height:1.6}
.about-body .lead{font-size:24px;line-height:1.9}
.about-body>p+p{font-size:17px;line-height:2;margin-top:25px}
html[dir=ltr] .hero.kafd-hero{grid-template-columns:none}
html[dir=ltr] .hero-name{width:min(520px,50vw)}
html[dir=ltr] .about-heading h2{font-size:48px;line-height:1.4}
html[dir=ltr] .about-body .lead{font-size:20px}
@media(max-width:850px){.about-layout{gap:45px}.about-heading h2{font-size:40px}.about-body .lead{font-size:20px}.about-body>p+p{font-size:15px}.hero-name{width:52vw}.hero-name img{max-height:210px}.kafd-background{object-position:52% center}}
@media(max-width:580px){.hero.kafd-hero{padding:90px 25px 25px}.hero-name{width:72vw}.hero-name img{max-height:180px}.kafd-background{object-position:50% center}.kafd-shade{background:linear-gradient(180deg,rgba(46,19,69,.48),rgba(46,19,69,.22) 50%,rgba(46,19,69,.5))}.about{min-height:100svh;padding-block:125px 75px}.about-layout{grid-template-columns:1fr;gap:30px}.about-heading h2{font-size:39px}.about-body .lead{font-size:20px}.about-body>p+p{font-size:16px}html[dir=ltr] .hero-name{width:78vw}html[dir=ltr] .about-heading h2{font-size:35px}html[dir=ltr] .about-body .lead{font-size:18px}}