@charset "UTF-8";
/* CSS Document */

.homepage-collage-wrapper {
	/*width: 83%%;*/
	width: 100%;
	max-width: 870px;
	aspect-ratio: 1.79 / 1; /* 1.78571429 */
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	margin-top: 24px;
}

.collage-left-column {
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.collage-left-column img {
	width: 115%;
}
.collage-mid-column {
	width: 19%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.mid-square {
	height: 33%;
	width: 100%;
	border-width: 1px;
}
.mid-square.top {
	width: 100%;
	height: 33%;
	overflow: hidden;
}
.mid-square.mid {
	width: 100%;
	height: 33%;
	overflow: hidden;
}
.mid-square.btm {
	width: 100%;
	height: 34%;
	overflow: hidden;
	object-fit: cover;
	object-position: center;
}
.collage-right-column {
	width: 56%;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}
.collage-right-column img {
	width: 110%;
	object-fit: cover;
	object-position: 50% 50%;
}

img {
	width: 105%;
}