/* R10 — fixed About page, exact glyph assembly, and one uninterrupted panel lift. */
.r8-story-run{position:relative}
.r8-story-sticky{position:relative}
.r8-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.fullsite-import #communities .r8-project-caption-number{display:none;font:inherit}
.fullsite-import #communities .kx-total[data-r8-in-flight="true"] [data-r8-project-number]{opacity:0}
.fullsite-import #communities .kx-total[data-r8-in-flight="true"] .r8-project-caption-number{display:inline}

.fullsite-import #about.r8-about .home-story20-reading{
 box-sizing:border-box;min-height:690px;padding:clamp(60px,9svh,110px) 6.5vw;
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:6.5vw;align-items:center;align-content:center;
}
.fullsite-import #about .home-story20-legacy{margin:0!important;font-size:clamp(43px,4.1vw,82px)!important;line-height:1.13!important;letter-spacing:-.055em}
.fullsite-import #about .r8-legacy-line{display:flex;align-items:baseline;gap:.12em;white-space:nowrap;margin-bottom:.24em}
.fullsite-import #about [data-r8-years]{display:inline-block;font-size:clamp(116px,11.6vw,232px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.065em;color:#3b6d59}
.fullsite-import #about .r8-legacy-unit{display:inline-block;margin:0;font-size:.8em;letter-spacing:-.05em}
.fullsite-import #about .r8-legacy-words{display:block}
.fullsite-import #about .r8-about-copy{padding:0;max-width:760px}
.fullsite-import #about .home-story20-reading .studio-subhead{font-size:clamp(30px,2.2vw,43px);line-height:1.3;letter-spacing:-.035em;margin:0 0 28px;color:#173b30!important}
.fullsite-import #about .home-story20-reading .studio-paragraph{font-size:clamp(22px,1.65vw,32px);line-height:1.6;letter-spacing:-.015em;margin:0 0 22px;color:#3e5d51!important}
.fullsite-import #about .home-story20-reading .studio-link{font-size:clamp(14px,.95vw,18px);line-height:1.4;margin-top:10px;padding:12px 0;color:#173e31!important;border-color:#698d7a}

