/**
 * The Sell page (template-sell.php). Loaded after layout3.css, layout4.css and home.css, which
 * carry the hero, the proof bar, the slim reviews band, the buttons and the edge-to-edge rules.
 * This file adds the page's own parts: the photo-and-text bands that swap sides, the navy team
 * band and the consultation form in two columns. Tokens only. Mobile first; 600 and 900 px.
 */

/* The hero: a little shorter than the homepage's, so the first band shows sooner. */
.seymour-sell-hero .seymour-l3-hero__media {
	min-height: 62vh;
}

/* ------------------------------------------------------------------
 * Photo-and-text bands. The photo fills its half to the screen edge; the words
 * sit in a column with a hairline under the heading, as Heaps Estrin does.
 * ------------------------------------------------------------------ */

.seymour-sell-split {
	background: var(--white);
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.seymour-sell-split--no-photo {
	background: var(--cream);
}

.seymour-sell-split__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.seymour-sell-split__image {
	border-radius: 0;
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
	width: 100%;
}

.seymour-sell-split__text {
	box-sizing: border-box;
	padding: var(--space-7) var(--gutter);
}

.seymour-sell-split__inner {
	margin: 0 auto;
	max-width: var(--measure);
}

.seymour-sell-split__inner .seymour-eyebrow {
	margin: 0 0 var(--space-2);
}

.seymour-sell-split__inner h2 {
	border-bottom: 1px solid var(--line);
	margin: 0 0 var(--space-5);
	padding-bottom: var(--space-4);
}

.seymour-sell-split__inner p {
	margin: 0 0 var(--space-4);
}

.seymour-sell-split__action {
	margin-top: var(--space-5);
}

.seymour-sell-split__action:last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------------------------
 * The team band: navy, centred, one paragraph and a white button.
 * ------------------------------------------------------------------ */

.seymour-sell-team {
	background: var(--white);
	color: var(--ink);
	padding-bottom: var(--space-section);
	padding-top: var(--space-section);
	text-align: center;
}

.seymour-sell-team__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 44em;
}

.seymour-sell-team__eyebrow {
	margin: 0 0 var(--space-3);
}

.seymour-sell-team h2 {
	color: var(--navy);
	margin: 0 auto var(--space-4);
}

/* The short gold line sits above the heading, no label (Kaz, October 26, 2026). */
.seymour-sell-team h2::before {
	background: var(--gold-500);
	content: "";
	display: block;
	height: 1px;
	margin: 0 auto var(--space-4);
	width: 72px;
}

/* In the headline type, gold italics, a shade deeper so it reads on white (Kaz, October 26, 2026). */
.seymour-sell-team__text {
	color: #B8943C;
	font-family: var(--font-serif);
	font-optical-sizing: auto;
	font-size: var(--fs-h3);
	font-style: italic;
	font-variation-settings: var(--font-serif-settings);
	font-weight: var(--weight-medium);
	line-height: 1.35;
	margin: 0 auto var(--space-6);
}

.seymour-sell-team__action {
	margin: 0;
}

/* ------------------------------------------------------------------
 * The consultation: heading, the form in two columns from 600 px, a seller's
 * words and the office phone beside it from 900 px. White, like Heaps Estrin.
 * ------------------------------------------------------------------ */

.seymour-sell-consult {
	background: var(--white);
	padding-bottom: var(--space-section);
	padding-top: var(--space-section);
}

.seymour-sell-consult__inner {
	display: grid;
	gap: var(--space-7);
	grid-template-columns: minmax(0, 1fr);
}

.seymour-sell-consult__head h2 {
	margin: 0 0 var(--space-3);
}

.seymour-sell-consult__lead {
	color: var(--grey-600);
	font-size: var(--fs-lead);
	margin: 0;
	max-width: var(--measure);
}

/* Section headings inside the form ("About you", "Your home"): serif, a hairline under. */
.seymour-sell-consult .gform_wrapper .gsection {
	border-bottom: 1px solid var(--line);
	margin-top: var(--space-5);
	padding-bottom: var(--space-2);
}

.seymour-sell-consult .gform_wrapper .gsection:first-child {
	margin-top: 0;
}

.seymour-sell-consult .gform_wrapper .gsection_title {
	color: var(--navy);
	font-family: var(--font-serif);
	font-optical-sizing: auto;
	font-size: var(--fs-h3);
	font-variation-settings: var(--font-serif-settings);
	font-weight: var(--weight-medium);
	line-height: var(--lh-tight);
	margin: 0;
}

