.residence-hero .hero__inner { padding-bottom: clamp(3.5rem, 6.67vw, 6rem); }
.residence-hero__eyebrow { margin-bottom: 28px; }
.residence-hero__title { font-size: var(--text-hero-residence); line-height: 1; }
.residence-hero__sold { margin-top: 22px; font-size: 0.875rem; letter-spacing: 0.3em; }

.specs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--color-rule); }
.specs__item { padding: clamp(1.5rem, 2.36vw, 2.125rem) clamp(1.25rem, 2.78vw, 2.5rem) clamp(1.5rem, 2.5vw, 2.25rem); border-right: 1px solid var(--color-rule); }
.specs__item:last-child { border-right: 0; }
.specs__label { font-size: 0.75rem; color: var(--color-grey); }
.specs__value { margin-top: 16px; font-family: var(--font-display); font-size: clamp(1.875rem, 3.19vw, 2.875rem); line-height: 1.1; color: var(--color-ink); }
.specs__value--compact { margin-top: 20px; font-size: clamp(1.625rem, 2.36vw, 2.125rem); line-height: 1.2; }

.overview { padding-block: clamp(5rem, 9.03vw, 8.125rem); }
.overview__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 5.56vw, 5rem); }
.overview__eyebrow { margin-bottom: 30px; }
.overview__heading { max-width: 560px; margin-bottom: 44px; font-size: clamp(2.75rem, 4.58vw, 4.125rem); }
.overview__copy { max-width: 560px; padding-top: 6px; }
.overview__text p { margin-bottom: 22px; font-size: var(--text-small); line-height: 1.72; color: var(--color-grey); }

.tags { display: flex; flex-wrap: wrap; gap: 12px; }
.tags__tag {
	display: inline-block;
	border: 1px solid var(--color-rule);
	padding: 14px 20px;
	font-weight: 500;
	font-size: 0.72rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--color-ink);
	line-height: 1;
}

.role { margin-top: 40px; padding: 36px 44px 40px; background: var(--color-sand); }
.role__label { margin-bottom: 8px; }
.role__value { font-size: 1rem; line-height: 1.8; color: var(--color-ink); }
.role__value + .role__label { margin-top: 22px; }

.gallery { display: flex; flex-direction: column; gap: 13px; padding: 13px 13px 13px; }
.gallery img { width: 100%; height: clamp(16.25rem, 47.9vw, 43.125rem); object-fit: cover; }
.gallery__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.gallery__pair img { height: clamp(16.25rem, 40.6vw, 36.5625rem); }

@media (max-width: 900px) {
	.specs__item { padding: 24px 16px; }
	.specs__value--compact { font-size: 1.375rem; }
}
@media (max-width: 700px) {
	.residence-hero__title { font-size: 3.5rem; line-height: 1.06; }
	.specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.specs__item { padding: 24px 20px; border-bottom: 1px solid var(--color-rule); }
	.specs__item:nth-child(2n) { border-right: 0; }
	.specs__item:last-child { border-bottom: 0; }
	.specs__item:last-child:nth-child(odd) { grid-column: span 2; }
	.specs__value, .specs__value--compact { font-size: 1.875rem; }
	.overview { padding-block: 5rem; }
	.overview__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.overview__heading { font-size: 2.75rem; }
	.overview__text p { font-size: 1rem; }
	.role { padding: 28px 24px 32px; }
	.gallery { gap: 8px; padding: 8px; }
	.gallery img, .gallery__pair img { height: 260px; }
	.gallery__pair { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}