/* Collage of creator owner thumbnails under /explore/opinions header */
.opinions-creator-collage {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 2rem));
    gap: 0.3rem;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 640px) {
    .opinions-creator-collage {
        grid-template-columns: repeat(8, minmax(0, 2.35rem));
        gap: 0.35rem;
        max-width: 26rem;
    }
}

.opinions-creator-collage__img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 9999px;
    border: 2px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

/* Slight stagger for a collage feel (keeps layout grid intact) */
.opinions-creator-collage__img:nth-child(3n) {
    transform: rotate(-4deg);
}
.opinions-creator-collage__img:nth-child(3n + 1) {
    transform: rotate(3deg);
}
.opinions-creator-collage__img:nth-child(3n + 2) {
    transform: rotate(-2deg);
}
