/* Build 461: project hero videos must appear only after actual playback begins. */
@media (min-width: 981px) and (prefers-reduced-motion: no-preference) {
  body[data-page="home"] .projects .project-card.archi-video-ready-461 .project-image {
    position: relative !important;
    overflow: hidden !important;
  }

  body[data-page="home"] .projects .project-card.archi-video-ready-461 .project-preview-video,
  body[data-page="home"] .projects .project-card.archi-video-ready-461:hover .project-preview-video,
  body[data-page="home"] .projects .project-card.archi-video-ready-461:focus-within .project-preview-video {
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    visibility: visible !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 180ms ease !important;
  }

  body[data-page="home"] .projects .project-card.archi-video-ready-461 .project-image > img,
  body[data-page="home"] .projects .project-card.archi-video-ready-461:hover .project-image > img {
    opacity: 1 !important;
    visibility: visible !important;
  }

  body[data-page="home"] .projects .project-card.archi-video-ready-461.archi-video-playing-461 .project-preview-video,
  body[data-page="home"] .projects .project-card.archi-video-ready-461.archi-video-playing-461:hover .project-preview-video {
    opacity: 1 !important;
  }

  body[data-page="home"] .projects .project-card.archi-video-ready-461.archi-video-playing-461 .project-image > img {
    opacity: 0 !important;
  }
}