.subpage-hero {
	position: relative;
	min-height: 803px;
	overflow: hidden;
	color: #e7e7e7;
	background: #1e1e1e;
}

.subpage-hero::before {
	content: "";
	position: absolute;
	left: -539px;
	bottom: -300px;
	z-index: 1;
	width: 1623.27px;
	height: 739px;
	background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, #1e1e1e 100%);
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	transform: rotate(40.21deg);
	transform-origin: center;
	pointer-events: none;
}

.subpage-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.subpage-hero__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.subpage-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.08);
	pointer-events: none;
}

.subpage-hero__breadcrumbs-wrap {
	--glass-background: rgba(242, 206, 181, 0.05);
	--glass-background-active: rgba(242, 206, 181, 0.15);
	--glass-frost: 0.04;
	--glass-depth: 0.2;

	position: absolute;
	top: 84px;
	left: 40px;
	z-index: 4;
	width: auto;
	min-height: 0;
	overflow: hidden;
	border-radius: 41px;
	background: linear-gradient(var(--glass-background), var(--glass-background));
	backdrop-filter: blur(calc(var(--glass-frost) * 120px + 8px)) saturate(132%);
	-webkit-backdrop-filter: blur(calc(var(--glass-frost) * 120px + 8px)) saturate(132%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 -1px 0 rgba(0, 0, 0, 0.18),
		0 10px 22px rgba(0, 0, 0, calc(var(--glass-depth) * 1.55));
	isolation: isolate;
}

.subpage-hero__breadcrumbs-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	padding: 1px;
	background:
		radial-gradient(150% 165% at 100% 0, rgba(0, 0, 0, 0.28), transparent 44%),
		radial-gradient(150% 165% at 0 100%, rgba(0, 0, 0, 0.28), transparent 44%),
		radial-gradient(150% 165% at 0 0, rgba(255, 255, 255, 0.58), transparent 46%),
		radial-gradient(150% 165% at 100% 100%, rgba(255, 255, 255, 0.32), transparent 46%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.12));
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask-composite: exclude;
	pointer-events: none;
}

.subpage-hero__breadcrumbs-wrap::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	background: linear-gradient(var(--glass-background-active), var(--glass-background-active));
	opacity: 0;
	transition: opacity .2s ease;
	pointer-events: none;
}

.subpage-hero__breadcrumbs-wrap:hover::after {
	opacity: 1;
}

.subpage-hero__breadcrumbs {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	min-height: 0;
	gap: 14px;
	padding: 11px 20px;
	color: #e7e7e7;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
	text-transform: uppercase;
}

.subpage-hero__breadcrumbs a,
.subpage-hero__breadcrumbs span {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.subpage-hero__breadcrumbs a:hover,
.subpage-hero__breadcrumb-current {
	color: #f2ceb5;
}

.subpage-hero__breadcrumb-arrow {
	position: relative;
	flex: 0 0 12px;
	width: 12px;
	height: 12px;
}

.subpage-hero__breadcrumb-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 2px;
	width: 7px;
	height: 7px;
	border-top: 1px solid currentColor;
	border-right: 1px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}

.subpage-hero__content {
	position: relative;
	z-index: 2;
	display: flex;
	min-height: 803px;
	align-items: flex-end;
	padding-top: 466px;
	padding-bottom: 80px;
}

.subpage-hero__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 478px;
	max-width: 100%;
}

@media screen and (min-width: 1441px) {
	.subpage-hero__text {
		width: 534px;
	}
}

.subpage-hero__title {
	width: 100%;
	margin: 0;
	color: #e7e7e7;
	font-weight: 300;
	font-size: 36px;
	line-height: normal;
	text-transform: uppercase;
}

.subpage-hero__description {
	width: 534px;
	max-width: 100%;
	margin-top: 20px;
	color: #e7e7e7;
	font-weight: 300;
	font-size: 14px;
	line-height: normal;
}

.subpage-hero__description p {
	margin: 0;
}

.subpage-hero__description p+p {
	margin-top: 10px;
}

.subpage-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 30px;
}

.subpage-hero__button {
	text-decoration: none;
}

.subpage-hero__button.glass-button--text {
	--glass-radius: 5px;
	--glass-background: rgba(242, 206, 181, 0.05);
	--glass-background-active: rgba(242, 206, 181, 0.15);

	min-height: 40px;
	padding: 0 20px;
}

.subpage-hero__button .glass-button__content {
	min-height: 40px;
	padding: 0;
	color: #e7e7e7;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0;
	text-transform: uppercase;
}

@media (min-width: 1441px) {

	.subpage-hero,
	.subpage-hero__content {
		min-height: clamp(803px, 55.75vw, 1080px);
	}

	.subpage-hero::before {
		left: max(-739px, calc((100vw - 1440px) / 2 - 739px));
		bottom: -300px;
		width: 1623.27px;
		height: 739px;
	}
}

@media (min-width: 1024px) and (max-width: 1439px) {

	.subpage-hero,
	.subpage-hero__content {
		min-height: 768px;
	}

	.subpage-hero__content {
		padding-top: 446px;
		padding-bottom: 60px;
	}

	.subpage-hero::before {
		left: -539px;
		bottom: -782px;
	}
}

@media (max-width: 1023px) {

	.subpage-hero,
	.subpage-hero__content {
		min-height: 640px;
	}

	.subpage-hero::before {
		left: -350px;
		bottom: -400px;
		width: 1320px;
		height: 620px;
	}

	.subpage-hero__breadcrumbs-wrap {
		top: 62px;
		left: 20px;
		width: auto;
	}

	.subpage-hero__breadcrumbs {
		overflow-x: auto;
		font-size: 12px;
		scrollbar-width: none;
		text-transform: unset;
	}

	.subpage-hero__breadcrumbs::-webkit-scrollbar {
		display: none;
	}

	.subpage-hero__content {
		padding-top: 360px;
		padding-bottom: 40px;
	}

	.subpage-hero__text {
		width: 335px;
	}

	.subpage-hero__title {
		font-size: 32px;
	}

	.subpage-hero__description {
		width: 280px;
	}

	/* .subpage-hero__actions {
		width: 100%;
	} */
}

@media (max-width: 640px) {
	.subpage-hero__actions {
		flex-direction: column;
	}

	.subpage-hero__button,
	.subpage-hero__button.glass-button--text {
		width: 100%;
	}
}