/* Original photographs remain intact; one consistent static fallback when motion is unavailable. */
.launch-scene-life{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.launch-scene-life[hidden],.launch-coffee-steam{display:none!important}
@media(prefers-reduced-motion:reduce){.launch-scene-life{display:none!important}}
.ci-depth-front:has(.launch-scene-life:not([hidden]))>img{opacity:0}
/* Portrait composition: keep the subject clear and let quiet foreground carry the copy. */
@media (max-width:700px){
 body.ci-page.ci-immersive .ci-scene-hero,
 body.ci-page.scene-arrival .scene-arrival-hero{height:min(680px,calc(100svh - 79px));min-height:520px}
 body.scene-arrival .scene-arrival-hero .button{width:fit-content;max-width:100%;min-height:52px;white-space:normal}
 body.scene-arrival .scene-arrival-hero::after{background:linear-gradient(180deg,#07182ec2 0%,#07182e8c 25%,#07182e26 55%,transparent 80%)}
}
@media (min-width:701px) and (max-width:1024px) and (orientation:portrait){
 body.home-full-scene .home-stage,
 body.ci-page.ci-immersive .ci-scene-hero,
 body.ci-page.scene-arrival .scene-arrival-hero{height:min(840px,calc(100svh - 97px));min-height:620px}
 body.scene-arrival .scene-arrival-hero{align-items:flex-start;padding-top:46px}
 body.scene-arrival .scene-arrival-hero>.wrap{margin:0 auto}
 body.scene-arrival .scene-arrival-hero .breadcrumb{margin-bottom:24px}
 body.scene-arrival .scene-arrival-hero::after{background:linear-gradient(180deg,#07182ec2 0%,#07182e80 26%,#07182e1a 60%,transparent 85%)}
 body.scene-arrival .scene-arrival-hero .eyebrow{color:#fff}
}
@media (max-width:700px), (min-width:701px) and (max-width:1024px) and (orientation:portrait){
 body.scene-arrival .scene-arrival-hero:is([data-arrival-scene="account"],[data-arrival-scene="metering"],[data-arrival-scene="embedded"]){align-items:flex-end;padding-bottom:34px}
 body.scene-arrival .scene-arrival-hero:is([data-arrival-scene="account"],[data-arrival-scene="metering"],[data-arrival-scene="embedded"])::after{background:linear-gradient(180deg,#07182e73 0%,transparent 22%,#07182e0d 43%,#07182e94 74%,#07182ee8 100%)}
 body.scene-arrival .scene-arrival-hero:is([data-arrival-scene="account"],[data-arrival-scene="metering"],[data-arrival-scene="embedded"]) .breadcrumb{position:absolute;top:25px;left:max(20px,calc((100% - 1180px)/2));margin:0;font-size:11px;text-shadow:0 1px 6px #07182e}
 body.scene-arrival .scene-arrival-hero:is([data-arrival-scene="account"],[data-arrival-scene="metering"],[data-arrival-scene="embedded"]) .hero-copy{max-width:100%}
 body.scene-arrival .scene-arrival-hero .button{margin-top:14px}
}
@media (max-width:700px) and (max-height:620px){
 body.ci-page.ci-immersive .ci-scene-hero,
 body.ci-page.scene-arrival .scene-arrival-hero{min-height:470px}
}
@media(max-width:700px){
 body.scene-arrival .scene-arrival-hero .actions{display:block}
}
/* A rotated phone keeps every service choice and the primary action in view. */
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){
 body.ci-page.ci-immersive .ci-scene-hero,
 body.ci-page.scene-arrival .scene-arrival-hero{height:calc(100svh - var(--home-header-height,97px));min-height:0;padding:12px 0;align-items:center}
 body.scene-arrival .scene-arrival-hero>.wrap{margin:0 auto}
 body.scene-arrival .scene-arrival-hero .breadcrumb{position:static!important;margin:0 0 8px!important}
 body.scene-arrival .scene-arrival-hero .eyebrow{margin:0 0 6px}
 body.scene-arrival .scene-arrival-hero h1{font-size:26px!important;line-height:1.12}
 body.scene-arrival .scene-arrival-hero .button{margin-top:10px;min-height:44px;padding-top:10px;padding-bottom:10px}
 body.home-full-scene .home-stage{height:calc(100svh - var(--home-header-height,97px));min-height:0;padding:12px 0}
 body.home-full-scene .stage-intro{font-size:clamp(17px,2.65vw,24px);margin-bottom:12px}
 body.home-full-scene .stage-services{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,44px);grid-auto-flow:column;gap:5px 18px;max-width:100%;padding:0 24px}
 body.home-full-scene .stage-service{min-height:44px;gap:10px}
 body.home-full-scene .stage-service>span:last-child{font-size:clamp(13px,2vw,18px)}
 body.home-full-scene .stage-chevron{width:36px;height:36px;flex-basis:36px;border-radius:12px}
}

@media(min-width:701px) and (max-width:1024px) and (orientation:portrait){
 body.home-full-scene .stage-introduction{margin:auto auto 48px}
}