/* AMS Pods "Chat with Jessie" PODS LONG hero banner (Oct 3 2026, 1003-jessie-long).
   Same lct-hero pattern and loader as the lacarbeats.com / lacaralarm.com heroes:
   decorative, silent, muted loop, no play button, no watch text. It replaces only
   the hero picture inside .hero-banner-photo; the H1, copy and buttons are untouched.
   Native cuts: 9:16 on phones (capped at 80svh so the call/text buttons stay close),
   8:3 full bleed from 768px up. */
.hero-banner-photo.lct-hero{
  display:block;
  width:100%;
  line-height:0;
  background:#000;
}
.lct-hero__media{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:9 / 16;
  max-height:80svh;
  background:#000;
}
.lct-hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#000;
  pointer-events:none;
}
.lct-hero__video--desktop{ display:none; }
@media (min-width: 768px){
  .hero-banner-photo.lct-hero[data-lct-hero="amspods-banner"] .lct-hero__media{
    aspect-ratio:8 / 3;
    max-height:none;
    width:100%;
    max-width:none;
    margin:0;
  }
  .lct-hero__video--mobile{ display:none; }
  .lct-hero__video--desktop{ display:block; }
}
/* Reduced motion: never play; the poster frame stands in. */
@media (prefers-reduced-motion: reduce){
  .lct-hero__video{ display:none !important; }
  .hero-banner-photo.lct-hero[data-lct-hero="amspods-banner"] .lct-hero__media{
    background:#000 url("/assets/img/hero/amspods-banner-1003-jessie-long-9x16-poster.jpg") center / cover no-repeat;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 768px){
  .hero-banner-photo.lct-hero[data-lct-hero="amspods-banner"] .lct-hero__media{
    background-image:url("/assets/img/hero/amspods-banner-1003-jessie-long-desktop-poster.jpg");
    background-position:center;
  }
}