.blind_encounters-block {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    background: var(--colorAlpha);
    border-radius: var(--size-s);
    padding: var(--size-s) var(--size);
}




.blind_encounters-block .--title {padding: 0 var(--size);}
.blind_encounters-block .--title p {margin-top: var(--size);}
.blind_encounters-block .--info {
    display: flex;
    justify-content: space-between;
}




/* 
LARGE
*/
.blind_encounters-block.--large {aspect-ratio: 3/2;}
@media only screen and (min-width: 2048px) {
    .blind_encounters-block.--large {
        padding: var(--size);
    }
}




/* 
SMALL & XSMALL
*/
.blind_encounters-block.--small {
    aspect-ratio: 1/1;
    padding: var(--size);
}

.blind_encounters-block.--small .--title h4 {
    word-wrap: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
}

@media only screen and (min-width: 1096px) {
    .blind_encounters-block.--small {aspect-ratio: 2/3;}

    .blind_encounters-block.--small.--xsmall {
        aspect-ratio: 1/1;
        justify-content: center;
        padding: var(--size-m);
    }

    .blind_encounters-block.--small.--xsmall .--info {margin-top: var(--size);}
}

@media (hover: hover) {
    .blind_encounters-block {transition: background 200ms ease-in-out, color 200ms ease-in-out;}

    .blind_encounters-block:hover {
        background: var(--color);
        color: var(--c-white);
    }
    .blind_encounters-block:hover .t-color_alpha {color: var(--c-whiteAlpha);}
}