/* Mobile framing shows more of the wide building; desktop footage is unchanged. */
@media(max-width:750px){
 .video-journey .stage{isolation:isolate;background:var(--navy)}
 .video-journey .canvas{inset:0;top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover!important;mask-image:none;-webkit-mask-image:none}
 .video-journey .journey-frames,.video-journey .journey-video,.video-journey .journey-poster,.video-journey .journey-frame-hold{object-fit:cover;transform:none}
 .video-journey .shade{z-index:1;pointer-events:none;background:linear-gradient(180deg,#061b3d14,transparent 25%,transparent 66%,#061b3d8c 100%)}
 .video-journey .hero-copy{z-index:2;left:12px;right:12px;top:auto;bottom:max(84px,calc(env(safe-area-inset-bottom) + 74px));width:auto;max-width:none}
 .video-journey:is([data-scene="1"],[data-scene="2"],[data-scene="7"]) .hero-copy{top:calc(var(--header-h) + var(--header-offset,12px) + 22px);bottom:auto}
 .video-journey .hero-copy h1{font-size:clamp(22px,6vw,28px);line-height:1.16;max-width:none;margin:0;text-shadow:0 2px 10px #061b3dcc}
 .video-journey .hero-copy p{display:none}
 .video-journey .hero-actions{display:flex;margin-top:10px}
 .video-journey .hero-actions .btn--primary{min-height:42px;padding:10px 14px;font-size:13px}
 .video-journey .hero-actions .btn--ghost-light{display:none}
 .video-journey .hero-copy .hero-bypass{display:inline-flex;margin-top:6px;min-height:32px;font-size:12px;pointer-events:auto}
 .video-journey .service-hotspots{z-index:4}
 .video-journey .hotspot-label{max-width:min(176px,calc(50vw - 20px));font-size:11px;line-height:1.35;padding:6px 8px}
 .video-journey .scrub-opt-in{z-index:5;right:16px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px))}
}
@media(max-width:750px) and (orientation:landscape) and (max-height:500px){
 .video-journey .hero-copy,.video-journey:is([data-scene="1"],[data-scene="2"],[data-scene="7"]) .hero-copy{top:auto;bottom:70px;right:80px;max-width:calc(100% - 112px)}
}
/* The compact service overview is part of the pinned mobile Hero. */
@media(max-width:750px){
 /* Share the visible viewport between header clearance, image and measured service dock. */
 .journey.video-journey.scroll-scrub-journey{--hero-mobile-viewport:100vh;--hero-mobile-top:calc(var(--header-h) + var(--header-offset,12px) + 10px);--hero-mobile-image-height:calc(var(--hero-mobile-viewport) - var(--hero-mobile-top) - var(--hero-dock-height,144px));--hero-mobile-stage-height:var(--hero-mobile-viewport);height:calc(var(--hero-mobile-stage-height) + var(--journey-scroll-distance,7000px));background:var(--navy)}
 .video-journey.scroll-scrub-journey .stage{height:var(--hero-mobile-stage-height)}
 .video-journey .has-hero-service-dock .canvas{top:var(--hero-mobile-top);bottom:auto;height:var(--hero-mobile-image-height)}
 .video-journey .has-hero-service-dock .shade{bottom:var(--hero-dock-height,144px)}
 .video-journey .has-hero-service-dock .hero-copy{bottom:calc(var(--hero-dock-height,144px) + 18px)}
 .video-journey:is([data-scene="1"],[data-scene="2"],[data-scene="7"]) .has-hero-service-dock .hero-copy{bottom:auto}
 .video-journey .hero-service-dock{position:absolute;left:0;right:0;bottom:0;z-index:6;background:#fffffff7;border:0;border-top:1px solid var(--line);border-radius:14px 14px 0 0;box-shadow:0 -5px 20px #061b3d14;padding:4px 0 calc(4px + env(safe-area-inset-bottom,0px))}
 .video-journey .hero-service-dock>.container{width:100%;max-width:none;margin:0;padding:0 10px}
 .video-journey .hero-service-dock .strip__list{grid-template-columns:repeat(6,minmax(0,1fr));margin:0}
 .video-journey .hero-service-dock .strip__list li{grid-column:span 3;min-width:0;border:0;border-bottom:1px solid var(--line)}
 .video-journey .hero-service-dock .strip__list li:nth-child(2),.video-journey .hero-service-dock .strip__list li:nth-child(n+4){border-left:1px solid var(--line)}
 .video-journey .hero-service-dock .strip__list li:nth-child(n+3){grid-column:span 2;border-bottom:0}
 .video-journey .hero-service-dock .strip__list a{justify-content:flex-start;gap:7px;min-height:44px;height:100%;box-sizing:border-box;padding:6px 7px;font-size:12px;line-height:1.25;border-radius:6px}
 .video-journey .hero-service-dock .strip__list li:nth-child(n+3) a{flex-direction:column;justify-content:center;gap:3px;min-height:58px;padding:5px 4px;text-align:center}
 .video-journey .hero-service-dock .strip__list .ico{width:18px;height:18px;flex:none}
 .video-journey .hero-service-dock .strip__list span{min-width:0}
 /* Keep the building unobstructed; the initial consent panel and footer settings stay available. */
 .has-mobile-hero-dock .cookie-revisit,.has-mobile-hero-dock .back-to-top{display:none!important}
}
@media(max-width:750px) and (orientation:landscape) and (max-height:500px){
 .video-journey .hero-service-dock{padding:3px 0 calc(3px + env(safe-area-inset-bottom,0px))}
 .video-journey .hero-service-dock .strip__list{grid-template-columns:repeat(5,minmax(0,1fr))}
 .video-journey .hero-service-dock .strip__list li,.video-journey .hero-service-dock .strip__list li:nth-child(n+3){grid-column:auto;border:0}
 .video-journey .hero-service-dock .strip__list li+li{border-left:1px solid var(--line)}
 .video-journey .hero-service-dock .strip__list a,.video-journey .hero-service-dock .strip__list li:nth-child(n+3) a{flex-direction:column;justify-content:center;gap:3px;padding:5px 4px;font-size:10px;text-align:center;min-height:54px}
 .video-journey .hero-service-dock .strip__list .ico{width:17px;height:17px}
 .video-journey .has-hero-service-dock .hero-copy,.video-journey:is([data-scene="1"],[data-scene="2"],[data-scene="7"]) .has-hero-service-dock .hero-copy{top:auto;bottom:calc(var(--hero-dock-height,60px) + 12px)}
}

@supports(height:100svh){@media(max-width:750px){.journey.video-journey.scroll-scrub-journey{--hero-mobile-viewport:100svh}}}
@supports(height:100dvh){@media(max-width:750px){.journey.video-journey.scroll-scrub-journey{--hero-mobile-viewport:100dvh}}}
@media(max-width:750px){.journey.video-journey.is-reduced-motion{height:var(--hero-mobile-viewport)}}

@supports(height:100lvh){@media(max-width:750px){
 .video-journey .has-hero-service-dock .canvas{overflow:hidden}
 .video-journey .has-hero-service-dock .journey-frames,
 .video-journey .has-hero-service-dock .journey-video,
 .video-journey .has-hero-service-dock .journey-poster,
 .video-journey .has-hero-service-dock .journey-frame-hold{bottom:auto;height:calc(100lvh - var(--hero-mobile-top) - var(--hero-dock-height,144px))}
}}
@media(max-width:750px){
 html.hero-scroll-active,html.hero-scroll-active body{overscroll-behavior-y:none}
}

/* Browser chrome may resize the visible crop and dock, never the underlying image. */
@media(max-width:750px){
 .video-journey.is-frame-hero{--hero-stable-viewport:100vh}
 .video-journey.is-frame-hero .has-hero-service-dock .journey-frames,
 .video-journey.is-frame-hero .has-hero-service-dock .journey-poster{bottom:auto;height:calc(var(--hero-stable-viewport) - var(--hero-mobile-top) - var(--hero-dock-height,144px))}
}
@supports(height:100lvh){@media(max-width:750px){.video-journey.is-frame-hero{--hero-stable-viewport:100lvh}}}

@media(max-width:750px){.video-journey .journey-poster{object-position:58% 50%}}