.mc-intro-v5 {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

html.intro-active .mc-intro-v5 {
  display: block;
  animation: mc-intro-v5-safety 3.2s steps(1, end) both;
}

.mc-intro-v5__plane {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #251c17;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.mc-intro-v5__window {
  width: min(79vw, 1380px);
  aspect-ratio: 1162 / 170;
  clip-path: polygon(-10% 47%, 110% 47%, 110% 53%, -10% 53%);
}

.mc-intro-v5__wordmark {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  transform-origin: 50% 50%;
  transform: translate3d(-3%, 0, 0) scale(1.065);
  opacity: .98;
}

/* The cover cannot remain if its script or animation library fails. */
@keyframes mc-intro-v5-safety {
  from { visibility: visible; opacity: 1; }
  to { visibility: hidden; opacity: 0; pointer-events: none; }
}

@media (max-width: 600px) {
  .mc-intro-v5__window { width: 87vw; }
}

@media (prefers-reduced-motion: reduce) {
  html.intro-active .mc-intro-v5 { display: none; animation: none; }
}