/* v389G — Home hero airplane first-frame crop fix.
   Cause: the global hero wave layer keeps header.hero overflow:hidden, while the
   airplane animation previously became visible while still translated far above
   and left of its stage. On the live domain this could crop the wing on the
   first visible frame. Keep the approved design, but delay visibility until the
   plane is safely inside the hero and reduce the off-canvas starting offset. */

.home-page .hero-plane-stage-v295G{
  overflow:visible !important;
  height:190px !important;
  contain:none !important;
}

.home-page .hero-plane-image-v295G{
  top:18px !important;
  right:8px !important;
  max-width:none !important;
  animation:vgePlaneDescendLoopCropSafeV389G 8.4s linear infinite !important;
  will-change:transform, opacity;
}

.home-page .hero-plane-wind-v295G{
  animation:vgePlaneWindLoopCropSafeV389G 8.4s linear infinite !important;
}

@keyframes vgePlaneDescendLoopCropSafeV389G{
  0%{ opacity:0; transform:translate3d(-132px,-44px,0) scale(.84) rotate(-7deg); }
  12%{ opacity:0; transform:translate3d(-116px,-38px,0) scale(.86) rotate(-6deg); }
  18%{ opacity:1; transform:translate3d(-96px,-28px,0) scale(.89) rotate(-5deg); }
  56%{ opacity:1; transform:translate3d(0,0,0) scale(1) rotate(0deg); }
  72%{ opacity:1; transform:translate3d(0,0,0) scale(1) rotate(0deg); }
  78%{ opacity:0; transform:translate3d(0,0,0) scale(1) rotate(0deg); }
  100%{ opacity:0; transform:translate3d(0,0,0) scale(1) rotate(0deg); }
}

@keyframes vgePlaneWindLoopCropSafeV389G{
  0%{ opacity:0; transform:translate3d(-58px,-22px,0) rotate(24deg) scaleX(.62); }
  14%{ opacity:0; transform:translate3d(-48px,-18px,0) rotate(24deg) scaleX(.68); }
  22%{ opacity:.34; }
  46%{ opacity:.20; }
  58%{ opacity:0; transform:translate3d(0,0,0) rotate(24deg) scaleX(1); }
  100%{ opacity:0; transform:translate3d(0,0,0) rotate(24deg) scaleX(1); }
}

@media (min-width:1025px){
  .home-page .hero-plane-stage-v295G{
    height:198px !important;
  }
  .home-page .hero-plane-image-v295G{
    width:308px !important;
    top:16px !important;
    right:8px !important;
  }
}

@media (max-width:1024px) and (min-width:761px){
  .home-page .hero-plane-stage-v295G{
    height:164px !important;
  }
  .home-page .hero-plane-image-v295G{
    width:226px !important;
    top:14px !important;
    right:10px !important;
  }
}

@media (max-width:760px){
  .home-page .hero-plane-stage-v295G{
    display:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .home-page .hero-plane-image-v295G,
  .home-page .hero-plane-wind-v295G{
    animation:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}