.hero.connected-floor.full-video-header {
  --header-ground: #0b1526;
  --header-ink: #f3f6fb;
  --header-muted: #e0e8f4;
  --header-accent: #b9d3fa;
  --header-matte: linear-gradient(90deg, #0b1526 0%, #0b1526fa 33%, #0b1526e0 49%, #0b152660 64%, #0b152612 84%);
  background: var(--header-ground);
  color: var(--header-ink);
}

html[data-theme="light"] .hero.connected-floor.full-video-header {
  --header-ground: #f3f6fb;
  --header-ink: #0b1526;
  --header-muted: #344861;
  --header-accent: #0a3d91;
  --header-matte: linear-gradient(90deg, #f3f6fb 0%, #f3f6fbfa 33%, #f3f6fbe8 49%, #f3f6fb5c 64%, #f3f6fb00 84%);
}

.hero.connected-floor.full-video-header h1,
.hero.connected-floor.full-video-header .text-link {
  color: var(--header-ink);
}

.hero.connected-floor.full-video-header .eyebrow { color: var(--header-accent); }

.hero.connected-floor.full-video-header .hero-copy,
.hero.connected-floor.full-video-header .floor-location {
  color: var(--header-muted);
}

.hero.connected-floor.full-video-header .hero-visual { background: var(--header-ground); }
.hero.connected-floor.full-video-header .hero-visual::after { background: var(--header-matte); }

.hero.connected-floor.full-video-header #floor-motion-toggle {
  background: var(--header-ground);
  color: var(--header-ink);
}

.hero.connected-floor.full-video-header :focus-visible { outline-color: var(--header-accent); }

@media (max-width: 760px) {
  .hero.connected-floor.full-video-header {
    min-height: 0;
    padding-block: 55px 0;
  }

  .hero.connected-floor.full-video-header .hero-visual {
    position: relative;
    margin-top: 32px;
    aspect-ratio: 16 / 8;
  }

  .hero.connected-floor.full-video-header .hero-visual::after {
    background: linear-gradient(180deg, var(--header-ground), transparent 27%),
      linear-gradient(90deg, var(--header-ground), transparent 70%);
  }

  .full-video-header .film-poster { object-position: right 24%; }
}
