/* The still image is always underneath both video layers, including failed autoplay. */
.hero-video-stage{background:#233d4b url('/images/tlc-home-poster.jpg') center/cover no-repeat;}
.hero-video.is-active{opacity:0;}
.hero-video.is-active.tlc-video-ready{opacity:1;}
.hero-video{transition:opacity 1.1s cubic-bezier(.22,1,.36,1);}
/* Pause the existing letter sequence until the typeface has settled. */
.tlc-home-entering .hero .tlc-letter,
.tlc-home-entering .hero .squiggle path,
.tlc-home-entering .hero .eyebrow-pill,
.tlc-home-entering .hero .hero-sub,
.tlc-home-entering .hero .tlc-hero-actions,
.tlc-home-entering .hero .hero-note{animation-play-state:paused!important;}
.hero .tlc-cinematic-headline .tlc-letter{filter:none;animation-name:tlc-home-letter;animation-duration:.8s;animation-timing-function:cubic-bezier(.22,1,.36,1);}
@keyframes tlc-home-letter{from{opacity:0;transform:translate3d(0,8px,0);}to{opacity:1;transform:translate3d(0,0,0);}}
.hero .eyebrow-pill,.hero .hero-sub,.hero .tlc-hero-actions,.hero .hero-note{animation:tlc-home-copy .85s cubic-bezier(.22,1,.36,1) both;}
.hero .eyebrow-pill{animation-delay:.05s;}
.hero .hero-sub{animation-delay:.45s;}
.hero .tlc-hero-actions{animation-delay:.65s;}
.hero .hero-note{animation-delay:.8s;}
@keyframes tlc-home-copy{from{opacity:0;transform:translate3d(0,6px,0);}to{opacity:1;transform:translate3d(0,0,0);}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow-pill,.hero .hero-sub,.hero .tlc-hero-actions,.hero .hero-note,.hero .tlc-cinematic-headline .tlc-letter{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;}.hero-video{transition:none;}}