/* October 18: Move the FOOTAGE higher inside the existing homepage video box.
   The hero box, buttons, shading, and certified partner badge are unchanged.
   The extra video element height only fills space below the shifted video;
   it does not create a duplicate layer, visible seam, or added fade. */
.home-page .hero-video {
  top: -72px;
  bottom: auto;
  height: calc(100% + 72px);
  width: 100%;
  object-fit: cover;
  object-position: 65% center;
  transform: none;
}
@media (max-width: 800px) {
  .home-page .hero-video {
    top: -38px;
    height: calc(100% + 38px);
    object-position: 78% center;
  }
}

/* October 16: homepage video framing and the independent LucidBots partner badge.
   Preserve the approved background video, all other pages, and mobile swipes. */
@media (max-width:800px) {
  .home-page .hero-video { object-position:78% center; }
}

/* The approved Lucid Bots CERTIFIED PARTNER badge is distinct from the
   marketing logo in the video. Keep it directly after the "SAFER • SMARTER •
   MORE EFFICIENT" line in normal flow: no absolute overlay or clipping. */
.home-page .hero-content > .partner-mark {
  position: static;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  box-sizing: border-box;
  gap: 10px;
  margin: 0;
  padding: 7px 11px;
  border-radius: 10px;
}
.home-page .hero-content > .partner-mark img {
  flex: 0 0 auto;
  width: 120px;
  height: 57px;
  object-fit: contain;
}
.home-page .hero-content > .partner-mark > span {
  font-size: 9px;
  line-height: 1.3;
  letter-spacing: .12em;
}
@media (max-width: 600px) {
  .home-page .hero-content > .partner-mark {
    gap: 9px;
    padding: 7px 9px;
  }
  .home-page .hero-content > .partner-mark img {
    width: 108px;
    height: 51px;
  }
  .home-page .hero-content > .partner-mark > span {
    font-size: 8px;
  }
}

/* Short desktop windows (including zoomed desktops) need room for the full
   headline, tagline and partner mark. Let the hero grow only when the window
   is too short; otherwise retain the approved one-screen layout. */
@media (min-width: 1101px) and (max-height: 710px) {
  .home-page .hero {
    height: auto;
    min-height: 100svh;
    padding-top: calc(var(--header) + 32px);
    padding-bottom: 28px;
    align-items: flex-start;
  }
}