.agent-development-page {
	background: var(--color-soft-white);
}

.development-site-header {
	position: absolute;
	color: var(--color-soft-white);
}

.development-main {
	min-width: 0;
}

.development-page {
	width: 100%;
	overflow: clip;
}

.development-hero {
	min-height: min(860px, 100svh);
	display: grid;
	grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
	align-items: center;
	gap: clamp(28px, 5vw, 88px);
	padding: clamp(132px, 13vw, 190px) max(var(--page-gutter), calc((100vw - var(--content-width)) / 2)) clamp(72px, 8vw, 120px);
	background: var(--color-graphite);
	color: var(--color-soft-white);
}

.development-hero-copy {
	max-width: 590px;
}

.development-hero.is-development-type-only {
	grid-template-columns: minmax(0, 1fr);
	min-height: 76svh;
}

.development-hero.is-development-type-only .development-hero-copy {
	max-width: 920px;
}

.development-hero h1 {
	margin: 20px 0 0;
	font-family: var(--font-display);
	font-size: clamp(3.25rem, 7.1vw, 7rem);
	font-weight: 400;
	letter-spacing: -0.04em;
	line-height: 0.98;
	text-wrap: balance;
}

.development-hero-detail {
	margin: 16px 0 0;
	color: rgb(250 249 246 / 78%);
	font-size: 0.96rem;
	line-height: 1.5;
}

.development-hero-action {
	margin-top: 34px;
}

.development-hero-media {
	width: 100%;
	margin: 0;
	text-align: right;
}

.development-hero-media img {
	width: 100%;
	max-height: min(68svh, 720px);
	object-fit: contain;
	object-position: center;
	background: #202020;
}

/* Authenticated-only private Development preview */
.private-preview-ribbon {
	position: relative;
	z-index: 2;
	padding: 12px 20px;
	background: #b38b52;
	color: #fff;
	text-align: center;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
}
.private-development-preview .private-preview-hero { min-height: 760px; }
.private-development-preview .private-preview-hero h1 { font-size: clamp(3rem, 6vw, 6.5rem); }
.private-source-note {
	max-width: 820px;
	margin: 24px 0 0;
	color: var(--color-secondary);
	font-size: 0.91rem;
	line-height: 1.65;
}
.private-residence-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(28px, 6vw, 88px);
	margin-top: clamp(50px, 7vw, 100px);
}
.private-residence-row > figure,
.private-wide-image,
.private-gallery-grid figure { min-width: 0; margin: 0; }
.private-residence-row > figure img,
.private-wide-image img,
.private-gallery-grid img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	background: #e9e5df;
}
.private-residence-row.text-first > figure { grid-column: 2; grid-row: 1; }
.private-residence-row.text-first > .private-residence-copy { grid-column: 1; grid-row: 1; }
.private-residence-copy h3 {
	margin: 12px 0 18px;
	font-family: var(--font-display);
	font-size: clamp(2.4rem, 4.2vw, 4.5rem);
	font-weight: 400;
	line-height: 1;
}
.private-residence-copy > p:not(.eyebrow),
.private-residence-copy li { color: var(--color-secondary); line-height: 1.7; }
.private-residence-copy ul { margin: 20px 0 26px; padding-left: 1.2em; }
.private-residence-copy .text-action { display: inline-block; }
.private-video-player { max-width: 420px; margin-top: 28px; }
.private-video-player video { display: block; width: 100%; max-height: 76svh; aspect-ratio: 9 / 16; background: #191919; object-fit: contain; }
.private-video-load { margin-top: 16px; cursor: pointer; }
.private-wide-image { max-width: 1080px; margin: 44px auto 0; }
.private-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 38px; }
.private-gallery-grid figure:nth-child(3n + 1) { grid-column: 1 / -1; }
.private-gallery-grid figcaption { margin-top: 8px; color: var(--color-muted-stone); font-size: 0.75rem; }
.private-development-preview .development-downloads ul { list-style: none; padding: 0; }
.private-development-preview .development-downloads li { border-top: 1px solid rgb(41 41 41 / 18%); padding: 18px 0; }
.private-development-preview .development-downloads a { color: inherit; text-decoration: none; }
@media (max-width: 760px) {
	.private-development-preview .private-preview-hero { min-height: 0; grid-template-columns: minmax(0, 1fr); padding-top: 118px; }
	.private-residence-row { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 54px; }
	.private-residence-row.text-first > figure,
	.private-residence-row.text-first > .private-residence-copy { grid-column: 1; grid-row: auto; }
	.private-residence-copy h3 { font-size: clamp(2.4rem, 12vw, 3.5rem); }
	.private-gallery-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
	.private-gallery-grid figure:nth-child(3n + 1) { grid-column: auto; }
}

