.vk-page-hero {
	--vk-page-hero-height: calc((100vh * 2 / 3) - var(--vk-header-height));
	--vk-page-hero-title-size: clamp(24px, 2vw + 18px, 37px);
	--vk-page-hero-title-padding-y: clamp(24px, 2vw + 18px, 38px);
	--vk-page-hero-title-padding-x: clamp(28px, 2.5vw + 20px, 46px);

	position: relative;
	width: auto;
	height: var(--vk-page-hero-height);
	margin-top: 0;
	margin-bottom: 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.vk-page-hero__title {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin: 0;
	padding: var(--vk-page-hero-title-padding-y) var(--vk-page-hero-title-padding-x);
	font-family: var(--wp--preset--font-family--din-light);
	font-size: var(--vk-page-hero-title-size);
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: clamp(-0.5px, -0.05vw, -1px);
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	background-color: #695757;
	transform: translateX(-50%);
}