/**
 * Flyer-comparison slideshow
 *
 * The viewer inherits the standard Spring Show slideshow. These additions
 * give portrait flyers more room and keep the exact filename prominent.
 */
.flyer-comps-title h1 {
  color:var(--gold)
}
.flyer-comps-slideshow .flyer-slide.is-active {
  grid-template-rows:minmax(0,1fr) auto;
  gap:1rem
}
.flyer-comps-slideshow .flyer-slide img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:calc(clamp(32rem,82vh,60rem) - 7.5rem);
  min-height:0
}
.flyer-comps-slideshow .flyer-slide figcaption {
  align-self:end;
  padding:1rem 1.25rem;
  border-top:1px solid rgba(255,255,255,.22);
  background:#101b33;
  color:#fff;
  font:500 clamp(1.6rem,3vw,2.8rem)/1.15 var(--font-display);
  overflow-wrap:anywhere;
  text-transform:none
}
.flyer-comps-slideshow .flyer-count {
  font-variant-numeric:tabular-nums
}
@media(max-width:700px) {
  .flyer-comps-title {
    gap:2rem
  }
  .flyer-comps-slideshow .flyer-slide figcaption {
    padding:.8rem;
    font-size:clamp(1.25rem,6vw,2rem)
  }
  .flyer-comps-slideshow .flyer-slide img {
    max-height:calc(clamp(22rem,60vh,38rem) - 6rem)
  }
}