.hero_default-layout {
	margin-block: 0;
}
.hero_default-layout .pk-grid-container {
	align-items: end;
}

.hero_default-layout .breadcrumb-col {
	margin-bottom: max(2rem, calc(5 * var(--su)));
}

.hero_default-layout .image-col {
	position: relative;
}
.hero_default-layout .image-col::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: max(2.5rem, calc(2.5 * var(--su)));
	aspect-ratio: 1;
	display: block;
	background-color: var(--pink);
}
.hero_default-layout .image-col img {
	position: relative;
	z-index: 1;
	aspect-ratio: 15/19;
	max-height: max(500px, calc(100vh - (var(--pk-header-height, 120px) + 100px)));
	width: 100%;
	object-fit: cover;
}

.hero_default-layout .content-col .pk-button-group {
	margin-top: max(1.5rem, calc(2 * var(--su)));
}

@media screen and (min-width: 993px) {
	.hero_default-layout .content-col {
		padding-right: 5%;
	}

	.hero_default-layout.mode-left .content-col {
		order: 2; padding-right: 0; padding-left: 5%;
	}
	.hero_default-layout.mode-left .image-col {
		order: 1;
	}
	.hero_default-layout.mode-left .image-col::before {
		right: auto;
		left: 0;
	}
	
	.hero_default-layout .content-col .pk-text {
		max-width: 65%;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.hero_default-layout .image-col {
		margin-top: 2rem;
	}
}