/* Shared image treatment for portfolio cards and homepage previews. */
.project-image-frame {
    display: block;
    overflow: hidden;
    border-radius: 8px;
}
.project-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: transform .2s ease;
}
.project-image-frame:hover .project-image {
    transform: scale(1.025);
}
@media (prefers-reduced-motion: reduce) {
    .project-image {
        transition: none;
    }
}