/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.container {
  width: 100%;
}
.mx-auto {
  margin-inline: auto;
}
.block {
  display: block;
}
.h-full {
  height: 100%;
}
.w-full {
  width: 100%;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.cursor-pointer {
  cursor: pointer;
}
.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
body {
  background: #000;
}
.hover-state {
  display: none;
}
.hover-container:hover .default-state {
  display: none !important;
}
.hover-container:hover .hover-state {
  display: block !important;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.inset-0 {
  inset: 0;
}
.portrait-only {
  display: none;
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  .portrait-only {
    display: flex !important;
  }
  .rotate-phone-icon {
    animation: gentle-bounce 2s ease-in-out infinite;
  }
}
@keyframes gentle-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}
@media screen and (max-width: 768px) and (orientation: portrait) {
  body > div:not(#portrait-message) {
    display: none;
  }
}