/* Borderless photography in natural colors, native scrolling and a layered service story. */
:root{--r28-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:130px}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main :is(img,figure,.r28-unframed,.r28-photo-surface){border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface{position:relative;display:block;isolation:isolate;overflow:hidden;padding:0!important;background:transparent!important}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo{display:block;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-wrap{width:100%;line-height:0}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-wrap>.r28-photo{width:100%;height:100%;object-fit:cover;aspect-ratio:inherit}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main :is(.r11-market,.v-programme,.r10-tech,.v-scope-card,.v-product-family,.r10-product,.product-card,.app-tile){border:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main :is(.r11-market-image,.r10-pack){margin:0!important}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main :is(.r11-market,.v-programme,.r10-tech,.r10-product,.product-card):hover{transform:none;box-shadow:none!important;border:0!important}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) .r11-market-copy{padding-inline:0!important;padding-top:28px}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) .r11-market-copy:before{display:none}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) .v-programme-body{padding:27px 0 0!important}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) .r10-tech>div{padding-inline:0}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) .r10-product-copy{border-top:0}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-figure>.r28-photo-wrap{aspect-ratio:1.25}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-panorama>.r28-photo-wrap{aspect-ratio:2.6}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-expertise-aside .r28-photo-wrap{aspect-ratio:1.7}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-programme>.r28-photo-wrap{aspect-ratio:1.72}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r10-tech>.r28-photo-wrap{aspect-ratio:1.8}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-scope-card>.r28-photo-wrap{aspect-ratio:1.85}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-scope-card>div{padding-inline:0}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-product-family>.r28-photo-wrap{min-height:230px}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .product-packaging>.r28-photo-wrap{height:auto}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .product-packaging>.r28-photo-wrap img{height:auto;object-fit:contain}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-output>div>.r28-photo-wrap{aspect-ratio:1.6;margin-top:28px}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface.v-page-visual{min-height:100%}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface.v-page-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface.v-page-visual:has(img[src*=tank-farm])>img{object-position:center 53%}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface.v-page-visual:has(img[src*=process-columns])>img{object-position:center 40%}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-panorama img[src*=field-team]{object-position:center 48%}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .career-banner>.r28-photo-wrap{position:absolute;inset:0}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .career-banner>.r28-photo-wrap>img{width:100%;height:100%;object-fit:cover}
/* The large word belongs to the service transition, not the opening. */
body[data-journey=r23] .r23-opening-copy{top:26%;max-width:75%}
body[data-journey=r23] .r23-opening h1{font-size:clamp(50px,5.5vw,90px)}
.r28-bridge{position:relative;isolation:isolate;overflow:hidden;background:#6fcfe8;scroll-margin-top:106px}
.r28-stage{position:relative;width:100%;aspect-ratio:1586/992;max-height:1050px;min-height:650px;overflow:hidden;isolation:isolate}
.r28-stage-scene{position:absolute;inset:0;transform:scale(var(--r28-scale,1));transform-origin:center 55%;will-change:transform}
.r28-stage-base,.r28-stage-foreground{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;pointer-events:none}
.r28-stage-base{z-index:0}.r28-stage-foreground{z-index:2}
.r28-energy{position:absolute;z-index:1;top:21%;left:4%;width:92%;transform:translateY(var(--r28-word-y,0px));will-change:transform;direction:ltr}
.r28-energy svg{display:block;width:100%;height:auto;overflow:visible}
.r28-energy text{font-family:Ubuntu,Arial,sans-serif;font-size:205px;font-weight:700;fill:#fff;letter-spacing:0}
.r28-story-copy{position:absolute;top:5%;left:5%;right:5%;z-index:5;text-align:center;color:#09234c}
body.s-site .r28-story-copy .s-eyebrow{font-size:10px;letter-spacing:.22em;margin:0 0 13px;color:#123b58}
body.s-site .r28-story-copy h2{font-size:clamp(27px,3.2vw,49px);line-height:1.08;letter-spacing:-.035em;margin:0;color:#09234c;font-weight:400}
body.s-site .r28-story-copy>p:last-child{font-size:15px;line-height:1.5;margin:13px 0 0;color:#123b58}
.r28-story-link{position:absolute;z-index:5;left:5%;bottom:5%;display:inline-flex;align-items:center;gap:24px;color:#082c49!important;text-decoration:none;font-size:13px;font-weight:500;padding:13px 17px;background:#f5fbfdc9;backdrop-filter:blur(12px)}
.r28-story-link span{font-size:24px}
body.s-site .r28-motion-control{position:absolute;z-index:5;right:5%;bottom:5%;display:flex;gap:9px;align-items:center;font-size:11px;color:#092e48;border:0;background:#f5fbfdc9;backdrop-filter:blur(12px);padding:12px 15px;cursor:pointer}
.r28-motion-control[hidden]{display:none!important}
.r28-story-link:hover,.r28-motion-control:hover{background:#f5fbfded}
.r28-bridge[data-motion=paused] .r28-stage-scene,.r28-bridge[data-motion=paused] .r28-energy{will-change:auto}
/* Gentle entrances keep their existing layout and never capture wheel/touch input. */
.r27-reveal{transition-timing-function:var(--r28-ease);transition-duration:.85s,.95s}
.r27-reveal.r27-pending{translate:0 16px}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface>img{transition:transform 1.1s var(--r28-ease)}
body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main :is(.r11-market,.r10-product):hover img{transform:scale(1.018)}
@media(min-width:1500px){.r28-story-copy{top:5%}.r28-energy{top:20%}}
@media(max-width:760px){
 html{scroll-padding-top:88px}
 body[data-journey=r23] .r23-opening-copy{top:24%;max-width:88%}
 body[data-journey=r23] .r23-opening h1{font-size:clamp(37px,9vw,59px)}
 body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-figure>.r28-photo-wrap{aspect-ratio:1.4}
 body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-panorama>.r28-photo-wrap{aspect-ratio:1.35}
 body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-programme>.r28-photo-wrap,body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .v-scope-card>.r28-photo-wrap{aspect-ratio:1.6}
 body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface.v-page-visual{min-height:320px}
 .r28-stage{height:680px;height:85svh;min-height:590px;max-height:760px;aspect-ratio:auto}
 .r28-stage-base,.r28-stage-foreground{object-position:50% center}
 .r28-story-copy{top:6%;left:6%;right:6%}
 body.s-site .r28-story-copy h2{font-size:31px;line-height:1.15}
 body.s-site .r28-story-copy .s-eyebrow{font-size:9px;margin-bottom:16px}
 body.s-site .r28-story-copy>p:last-child{font-size:13px;margin-top:12px}
 .r28-energy{top:34%;left:2%;width:96%}
 .r28-story-link{bottom:4%;left:6%;font-size:11px;gap:15px;padding:10px 12px}
 body.s-site .r28-motion-control{bottom:4%;right:6%;padding:12px 10px;font-size:10px;gap:6px}
 .r28-bridge{scroll-margin-top:80px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .r28-energy,.r28-stage-scene{transform:none!important;will-change:auto}
 body.s-site .r28-motion-control{display:none!important}
 body[data-surface=desert-glass]:is(.s-site,[data-strategy-shell]) main .r28-photo-surface>img{transition:none!important;transform:none!important}
}