.seymour-sell-consult .gform_wrapper select {
	min-height: var(--input-height);
}

.seymour-sell-consult__note {
	margin: var(--space-4) 0 0;
}

.seymour-sell-consult__aside {
	border-top: 1px solid var(--line);
	padding-top: var(--space-6);
}

.seymour-sell-consult__quote {
	margin: 0 0 var(--space-5);
}

/* The contact band's quote styles assume navy; here it sits on white. */
.seymour-sell-consult__quote blockquote,
.seymour-sell-consult__quote blockquote p {
	color: var(--navy);
}

.seymour-sell-consult__quote .seymour-l3-contact__name {
	color: var(--ink);
}

.seymour-sell-consult__quote .seymour-l3-contact__descriptor {
	color: var(--grey-600);
}

.seymour-sell-consult__phone .seymour-phone {
	white-space: nowrap;
}

.seymour-sell-consult__phone {
	margin: 0;
}

@media (min-width: 600px) {
	.seymour-sell-split__text {
		padding: var(--space-8) var(--gutter);
	}
}

@media (min-width: 900px) {
	.seymour-sell-hero .seymour-l3-hero__media {
		min-height: 70vh;
	}

	/* The text sets each band's height and the photo fills its half, so there is less space above
	 * and below the words (Kaz, October 26, 2026). */
	.seymour-sell-split {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		min-height: 0;
	}

	.seymour-sell-split__media {
		aspect-ratio: auto;
		height: 100%;
		position: relative;
	}

	/* The photo inside the same margins as the text beside it (Kaz, October 26, 2026). */
	/* The photo fills its half of the page width, near its own 3:2 shape, so none looks
	 * stretched (Kaz, October 26, 2026). */
	.seymour-sell-split__media {
		align-items: center;
		display: flex;
	}

	.seymour-sell-split__media .seymour-sell-split__image {
		aspect-ratio: 3 / 2;
		height: auto;
		object-fit: cover;
		width: 100%;
	}

	/* The words use their whole half: space only on the side next to the photo. */
	.seymour-sell-split .seymour-sell-split__text {
		padding: var(--space-6) var(--space-7) var(--space-6) 0;
	}

	.seymour-sell-split:not(.seymour-sell-split--photo-right) .seymour-sell-split__text {
		padding: var(--space-6) 0 var(--space-6) var(--space-7);
	}

	/* Each band at the page's content width, so the photo sits beside its words. */
	.seymour-sell-split {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--container);
		padding-left: max(var(--gutter), 16px);
		padding-right: max(var(--gutter), 16px);
	}

	/* The photo swaps sides: on the right for the first and third bands, the left for the second. */
	.seymour-sell-split--photo-right .seymour-sell-split__media {
		order: 2;
	}

	.seymour-sell-split--no-photo {
		grid-template-columns: minmax(0, 1fr);
	}

	.seymour-sell-split__text {
		align-self: center;
		padding: var(--space-7) var(--space-8);
	}

	.seymour-sell-consult__inner {
		align-items: start;
		gap: var(--space-8);
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.seymour-sell-consult__head {
		grid-column: 1 / -1;
	}

	.seymour-sell-consult__aside {
		border-left: 1px solid var(--line);
		border-top: 0;
		padding-left: var(--space-7);
		padding-top: 0;
		position: sticky;
		top: calc(var(--header-height) + var(--space-5));
	}
}

/* ------------------------------------------------------------------
 * The consultation in the deep navy (Kaz, October 26, 2026): white words,
 * gold section headings and a gold button, as in the home-value pop-up.
 * ------------------------------------------------------------------ */
.seymour-sell-consult {
	background: var(--footer-bg);
	color: var(--white);
}

.seymour-sell-consult__head h2 {
	color: var(--footer-gold); /* Gold on the navy (Kaz, October 26, 2026). */
}

.seymour-sell-consult__lead {
	color: #c8d0da;
}

body .seymour-sell-consult .gform_wrapper .gsection_title {
	color: var(--footer-gold);
}

.seymour-sell-consult .gform_wrapper .gsection {
	border-bottom-color: rgba(201, 168, 76, 0.4);
}

.seymour-sell-consult .gform_wrapper label,
.seymour-sell-consult .gform_wrapper legend,
.seymour-sell-consult .gform_wrapper .gfield_description,
.seymour-sell-consult .gform_wrapper .gform_confirmation_message,
.seymour-sell-consult .gform_wrapper .ginput_complex label,
body .seymour-sell-consult .seymour-sell-consult__note {
	color: var(--white);
}

