/* Shared token artwork for event heroes and cards. */
.event-art { --event-art-bg: var(--c-ink); --event-art-fg: var(--c-white); position: absolute; inset: 0; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; background: var(--event-art-bg); color: var(--event-art-fg); }
.event-art[data-min="kids"] { --event-art-bg: var(--c-green); --event-art-fg: var(--c-ink); }
.event-art[data-min="students"] { --event-art-bg: var(--c-forest); }
.event-art[data-min="royal-rangers"] { --event-art-bg: var(--c-ochre); --event-art-fg: var(--c-ink); }
.event-art[data-min="girls"] { --event-art-bg: var(--c-sage-deep); }
.event-art[data-min="network"] { --event-art-bg: var(--c-ink); }
.event-art[data-min="discipleship"] { --event-art-bg: var(--c-ink-muted); }
.event-art[data-min="church-planting"] { --event-art-bg: var(--c-sage); }
.event-art::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 75% 40%, color-mix(in srgb, var(--c-white) 20%, transparent), transparent 42%); }
.event-art__mark { position: absolute; z-index: 1; opacity: .16; overflow: hidden; }
/* Only the "WNM" part of the wordmark (about a third of its width) shows; the image is scaled so that part fills the box. */
.event-art__mark img { display: block; width: 294%; max-width: none; }
.event-art--hero .event-art__mark { top: 105px; right: 5%; width: min(9%, 95px); }
.event-art--card .event-art__mark { top: 20px; right: 20px; width: 62px; }
.mcard .event-art { z-index: -2; }
.mcard:has(.event-art)::after { background: linear-gradient(180deg, color-mix(in srgb, var(--c-ink) 45%, transparent), transparent 45%, color-mix(in srgb, var(--c-ink) 78%, transparent)); }
.mcard--event .mcard__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .event-art--hero .event-art__mark { top: 100px; right: 20px; width: 56px; }
}
.ecard .event-art { z-index: -2; } /* 28c-2b: the Home rail's placeholder art sits behind the card text */