/* PUR AIR PROD - Hero animation only. Original layout/style remains intact. */
#hero.hero-animated { overflow: hidden; isolation: isolate; background: #222; }
#hero.hero-animated .hero-bg-layer {
  position:absolute; inset:0; z-index:0; opacity:0; visibility:hidden;
  background-position:center center; background-repeat:no-repeat; background-size:cover;
  transform:scale(1.08);
  transition:opacity 1.2s ease-in-out, visibility 1.2s ease-in-out, transform 7s cubic-bezier(.2,.65,.2,1);
  will-change:opacity,transform;
}
#hero.hero-animated .hero-bg-layer::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,.40); }
#hero.hero-animated .hero-bg-1 { background-image:url("../img/hero/battery.jpg"); }
#hero.hero-animated .hero-bg-2 { background-image:url("../img/hero/mechanical-extraction.jpg"); }
#hero.hero-animated .hero-bg-3 { background-image:url("../img/hero/smoke-extraction.jpg"); }
#hero.hero-animated .hero-bg-4 { background-image:url("../img/hero/extraction-section.jpg"); }
#hero.hero-animated .hero-bg-5 { background-image:url("../img/hero/safty.jpg"); }
#hero.hero-animated .hero-bg-6 { background-image:url("../img/hero/home-cover.jpg"); }
#hero.hero-animated .hero-bg-7 { background-image:url("../img/hero/hvac.jpg"); }
#hero.hero-animated .hero-bg-layer.active { opacity:1; visibility:visible; transform:scale(1); z-index:1; }
#hero.hero-animated::before { display:none; }
#hero.hero-animated .hero-copy { position:relative; z-index:3; }
#hero.hero-animated .hero-copy.hero-copy-animate h1,
#hero.hero-animated .hero-copy.hero-copy-animate h2,
#hero.hero-animated .hero-copy.hero-copy-animate .d-flex { animation:papHeroTextIn .8s cubic-bezier(.22,.61,.36,1) both; }
#hero.hero-animated .hero-copy.hero-copy-animate h2 { animation-delay:.10s; }
#hero.hero-animated .hero-copy.hero-copy-animate .d-flex { animation-delay:.18s; }
@keyframes papHeroTextIn { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) {
  #hero.hero-animated .hero-bg-layer { transition:opacity .2s ease; transform:none; }
  #hero.hero-animated .hero-copy.hero-copy-animate h1,
  #hero.hero-animated .hero-copy.hero-copy-animate h2,
  #hero.hero-animated .hero-copy.hero-copy-animate .d-flex { animation:none; }
}


/* PAP: synchronized hero text swap */
#hero.hero-animated .hero-copy.hero-copy-out h1,
#hero.hero-animated .hero-copy.hero-copy-out h2,
#hero.hero-animated .hero-copy.hero-copy-out .d-flex {
  animation: papHeroTextOut .42s cubic-bezier(.55,.08,.68,.53) both;
}
#hero.hero-animated .hero-copy.hero-copy-animate h1,
#hero.hero-animated .hero-copy.hero-copy-animate h2,
#hero.hero-animated .hero-copy.hero-copy-animate .d-flex {
  animation: papHeroTextIn .78s cubic-bezier(.22,.61,.36,1) both;
}
#hero.hero-animated .hero-copy.hero-copy-animate h2 { animation-delay:.10s; }
#hero.hero-animated .hero-copy.hero-copy-animate .d-flex { animation-delay:.20s; }
@keyframes papHeroTextOut { from {opacity:1;transform:translateY(0);filter:blur(0)} to {opacity:0;transform:translateY(-16px);filter:blur(3px)} }
@keyframes papHeroTextIn { from {opacity:0;transform:translateY(24px);filter:blur(4px)} to {opacity:1;transform:translateY(0);filter:blur(0)} }
@media (prefers-reduced-motion:reduce) {
 #hero.hero-animated .hero-copy.hero-copy-out h1,#hero.hero-animated .hero-copy.hero-copy-out h2,#hero.hero-animated .hero-copy.hero-copy-out .d-flex,#hero.hero-animated .hero-copy.hero-copy-animate h1,#hero.hero-animated .hero-copy.hero-copy-animate h2,#hero.hero-animated .hero-copy.hero-copy-animate .d-flex {animation:none;}
}