/* Címlap (főoldal fejsáv). A csíkos kék felület a .masthead-ről jön.
   A v2 terv két hasábos: balra a cím és a mottó, jobbra -- arany választóvonal
   mögött -- az adatsáv (dátum, helyszín, szervező) és a regisztráció gombja. */

.cover {
  display: grid;
  gap: clamp(var(--sp-6), 5vw, var(--sp-8));
  padding-block: clamp(var(--sp-7), 8vw, var(--sp-9));
}

@media (min-width: 62rem) {
  .cover {
    /* A jobb hasáb a tervlapon a szélesség kb. harmada. */
    grid-template-columns: 1fr minmax(16rem, 22rem);
    align-items: start;
  }

  .cover__rail {
    padding-left: clamp(var(--sp-6), 4vw, var(--sp-8));
    border-left: 1px solid var(--c-rule-on-dark);
  }
}

.cover__main {
  align-self: center;
}

/* A kiadás sorszáma a címmel EGY sorban kezdődik, aranyban -- a pontot a
   sablon teszi ki. */
.cover__edition {
  color: var(--c-gold-on-dark);
}

.cover__title {
  margin: 0;
  color: var(--c-on-dark);
  font-size: var(--fs-display);
  font-weight: var(--fw-bold);
  letter-spacing: var(--ls-display);
  line-height: var(--lh-display);
  text-wrap: balance;
}

/* Mottó: az arculat egyetlen kurzív eleme (Instrument Serif Italic). */
.cover__motto {
  margin: clamp(var(--sp-5), 3vw, var(--sp-6)) 0 0;
  color: var(--c-gold-on-dark);
  font-family: var(--font-script);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-style: italic;
  font-weight: var(--fw-body);
  line-height: 1.2;
}

/* ------------------------------------------------------------------ adatsáv */

.cover__facts {
  display: grid;
  gap: clamp(var(--sp-5), 3vw, var(--sp-6));
  margin: 0;
}

.cover__fact-label {
  color: var(--c-on-dark-muted);
  font-size: var(--fs-label);
  font-weight: var(--fw-semi);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
}

.cover__fact-value {
  margin: var(--sp-2) 0 0;
  color: var(--c-on-dark);
  font-size: var(--fs-h3);
  line-height: 1.25;
}

/* Helyszínrajz: térképtű + a Néprajzi Múzeum sziluettje -- mindkettő a képen. */
.cover__venue {
  margin: var(--sp-1) 0 0;
}

.cover__venue img {
  width: 100%;
  max-width: 18rem;
  height: auto;
}

.cover__cta {
  width: 100%;
  margin-top: clamp(var(--sp-6), 4vw, var(--sp-7));
  /* A tervlapon a címlap gombja a világosabb arany -- mélykéken ez a tónus áll. */
  background: var(--c-gold-light);
}

.cover__cta:hover {
  background: var(--c-gold);
}