.motion-viewer{position:relative;background:#102d34;border:0;border-radius:8px;box-shadow:none;overflow:hidden}
.motion-viewer .journey-art,.motion-viewer.detail-mode .journey-art,.motion-viewer.ai-mode .journey-art,.motion-viewer.product-mode .journey-art,.motion-viewer.domains-mode .journey-art{height:auto;aspect-ratio:16/9;overflow:hidden}
.motion-viewer .journey-art canvas,.motion-viewer.detail-mode .journey-art canvas{width:100%!important;height:100%!important}
.motion-viewer .journey-top,.motion-viewer .embedded-detail,.motion-viewer .architecture-links,.motion-viewer .studio-annotation,.motion-viewer .vehicle-label,.motion-viewer .vehicle-traffic,.motion-viewer .cross-domain-legend,.motion-viewer .cloud-heading,.motion-viewer .ai-stage-label,.motion-viewer .ai-legend,.motion-viewer .ai-object-label,.motion-viewer .reference-notes,.motion-viewer .product-stages,.motion-viewer .product-status,.motion-viewer .product-architecture-label{display:none!important}
.motion-viewer .film-accessible{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.film-shot{position:absolute;left:34px;top:28px;max-width:70%;font:500 17px 'DM Sans',sans-serif;letter-spacing:.02em;color:#e5ebdc;pointer-events:none;opacity:.88}
.film-controls{display:flex;align-items:center;gap:18px;height:52px;padding:0 24px;background:#0e282e;color:#b4c9bd}
.film-controls>button,.film-controls .journey-domains button{font:500 10px 'DM Sans',sans-serif;color:inherit;background:none;border:0;cursor:pointer;padding:8px 0;margin:0;letter-spacing:.02em}
.film-controls>button:hover,.film-controls .journey-domains button:hover,.film-controls .journey-domains button[aria-pressed=true]{color:#f0f3e8}
.film-controls button:focus-visible,.film-scrub:focus-visible{outline:1px solid #d9d9ad;outline-offset:4px}
.film-controls button:disabled{opacity:.45;cursor:default}
.film-controls .journey-domains{display:flex;align-items:center;gap:15px;padding:0;border:0;margin-left:5px}
.film-scrub{flex:1;min-width:30px;height:2px;appearance:none;background:#426159;accent-color:#c2d5bd;cursor:pointer}
.film-scrub::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:#d8e1c7}
.film-credit-toggle{opacity:.65;margin-left:3px}
.film-credits{position:fixed;inset:0;margin:auto;max-width:580px;width:calc(100% - 40px);max-height:75vh;overflow:auto;padding:34px;border:1px solid #5c7b6c;border-radius:6px;background:#123239;color:#d6e3d5}
.film-credits::backdrop{background:#061a20bd}.film-credits h2{font-size:24px;margin:0 0 20px}.film-credits p{font-size:12px;line-height:1.75;margin:12px 0}.film-credits a{color:inherit;text-decoration:underline}.film-credit-close{float:right;border:0;background:none;color:inherit;font-size:11px;cursor:pointer}
@media(max-width:760px){.motion-viewer .journey-art,.motion-viewer.detail-mode .journey-art,.motion-viewer.ai-mode .journey-art,.motion-viewer.product-mode .journey-art,.motion-viewer.domains-mode .journey-art{aspect-ratio:3/4;height:auto}.film-shot{left:20px;top:20px;font-size:14px}.film-controls{height:48px;gap:11px;padding:0 14px}.film-controls>button,.film-controls .journey-domains button{font-size:9px}.film-controls .journey-domains{gap:9px;margin-left:0}.film-credit-toggle{font-size:8px!important}.film-credits{padding:24px}}



.integrated-hero.motion-viewer{height:680px;max-height:none;margin-top:16px;margin-bottom:42px;background:#102d34;border-radius:4px;position:relative}
.integrated-hero .journey-art{position:absolute!important;left:38%;right:0;top:0;bottom:48px;width:62%;height:auto!important;aspect-ratio:auto!important}
.integrated-hero .hero-anchor{position:absolute;left:42px;top:104px;width:34%;z-index:2;color:#edf1e5}
.hero-anchor p{font:500 10px 'DM Sans',sans-serif;letter-spacing:.15em;color:#a5c3b6;margin:0 0 32px}
.integrated-hero .hero-anchor h1{font:500 clamp(42px,4.7vw,67px)/1.03 'DM Sans',sans-serif;letter-spacing:-.055em;margin:0 0 30px;color:#edf1e5;max-width:none}
.hero-anchor span{display:block;font:400 13px/1.8 'DM Sans',sans-serif;color:#abc5b9}
.hero-anchor a{display:inline-block;color:#e1e9d7;font:500 12px 'DM Sans',sans-serif;margin-top:35px;border-bottom:1px solid #7e9e8f;padding-bottom:8px}
.integrated-hero .film-shot{display:none}
.integrated-hero .film-controls{position:absolute;left:0;right:0;bottom:0;height:48px;background:transparent;padding:0 30px;opacity:.75}
.hero-supporting{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;margin-top:70px;margin-bottom:70px}.hero-supporting .hero-intro{font-size:21px}.hero-supporting .hero-support{font-size:15px}.hero-supporting .hero-proof{max-width:none}
@media(max-width:760px){.integrated-hero.motion-viewer{height:730px;margin-top:10px}.integrated-hero .hero-anchor{left:24px;top:28px;width:calc(100% - 48px)}.integrated-hero .hero-anchor h1{font-size:43px;line-height:1.02;margin-bottom:14px}.hero-anchor h1 br{display:none}.hero-anchor p{font-size:8px;margin-bottom:20px}.hero-anchor span{font-size:10px;line-height:1.6}.hero-anchor a{margin-top:16px;font-size:10px}.integrated-hero .journey-art{left:0;right:0;top:270px;bottom:48px;width:100%;height:auto!important}.integrated-hero .film-controls{padding:0 18px}.hero-supporting{display:block}.hero-supporting .hero-proof{margin-top:30px}}

.integrated-hero .journey-art{mask-image:linear-gradient(to right,transparent,black 8%)}@media(max-width:760px){.integrated-hero .journey-art{mask-image:linear-gradient(to bottom,transparent,black 10%)}}

.integrated-hero .hero-stage{position:absolute;left:42px;bottom:94px;width:31%;color:#b5cec1;z-index:2;min-height:54px}
.hero-stage b{display:block;font:500 12px/1.4 'DM Sans',sans-serif;color:#e1eadb;margin-bottom:7px}.hero-stage p{font:400 12px/1.55 'DM Sans',sans-serif;margin:0;max-width:270px}
@media(max-width:760px){.integrated-hero.motion-viewer{height:780px}.integrated-hero .hero-stage{left:24px;top:285px;bottom:auto;width:calc(100% - 48px);min-height:55px}.hero-stage b{font-size:11px;margin-bottom:5px}.hero-stage p{font-size:11px;max-width:290px}.integrated-hero .journey-art{top:355px}}

/* The motion shares the hero field; transport is review-only. */
.integrated-hero.motion-viewer{overflow:visible;border-radius:0;margin-top:0;margin-bottom:48px;height:710px;background:#102d34;isolation:isolate}
.integrated-hero.motion-viewer:before{content:"";position:absolute;inset:0;background:#102d34;box-shadow:0 0 0 100vmax #102d34;clip-path:inset(0 -100vmax);z-index:-1}
.integrated-hero .journey-art{left:36%;width:64%;top:0;bottom:0;mask-image:linear-gradient(to right,transparent,black 10%,black 96%,transparent)}
.integrated-hero .hero-anchor{left:0;top:112px;width:36%}
.integrated-hero .hero-anchor h1{font-size:clamp(44px,4.9vw,70px)}
.integrated-hero .hero-stage{left:0;bottom:80px;width:33%;min-height:70px}
.hero-stage b{font-size:11px;letter-spacing:.06em;color:#9fbfac;margin-bottom:12px}.hero-stage p{font-size:15px;line-height:1.5;max-width:310px;color:#e0e8dc}
.integrated-hero .film-controls{left:auto;right:0;bottom:15px;width:auto;padding:0;gap:24px;height:30px;opacity:.65}
.integrated-hero .journey-replay,.integrated-hero .film-scrub{display:none}
.integrated-hero.review-mode .film-controls{left:0;width:auto;background:#102d34;padding:0 16px;opacity:1}
.integrated-hero.review-mode .journey-replay,.integrated-hero.review-mode .film-scrub{display:block}
@media(max-width:760px){.integrated-hero.motion-viewer{height:855px;margin-top:0}.integrated-hero .hero-anchor{top:36px;left:0;width:100%}.integrated-hero .hero-anchor h1{font-size:44px;max-width:340px}.integrated-hero .hero-stage{left:0;top:300px;width:100%;bottom:auto}.hero-stage p{font-size:14px;max-width:330px}.integrated-hero .journey-art{left:-20px;width:calc(100% + 40px);top:380px;bottom:48px;mask-image:linear-gradient(to bottom,transparent,black 8%,black 94%,transparent)}.integrated-hero .film-controls{right:0;bottom:12px}.integrated-hero .hero-anchor a{margin-top:20px}}

body:has(.integrated-hero){overflow-x:clip}