.hero_over-layout {
	position: relative;
	color: #ffffff;
	overflow: hidden;
	min-height: 130dvh;
	display: flex;
	/* flex-direction: column;
	justify-content: center;  */
    margin-top: 0;
}

.hero_over-layout .hero-bg iframe,
.hero_over-layout .hero-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 110%;
	object-fit: cover; object-position: center;
	z-index: 0;
}

.hero_over-layout::after {
	content: ''; position: absolute; inset: 0; z-index: 20;
	top: unset; height: 40vh; pointer-events: none;
	background: linear-gradient(360deg, #0C0C0C 0%, rgba(12, 12, 12, 0) 100%);
}
.hero_over-layout::before {
	content: ''; position: absolute; inset: 0; z-index: 5;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(181.67deg, rgba(0, 0, 0, 0.6) -9.65%, rgba(0, 0, 0, 0.336083) 13.22%, rgba(0, 0, 0, 0) 71.91%), linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

/* Content grid — left title + right column */
.hero_over-layout .pk-row {
	position: relative;
	z-index: 10;
	padding-block: max(12rem, calc(12 * var(--su)));
}
.hero_over-layout .pk-grid-container{
    grid-template-rows: 1fr 1fr; height: 100%;
}

.hero_over-layout .text-col{
    grid-row: 2; border-top: 1px solid #FFF;
    padding-top: max(1rem, calc(1 * var(--su)));
    display: grid;grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
}

@media screen and (max-width: 992px) {
	body:has(.hero_over-layout) {
		overflow-x: clip;
	}

	body:has(.hero_over-layout) .socials-sidebar {
		display: none;
	}

	.hero_over-layout {
		min-height: 720px;
		display: block;
		padding-inline: 0;
	}

	.hero_over-layout .hero-bg {
		height: 100%;
		object-position: center center;
	}

	.hero_over-layout .pk-row {
		width: 100%;
		max-width: none;
		padding: 170px var(--pk-site-gutter, 16px) 84px;
	}

	.hero_over-layout .pk-row-content {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		grid-template-rows: none;
		row-gap: 28px;
	}

	.hero_over-layout .pk-col,
	.hero_over-layout .text-col {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		width: 100%;
		max-width: 100%;
	}

	.hero_over-layout .pk-heading {
		max-width: 340px;
		font-size: clamp(38px, 10vw, 58px);
		line-height: .9;
	}

	.hero_over-layout .text-col {
		display: block;
		border-top: 1px solid rgba(255, 255, 255, .7);
		padding-top: 18px;
		max-width: 430px;
		margin-top: auto;
	}

	.hero_over-layout .text-col .pk-text {
		max-width: 320px;
	}
}

@media screen and (max-width: 374px) {
	.hero_over-layout .pk-row {
		padding-top: 158px;
	}
}