/*
 * Agent profile (single-ert_agent.php). Loaded only on agent pages.
 * 1. Hero  2. Body (biography, office, contact details)  3. Enquiry
 */

/* 1. Hero — forest, portrait left, text bottom-aligned with gold hairlines.
   ------------------------------------------------------------------------ */
.er-agent-hero__grid {
	display: grid;
	gap: clamp(32px, 5vw, 72px);
	align-items: end;
}
@media (min-width: 900px) {
	.er-agent-hero__grid { grid-template-columns: minmax(280px, 440px) minmax(0, 1fr); }
}

.er-agent-hero__portrait {
	margin: 0;
	max-width: 440px;
	aspect-ratio: 880 / 1140;
	overflow: hidden;
	border-bottom: 1px solid var(--er-accent);
}
.er-agent-hero__portrait img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 20%;
}

.er-agent-hero__text .er-breadcrumbs { margin-bottom: clamp(24px, 4vw, 48px); }
.er-agent-hero__role { margin: 0 0 12px; }
.er-agent-hero__text .er-rule { margin-block: 20px; }
.er-agent-hero__title { overflow-wrap: anywhere; }

.er-agent-hero__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
	font-size: var(--er-fs-small);
	letter-spacing: .02em;
	text-transform: uppercase;
}
.er-agent-hero__facts li { display: inline-flex; align-items: center; gap: 8px; }
.er-agent-hero__facts .er-icon { width: 16px; height: 16px; color: var(--er-accent); }

.er-agent-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 28px;
}

/* 2. Body
   ------------------------------------------------------------------------ */
.er-agent__layout {
	display: grid;
	gap: 48px;
	padding-block: clamp(48px, 6vw, 96px);
}
@media (min-width: 1024px) {
	.er-agent__layout {
		grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
		gap: clamp(48px, 6vw, 96px);
		align-items: start;
	}
}

.er-agent__section + .er-agent__section {
	margin-top: 48px;
	padding-top: 48px;
	border-top: 1px solid var(--er-border);
}

.er-agent__heading {
	margin: 0 0 24px;
	font-size: var(--er-fs-name);
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
.er-agent__bio { font-size: 17px; line-height: 1.7; }

.er-agent__facts { display: grid; gap: 20px; margin: 0; }
.er-agent__facts div { display: grid; gap: 4px; }
.er-agent__facts dt {
	color: var(--er-muted);
	font-size: var(--er-fs-small);
	letter-spacing: .02em;
	text-transform: uppercase;
}
.er-agent__facts dd { display: grid; justify-items: start; gap: 8px; margin: 0; color: var(--er-heading); overflow-wrap: anywhere; }
.er-agent__office-intro { color: var(--er-text); }

.er-agent__aside {
	padding: 32px;
	border: 1px solid var(--er-border);
	border-top-color: var(--er-accent);
	background: var(--er-card);
}
.er-agent__contact a { color: inherit; }

.er-agent__aside .er-social-links { margin-top: 24px; }

/* 3. Enquiry
   ------------------------------------------------------------------------ */
.er-agent-enquiry__inner {
	display: grid;
	gap: 40px;
}
@media (min-width: 1024px) {
	.er-agent-enquiry__inner {
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		gap: clamp(48px, 6vw, 96px);
		align-items: start;
	}
}