/* IFP image gallery, including its view in the Projects browser. */
.main:has(#projects-ifp .ifp-gallery) { max-width: 800px; }
.ifp-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}
.ifp-gallery-item { min-width: 0; }
.ifp-tile {
    display: block;
    border-radius: 8px;
    color: var(--ink);
    text-decoration: none;
}
.ifp-tile-image {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--paper);
}
.ifp-tile img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ifp-tile--brand img { object-fit: contain; padding: 16px; }
.ifp-tile--atlas .ifp-tile-image { background: #f5f0e8; }
.ifp-tile--factory .ifp-tile-image { background: #fffef3; }
.ifp-tile--construction .ifp-tile-image { background: #fafafa; }
.ifp-tile--cts .ifp-tile-image { background: #0a0a0a; }
.ifp-tile:focus-visible {
    outline: 2px solid var(--navy);
    outline-offset: 4px;
}
@media (max-width: 900px) {
    .ifp-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 480px) {
    .ifp-gallery { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}