.collection-card
{
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    row-gap: var(--text-spacing-md);
}
.collection-card:not(.detail-collection-card):hover .collection-card-image, .collection-card:not(.detail-collection-card):focus-within .collection-card-image
{
    transform: scale(1.0125);
}
.collection-card .collection-card-image-wrapper
{
    position: relative;
    aspect-ratio: 4/5;
    overflow: hidden;
}
.collection-card .collection-card-image-wrapper img
{
    background-color: var(--color-neutral-100);
}
.collection-card.detail-collection-card .collection-card-image-wrapper
{
    background-color: var(--color-neutral-100);
}
.collection-card.detail-collection-card .collection-card-image-wrapper img
{
    background-color: rgba(0,0,0,0);
    mix-blend-mode: multiply;
}
.collection-card .collection-card-image
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity .25s ease-out,transform .25s ease-out;
}
.collection-card .placeholder-svg
{
    background-color: var(--color-neutral-200);
}
.collection-card .collection-card-content-container
{
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
}
.collection-card .collection-card-caption
{
    margin-bottom: 0;
    transition: color .25s ease-out;
}
.collection-card .collection-card-link
{
    color: var(--text-primary);
}
.collection-card .collection-card-link:focus-visible
{
    outline: none;
}
.collection-card .collection-card-link:focus-visible:after
{
    outline: 3px solid var(--color-focus);
    outline-offset: 3px;
}
.collection-card .collection-card-link:after
{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}