.post-layout.verhaal-layout {
	border: 1px solid rgba(18, 18, 18, 0.20);
	aspect-ratio: 1;
	position: relative;
}
.post-layout.verhaal-layout img {
	contain-intrinsic-size: none;
	width: 100%;
}
.post-layout.verhaal-layout .verhaal-hover-image {
	position: absolute;
	inset: 0;
	z-index: 1;
}
.post-layout.verhaal-layout .verhaal-hover-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.post-layout.verhaal-layout .verhaal-wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	height: 100%;
	background: var(--white);
	text-decoration: none;
	color: var(--text-color);
	padding: max(1rem, calc(2.5 * var(--su)));
	transition: opacity 0.2s ease;
}
.post-layout.verhaal-layout .verhaal-wrapper:hover {
	opacity: 0;
}
.post-layout.verhaal-layout .verhaal-head {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}
.post-layout.verhaal-layout .verhaal-head .verhaal-image {
	width: max(100px, calc(6.25 * var(--su)));
}
.post-layout.verhaal-layout .verhaal-head .verhaal-image img {
	width: 100%;
	aspect-ratio: 1;
}
.post-layout.verhaal-layout .verhaal-head .pk-heading {
	font-size: var(--desktop-body-md);
	text-transform: none;
	margin-bottom: 0.75em;
}
.post-layout.verhaal-layout .verhaal-text,
.post-layout.verhaal-layout .pk-button-group {
	margin-top: max(1.5rem, calc(2 * var(--su)));
}