/* Word Of Mic identity. Base layouts, motion and discovery behavior stay intact. */
:root {
  --gold: #dcb35c;
  --brass: #b58a36;
  --cream: #f4f1e9;
}

.brand {
  margin: 0 0 32px;
  overflow: visible;
}

.brand picture {
  display: block;
}

.brand img {
  position: static;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  max-width: 100%;
}

.welcome-logo {
  width: min(390px, 75vw);
  flex-shrink: 0;
  margin-bottom: 6px;
}

.welcome-actions .eyebrow {
  text-wrap: balance;
  max-width: 100%;
  letter-spacing: .16em;
}

.gold {
  background: linear-gradient(120deg, #ecd391, #cfaa58);
  color: #161005;
}

.gold:hover {
  background: #efdaaa;
}

.top-kicker {
  letter-spacing: .18em;
}

@media (min-width: 701px) and (max-width: 950px) {
  .brand {
    height: auto;
    margin-bottom: 25px;
  }

  .brand img {
    aspect-ratio: 1;
    object-fit: contain;
  }
}

@media (max-width: 700px) {
  .welcome-logo {
    width: min(310px, 82vw);
  }
}