/* The film and the existing layers share the exact original art canvas. */
.hero-still{position:absolute;inset:0}
.hero-intro-media{display:none;position:absolute;left:0;top:0;width:100%;aspect-ratio:1683 / 935;z-index:2;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 68%,transparent 99%)}
.hero-intro-video{display:block;width:100%;height:100%;object-fit:fill;filter:contrast(1.035) saturate(1.06) hue-rotate(3deg)}
.hero-intro-pending .hero-stage{isolation:isolate}
.hero-intro-pending .hero-still{opacity:var(--intro-progress,0)}
.hero-intro-pending .hero-intro-media{display:block;opacity:calc(1 - var(--intro-progress,0))}
@supports(mix-blend-mode:plus-lighter){.hero-intro-pending .hero-still,.hero-intro-pending .hero-intro-media{mix-blend-mode:plus-lighter}}
.hero-intro-pending .hero-copy,.hero-intro-pending .hero-slogan{visibility:hidden}
.hero-intro-pending .flow-hero-ecosystem{opacity:var(--intro-progress,0)}
.hero-intro-pending .hero-stage [data-depth]{transform:none!important}
@media(max-width:960px){.hero-intro-media{mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 68%,transparent 99%)}}
@media(prefers-reduced-motion:reduce){.hero-intro-media{display:none!important}.hero-intro-pending .hero-still{opacity:1}.hero-intro-pending .hero-copy,.hero-intro-pending .hero-slogan{visibility:visible}}