/* Progressive shared-scene transition. Ordinary links remain the fallback. */
@view-transition{navigation:auto}
html[data-scene-departing] .stage-layer.is-visible,html[data-scene-arriving] .scene-arrival-art{view-transition-name:service-scene}
::view-transition-group(service-scene){animation-duration:420ms;animation-timing-function:cubic-bezier(.2,.7,.3,1)}
::view-transition-old(service-scene),::view-transition-new(service-scene){height:100%;object-fit:cover;mix-blend-mode:normal;animation-duration:420ms}
::view-transition-group(root){animation-duration:260ms}
html[data-still-handover]::view-transition-group(*),html[data-still-handover]::view-transition-old(*),html[data-still-handover]::view-transition-new(*){animation-duration:0s!important}
.scene-arrival .header .nav{height:96px;min-height:96px}
.scene-arrival .header .logo{width:216px;height:auto;max-height:72px;object-fit:contain;flex-shrink:0}
body.scene-arrival .scene-arrival-hero{position:relative;isolation:isolate;overflow:hidden;height:calc(100svh - 97px);min-height:520px;display:flex;align-items:center;padding:32px 0 65px;background:#0d2445}
.scene-arrival-art{position:absolute;inset:0;z-index:-2;display:block}
.scene-arrival-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--stage-position,50% 54%)}
.scene-arrival-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07182eda 0%,#07182eb8 28%,#07182e1f 68%,#07182e05)}
.scene-arrival-hero>.wrap{width:100%}
.scene-arrival .hero-with-art{display:block}
.scene-arrival .hero-copy{max-width:600px}
.scene-arrival .scene-arrival-hero .breadcrumb{color:#fff;margin-bottom:38px}
.scene-arrival .scene-arrival-hero .eyebrow{color:#fff}
.scene-arrival .scene-arrival-hero h1{font-size:clamp(32px,4.6vw,60px);line-height:1.12;font-weight:500;letter-spacing:.006em;max-width:17ch;text-wrap:balance;text-shadow:0 2px 18px #07132150;color:#fff}
.scene-arrival .scene-arrival-hero .button{margin-top:20px;color:#142e4c;background:#f6892b;border:1px solid #ffe2ca;border-radius:15px;box-shadow:inset 0 1px 0 #fff9,0 5px 14px #0002}
.scene-arrival-intro{padding-top:42px;padding-bottom:42px;color:#52687c;background:#fff}
.scene-arrival-intro .lead{max-width:850px;margin:0}
@media(max-width:700px){
 .scene-arrival .header .nav{height:78px;min-height:78px;gap:14px}
 .scene-arrival .header .logo{width:175px;max-height:59px}
 body.scene-arrival .scene-arrival-hero{height:calc(100svh - 79px);min-height:500px;padding:22px 0 45px;align-items:flex-start}
 .scene-arrival-art img{object-position:var(--stage-mobile-position,50% 62%)}
 .scene-arrival-hero::after{background:linear-gradient(180deg,#07182ed9,#07182e99 40%,#07182e1a 75%,transparent)}
 .scene-arrival .scene-arrival-hero h1{font-size:clamp(30px,9vw,40px)}
 .scene-arrival .scene-arrival-hero .breadcrumb{margin-bottom:26px;font-size:11px}
 .scene-arrival .scene-arrival-hero .eyebrow{font-size:11px}
 .scene-arrival-intro{padding-top:30px;padding-bottom:30px}
}
@media(max-width:360px){.scene-arrival .header .logo{width:145px}.scene-arrival .header .nav{gap:10px}body.scene-arrival .scene-arrival-hero{min-height:465px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:0s!important}}
/* The data-centre alternative shares the C&I copy, with its own fixed image. */
body.alternate-commercial-scene .ci-depth-front,body.alternate-commercial-scene .scene-depth-toggle{display:none!important}
body.alternate-commercial-scene .ci-depth-back{inset:0!important;transform:none!important}
body.alternate-commercial-scene .ci-depth-back img{object-position:var(--stage-position,50% 50%)}
@media(max-width:700px){body.alternate-commercial-scene .ci-depth-back img{object-position:var(--stage-mobile-position,50% 50%)}}