/* Království 0.10.25a18 – přísně jednotný systém bannerů hlavních sekcí.
   Homepage je záměrně vynechána a ponechává si unikátní hero. */

.site-section-hero {
  --site-hero-height: 340px;
  --site-hero-pad-x: 48px;
  --site-hero-pad-y: 38px;
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100% !important;
  height: var(--site-hero-height) !important;
  min-height: var(--site-hero-height) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 32px !important;
  padding: var(--site-hero-pad-y) var(--site-hero-pad-x) !important;
  overflow: hidden !important;
}

.site-section-hero--with-emblem {
  grid-template-columns: minmax(0, 1fr) 216px !important;
}

.site-section-hero .hero-copy,
.site-section-hero .chronicle-hero__copy,
.site-section-hero .hall-hero__copy,
.site-section-hero .arena-hero__copy {
  position: relative !important;
  z-index: 3 !important;
  align-self: start !important;
  justify-self: start !important;
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-section-hero .eyebrow {
  min-height: 16px;
  margin: 0 0 10px !important;
  color: var(--k-gold-2, #f1c96d) !important;
  font-family: var(--k-font-ui, Georgia, 'Times New Roman', serif) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .82) !important;
}

.site-section-hero h1 {
  max-width: 900px !important;
  margin: 0 0 14px !important;
  color: #fff0cf !important;
  font-family: var(--k-font-display, Georgia, 'Times New Roman', serif) !important;
  font-size: 4.7rem !important;
  font-weight: 700 !important;
  line-height: .92 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
  text-shadow: 0 5px 25px rgba(0, 0, 0, .82) !important;
}

.site-section-hero .hero-copy > p:not(.eyebrow),
.site-section-hero .chronicle-hero__copy > p:not(.eyebrow),
.site-section-hero .hall-hero__copy > p:not(.eyebrow),
.site-section-hero .arena-hero__copy > p:not(.eyebrow),
.site-section-hero .hero-text {
  max-width: 800px !important;
  margin: 0 !important;
  color: #d4c6aa !important;
  font-family: var(--k-font-ui, Georgia, 'Times New Roman', serif) !important;
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  text-wrap: pretty;
  text-shadow: 0 2px 9px rgba(0, 0, 0, .9) !important;
}

.site-section-hero .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
}

.site-section-hero .hero-meta,
.site-section-hero .hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 13px 0 0 !important;
}

.site-section-hero .section-emblem {
  align-self: center !important;
  justify-self: end !important;
  width: 216px !important;
  min-width: 216px !important;
  min-height: 216px !important;
  max-height: 216px !important;
  margin: 0 !important;
}

/* Aréna má obrazovou vrstvu uvnitř banneru, ale stejnou mřížku a textovou osu. */
.site-section-hero .arena-hero__art,
.site-section-hero .arena-hero__shade {
  position: absolute;
  inset: 0;
}

@media (max-width: 1240px) {
  .site-section-hero {
    --site-hero-height: 330px;
    --site-hero-pad-x: 40px;
    --site-hero-pad-y: 34px;
  }

  .site-section-hero h1 {
    font-size: 4.15rem !important;
  }

  .site-section-hero .hero-copy > p:not(.eyebrow),
  .site-section-hero .chronicle-hero__copy > p:not(.eyebrow),
  .site-section-hero .hall-hero__copy > p:not(.eyebrow),
  .site-section-hero .arena-hero__copy > p:not(.eyebrow),
  .site-section-hero .hero-text {
    max-width: 720px !important;
    font-size: 1rem !important;
  }
}

@media (max-width: 1120px) {
  .site-section-hero,
  .site-section-hero--with-emblem {
    --site-hero-height: 320px;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .site-section-hero .section-emblem {
    display: none !important;
  }

  .site-section-hero h1 {
    font-size: 3.85rem !important;
  }
}

@media (max-width: 760px) {
  .site-section-hero,
  .site-section-hero--with-emblem,
  .site-section-hero--plain {
    --site-hero-pad-x: 19px;
    --site-hero-pad-y: 25px;
    height: auto !important;
    min-height: 320px !important;
    align-items: end !important;
  }

  .site-section-hero .hero-copy,
  .site-section-hero .chronicle-hero__copy,
  .site-section-hero .hall-hero__copy,
  .site-section-hero .arena-hero__copy {
    align-self: end !important;
  }

  .site-section-hero h1 {
    margin-bottom: 12px !important;
    font-size: 3.2rem !important;
    line-height: .94 !important;
  }

  .site-section-hero .hero-copy > p:not(.eyebrow),
  .site-section-hero .chronicle-hero__copy > p:not(.eyebrow),
  .site-section-hero .hall-hero__copy > p:not(.eyebrow),
  .site-section-hero .arena-hero__copy > p:not(.eyebrow),
  .site-section-hero .hero-text {
    font-size: .98rem !important;
    line-height: 1.54 !important;
  }
}

@media (max-width: 440px) {
  .site-section-hero,
  .site-section-hero--with-emblem,
  .site-section-hero--plain {
    min-height: 300px !important;
    --site-hero-pad-x: 16px;
    --site-hero-pad-y: 22px;
  }

  .site-section-hero h1 {
    font-size: 2.65rem !important;
  }
}