/* The guest's tap plays the supplied A&B envelope film, then reveals the page. */
.opening {
  position: fixed;
  inset: 0;
  z-index: 20;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 45%, #f3eddf 0, #e9e2d4 68%, #ddd4c5 100%);
  opacity: 1;
  visibility: visible;
  clip-path: none;
  transition: opacity 1.15s ease;
}
.opening.is-fading,
.opening.opened {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
  animation: none;
  clip-path: none;
}
.opening__scene {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.opening__scene:focus-visible { outline: 3px solid #713746; outline-offset: -6px; }
.opening__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 600px) {
  .opening__video { object-fit: cover; }
}
@media (prefers-reduced-motion: reduce) {
  .opening { transition-duration: .01ms !important; }
  .opening.opened { opacity: 0; visibility: hidden; }
}