/* V22: the portrait and lightning animate; the content/layout remain unchanged.
   Video is a short, silent local loop derived from the supplied reference. */
.z22-footer-art { isolation: isolate; }
.z19-footer-art .z22-footer-poster,
.z22-footer-art .z22-footer-video {
  display: block;
  width: 100%; height: 100%;
  object-fit: cover; object-position: 18% center; transform: scale(1.15); transform-origin: left center;
}
.z22-footer-art .z22-footer-poster { position: relative; z-index: 0; }
.z22-footer-art .z22-footer-video {
  position: absolute; inset: 0; z-index: 1;
  max-width: none; opacity: 0; pointer-events: none;
  transition: opacity 180ms ease;
}
.z22-footer-art.is-playing .z22-footer-video { opacity: 1; }
/* Blend the photographed background into the existing footer, not its text. */
.z22-footer-art::after {
  content: ""; position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(to right, transparent 87%, #190e36 100%);
  pointer-events: none;
}
@media (max-width:760px) {
  .z19-footer-art .z22-footer-poster,
  .z22-footer-art .z22-footer-video { object-position: center 36%; transform: scale(1.08); transform-origin:center center; }
  .z22-footer-art::after { background: linear-gradient(#190e36, transparent 4%); }
}
@media (prefers-reduced-motion:reduce) {
  .z22-footer-art .z22-footer-video { opacity: 0 !important; transition: none; }
}
@media print { .z22-footer-video { display: none !important; } }