.post-layout.blog-layout {
	aspect-ratio: 1;
	overflow: hidden;
}
.post-layout.blog-layout a {
	display: block;
	position: relative;
	color: var(--off-white);
	text-decoration: none;
}
.post-layout.blog-layout .blog-image {
	aspect-ratio: 1;
	width: 100%;
}
.post-layout.blog-layout .blog-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: scale 0.2s ease;
}
.post-layout.blog-layout:hover .blog-image img {
	scale: 1.05;
}

.post-layout.blog-layout .blog-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--off-black);
	color: var(--off-white);
	padding: max(1rem, calc(2 * var(--su)));
}
.post-layout.blog-layout .blog-content .pk-heading {
	color: inherit;
	text-transform: none;
	margin-bottom: 0.5em;
}