/* The brand entry point at `/`: logo and name, centred, nothing else.
 * The font, palette and wood background come from game.css and are not restated here. */

.landing-body {
  overflow-x: hidden;
}

.landing {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(.6rem, 2vw, 1.1rem);
  padding: 2rem 1rem;
  text-align: center;
}

.landing-logo {
  /* The real mark is black on transparent, so it is given a light plate instead of a
   * recoloured or rebuilt logo: the asset itself is never edited. */
  width: min(72vw, 240px);
  height: auto;
  padding: clamp(1rem, 5vw, 1.9rem);
  background: var(--cream);
  border-radius: 20px;
  box-shadow: var(--shadow), 0 0 0 1px rgba(245, 192, 75, .5);
}

.landing-name {
  margin: 0;
  font-size: clamp(1.15rem, 4.5vw, 2rem);
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
}

.landing-note {
  margin: 0;
  font-size: .95rem;
  color: rgba(255, 246, 230, .8);
}

.landing-note a {
  color: var(--gold);
  text-decoration: none;
  border-bottom: 1px solid rgba(245, 192, 75, .45);
}