/* Photo-derived silhouettes: quiet, static accents behind the page content. */
.monarch-host { position: relative; isolation: isolate; }
.monarch-accent {
  position: absolute;
  display: block;
  width: clamp(110px, 17vw, 235px);
  aspect-ratio: 1;
  background: url('../img/monarch-spread-silhouette.png') center / contain no-repeat;
  filter: brightness(0) saturate(100%) invert(20%) sepia(14%) saturate(1031%) hue-rotate(87deg) brightness(92%) contrast(89%);
  opacity: .075;
  pointer-events: none;
  user-select: none;
  z-index: -1;
}
.monarch-accent--cupped {
  background-image: url('../img/monarch-cupped-silhouette.png');
}
.monarch-accent--shows { right: 1%; top: 0; transform: rotate(-18deg); }
.monarch-accent--about { right: 0; bottom: 0; width: clamp(95px, 12vw, 165px); transform: rotate(22deg); }
.monarch-accent--contact { left: 1%; top: 10%; transform: rotate(-24deg); }
.monarch-accent--listing { left: 1%; top: 95px; width: clamp(130px, 20vw, 290px); transform: rotate(18deg); opacity: .055; }
.monarch-accent--epk { right: 2%; top: 0; transform: rotate(-16deg); }
.monarch-accent--booking { right: 3%; bottom: 3%; transform: rotate(24deg); }
.monarch-accent--footer { right: 3%; bottom: -20px; width: 145px; transform: rotate(-12deg); opacity: .055; }
.warm-contact-page #contact-page-section > .monarch-accent--booking { top: 68px; right: 5%; bottom: auto; width: 115px; transform: rotate(-18deg); opacity: .065; }
.music-page .monarch-accent { filter: brightness(0) saturate(100%) invert(79%) sepia(22%) saturate(495%) hue-rotate(350deg); opacity: .1; }
@media (max-width: 820px) {
  .monarch-accent { width: 115px; opacity: .05; }
  .monarch-accent--about { bottom: 8px; width: 85px; }
  .monarch-accent--listing { top: 85px; left: auto; right: 3%; width: 140px; }
  .monarch-accent--contact { top: 0; }
  .monarch-accent--footer { width: 110px; }
  .warm-contact-page #contact-page-section > .monarch-accent--booking { top: 70px; right: 4%; width: 70px; opacity: .055; }
}