.bp-intro {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000000;
  opacity: 1;
  pointer-events: none;
}
.bp-intro__picture {
  display: block;
  width: min(96vw, 1500px);
  transform: scale(.92);
}
.bp-intro__logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 96dvh;
  object-fit: contain;
}
.bp-intro.bp-intro--play { animation: bp-overlay 5.2s ease-in-out both; }
.bp-intro.bp-intro--play .bp-intro__picture { animation: bp-zoom 2s ease-out both; }
@keyframes bp-zoom {
  0%, 25% { transform: scale(.92); }
  100% { transform: scale(1); }
}
@keyframes bp-overlay {
  0%, 76.923% { opacity: 1; }
  100% { opacity: 0; }
}
@media (max-width: 650px) and (orientation: portrait) {
  .bp-intro__picture { width: min(100vw, 650px); }
}
@media (prefers-reduced-motion: reduce) {
  .bp-intro { display: none !important; }
  .bp-intro *, .bp-intro { animation: none !important; }
}