.project-visual.has-ai-logos {
    min-height: 19rem;
    background:
        radial-gradient(circle at 72% 30%, rgba(50, 118, 168, .34), transparent 11rem),
        linear-gradient(135deg, rgba(50, 118, 168, .42), rgba(11, 24, 38, .72)),
        repeating-linear-gradient(90deg, transparent 0 3.5rem, rgba(237, 244, 248, .07) 3.5rem calc(3.5rem + 1px));
}

.project-logo-composition {
    position: absolute;
    inset: 2.2rem 2.5rem 2rem;
}

.project-logo-composition img {
    position: absolute;
    height: auto;
    object-fit: contain;
}

.project-logo-openai {
    top: 8%;
    left: 5%;
    width: clamp(9.2rem, 16vw, 13rem);
    filter: invert(1);
    opacity: .92;
}

.project-logo-anthropic {
    top: 18%;
    left: 42%;
    width: clamp(4.8rem, 8vw, 6.8rem);
}

.project-logo-gemini {
    right: 2%;
    bottom: 8%;
    width: clamp(11rem, 20vw, 16rem);
}

@media (max-width: 42rem) {
    .project-visual.has-ai-logos {
        min-height: 15rem;
    }

    .project-logo-composition {
        inset: 1.8rem 1.5rem 1.4rem;
    }

    .project-logo-openai {
        width: 9.4rem;
    }

    .project-logo-anthropic {
        left: 56%;
        width: 4.9rem;
    }

    .project-logo-gemini {
        width: min(54%, 12rem);
    }
}