.development-hero-media figcaption,
.development-gallery figcaption {
	margin-top: 8px;
	color: var(--color-muted-stone);
	font-size: 0.75rem;
	line-height: 1.5;
}

.development-section {
	width: min(100%, var(--content-width));
	margin-inline: auto;
	padding: clamp(76px, 9vw, 132px) max(var(--page-gutter), calc((100vw - var(--content-width)) / 2));
}

.development-section h2 {
	max-width: 18ch;
	margin: 14px 0 0;
	font-family: var(--font-display);
	font-size: clamp(2.5rem, 5.2vw, 5rem);
	font-weight: 400;
	letter-spacing: -0.035em;
	line-height: 1.02;
	text-wrap: balance;
}

.development-section .eyebrow {
	margin: 0;
	font-size: 0.69rem;
	font-weight: 600;
	letter-spacing: 0.15em;
}

.development-facts {
	max-width: none;
	background: var(--color-ivory);
}

.development-fact-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 clamp(28px, 6vw, 88px);
	margin: 38px 0 0;
}

.development-fact-list > div {
	min-width: 0;
	display: grid;
	grid-template-columns: minmax(120px, 0.8fr) minmax(0, 1.2fr);
	gap: 18px;
	padding: 16px 0;
	border-top: 1px solid rgb(41 41 41 / 18%);
}

.development-fact-list dt {
	color: var(--color-secondary);
	font-size: 0.83rem;
	line-height: 1.5;
}

.development-fact-list dd {
	margin: 0;
	font-size: 0.98rem;
	font-weight: 500;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.development-amenities-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 clamp(28px, 6vw, 88px);
	margin: 38px 0 0;
	padding: 0;
	list-style: none;
}

.development-amenities-list > li {
	min-width: 0;
	padding: 22px 0;
	border-top: 1px solid rgb(41 41 41 / 18%);
}

.development-amenities-list h3 {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 500;
}

.development-amenities-list p {
	margin: 10px 0 0;
	color: var(--color-secondary);
	line-height: 1.65;
}

.development-editorial {
	max-width: 970px;
}

.development-prose {
	max-width: 760px;
	margin-top: 28px;
	color: var(--color-secondary);
	font-size: clamp(1rem, 1.25vw, 1.15rem);
	line-height: 1.8;
}

.development-prose p {
	margin: 0;
}

.development-prose p + p {
	margin-top: 1em;
}

.development-detail-section {
	border-top: 1px solid rgb(41 41 41 / 12%);
}

.development-location {
	max-width: none;
	background: var(--color-ivory);
}

.development-pricing {
	max-width: none;
	background: var(--color-graphite);
	color: var(--color-soft-white);
}

.development-pricing .development-fact-list dt,
.development-pricing > p:not(.eyebrow) {
	color: rgb(250 249 246 / 75%);
}

.development-pricing .development-fact-list > div {
	border-color: rgb(250 249 246 / 25%);
}

.development-pricing .text-action {
	margin-top: 30px;
}

.development-considerations {
	max-width: 1120px;
}

.development-gallery {
	max-width: none;
	background: var(--color-ivory);
}

.development-gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(16px, 2.5vw, 36px);
	margin-top: 36px;
}

.development-gallery figure {
	min-width: 0;
	margin: 0;
}

.development-gallery img {
	width: 100%;
	max-height: 760px;
	object-fit: contain;
	background: var(--color-soft-white);
}

