.squaretiles {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}


.squaretile {
	padding-top: 3.6vw;
	padding-bottom: 3.6vw;
	padding-left: var(--site-padding);
	padding-right: var(--site-padding);
	min-width: calc(100vw - var(--wp--style--root--padding-right) * 2);

	hyphens: auto;
	aspect-ratio: 1 / 1;

	scroll-snap-align: center;
	scroll-snap-stop: always;
}

.squaretile h4 {
	min-height: 3.96em;
}

.squaretile p {
	min-height: 3.96em;
}

.squaretile .more {
	margin-block-start: 2.6em;
}

@media screen and (min-width: 580px) {

	.squaretile {
		min-width: 65vw;
	}

}
@media screen and (min-width: 800px) {

	.squaretile {
		min-width: 45vw;
	}

}
@media screen and (min-width: 1024px) {

	.squaretile {
		min-width: 40vw;
	}

}
@media screen and (min-width: 1400px) {

	.squaretile {
		min-width: 37.5vw;
	}

}
@media screen and (min-width: 1800px) {

	.squaretile {
		min-width: 30vw;
	}

}