/* Hub /tesla/ Jessie long hero (Oct 4 2026). Replaces only the picture
   inside .hero-banner-photo. Copy, buttons, menu, and the rest of the hub stay.
   Phone is the native 1080x1920 file (9:16) at <=768px. Desktop is the
   native 1920x720 file (8:3) above that, full bleed. Matching aspect-ratio
   so object-fit:cover does not crop the frame. No play button.
   Video is pointer-events:none so Call / Text taps are never swallowed. */
.hero-banner-photo[data-ttl-hero]{
  display:block;
  width:100%;
  line-height:0;
  background:#000;
}
.ttl-hero__media{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:9 / 16;
  background:#000;
}
.ttl-hero__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#000;
  pointer-events:none;
}
.ttl-hero__video--desktop{ display:none; }
@media (min-width: 769px){
  .ttl-hero__media{
    aspect-ratio:8 / 3;
    width:100%;
    max-width:none;
    margin:0;
  }
  .ttl-hero__video--mobile{ display:none; }
  .ttl-hero__video--desktop{ display:block; }
}
@media (prefers-reduced-motion: reduce){
  .ttl-hero__video{ display:none !important; }
  .ttl-hero__media{
    background:#000 url("/tesla/assets/img/hero/teslatintla-jessie-long-phone-1080x1920-poster.jpg") center / cover no-repeat;
  }
}
@media (prefers-reduced-motion: reduce) and (min-width: 769px){
  .ttl-hero__media{
    background-image:url("/tesla/assets/img/hero/teslatintla-jessie-long-desktop-1920x720-poster.jpg");
    background-position:center;
  }
}
.ttl-hero__video::-webkit-media-controls,
.ttl-hero__video::-webkit-media-controls-panel,
.ttl-hero__video::-webkit-media-controls-overlay-play-button,
.ttl-hero__video::-webkit-media-controls-start-playback-button,
.ttl-hero__video::-webkit-media-controls-play-button,
.ttl-hero__video::-webkit-media-controls-enclosure{
  display:none !important;
  -webkit-appearance:none;
}