/* Ideal Logistics video banner (20261108c).
   Root cause fix: style.css (loaded later) has a global `video{}` rule with
   transform:translateX(-50%), min-width/min-height, height:auto, z-index:-100 and a
   remote background image. The transform shifted our video half a slide left,
   leaving the photo visible on the right. Neutralise every one of those here. */
#slides .ideal-video-slide{overflow:hidden}
#slides .ideal-video-slide video.ideal-banner-video{
  position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  transform:none!important;-webkit-transform:none!important;
  object-fit:cover;object-position:center center;
  z-index:1!important;margin:0!important;display:block;
  background:none!important;transition:opacity .4s ease!important;opacity:0;pointer-events:none}
/* video visible only once actually playing; photo hidden then (no seam) */
#slides .ideal-video-slide.is-playing video.ideal-banner-video{opacity:1}
#slides .ideal-video-slide.is-playing > img{visibility:hidden}
@media (prefers-reduced-motion: reduce){
  #slides video.ideal-banner-video{display:none!important}
  #slides .ideal-video-slide > img{visibility:visible!important}
}