/* Local CHIMS preview overrides. Not included by the production LU•MA landing. */
:root {
  --app: #191818;
  --card: #262424;
  --card2: #2d2a2a;
  --gold: #d7b46a;
  --gold-soft: #ead39b;
  --line: rgba(215, 180, 106, .18);
}

.brand-slogan {
  max-width: 620px;
  margin-bottom: 14px;
  color: var(--gold-soft);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(17px, 1.45vw, 23px);
  font-style: italic;
  line-height: 1.45;
}

@media (max-width: 540px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .wrap,
  .hero-grid,
  .hero-grid > *,
  .trust,
  .trust-card {
    min-width: 0;
    max-width: 100%;
  }

  .nav-cta > .btn,
  .nav-cta > .userchip {
    display: none;
  }

  .hero h1 {
    font-size: clamp(40px, 12vw, 46px);
  }

  .brand-slogan {
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    line-height: 1.4;
  }

  .hero-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-cta .btn {
    width: 100%;
    justify-content: center;
  }

  .trust-card,
  .trust-card div,
  .trust-card b {
    overflow-wrap: anywhere;
  }
}