/* Homepage section 2 — canvas frame scrub */
.office-frame-canvas,
#officeScrollFrames {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  filter: blur(var(--office-blur, 0px)) brightness(var(--office-brightness, 1));
  transform: scale(var(--office-video-scale, 1));
  transform-origin: 50% 50%;
}

.office-frame-canvas.is-active,
#officeScrollFrames.is-active {
  opacity: 1;
  visibility: visible;
}

.office-video-stage.is-video-ready .office-video-poster img {
  opacity: var(--office-poster-opacity, 0);
}

.office-video-poster {
  display: block;
}

.office-video-poster img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}