.development-downloads ul {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 32px;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

.development-downloads li {
	min-width: 180px;
	display: grid;
	gap: 6px;
}

.development-downloads li a {
	width: fit-content;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	border-bottom: 1px solid currentColor;
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.development-downloads li small {
	color: var(--color-secondary);
	font-size: 0.75rem;
}

.development-perspective {
	max-width: none;
	background: var(--color-ivory);
}

.development-inquiry {
	max-width: none;
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	align-items: start;
	gap: clamp(34px, 7vw, 100px);
	background: var(--color-soft-white);
}

.development-inquiry-intro > p:not(.eyebrow) {
	max-width: 480px;
	margin-top: 24px;
	color: var(--color-secondary);
	font-size: 1rem;
	line-height: 1.7;
}

.development-contact-form {
	width: 100%;
	margin: 0;
}

.development-contact-field {
	min-width: 0;
}

.development-contact-field label {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.12em;
}

.development-contact-field label span[aria-hidden="true"] {
	color: #8c4b3f;
}

.development-contact-field .field-optional {
	color: var(--color-secondary);
	font-size: 0.61rem;
	font-weight: 400;
}

.development-contact-field input,
.development-contact-field textarea {
	width: 100%;
	min-height: 48px;
	margin-top: 4px;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid rgb(41 41 41 / 28%);
	border-radius: 0;
	background: transparent;
	color: var(--color-ink);
	font: 400 1rem/1.5 var(--font-ui);
}

.development-contact-field textarea {
	min-height: 130px;
	resize: vertical;
}

.development-contact-field input:focus-visible,
.development-contact-field textarea:focus-visible {
	outline: 2px solid var(--color-ink);
	outline-offset: 3px;
}

.development-contact-form .contact-submit {
	margin-top: 8px;
}

.development-contact-form .contact-privacy-note,
.development-contact-form .contact-status {
	margin: 14px 0 0;
	color: var(--color-secondary);
	font-size: 0.78rem;
	line-height: 1.6;
}

.development-contact-form .contact-privacy-note a {
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.development-contact-form .contact-status:empty {
	display: none;
}

.development-contact-form button:disabled {
	cursor: wait;
	opacity: 0.65;
}

.development-contact-form .contact-honeypot {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.development-contact-form .contact-honeypot input {
	position: absolute;
	left: -10000px;
}

.contact-identity,
.development-compliance {
	grid-column: 2;
	color: var(--color-secondary);
	font-size: 0.8rem;
	line-height: 1.55;
}

.contact-identity p,
.development-compliance p {
	margin: 0;
}

.contact-identity p + p,
.development-compliance p + p {
	margin-top: 3px;
}

.development-compliance {
	width: min(100%, var(--content-width));
	margin: 0 auto;
	padding: 0 max(var(--page-gutter), calc((100vw - var(--content-width)) / 2)) 36px;
}

.development-site-footer .footer-copyright a {
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

@media (max-width: 1099px) {
	.development-hero {
		grid-template-columns: minmax(0, 1fr);
		min-height: auto;
		gap: 42px;
		padding-top: 148px;
	}

	.development-hero-copy {
		max-width: 720px;
	}

	.development-hero-media img {
		max-height: 64svh;
	}

	.development-inquiry {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}

	.contact-identity,
	.development-compliance {
		grid-column: 1;
	}
}

@media (max-width: 767px) {
	.development-hero {
		gap: 28px;
		padding: 126px var(--page-gutter) 56px;
	}

	.development-hero h1 {
		font-size: clamp(2.8rem, 12vw, 4.4rem);
	}

	.development-hero-media img {
		max-height: none;
	}

	.development-section {
		padding: 72px var(--page-gutter);
	}

	.development-section h2 {
		font-size: clamp(2.25rem, 10vw, 3.4rem);
	}

	.development-fact-list {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		margin-top: 28px;
	}

	.development-amenities-list {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		margin-top: 28px;
	}

	.development-fact-list > div {
		grid-template-columns: minmax(112px, 0.8fr) minmax(0, 1.2fr);
		gap: 14px;
	}

	.development-gallery-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.development-compliance {
		padding: 0 var(--page-gutter) 28px;
	}
}

@media (max-width: 390px) {
	.development-fact-list > div {
		grid-template-columns: minmax(94px, 0.75fr) minmax(0, 1.25fr);
		gap: 10px;
	}

	.development-fact-list dt {
		font-size: 0.76rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.agent-development-page,
	.agent-development-page * {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}