.seymour-sell-consult .gform_wrapper .gfield_required {
	color: var(--white);
	opacity: 0.75;
}

.seymour-sell-consult .gform_wrapper a,
.seymour-sell-consult__aside a {
	color: var(--footer-gold);
}

body .seymour-sell-consult .gform_wrapper.gform-theme--framework .gform_footer .gform_button {
	background-color: var(--footer-gold) !important;
	border-color: var(--footer-gold) !important;
	color: var(--footer-bg) !important;
}

body .seymour-sell-consult .gform_wrapper.gform-theme--framework .gform_footer .gform_button:hover {
	background-color: var(--gold-hover) !important;
}

.seymour-sell-consult__aside {
	border-color: rgba(255, 255, 255, 0.15);
}

.seymour-sell-consult__quote blockquote,
.seymour-sell-consult__quote blockquote p {
	color: var(--white);
}

/* The seller's name and descriptor in gold (Kaz, October 26, 2026). */
.seymour-sell-consult__quote .seymour-l3-contact__name,
.seymour-sell-consult__quote .seymour-l3-contact__descriptor {
	color: var(--footer-gold);
}

/* The consent line in white on the navy; Gravity Forms colours it dark by default. */
body .seymour-sell-consult .gform_wrapper .gfield_consent_label,
body .seymour-value-pop .gform_wrapper .gfield_consent_label {
	color: var(--white) !important;
}

/* The team sentence's three set lines from 1000 px; below that it wraps on its own. */
@media (min-width: 1000px) {
	.seymour-sell-team__text {
		margin-left: 50%;
		transform: translateX(-50%);
		width: max-content;
	}

	.seymour-sell-team__line {
		display: block;
	}
}

/* More room between the reviews band and the first photo band (Kaz, October 26, 2026). */
#reviews + .seymour-sell-split {
	margin-top: var(--space-7);
}

/* Jethro's card above the review, in the look of his listings' agent card (Kaz, October 26, 2026).
 * Its top sits level with "About you", and a gold hairline under it matches the form's headings. */
.seymour-sell-broker {
	border-bottom: 1px solid rgba(201, 168, 76, 0.4);
	margin-bottom: var(--space-6);
	padding-bottom: var(--space-5);
}

.seymour-sell-broker__person {
	align-items: center;
	display: flex;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
}

.seymour-sell-broker__photo {
	border-radius: 0;
	display: block;
	flex: none;
	height: 120px;
	object-fit: cover;
	object-position: center top;
	width: 96px;
}

.seymour-sell-broker__text p {
	margin: 0;
}

.seymour-sell-broker__label {
	color: var(--footer-gold);
	font-size: var(--fs-eyebrow);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
}

.seymour-sell-broker__name {
	font-family: var(--font-serif);
	font-optical-sizing: auto;
	font-size: var(--fs-h3);
	font-variation-settings: var(--font-serif-settings);
	font-weight: var(--weight-medium);
	line-height: var(--lh-heading);
	margin-top: var(--space-1) !important;
}

.seymour-sell-consult .seymour-sell-broker__name a {
	color: var(--white);
	text-decoration: none;
}

.seymour-sell-broker__role {
	color: var(--footer-gold);
	font-size: var(--fs-meta);
	margin-top: var(--space-1) !important;
}

.seymour-sell-broker__lines {
	display: grid;
	gap: var(--space-3);
	list-style: none;
	margin: 0;
	padding: 0;
}

.seymour-sell-broker__lines .seymour-phone {
	color: var(--white);
}

.seymour-sell-broker__lines .seymour-phone__label {
	color: var(--footer-gold);
}

.seymour-sell-broker__lines .seymour-phone__number {
	overflow-wrap: anywhere;
}

@media (min-width: 900px) {
	/* The card and review start level with the headline: the headline keeps to the form's column
	 * and the side column runs from the top (Kaz, October 26, 2026). */
	.seymour-sell-consult__head {
		grid-column: 1;
		grid-row: 1;
	}

	.seymour-sell-consult__form {
		grid-column: 1;
		grid-row: 2;
	}

	.seymour-sell-consult__aside {
		grid-column: 2;
		grid-row: 1 / span 2;
	}
}

.seymour-sell-broker__lines .seymour-phone__label {
	white-space: nowrap;
}

@media (min-width: 900px) {
	/* The card and review scroll with the page; no sticking (Kaz, October 26, 2026). */
	.seymour-sell-consult__aside {
		position: static;
	}
}