/* Shared banner entrance for Home, Products, About and News. */
.hero-slider .hero-slide{
  transform:scale(1);
  transform-origin:center center;
  will-change:transform,opacity!important;
  transition:opacity 1.2s cubic-bezier(.25,.8,.25,1);
}
.hero-slider .hero-slide.is-active{
  transform:scale(1);
  animation:gfSharedBannerZoomReset 4.5s cubic-bezier(.25,.46,.45,.94) both!important;
}
.hero-slider .hero-slide.is-active[data-image-zoom="off"]{
  transform:scale(1)!important;
  animation:none!important;
  will-change:opacity!important;
}
@keyframes gfSharedBannerZoomReset{
  from{transform:scale(1.05)}
  to{transform:scale(1)}
}

/* Added once per page refresh by the managed banner runtime. */
.hero-slider>.gf-banner-intro-sheen{
  position:absolute;
  z-index:3;
  top:-28%;
  bottom:-28%;
  left:-42%;
  width:28%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 22%,rgba(255,244,210,.34) 50%,rgba(255,255,255,.08) 72%,transparent 100%);
  filter:blur(8px);
  mix-blend-mode:screen;
  transform:translate3d(-140%,0,0) skewX(-18deg);
  will-change:transform,opacity!important;
}
.hero-slider>.gf-banner-intro-sheen.is-running{
  animation:gfSharedBannerSheenOnce 1.4s cubic-bezier(.2,.65,.3,1) .6s 1 both!important;
}
@keyframes gfSharedBannerSheenOnce{
  0%{opacity:0;transform:translate3d(-140%,0,0) skewX(-18deg)}
  18%{opacity:.82}
  72%{opacity:.48}
  100%{opacity:0;transform:translate3d(620%,0,0) skewX(-18deg)}
}

@media(prefers-reduced-motion:reduce){
  .hero-slider .hero-slide{transform:none;transition:none;animation:none!important;will-change:auto!important}
  .hero-slider>.gf-banner-intro-sheen{display:none;animation:none!important;will-change:auto!important}
}

/* The same refresh entrance for the non-carousel editorial banners. */
.gf-static-banner-intro{
  transform-origin:center center;
  will-change:transform!important;
  animation:gfSharedBannerZoomReset 4.5s cubic-bezier(.25,.46,.45,.94) both!important;
}
.gf-static-banner-intro>.gf-banner-intro-sheen{
  position:absolute;
  z-index:8;
  top:-28%;
  bottom:-28%;
  left:-42%;
  width:28%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 22%,rgba(255,244,210,.34) 50%,rgba(255,255,255,.08) 72%,transparent 100%);
  filter:blur(8px);
  mix-blend-mode:screen;
  transform:translate3d(-140%,0,0) skewX(-18deg);
  will-change:transform,opacity!important;
}
.gf-static-banner-intro>.gf-banner-intro-sheen.is-running{animation:gfSharedBannerSheenOnce 1.4s cubic-bezier(.2,.65,.3,1) .6s 1 both!important}
@media(prefers-reduced-motion:reduce){
  .gf-static-banner-intro{transform:none;animation:none!important;will-change:auto!important}
  .gf-static-banner-intro>.gf-banner-intro-sheen{display:none;animation:none!important;will-change:auto!important}
}