/* Three-image block — i2t3 component styles
 * A collage of three images: one large on the left, two stacked on the right.
 * Collapses to a single column on small screens. No script.
 */

.i2t3-threeimg__title { margin-bottom: 1rem; }
.i2t3-threeimg__grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1rem;
}
.i2t3-threeimg__item { margin: 0; height: 100%; }
.i2t3-threeimg__item--1 { grid-row: span 2; }
.i2t3-threeimg__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
    display: block;
}

@media (max-width: 575.98px) {
    .i2t3-threeimg__grid { grid-template-columns: 1fr; grid-template-rows: none; }
    .i2t3-threeimg__item--1 { grid-row: auto; }
}