/* ============================================================
   Conference announcement — page-only styles (one screen).
   Builds on /style.css v2: reuses .hero-bg (photo), .h-section (title), .hero-tagline (dates strip), body text size —
   so the type matches the homepage (Lena 2026-11-05). This file only lays them out on the cover.
   ============================================================ */

/* full-height cover; text block centered on the photo */
.conf-cover {
  position: relative;
  margin-top: var(--header-h);
  min-height: calc(100vh - var(--header-h));
  min-height: calc(100svh - var(--header-h));
  background: var(--space);
  overflow: hidden;
  display: flex; align-items: center;
}
.conf-cover-inner {
  position: relative; z-index: 1;
  width: 100%; padding: 64px var(--pad-x);
  text-align: center;
  /* scrim: the photo's sun flare sits right behind the title — keep the text readable */
  background: radial-gradient(50% 50% at 50% 50%, rgba(10, 10, 14, 0.62) 0%, rgba(10, 10, 14, 0.38) 55%, transparent 100%);
  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
}
.conf-title { text-transform: uppercase; }        /* site section headings are capitals (ЛЮДИ, СОБЫТИЯ…) */
.conf-dates { display: inline-block; margin-top: 28px; }
.conf-text { max-width: 760px; margin: 32px auto 0; color: var(--cream); }   /* size/line-height: site body */
.conf-text p + p { margin-top: 16px; }
.conf-cta { margin-top: 44px; display: flex; justify-content: center; }

@media (max-width: 600px) {
  .conf-cover-inner { padding: 48px 24px; }
  .conf-cta .btn { height: auto; min-height: 48px; padding: 10px 20px; }
}