/* career.html ONLY */
/* --- Footer video scene (career.html only) --- */

/* ================================================================= */
/* Footer highway scene — responsive MP4 (replaces CSS truck sprites) */
/* Load after index.css + site-footer.css                              */
/* ================================================================= */

html[data-career-page] .animation-scene.animation-scene--video {
  position: relative !important;
  width: 100% !important;
  height: 450px !important;
  overflow: hidden !important;
  border-bottom: 2px solid #48118a !important;
  background: #150925 !important;
  perspective: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-career-page] .animation-scene--video .footer-video {
  display: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  pointer-events: none;
  background: #150925;
}

/* Desktop 1920px+ */
html[data-career-page] .animation-scene--video .footer-video--1920 {
  display: block;
}

@media (max-width: 1919px) {
html[data-career-page]   .animation-scene--video .footer-video--1920 {
    display: none !important;
  }
html[data-career-page]   .animation-scene--video .footer-video--1440 {
    display: block !important;
  }
}

@media (max-width: 1439px) {
html[data-career-page]   .animation-scene--video .footer-video--1440 {
    display: none !important;
  }
html[data-career-page]   .animation-scene--video .footer-video--768 {
    display: block !important;
  }
}

@media (max-width: 767px) {
html[data-career-page]   .animation-scene--video .footer-video--768 {
    display: none !important;
  }
html[data-career-page]   .animation-scene--video .footer-video--390 {
    display: block !important;
  }
}

@media (prefers-reduced-motion: reduce) {
html[data-career-page]   .animation-scene--video .footer-video {
    display: none !important;
  }
html[data-career-page]   .animation-scene--video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/footer/1_scene_backround.webp") center bottom / cover no-repeat;
  }
}