@charset "UTF-8";

/* Keep the opening brand mark visually centered, especially on mobile browsers. */
.site_opening {
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
}

.site_opening_brand {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100vh;
  height: 100svh;
  height: 100dvh;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  pointer-events: none;
  animation: abOpeningBrandCenter 0.75s ease 0.12s forwards !important;
}

.site_opening_brand img {
  display: block;
  width: clamp(320px, 30vw, 420px) !important;
  max-width: 76vw !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.site_opening_brand span {
  text-align: center;
}

.site_opening_skip {
  z-index: 3;
}

html.is-opening-pending::after {
  top: 50% !important;
  left: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

@keyframes abOpeningBrandCenter {
  to {
    opacity: 1;
    transform: none;
  }
}

@media screen and (max-width: 768px) {
  html.is-opening-pending::before,
  .site_opening {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
  }

  html.is-opening-pending::after,
  .site_opening_brand img {
    width: min(280px, 72vw) !important;
  }

  .site_opening_brand {
    width: 100% !important;
    max-width: none !important;
    height: 100vh;
    height: 100svh;
    height: 100dvh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site_opening_brand {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}