/* WEMMS MASCOTS V1 — keeps characters small, transparent and out of print */
.wm-mascot-managed,
.wm-mascot-extra {
  object-fit: contain;
  object-position: center;
  background: transparent;
  max-width: 100%;
  height: auto;
}
.wm-mascot-extra {
  display: block;
  user-select: none;
  pointer-events: none;
  flex: none;
}
.wm-mascot-hero {
  position: absolute;
  right: 0;
  bottom: -14px;
  width: clamp(78px, 9vw, 116px);
  z-index: 3;
  filter: drop-shadow(0 3px 2px rgba(45,50,40,.06));
}
.wm-mascot-why {
  width: min(140px, 100%);
  margin: 24px 0 0;
}
.wm-mascot-whom {
  position: absolute;
  top: 15px;
  right: 12px;
  width: 66px;
  opacity: .98;
}
.audience-grid article:last-child h3 { padding-right: 75px; }
.wm-mascot-how { width: 122px; margin: 22px 0 0; }
.wm-mascot-order { width: 128px; margin: 22px 0 0 auto; }
.wm-mascot-editor { width: 90px; }
.wm-mascot-collage { width: 112px; margin: 20px 0 0; }
/* Existing mascot placeholders should display the whole character. */
img.mascot.wm-mascot-managed,
img.section-mascot.wm-mascot-managed,
.last > img.wm-mascot-managed,
.ending > img.wm-mascot-managed { object-fit: contain; }
@media (max-width: 760px) {
  .wm-mascot-hero { width: 80px; right: 2px; bottom: 0; }
  .wm-mascot-why { width: 104px; margin-top: 12px; }
  .wm-mascot-whom { width: 58px; }
  .audience-grid article:last-child h3 { padding-right: 65px; }
  .wm-mascot-how { width: 94px; }
  .wm-mascot-order { width: 100px; }
  .wm-mascot-collage { width: 86px; }
}
@media print {
  .wm-mascot-extra { display: none !important; }
}