/* Optional artwork treatment for Sector Directory cards.
   Cards without dedicated Location artwork keep the existing text-only design. */

.location-card.has-artwork {
    flex-direction: column;
    min-height: 0;
}

.location-card-artwork {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #d8c18c;
    border-bottom: 1px solid rgba(107, 71, 37, .28);
}

.location-card-artwork::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 28%;
    pointer-events: none;
    background: linear-gradient(to bottom, transparent, rgba(48, 29, 13, .18));
}

.location-card-artwork img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease, filter .35s ease;
}

.location-card.has-artwork .location-card-content {
    flex: 1;
    padding-top: 20px;
}

.location-card.has-artwork:hover .location-card-artwork img,
.location-card.has-artwork:focus-visible .location-card-artwork img {
    transform: scale(1.035);
    filter: saturate(1.04) contrast(1.02);
}

@media (max-width: 650px) {
    .location-card-artwork {
        aspect-ratio: 16 / 8.8;
    }
}

@media (prefers-reduced-motion: reduce) {
    .location-card-artwork img {
        transition: none;
    }
}