/* Pizza Wings V20 — franchise restaurant animation.
   Source: user's original 1280x720 MP4; checkerboard matte removed, not AI-upscaled. */
.franchise-hero { background: #8e1c28; }
.franchise-hero .franchise-motion {
  width: 100%; max-width: 780px; justify-self: center; min-width:0;
  margin:0; padding:0; border:0; background:transparent; box-shadow:none;
  overflow:visible; isolation:isolate;
}
.franchise-motion .franchise-motion-video,
.franchise-motion .franchise-motion-static {
  display:block; width:100%; height:auto; aspect-ratio:16/9;
  object-fit:contain; background:transparent; border:0; margin:0;
  filter: drop-shadow(0 19px 19px rgba(36,5,9,.24));
}
.franchise-motion .franchise-motion-static { display:none; }
.franchise-motion figcaption {
  display:flex; justify-content:space-between; align-items:center;
  gap:18px; padding:10px 0 0; border:0;
  color:rgba(255,245,235,.83); background:transparent;
  font:800 10px/1.5 var(--body); letter-spacing:.13em;
}
.franchise-motion figcaption span {color:rgba(255,245,235,.68);font-weight:500;letter-spacing:.02em;}
@media(max-width:1000px) {
 .franchise-hero .franchise-motion {max-width:750px;}
}
@media(max-width:650px) {
 .franchise-hero .franchise-motion {width:100%; max-width:540px;}
 .franchise-motion figcaption {font-size:9px;gap:4px;flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) {
 .franchise-motion .franchise-motion-video { display:none; }
 .franchise-motion .franchise-motion-static { display:block; }
}

/* V21 compatibility: a solid-color MP4 avoids browsers exposing the checkerboard matte
   from the earlier alpha WebM. Poster is precomposited to the same shade. */
.franchise-hero .franchise-motion,
.franchise-motion .franchise-motion-video,
.franchise-motion .franchise-motion-static { background-color: #8e1c28; }