/* ------------------------------------------------------------------
   local.css — compatibility layer for the static replica of afterparty.com.
   All visual styling comes from the original Afterparty stylesheets
   (2.7fcb06de.chunk.css / main.9498d03e.chunk.css); this file only adds
   the handful of rules the React app used to apply at runtime.
   ------------------------------------------------------------------ */

html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }

/* Only one device variant is shown at a time. The page-builder markup carries
   explicit `display` values, so the hidden variant needs a hard rule. */
[data-variant][hidden] { display: none !important; }

/* the original app rendered this wrapper as a positioned overlay root */
.afterpartyStaticHomeComponent { position: relative; }

/* The Lottie wordmark ("LIVE") is a frozen SVG snapshot of a running
   animation, so the aspect ratio baked into the capture is a single frame's.
   Match the ratio the live player reserves for the container (392:82 at the
   1440px reference width) so the height tracks the width instead of the
   captured frame. */
.Lottie.Desktop > div { aspect-ratio: 392 / 82; }
.Lottie.Desktop svg { height: 100% !important; max-width: 100%; }

/* Interactive rows keep their original <div> markup; the click destinations
   live in data-goto and are wired up by the page script. */
.footerColumnRow[data-goto],
.buttonElement[data-goto],
[data-goto][role="link"] { cursor: pointer; }

/* mobile menu reveal (the React app did this with inline styles) */
@media (max-width: 900px) {
  .nav-open .splashFooterSectionInner { flex-direction: column; }
}