/* Static-freeze fix for Pill Face.
   The Stockholm theme lays out its portfolio grid with JS that depends on the
   live WordPress backend; in a static freeze that init never sizes the items,
   so they collapse. Replace it with a robust CSS grid of square cells so the
   layout is stable even before the (many) images finish loading.
   !important is required to beat the theme's own portfolio rules. */
.projects_holder_outer, .projects_holder { width: 100% !important; }
.projects_holder {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
}
/* kill the theme's clearfix ::before/::after — as grid children they'd occupy
   a phantom first/last cell and push every tile over by one. */
.projects_holder:before, .projects_holder:after { content: none !important; display: none !important; }
.projects_holder article {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	height: auto !important;
	display: block !important;
}
.projects_holder article .image_holder,
.projects_holder article .image,
.projects_holder article a {
	display: block !important;
	width: 100% !important;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.projects_holder article img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}
@media (max-width: 900px) { .projects_holder { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { .projects_holder { grid-template-columns: repeat(1, 1fr) !important; } }