/* Loaded only by the 24/7 and Bauhaus project pages. */
main.project-editorial-page .project-editorial-lead .project-hero-art.stream-project-hero-art {
  aspect-ratio: auto !important;
  overflow: visible;
  background: transparent;
}

.stream-project-video {
  position: relative;
  width: 100%;
  aspect-ratio: var(--stream-aspect);
}

main[data-project-layout="24-7"] .project-hero-art .stream-project-video {
  width: min(100%, 1108px, 120svh);
}

.stream-project-video iframe {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.stream-sound-button {
  position: absolute;
  z-index: 1;
  bottom: 18px;
  left: 18px;
  padding: 0 0 0.15em;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: #fff;
  font-family: var(--font-sans);
  font-size: 0.85rem;
  line-height: 1.4;
  text-shadow: 0 1px 3px #000;
  cursor: pointer;
}

.stream-sound-button:hover { opacity: 0.72; }

.project-lightbox-visual:has(.stream-project-video) {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
}

.project-lightbox-visual .stream-project-video {
  width: min(100%, 115svh);
}

@media (max-width: 760px) {
  main[data-project-layout="24-7"] .project-hero-art .stream-project-video {
    width: min(100%, 104.6svh);
  }
}