/* Case gallery tiles keep each source ratio; the lightbox always uses originals. */
.portfolio-tile img,
.portfolio-archive__collage img,
.portfolio-case__cover img,
.portfolio-case__grid img,
.portfolio-case__other img {
	object-position: var(--case-focus-desktop, center center);
}

.portfolio-case__grid {
	display: block;
	columns: 3;
	column-gap: var(--s3, 1rem);
}
.portfolio-case__grid > .portfolio-open-photo {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 var(--s3, 1rem);
	break-inside: avoid;
	background: var(--surface-2);
}
.portfolio-case__grid > .portfolio-open-photo > img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: cover;
}
@media (max-width: 900px) {
	.portfolio-case__grid { columns: 2; }
}
@media (max-width: 560px) {
	.portfolio-tile img,
	.portfolio-archive__collage img,
	.portfolio-case__cover img,
	.portfolio-case__grid img,
	.portfolio-case__other img {
		object-position: var(--case-focus-mobile, var(--case-focus-desktop, center center));
	}
	.portfolio-case__grid { columns: 1; }
}