.event-card{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:var(--color-text-on-media);background:var(--color-surface-raised);border:1px solid var(--color-border-hairline);box-shadow:var(--shadow-e1);aspect-ratio:3 / 4;isolation:isolate;transition:box-shadow var(--duration-base) var(--easing-standard),border-color var(--duration-base) var(--easing-standard)}@media(hover:hover){.event-card:hover{box-shadow:var(--shadow-e2);border-color:var(--color-border-strong);transition-duration:var(--duration-slow)}.event-card[data-variant=hero]:hover{box-shadow:var(--shadow-e3)}.event-card:hover .event-card-image{transform:scale(1.05);transition-duration:var(--duration-slow)}.event-card:hover .event-card-image-wrap:after{opacity:1;transition-duration:var(--duration-slow)}}.event-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.event-card[data-variant=hero]{aspect-ratio:4 / 5;box-shadow:var(--shadow-e2)}@media(min-width:768px){.event-card[data-variant=hero]{aspect-ratio:16 / 9}}@media(min-width:1280px){.event-card[data-variant=hero]{aspect-ratio:21 / 9}}.event-card[data-variant=grid]{aspect-ratio:4 / 5}.event-card-image-wrap{position:absolute;inset:0;background:var(--color-surface-sunken)}.event-card-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / 0) 40%,var(--color-image-dim) 100%);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--easing-standard)}.event-card-image{width:100%;height:100%;object-fit:cover;display:block;backface-visibility:hidden;transition:transform var(--duration-base) var(--easing-standard)}.event-card-image-fallback{background:var(--color-surface-sunken)}.event-card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / 0) 0%,rgb(0 0 0 / 0) 34%,var(--color-scrim) 62%,var(--color-scrim-heavy) 100%);pointer-events:none}.event-card-badges-top{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1);z-index:1}.event-card-badge{display:inline-block;padding:var(--space-05) var(--space-2);border-radius:var(--radius-full);font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--font-weight-medium);letter-spacing:.02em;text-transform:capitalize;background:var(--color-media-badge-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.event-card-badge-sponsored{color:var(--color-text-primary);border:1px solid var(--color-border);text-transform:none}.event-card-badge-trending{color:var(--color-warning);text-transform:none}.event-card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-3) var(--space-4);z-index:1}.event-card-title{font-size:var(--type-heading-size);font-weight:var(--font-weight-bold);line-height:var(--type-heading-line);margin:0 0 var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card[data-variant=hero] .event-card-title{font-size:var(--type-title-size);line-height:var(--type-title-line);-webkit-line-clamp:3}@media(min-width:1024px){.event-card[data-variant=hero] .event-card-title{font-size:var(--type-display-size);line-height:var(--type-display-line)}}.event-card-location{font-size:var(--type-caption-size);color:var(--color-info);margin:0 0 var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card-date{font-size:var(--type-caption-size);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0;text-transform:capitalize}.event-card-time{color:var(--color-text-tertiary);font-weight:var(--font-weight-regular)}.event-card[data-past=true] .event-card-image{filter:grayscale(.5)}.event-card-past-overlay{position:absolute;inset:0;background:var(--color-image-dim);display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--space-3);z-index:1}.event-card-past-overlay span{background:var(--color-media-badge-bg);border:1px solid var(--color-border);padding:var(--space-05) var(--space-2);border-radius:var(--radius-full);font-size:var(--type-caption-size);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--type-overline-tracking)}@media(prefers-reduced-motion:reduce){.event-card,.event-card-image,.event-card-image-wrap:after{transition-duration:1ms}.event-card:hover .event-card-image{transform:none}}