
[data-vp-layout=tiles] .vp-portfolio__item-wrap .vp-portfolio__item-img-wrap, [data-vp-layout=tiles] .vp-portfolio__items {
	margin-left: calc(var(--vp-items__gap) * -1);
	margin-top: calc(var(--vp-items__gap-vertical) * -1);
}

[data-vp-layout=tiles] .vp-portfolio__item-wrap .vp-portfolio__item {
	margin-left: var(--vp-items__gap);
	margin-top: var(--vp-items__gap-vertical);
}

[data-vp-layout=tiles] .vp-portfolio__item-img, [data-vp-layout=tiles] .vp-portfolio__item-img img {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

[data-vp-layout=tiles] .vp-portfolio__item-img {
	left: var(--vp-items__gap);
	top: var(--vp-items__gap-vertical);
}

[data-vp-layout=tiles] .vp-portfolio__item-img-wrap {
	display: block;
	overflow: hidden;
	position: relative;
}

[data-vp-layout=tiles] .vp-portfolio__item-img-wrap:before {
	content: "";
	display: block;
	padding-top: 56%;
}

[data-vp-layout=tiles] .vp-portfolio__item-img img {
	height: 100%;
	-o-object-fit: var(--vp-images__object-fit);
	object-fit: var(--vp-images__object-fit);
	-o-object-position: var(--vp-images__object-position);
	object-position: var(--vp-images__object-position);
	width: 100%;
}