.r8-story-run[data-r8-motion="on"]{height:var(--r8-story-height)}
.r8-story-run[data-r8-motion="on"] .r8-story-sticky{position:sticky;top:0;height:100svh;height:100dvh;overflow:hidden;isolation:isolate;background:#eeeee5}
.fullsite-import .r8-story-run[data-r8-motion="on"] #about,
.fullsite-import .r8-story-run[data-r8-motion="on"] #numbers{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;box-sizing:border-box}
.fullsite-import .r8-story-run[data-r8-motion="on"] #about{z-index:0;overflow:hidden;transform:none}
.fullsite-import .r8-story-run[data-r8-motion="on"] #about .home-story20-reading{min-height:100%;height:100%;transform:none}
.fullsite-import .r8-story-run[data-r8-motion="on"] #about .r8-about-copy,
.fullsite-import .r8-story-run[data-r8-motion="on"] #about .r8-legacy-words,
.fullsite-import .r8-story-run[data-r8-motion="on"] #about .r8-legacy-unit{opacity:var(--r8-copy-opacity,1)}
.fullsite-import .r8-story-run[data-r8-motion="on"] #numbers{z-index:1;overflow:visible;transform:translate3d(0,var(--r8-numbers-y,100svh),0);will-change:transform;background:#0b2524;box-shadow:0 -1px 0 #c1d8ca33}
.fullsite-import .r8-story-run[data-r8-motion="on"] #numbers .studio-scene-media{overflow:hidden}
.fullsite-import .r8-story-run[data-r8-motion="on"] #numbers .studio-scene-media>img{transform:none}
.fullsite-import #numbers[data-r8-metric-story] .studio-scene-header{z-index:2;opacity:var(--r9-panel-copy,1)}
.fullsite-import #numbers[data-r8-metric-story] .studio-section-title{opacity:1!important;transform:none!important}
.fullsite-import #numbers[data-r8-metric-story] .metric-controls20 button,
.fullsite-import #numbers[data-r8-metric-story] .metric-progress20{display:none}
.fullsite-import #numbers[data-r8-metric-story] .studio-metric-nav{z-index:5;opacity:var(--r9-panel-copy,1)}
.fullsite-import #numbers[data-r8-metric-story] .studio-metric-tab{transition:opacity .2s ease}
.fullsite-import #numbers[data-r8-metric-story] .studio-metric-tab[aria-selected="true"]{opacity:1;border-top:1px solid #c1dfd3}
.fullsite-import #numbers[data-r8-metric-story] .studio-metric-panels{z-index:3;inset:30% var(--studio-gutter) auto;display:block;align-items:start}
.fullsite-import .r8-story-run[data-r8-motion="on"] #numbers .studio-metric-panels{top:var(--r10-load-y,30%)}
.fullsite-import #numbers[data-r8-metric-story] .studio-metric-panel{position:relative;bottom:auto;max-width:none}
.fullsite-import #numbers[data-r8-metric-story] .studio-metric-panel h3{opacity:var(--r9-figure-caption,1);font-size:clamp(23px,2.1vw,38px);margin-top:20px}
.fullsite-import #numbers .r8-investment-value{font:400 clamp(130px,16vw,280px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.065em;white-space:nowrap;color:var(--r9-load-color,#d1ebe2)}
.r8-investment-visual{display:inline-flex;align-items:baseline;gap:.015em;position:relative;transform-origin:50% 100%}
.r8-build-glyph{position:relative;display:inline-block;line-height:1.05}
.r8-build-glyph[data-r8-glyph="sar"]{font-size:.62em;letter-spacing:0;margin-inline-end:.08em;line-height:1}
.r8-build-glyph[data-r8-glyph="sar"] .saudi-riyal{display:block;width:.79em;height:.88em;margin:0;vertical-align:0;background:currentColor}
.r8-build-glyph[data-r8-glyph="plus"]{font-size:.4em;align-self:flex-start;margin-top:.16em;letter-spacing:-.03em}
.r8-glyph-base{display:block}
.r8-glyph-piece{display:none!important}

.r8-story-overlay{position:fixed;inset:0;z-index:64;overflow:hidden;pointer-events:none;visibility:hidden;contain:layout paint style}
.r8-story-overlay[data-visible="true"]{visibility:visible}
.r8-story-overlay[data-visible="false"]{display:none}
.r8-travelling-number{position:absolute;top:0;left:0;margin:0;line-height:1;white-space:nowrap;font-family:Manrope,Arial,sans-serif;font-weight:400;font-variant-numeric:tabular-nums;transform-origin:0 0;will-change:transform;color:#eeeee5}
.r8-travelling-unit{position:absolute;top:calc(100% + 14px);left:3px;font:500 9px/1.4 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.r9-hoist-svg{width:100%;height:100%;overflow:visible}
.r9-hoist-svg .r9-wire{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.r9-hoist-svg .r9-cable{fill:none;stroke:#ad935b;stroke-width:1.7;stroke-linecap:round}
.r9-hoist-svg .r9-rig{fill:none;stroke:#ad935b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.r9-hoist-svg .r9-worker-body{fill:currentColor;fill-opacity:.12}
.r9-hoist-svg .r9-helmet{fill:#ba9c5d;stroke:#ba9c5d}

@media(min-width:1600px){
 .fullsite-import #about .home-story20-reading{gap:7vw;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:1100px) and (min-width:761px){
 .fullsite-import #about.r8-about .home-story20-reading{padding:60px 5vw;gap:5vw;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
 .fullsite-import #about [data-r8-years]{font-size:11.2vw}
 .fullsite-import #about .home-story20-legacy{font-size:4.2vw!important}
 .fullsite-import #about .home-story20-reading .studio-subhead{font-size:26px;margin-bottom:22px}
 .fullsite-import #about .home-story20-reading .studio-paragraph{font-size:18px;line-height:1.6;margin-bottom:18px}
}
@media(max-width:760px){
 .fullsite-import #communities .kx-total{display:flex;position:absolute;top:4px;inset-inline-end:0;gap:7px;flex-direction:column;align-items:flex-end;margin:0;max-width:62px}
 .fullsite-import #communities .kx-total strong{font-size:34px}
 .fullsite-import #communities .kx-total span:not(.kx-total-rule){font-size:6.5px;letter-spacing:.09em}
 .fullsite-import #communities .kx-intro h2{padding-inline-end:61px}
 .fullsite-import #about.r8-about .home-story20-reading{min-height:0;height:auto;padding:42px 24px;grid-template-columns:1fr;gap:27px;align-content:center}
 .fullsite-import #about .home-story20-legacy{font-size:clamp(32px,9.3vw,46px)!important;line-height:1.1!important}
 .fullsite-import #about [data-r8-years]{font-size:clamp(82px,24vw,126px);letter-spacing:-.065em}
 .fullsite-import #about .r8-legacy-line{margin-bottom:.18em;gap:.2em}
 .fullsite-import #about .r8-legacy-unit{font-size:1.02em}
 .fullsite-import #about .r8-about-copy{max-width:580px}
 .fullsite-import #about .home-story20-reading .studio-subhead{font-size:23px;line-height:1.3;margin:0 0 17px}
 .fullsite-import #about .home-story20-reading .studio-paragraph{font-size:16px;line-height:1.6;margin:0 0 13px}
 .fullsite-import #about .home-story20-reading .studio-link{margin-top:0;padding:7px 0;font-size:13px}
 .fullsite-import #numbers .r8-investment-value{font-size:clamp(94px,25vw,170px)}
 .fullsite-import #numbers[data-r8-metric-story] .studio-metric-panels{inset:30% 24px auto}
 .fullsite-import #numbers[data-r8-metric-story] .studio-metric-panel h3{font-size:21px;margin-top:16px}
 .fullsite-import #numbers[data-r8-metric-story] .studio-scene-header .studio-section-title{font-size:clamp(28px,7vw,43px)}
 .fullsite-import #numbers[data-r8-metric-story] .studio-metric-nav{bottom:25px}
 .fullsite-import #numbers[data-r8-metric-story] .studio-metric-tab{min-height:78px;padding:12px 0}
 .r8-travelling-unit{font-size:7px;top:calc(100% + 9px)}
}
@media(max-height:680px){
 .fullsite-import #about.r8-about .home-story20-reading{padding-top:42px;padding-bottom:42px}
 .fullsite-import #numbers[data-r8-metric-story] .studio-metric-nav{bottom:20px}
 .fullsite-import #numbers[data-r8-metric-story] .studio-metric-tab{min-height:78px;padding-top:15px}
}
/* Readable, ordinary page flow is retained if motion is reduced or text cannot fit. */
.r8-story-run[data-r8-motion="off"] .r8-story-sticky{position:relative;height:auto;overflow:visible}
.fullsite-import .r8-story-run[data-r8-motion="off"] #numbers{min-height:720px;height:100svh}
@media(prefers-reduced-motion:reduce){
 .r8-story-overlay{display:none!important}
 .r8-story-run{height:auto!important}
 .r8-story-run .r8-story-sticky{position:relative!important;height:auto!important;overflow:visible!important}
 .fullsite-import .r8-story-run #about,.fullsite-import .r8-story-run #numbers{position:relative!important;inset:auto!important;transform:none!important}
 .fullsite-import .r8-story-run #about{height:auto!important}
 .fullsite-import .r8-story-run #numbers{min-height:720px!important;height:100svh!important}
}