.event-card {
  min-height: 690px;
  padding: 1.7rem;
  background: #0d0e12;
}

.event-card::before {
  z-index: 0;
  background: radial-gradient(circle at 78% 14%, var(--glow), transparent 38%), linear-gradient(165deg, rgba(255, 255, 255, .05), transparent 48%);
}

.event-card-media {
  position: relative;
  z-index: 1;
  height: 225px;
  margin: 1.35rem -.45rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .13);
  background: linear-gradient(145deg, #191a21, #090a0e);
  isolation: isolate;
}

.event-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 55%, rgba(10, 11, 15, .88) 100%), linear-gradient(90deg, rgba(10, 11, 15, .16), transparent 45%);
}

.event-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease, filter .45s ease;
}

.event-card:hover .event-card-media img { transform: scale(1.035); }
.event-mai .event-card-media { background: radial-gradient(circle at 72% 30%, rgba(250, 42, 149, .58), transparent 60%), #140d17; }
.event-mai .event-card-media img { object-position: 63% 42%; clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 22%); }
.event-mai .event-card-media-duo { display: grid; grid-template-columns: 1fr 1fr; background: linear-gradient(135deg, #341129, #130d18 52%, #391130); }
.event-mai .event-card-media-duo > img { position: relative; z-index: 1; width: 100%; height: 100%; clip-path: none; }
.event-mai .event-card-media-duo > img:first-child { object-fit: contain!important; object-position: center center!important; padding: 10px 6px!important; filter: drop-shadow(0 12px 18px rgba(0,0,0,.5)); transform:none!important; }
.event-mai .event-card-media-duo > .event-card-secondary { object-fit: contain!important; object-position: center center!important; padding: 10px 6px!important; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .5)); transform:none!important; }
.event-mai:hover .event-card-media-duo > img:first-child,.event-mai:hover .event-card-media-duo > .event-card-secondary { transform:none; }
.event-brueder .event-card-media { background: #06080f; }
.event-brueder .event-card-media img { object-position: center 62%; filter: saturate(1.15) contrast(1.08); }
.event-brueder .event-card-media-duo > img:first-child { width: 100%; height: 100%; object-fit: cover; }
.event-brueder .event-card-media-duo > .event-card-secondary { position: absolute; z-index: 3; right: 12px; bottom: 12px; width: 104px; height: 104px; object-fit: cover; object-position: center; border-radius: 50%; border: 2px solid rgba(255,255,255,.78); box-shadow: 0 8px 26px rgba(0,0,0,.72); filter: none; }
.event-sven .event-card-media { background: radial-gradient(circle at 70% 35%, rgba(255, 167, 35, .42), transparent 58%), #111015; }
.event-sven .event-card-media img { object-fit: contain; object-position: 72% bottom; filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .5)); transform-origin: center bottom; }
.event-sven:hover .event-card-media img { transform: scale(1.035) translateY(-2px); }
.event-card-body { margin-top: 0; }
.event-card h2,
.event-card h3 { font-size: clamp(2.8rem, 4vw, 4.6rem); }
.event-card-body > p:first-child { color: #e3e3e6; }
.event-copy { font-size: 15px; line-height: 1.55; }
.event-price { font: 800 13px 'Barlow Condensed'; letter-spacing: .05em; text-transform: uppercase; color: var(--lime); }
.event-card-actions { margin-top: auto; }

@media (max-width: 900px) {
  .event-card { min-height: 620px; }
  .event-card-media { height: 270px; }
  .event-card h2,
  .event-card h3 { font-size: clamp(3rem, 13vw, 5rem); }
}
