.residential-page {
	padding-bottom: 0;
}

.residential-hero {
	height: 100vh;
	min-height: 100svh;
	position: relative;
	background: #050c18;
	overflow: hidden;
}

.residential-hero::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 8rem;
	background: linear-gradient(180deg, rgba(5, 12, 24, 0) 0%, rgba(5, 12, 24, 0.76) 55%, #050c18 100%);
	pointer-events: none;
	z-index: 2;
}

.residential-hero__card {
	grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.58fr);
	position: relative;
	z-index: 1;
}

.residential-hero__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.residential-hero__stripe {
	width: 100%;
	padding: 4rem clamp(1.5rem, 5vw, 4.5rem);
	background: transparent;
	overflow: visible;
}

.residential-hero__stripe::before {
	content: "";
	position: absolute;
	inset: 0 -28% 0 -6.5rem;
	background: linear-gradient(90deg, #050c18 0%, #050c18 42%, rgba(5, 12, 24, 0.82) 72%, rgba(5, 12, 24, 0.42) 100%);
	border-right: 1px solid rgba(166, 132, 74, 0.18);
	box-shadow: 0 28px 60px rgba(0, 0, 0, 0.26);
	transform: skewX(-16deg);
	transform-origin: left center;
	z-index: -1;
}

.residential-hero__content {
	width: min(74rem, calc(100% + 42rem));
	max-width: none;
	margin-right: -30rem;
	transform: translateY(-1.75rem);
}

.residential-hero__title {
	max-width: 22ch;
	font-size: clamp(2.55rem, 4.4vw, 4.45rem);
	line-height: 0.96;
	color: rgba(241, 242, 244, 0.65);
}

.residential-hero__mid-text {
	max-width: 30rem;
}

.residential-hero__copy {
	max-width: 38rem;
	color: #f1f2f4;
}

.residential-hero__glass-card {
	position: absolute;
	left: 39%;
	bottom: 4rem;
	z-index: 3;
	width: min(25rem, calc(100% - 2.5rem));
	padding: 1rem 1.1rem;
	border-radius: 1.05rem;
	border: 1px solid rgba(241, 242, 244, 0.16);
	background: rgba(241, 242, 244, 0.08);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
	transform: translateX(-12%);
}

.residential-hero__glass-title {
	margin: 0 0 0.4rem;
	font-family: var(--ldg-font-body);
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: none;
	color: var(--ldg-brand-gold);
}

.residential-hero__glass-copy {
	margin: 0;
	font-size: 1.33rem;
	font-weight: 500;
	line-height: 1.55;
	color: #f1f2f4;
}

.residential-hero__actions {
	margin-top: 0.35rem;
}

.residential-hero__media::before {
	background: linear-gradient(90deg, #050c18 0%, rgba(5, 12, 24, 0.82) 20%, rgba(5, 12, 24, 0.38) 40%, rgba(5, 12, 24, 0) 64%);
}

@media (max-width: 780px) {
	.residential-page .ldg-shell--section {
		--ldg-content-padding-x: clamp(1rem, 5vw, 1.35rem);
	}

	.residential-hero {
		height: auto;
	}

	.residential-hero__card {
		grid-template-columns: 1fr;
	}

	.residential-hero::after {
		height: 6rem;
	}

	.residential-hero__stripe {
		padding: 7.1rem 1.25rem 1.35rem;
	}

	.residential-hero__stripe::before {
		inset: 0;
		transform: none;
		border-right: 0;
		box-shadow: none;
	}

	.residential-hero__content {
		width: 100%;
		margin-right: 0;
		transform: none;
	}

	.residential-hero__title {
		max-width: 10ch;
		font-size: clamp(2.35rem, 9vw, 3.85rem);
	}

	.residential-hero__mid-text {
		max-width: 16rem;
	}

	.residential-hero__copy {
		max-width: 18rem;
	}

	.residential-hero__glass-card {
		position: static;
		width: 18rem;
		padding: 0.9rem 0.95rem;
		margin: 1rem 1rem 0;
		transform: none;
	}

	.residential-hero__glass-title {
		font-size: 0.96rem;
	}

	.residential-hero__glass-copy {
		font-size: 1.06rem;
	}

	.residential-hero__media::before {
		background: linear-gradient(180deg, rgba(5, 12, 24, 0.72) 0%, rgba(5, 12, 24, 0.64) 30%, rgba(5, 12, 24, 0.84) 100%);
	}
}