/* Card hover effects — loaded separately so they apply even if Vite CSS is stale. */
.art-card,
.art-teaser-card {
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        outline-color 0.2s ease;
}

.art-card:hover,
.art-teaser-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 14px 28px -12px rgb(13 43 62 / 0.22),
        0 6px 12px -6px rgb(13 43 62 / 0.1);
    outline: 1px solid var(--art-gold, #dda15e);
    outline-offset: 0;
}

.art-teaser-media {
    overflow: hidden;
}

.art-teaser-media img {
    transition:
        transform 0.35s ease,
        opacity 0.35s ease;
}

.art-teaser-card:hover .art-teaser-media img {
    transform: scale(1.05);
    opacity: 0.92;
}