.page-video-hero{--hero-overlay-width: calc(100vw - 2 * var(--site-padding-x));--hero-overlay-x: 0px;--hero-overlay-y: 0%;--hero-media-delay: 0ms;--hero-media-duration: .7s;--hero-media-wait: .12s;--hero-media-ease: cubic-bezier(.16, 1, .3, 1);--hero-overlay-delay: 0ms;--hero-overlay-duration: .54s;--hero-overlay-offset: clamp(.375rem, 1vw, .75rem);--hero-overlay-wait: .12s;--hero-overlay-ease: cubic-bezier(.16, 1, .3, 1)}.page-video-hero .hero__frame>.media{opacity:0;transform:translateZ(0);transition:opacity var(--hero-media-duration) var(--hero-media-ease);transition-delay:var(--hero-media-delay)}.page-video-hero--is-ready .hero__frame>.media{opacity:1}.page-video-hero .hero__overlay>.media{opacity:0;transform:translate3d(0,var(--hero-overlay-offset),0);transition:opacity var(--hero-overlay-duration) var(--hero-overlay-ease),transform var(--hero-overlay-duration) var(--hero-overlay-ease);transition-delay:calc(var(--hero-media-delay) + var(--hero-media-duration) + var(--hero-media-wait) + var(--hero-overlay-delay))}.page-video-hero--is-ready .hero__overlay>.media{opacity:1;transform:translateZ(0)}.page-video-hero--is-ready:not(.page-video-hero--is-settled) .hero__frame>.media,.page-video-hero--is-ready:not(.page-video-hero--is-settled) .hero__overlay>.media{will-change:opacity,transform}@media screen and (min-width:600px){.page-video-hero{--hero-overlay-width: 75vw;--hero-overlay-y: 0%}}@media screen and (min-width:900px){.page-video-hero{--hero-overlay-y: 0%}}@media screen and (min-width:1200px){.page-video-hero{--hero-overlay-width: min( 56.25vw , 64rem);--hero-overlay-y: 0%}}@media(prefers-reduced-motion:reduce){.page-video-hero .hero__frame>.media,.page-video-hero .hero__overlay>.media{opacity:1;transform:none;transition:none;will-change:auto}}