.homepage-shell {
	padding-top: 5px;
	padding-bottom: 30px;
}

.homepage-heading {
	margin: 0 0 13.6px;
	color: #555555;
	font-size: 27.2px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.homepage-image-area {
	padding-top: 7.5px;
}

.homepage-image-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: calc(var(--rareave-gutter) * -1);
}

.homepage-image-frame {
	min-width: 0;
	padding: 0 var(--rareave-gutter) 30px;
}

.homepage-image {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	border-radius: 5px;
	object-fit: cover;
	transition: opacity 1s;
}

@media (max-width: 550px) {
	.homepage-heading {
		margin-bottom: 11.2px;
		font-size: 22.4px;
	}
}