@charset "UTF-8";

:root {
  color-scheme: dark;
  background: #07110d;
  color: #e9e4d3;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; }
body { background: #07110d; -webkit-font-smoothing: antialiased; }

.brand-stage {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
}

.stage-background,
.stage-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.stage-background {
  z-index: -2;
  display: block;
  object-fit: cover;
  object-position: 55% 50%;
}

.stage-shade {
  z-index: -1;
  background:
    radial-gradient(ellipse at center, #04100a30 5%, #04100a14 48%, #0208059c 100%),
    linear-gradient(0deg, #0208058c 0%, #02080508 38%, #02080526 100%);
}

.brand-lockup {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(620px, 66vw);
  max-width: calc(100% - 44px);
}

.brand-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 68vh;
  max-height: 68svh;
  object-fit: contain;
  filter: drop-shadow(0 12px 28px #000b);
}

.coming-soon {
  margin: -8px 0 0;
  padding-left: .32em;
  color: #e3c88b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(16px, 2.2vw, 25px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .32em;
  text-transform: uppercase;
  text-align: center;
  background: linear-gradient(180deg, #fff1c4 5%, #d9b66d 48%, #ac7b37 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 2px #000) drop-shadow(0 0 14px #000);
}

@media (max-width: 600px) {
  .stage-background { object-position: 58% 50%; }
  .brand-lockup { width: 84vw; }
}

@media (max-height: 500px) and (orientation: landscape) {
  .brand-logo { max-height: 56vh; max-height: 56svh; }
  .coming-soon { margin-top: 0; font-size: 16px; }
}
