.site-footer {
  position: relative;
  isolation: isolate;
  min-height: 500px;
  overflow: hidden;
  background: #0b1020;
  color: rgba(244, 247, 255, .82);
}

.site-footer-video,
.site-footer-video-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.site-footer-video {
  z-index: -2;
  object-fit: cover;
  object-position: 50% 54%;
  filter: brightness(1.12) saturate(1.08) contrast(1.03);
  pointer-events: none;
  user-select: none;
}

.site-footer-video-shade {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(7, 11, 23, .55), rgba(7, 11, 23, .32) 46%, rgba(7, 11, 23, .46)),
    linear-gradient(180deg, rgba(7, 11, 23, .08), rgba(7, 11, 23, .48));
}

.site-footer > div:not(.site-footer-video-shade),
.site-footer > small { position: relative; z-index: 1; }
.site-footer .brand.light { display: inline-flex; width: max-content; padding: 0; background: transparent !important; }
.site-footer b { color: #fff; text-shadow: 0 2px 16px rgba(0, 0, 0, .88); }
.site-footer p { color: rgba(245, 248, 255, .9); line-height: 1.6; text-shadow: 0 2px 14px rgba(0, 0, 0, .9); }
.site-footer a:not(.brand) { color: rgba(250, 252, 255, .94); text-shadow: 0 2px 12px rgba(0, 0, 0, .92); transition: color .2s ease, transform .2s ease; }
.site-footer a:not(.brand):hover { color: #91edf3; transform: translateX(3px); }
.site-footer small { color: rgba(242, 246, 255, .88); text-shadow: 0 2px 12px rgba(0, 0, 0, .94); }

@media (max-width: 700px) {
  .site-footer { min-height: 780px; }
  .site-footer-video { object-position: 58% center; }
  .site-footer-video-shade { background: linear-gradient(180deg, rgba(7, 11, 23, .34), rgba(7, 11, 23, .68)); }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer-video { display: none; }
  .site-footer { background: radial-gradient(circle at 72% 25%, #253653, transparent 38%), #0b1020; }
  .site-footer a:not(.brand) { transition: none; }
}