@import url("../brand.css");

/* Finished browser Rulebook hero art is shown directly. The previous cover
   treatment was designed to soften a sketch scan and would overprocess the
   replacement woodcut. */
.hero-art img {
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
  -webkit-mask-image: none;
  mask-image: none;
}

.leader-portrait-gallery {
  margin: 26px 0 34px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: end;
}

.leader-portrait-figure {
  margin: 0;
  min-width: 0;
  text-align: center;
}

.rulebook-content .leader-portrait-figure img.leader-portrait {
  width: 100%;
  max-width: 390px;
  max-height: 430px;
  margin: 0 auto;
  object-fit: contain;
  object-position: center bottom;
}

.leader-portrait-figure figcaption {
  margin-top: 4px;
  padding-top: 9px;
  border-top: 1px solid var(--rulebook-line);
  color: var(--chapter-accent, var(--rulebook-ink));
  font-family: var(--rulebook-heritage);
  font-size: 1.45rem;
  line-height: 1;
}

@media (max-width: 620px) {
  .leader-portrait-gallery {
    gap: 14px;
  }

  .rulebook-content .leader-portrait-figure img.leader-portrait {
    max-height: 300px;
  }

  .leader-portrait-figure figcaption {
    font-size: 1.15rem;
  }
}