.pr-event-hero-visual {
  position: relative;
  min-height: 560px;
}

.pr-event-hero-shot {
  width: min(900px, calc(100% - 1.5rem));
  margin-left: auto;
}

.pr-event-demo-frame {
  max-width: 320px;
  margin-inline: auto;
}

.pr-event-demo-frame--hero {
  position: absolute;
  left: 0;
  top: 2rem;
  z-index: 2;
  max-width: 260px;
  margin: 0;
  animation: pr-event-float-card 6s ease-in-out infinite;
}

.pr-event-demo-frame--inline {
  max-width: 360px;
}

.pr-event-demo-video {
  cursor: zoom-in;
  aspect-ratio: 9 / 16;
  object-fit: cover;
}

.copy-spacer {
  padding-bottom: 1.4rem;
}

@keyframes pr-event-float-card {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}

@media (max-width: 980px) {
  .pr-event-hero-visual {
    display: none;
  }
}

@media (max-width: 820px) {
  .pr-event-demo-frame,
  .pr-event-demo-frame--inline {
    max-width: 280px;
  }
}