/**
 * Neighbourhood layout v4 (Jet, October 8, 2026). Loaded after layout3.css, which carries
 * everything the two layouts share: hero, nav, facts, results, bands, reviews cards, contact.
 *
 * This file adds the slim reviews band under the hero, the short page ("Living in ..."), the
 * photo band, the guide's heading, the headline result in the results card and its sentence
 * in the contact band. Every value comes from tokens.css. Mobile first: phone
 * styles, then 600 px and 900 px. Nothing here may push the page wider than the screen.
 */

/* The v4 page bleeds its photos to the screen edge, so it drops GeneratePress's content padding. */
.seymour-layout-v4 .site-content {
	padding-left: 0;
	padding-right: 0;
}

.seymour-l4 {
	overflow-x: clip;
}

/* ------------------------------------------------------------------
 * The slim reviews band, right under the hero bar (Jet, October 8, 2026).
 *
 * Cream, full width. The rating sits fixed at the left; a row of short white cards scrolls
 * past it on the right. Plain overflow scrolling, so it swipes on phones and reads with
 * JavaScript off. layout4.js adds the slow drift (class is-ticking), the arrows and the pause
 * button; with prefers-reduced-motion it adds only the arrows.
 *
 * Height on desktop, by these rules (under the 200 px Jet asked for):
 *   band padding 12 + 12, border 1
 *   card: padding 12 + 12, gold rule 1, quote 3 lines x 15 px x 1.4 = 63,
 *         gap 8, name 15 px x 1.3 = 19.5, label 4 + 13 px x 1.3 = 20.9    = 136.4
 *   track padding under the cards 8, and a classic scrollbar of up to 11 when not drifting
 *   = 180.4 px at most; 169.4 px on Mac and phones, where scrollbars overlay.
 * The rating column is shorter: 16 + 19.5 + 19.5 + 18 + 6 + 8 + 36 = 123 px.
 * ------------------------------------------------------------------ */

.seymour-l4-band {
	--seymour-l4-band-inset: max(var(--gutter), 16px);
	background: var(--cream);
	border-bottom: 1px solid var(--line);
	padding-bottom: var(--space-3);
	padding-top: var(--space-4);
}

.seymour-l4-band__inner {
	display: grid;
	gap: var(--space-3);
}

/* The fixed end: five gold stars, "4.9 from 55 Google reviews", the link, the date, the controls. */
.seymour-l4-band__summary {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-4);
	justify-content: space-between;
	padding-left: var(--seymour-l4-band-inset);
	padding-right: var(--seymour-l4-band-inset);
}

.seymour-review-line--band {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--space-2);
	line-height: 1.3;
}

.seymour-review-line__stars {
	color: var(--gold-500);
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 1;
}

.seymour-review-line--band .seymour-review-line__text,
.seymour-review-line--band .seymour-review-line__link {
	font-size: max(var(--fs-meta), 15px);
}

/* Meta text on cream stays at 15 px or larger (STYLE-GUIDE.md section 2). */
.seymour-review-line--band .seymour-review-line__date {
	font-size: max(var(--fs-meta), 15px);
	line-height: 1.2;
}

.seymour-l4-band__controls {
	display: flex;
	flex: none;
	gap: var(--space-2);
}

.seymour-l4-band__controls[hidden],
.seymour-l4-band__button[hidden] {
	display: none;
}

.seymour-l4-band__button {
	align-items: center;
	background: var(--white);
	border: 1px solid var(--navy);
	border-radius: 50%;
	color: var(--navy);
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	height: var(--touch-target);
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: background-color var(--transition), color var(--transition);
	width: var(--touch-target);
}

.seymour-l4-band__button:hover {
	background: var(--navy);
	color: var(--white);
}

.seymour-l4-band__button:focus-visible {
	outline: var(--focus-ring);
	outline-offset: var(--focus-offset, 2px);
}

.seymour-l4-band__button:disabled,
.seymour-l4-band__button:disabled:hover {
	background: var(--white);
	border-color: var(--line);
	color: var(--grey-600);
	cursor: default;
}

/* Pause: two bars. Play: a triangle. Drawn in CSS so no phone turns them into emoji. */
.seymour-l4-band__icon {
	border-left: 3px solid currentColor;
	border-right: 3px solid currentColor;
	box-sizing: border-box;
	display: block;
	height: 12px;
	width: 10px;
}

.seymour-l4-band__button--pause.is-paused .seymour-l4-band__icon {
	border-bottom: 6px solid transparent;
	border-left: 10px solid currentColor;
	border-right: 0;
	border-top: 6px solid transparent;
	height: 0;
	margin-left: 3px;
	width: 0;
}

/* The moving end: a row of cards that scrolls sideways. */
.seymour-l4-band__track {
	min-width: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-padding-left: var(--seymour-l4-band-inset);
	scroll-padding-right: var(--seymour-l4-band-inset);
	scroll-snap-type: x mandatory;
	scrollbar-color: var(--gold-500) transparent;
	scrollbar-width: thin;
}

.seymour-l4-band__track:focus-visible {
	outline: var(--focus-ring);
	outline-offset: calc(-1 * var(--focus-offset, 2px) - 2px);
}

@media (prefers-reduced-motion: no-preference) {
	.seymour-l4-band__track {
		scroll-behavior: smooth;
	}
}

/* While drifting, layout4.js moves the row itself: no snapping, no smoothing, no scrollbar. */
.seymour-l4-band.is-ticking .seymour-l4-band__track {
	scroll-behavior: auto;
	scroll-snap-type: none;
	scrollbar-width: none;
}

.seymour-l4-band.is-ticking .seymour-l4-band__track::-webkit-scrollbar {
	display: none;
}

.seymour-l4-band__list {
	box-sizing: border-box;
	display: flex;
	gap: var(--space-4);
	list-style: none;
	margin: 0;
	padding: 0 var(--seymour-l4-band-inset) var(--space-2);
	width: max-content;
}

/* Full width less the gutters on phones. */
.seymour-l4-band__item {
	display: flex;
	margin: 0;
	scroll-snap-align: start;
	width: calc(100vw - 2 * var(--seymour-l4-band-inset));
}

.seymour-l4-card {
	background: var(--white);
	border-top: 1px solid var(--gold-500);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: var(--space-3) var(--space-4);
	width: 100%;
}

/* The quote's first one or two sentences. Three lines at most; the full words are in the markup. */
.seymour-l4-card__quote {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	border: 0;
	color: var(--ink);
	display: -webkit-box;
	flex: 1 1 auto;
	font-family: var(--font-serif);
	font-optical-sizing: auto;
	font-size: var(--fs-meta);
	font-variation-settings: var(--font-serif-settings);
	line-clamp: 3;
	line-height: 1.4;
	margin: 0;
	max-height: calc(3 * 1.4 * var(--fs-meta));
	overflow: hidden;
	padding: 0;
	width: auto;
}

.seymour-l4-card__quote p {
	display: inline;
	margin: 0;
}

.seymour-l4-card__by {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
	margin-top: var(--space-2);
}

.seymour-l4-card__name-line {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--space-2);
	line-height: 1.3;
}

.seymour-l4-card__name {
	color: var(--navy);
	font-family: var(--font-sans);
	font-size: var(--fs-meta);
	font-style: normal;
	font-weight: var(--weight-semibold);
}

/* "Sold in Davisville Village": the label, small capitals in the dark gold that reads on white. */
.seymour-l4-card__type {
	color: var(--gold-800);
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-eyebrow);
	line-height: 1.3;
	text-transform: uppercase;
}

/* A Google review's own stars. Gold for the rating, a pale grey for the rest. */
.seymour-stars {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1;
	white-space: nowrap;
}

.seymour-stars__on {
	color: var(--gold-500);
}

.seymour-stars__off {
	color: var(--line);
}

@media (min-width: 900px) {
	.seymour-l4-band {
		padding-bottom: var(--space-3);
		padding-top: var(--space-3);
	}

	.seymour-l4-band__inner {
		align-items: stretch;
		display: flex;
		gap: 0;
	}

	/* The rating column lines up with the page's content edge and never moves. */
	.seymour-l4-band__summary {
		align-content: center;
		align-items: flex-start;
		border-right: 1px solid var(--line);
		box-sizing: border-box;
		flex: none;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: var(--space-2);
		justify-content: center;
		padding-left: max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));
		padding-right: var(--space-5);
	}

	.seymour-review-line--band {
		display: grid;
		gap: 2px;
	}

	.seymour-l4-band__button {
		font-size: 16px;
		height: calc(var(--touch-target) - var(--space-2));
		width: calc(var(--touch-target) - var(--space-2));
	}

	.seymour-l4-band__track {
		flex: 1 1 auto;
		scroll-padding-left: var(--space-4);
	}

	.seymour-l4-band__list {
		padding-left: var(--space-4);
	}

	.seymour-l4-band__item {
		width: 320px;
	}
}

/* ------------------------------------------------------------------
 * Photo band scroller. Plain overflow scrolling, so it works with JavaScript off.
 * ------------------------------------------------------------------ */

.seymour-l4-photos__track {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-color: var(--gold-500) transparent;
	scrollbar-width: thin;
}

.seymour-l4-photos__track:focus-visible {
	outline: var(--focus-ring);
	outline-offset: calc(-1 * var(--focus-offset, 2px) - 2px);
}

@media (prefers-reduced-motion: no-preference) {
	.seymour-l4-photos__track {
		scroll-behavior: smooth;
	}
}

.seymour-l4-photos__list {
	box-sizing: border-box;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	width: max-content;
}

.seymour-l4-photos__item {
	display: flex;
	margin: 0;
	scroll-snap-align: start;
}

/* ------------------------------------------------------------------
 * The short page: "Living in ...", its opening, a topic per H3, and the sources.
 * ------------------------------------------------------------------ */

.seymour-l4-overview {
	padding-bottom: var(--space-section);
	padding-top: var(--space-section);
}

.seymour-l4-overview__inner {
	display: grid;
	gap: var(--space-6);
}

.seymour-l4-overview__title {
	margin: 0 0 var(--space-4);
}

.seymour-l4-overview__intro {
	color: var(--navy);
	font-family: var(--font-serif);
	font-optical-sizing: auto;
	font-size: var(--fs-lead);
	font-variation-settings: var(--font-serif-settings);
	line-height: 1.5;
	max-width: var(--measure);
}

.seymour-l4-overview__intro > :last-child,
.seymour-l4-topic > :last-child {
	margin-bottom: 0;
}

.seymour-l4-topics {
	display: grid;
	gap: var(--space-5);
}

.seymour-l4-topic {
	border-top: 1px solid var(--gold-500);
	padding-top: var(--space-4);
}

.seymour-l4-topic h3 {
	font-size: var(--fs-h4);
	margin: 0 0 var(--space-2);
}

.seymour-l4-topic p {
	margin: 0 0 0.8em;
}

.seymour-l4-overview__sources {
	border-top: 1px solid var(--line);
	color: var(--grey-600);
	font-size: var(--fs-meta);
	line-height: 1.5;
	margin: 0;
	padding-top: var(--space-4);
}

.seymour-l4-overview__sources-label {
	color: var(--ink);
	font-weight: var(--weight-semibold);
	margin-right: var(--space-2);
}

@media (min-width: 600px) {
	.seymour-l4-topics {
		column-gap: var(--space-6);
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.seymour-l4-overview__inner {
		align-items: start;
		column-gap: var(--space-8);
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		row-gap: var(--space-7);
	}

	.seymour-l4-overview__lead {
		position: sticky;
		top: calc(var(--seymour-l3-nav-height) + var(--seymour-l3-sticky-top) + var(--space-5));
	}

	.seymour-l4-overview__sources {
		grid-column: 1 / -1;
	}
}

/* ------------------------------------------------------------------
 * Photo band. Phones: an edge-to-edge strip that scrolls sideways.
 * From 900 px: three across, edge to edge, captions under each.
 * ------------------------------------------------------------------ */

.seymour-l4-photos {
	padding-bottom: var(--space-section);
}

.seymour-l4-photos__list {
	gap: var(--space-2);
	padding-bottom: var(--space-3);
}

.seymour-l4-photos__item {
	width: 86vw;
}

.seymour-l4-photo {
	margin: 0;
	width: 100%;
}

.seymour-l4-photo__image {
	aspect-ratio: 4 / 3;
	border-radius: 0;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.seymour-l4-photo__caption {
	color: var(--grey-600);
	font-size: var(--fs-meta);
	line-height: 1.5;
	margin-top: var(--space-2);
	padding: 0 var(--space-4);
}

@media (min-width: 600px) {
	.seymour-l4-photos__item {
		width: 60vw;
	}
}

@media (min-width: 900px) {
	.seymour-l4-photos__track {
		overflow: visible;
		scroll-snap-type: none;
	}

	.seymour-l4-photos__list {
		display: grid;
		gap: var(--space-2);
		grid-template-columns: repeat(3, minmax(0, 1fr));
		padding-bottom: 0;
		row-gap: var(--space-5);
		width: 100%;
	}

	.seymour-l4-photos__item {
		width: auto;
	}

	.seymour-l4-photo__caption {
		padding: 0 var(--space-5);
	}
}

/* ------------------------------------------------------------------
 * The full guide: a gold rule and the H2 above the page's own text.
 * ------------------------------------------------------------------ */

.seymour-l4-guide__intro {
	border-top: 1px solid var(--line);
}

.seymour-l4-guide__eyebrow {
	margin: 0 0 var(--space-3);
}

.seymour-l4-guide__title {
	margin: 0 0 var(--space-5);
}

/* ------------------------------------------------------------------
 * The headline result (row 01 of the results card) and its one sentence above the form.
 * ------------------------------------------------------------------ */

/* A line of words, not a figure: the results card's serif, a size down so it fits the card. */
.seymour-l3-result__value.seymour-l4-result__claim {
	font-size: var(--fs-h2);
	font-variant-numeric: normal;
	line-height: var(--lh-heading);
}

.seymour-l4-contact__claim {
	color: var(--white);
	font-family: var(--font-sans);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	margin: calc(-1 * var(--space-2)) 0 var(--space-5);
}

/* The home page's band: the reviews run the full width, the buttons centred underneath, no
 * rating column (the hero bar above shows it). */
.seymour-l4-band--controls-below .seymour-l4-band__inner {
	display: grid;
	gap: var(--space-3);
}

.seymour-l4-band--controls-below .seymour-l4-band__summary {
	border-right: 0;
	flex-direction: row;
	justify-content: center;
	padding-left: var(--seymour-l4-band-inset);
	padding-right: var(--seymour-l4-band-inset);
}

@media (min-width: 900px) {
	.seymour-l4-band--controls-below .seymour-l4-band__list {
		padding-left: max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));
	}

	.seymour-l4-band--controls-below .seymour-l4-band__track {
		scroll-padding-left: max(var(--gutter), calc((100% - var(--container)) / 2 + var(--gutter)));
	}
}

/* The home page's band in navy and gold: deep navy with gold hairlines top and bottom, the cards
 * a lighter navy with no rule, the quotes in white serif italics, the names in gold serif italics, the buttons
 * navy rings with gold borders. */
.seymour-l4-band--controls-below {
	background: var(--footer-bg);
	border-bottom: 1px solid rgba(201, 168, 76, 0.5);
	border-top: 1px solid rgba(201, 168, 76, 0.5);
	padding-bottom: var(--space-4);
	padding-top: var(--space-5);
}

.seymour-l4-band--controls-below .seymour-l4-card {
	background: rgba(255, 255, 255, 0.05);
	border-top: 0;
}

.seymour-l4-band--controls-below .seymour-l4-card__quote {
	color: rgba(255, 255, 255, 0.92);
}

.seymour-l4-band--controls-below .seymour-l4-card__name {
	color: var(--footer-gold);
	font-family: var(--font-serif);
	font-style: italic;
	font-variation-settings: var(--font-serif-settings);
	font-weight: var(--weight-medium);
}

.seymour-l4-band--controls-below .seymour-l4-card__type {
	color: var(--footer-muted);
}

.seymour-l4-band--controls-below .seymour-l4-band__button {
	background: transparent;
	border-color: var(--footer-gold);
	color: var(--footer-gold);
}

.seymour-l4-band--controls-below .seymour-l4-band__button:hover {
	background: var(--footer-gold);
	color: var(--footer-bg);
}

.seymour-l4-band--controls-below .seymour-l4-band__button:disabled,
.seymour-l4-band--controls-below .seymour-l4-band__button:disabled:hover {
	background: transparent;
	border-color: rgba(201, 168, 76, 0.35);
	color: rgba(201, 168, 76, 0.45);
}

.seymour-l4-band--controls-below .seymour-l4-band__button:focus-visible {
	outline-color: var(--footer-gold);
}

.seymour-l4-band--controls-below .seymour-l4-band__track {
	scrollbar-color: var(--footer-gold) transparent;
}

/* Neighbourhood pages in the home page's look (Kaz, October 22, 2026): the review buttons sit
 * under the reviews, and the headline carries the gold italic accent on its own line. */
.seymour-l4-band--controls-below .seymour-l4-band__summary {
	order: 2;
}

.seymour-l3-hero__accent {
	color: var(--footer-gold);
	display: block;
	font-style: italic;
	text-shadow: 0 2px 14px rgba(10, 22, 40, 0.8);
}

/* Neighbourhood hero centred (Kaz, October 22, 2026): the label with its dashes and the
 * headline in the middle of the photo. */
.seymour-layout4 .seymour-l3-hero__text {
	text-align: center;
}

.seymour-layout4 .seymour-l3-hero__text .seymour-eyebrow {
	justify-content: center;
}

.seymour-layout4 .seymour-l3-hero__title {
	margin-left: auto;
	margin-right: auto;
}

/* "Neighbourhood Real Estate" on one line (Kaz, October 23, 2026): the headline uses the photo's
 * width, and the gold line scales down on narrow phones so it always fits. */
.seymour-layout4 .seymour-l3-hero__title {
	max-width: none;
}

.seymour-layout4 .seymour-l3-hero__accent {
	font-size: min(1em, 8.4vw);
	white-space: nowrap;
}

/* ------------------------------------------------------------------
 * The split (Kaz, October 23, 2026). From 1200 px: the video fills the left half and stays in view
 * while the right half scrolls: the label and headline in navy and gold on white, then "Living in
 * …" and its boxes. The page menu follows the split. Below 1200 px nothing changes: the headline
 * sits on the video and the menu comes straight after it (the article reorders them).
 * ------------------------------------------------------------------ */
@media (max-width: 1199px) {
	.seymour-l4 {
		display: flex;
		flex-direction: column;
	}

	.seymour-l4 > .seymour-l4-split {
		display: contents;
	}

	.seymour-l4-split > .seymour-l3-hero {
		order: -2;
	}

	.seymour-l4 > .seymour-l3-nav {
		order: -1;
	}
}

@media (min-width: 1200px) {
	.seymour-l4-split {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		grid-template-rows: auto 1fr;
	}

	.seymour-l4-split > .seymour-l3-hero,
	.seymour-l4-split > .seymour-l3-hero > .seymour-l3-hero__media {
		display: contents;
	}

	.seymour-l4-split .seymour-l3-hero__image,
	.seymour-l4-split .seymour-l3-hero__video {
		align-self: start;
		grid-column: 1;
		grid-row: 1 / -1;
		height: calc(100vh - var(--seymour-l3-sticky-top));
		height: calc(100svh - var(--seymour-l3-sticky-top));
		inset: auto;
		position: sticky;
		top: var(--seymour-l3-sticky-top);
	}

	.seymour-l4-split .seymour-l3-hero__text {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
		max-width: none;
		padding: var(--space-9) var(--space-8) var(--space-6);
		text-align: left;
	}

	.seymour-l4-split .seymour-l3-hero__text .seymour-eyebrow {
		color: var(--gold-800);
		justify-content: flex-start;
	}

	.seymour-l4-split .seymour-l3-hero__title {
		color: var(--navy);
		font-size: min(var(--fs-display), 3.6vw);
		margin-left: 0;
		text-shadow: none;
	}

	.seymour-l4-split .seymour-l3-hero__accent {
		color: var(--gold-700);
		font-size: 1em;
		text-shadow: none;
	}

	.seymour-l4-split > .seymour-l4-overview {
		grid-column: 2;
		grid-row: 2;
		padding-top: var(--space-4);
	}

	.seymour-l4-split > .seymour-l4-overview > .seymour-container {
		max-width: none;
		padding-left: var(--space-8);
		padding-right: var(--space-8);
	}

	.seymour-l4-split .seymour-l4-overview__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.seymour-l4-split .seymour-l4-overview__lead {
		position: static;
	}
}

/* The split's video carries the navy fade at its top and bottom (Kaz, October 23, 2026). The fade
 * is its own layer over the left half, pinned with the video. */
@media (min-width: 1200px) {
	.seymour-l4-split::before {
		align-self: start;
		background: linear-gradient(to bottom, rgba(30, 58, 95, 0.55) 0%, rgba(30, 58, 95, 0) 28%, rgba(30, 58, 95, 0) 70%, rgba(30, 58, 95, 0.55) 100%);
		content: "";
		grid-column: 1;
		grid-row: 1 / -1;
		height: calc(100vh - var(--seymour-l3-sticky-top));
		height: calc(100svh - var(--seymour-l3-sticky-top));
		pointer-events: none;
		position: sticky;
		top: var(--seymour-l3-sticky-top);
		z-index: 2;
	}

	.seymour-l4-split .seymour-l3-hero__image,
	.seymour-l4-split .seymour-l3-hero__video {
		z-index: 1;
	}
}

/* "Living in …" intro (Kaz, October 23, 2026): the regular body font, and as wide as the boxes
 * below it. */
.seymour-l4-overview .seymour-l4-overview__intro {
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: var(--fs-body);
	font-variation-settings: normal;
	line-height: var(--lh-body);
	max-width: none;
}

.seymour-l4-overview .seymour-l4-overview__lead {
	max-width: none;
}

/* The box titles (Where it is, Homes, Main streets…) in the label style of "Midtown Toronto":
 * small gold capitals, no dashes (Kaz, October 23, 2026). */
.seymour-l4-topic h3 {
	color: var(--gold-800);
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow);
	font-variation-settings: normal;
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-eyebrow);
	line-height: 1.4;
	text-transform: uppercase;
}

/* With the page menu above the split, the pinned video and its fade sit just under the menu. */
@media (min-width: 1200px) {
	.seymour-l4-split::before,
	.seymour-l4-split .seymour-l3-hero__image,
	.seymour-l4-split .seymour-l3-hero__video {
		height: calc(100vh - var(--seymour-l3-sticky-top) - var(--seymour-l3-nav-height));
		height: calc(100svh - var(--seymour-l3-sticky-top) - var(--seymour-l3-nav-height));
		top: calc(var(--seymour-l3-sticky-top) + var(--seymour-l3-nav-height));
	}
}

/* The old hero's bottom fade stays out of the split: the right half is plain white; the video has
 * its own top-and-bottom fade (Kaz, October 23, 2026). */
@media (min-width: 1200px) {
	.seymour-l4-split .seymour-l3-hero__media::after,
	.seymour-l4-split .seymour-l3-hero::after,
	.seymour-l4-split .seymour-l3-hero::before {
		display: none;
	}
}

/* The page menu at the top of the right half, above "Midtown Toronto" (Kaz, October 23, 2026).
 * The video runs to the top on the left. Phones: the menu still follows the video. */
@media (max-width: 1199px) {
	.seymour-l4-split > .seymour-l3-nav {
		order: -1;
	}
}

@media (min-width: 1200px) {
	.seymour-l4-split {
		grid-template-rows: auto auto 1fr;
	}

	.seymour-l4-split > .seymour-l3-nav {
		grid-column: 2;
		grid-row: 1;
		top: var(--seymour-l3-sticky-top);
		z-index: 80;
	}

	.seymour-l4-split > .seymour-l3-nav > .seymour-container {
		max-width: none;
		padding-left: var(--space-8);
		padding-right: var(--space-8);
	}

	.seymour-l4-split .seymour-l3-hero__text {
		grid-row: 2;
		padding-top: var(--space-7);
	}

	.seymour-l4-split > .seymour-l4-overview {
		grid-row: 3;
	}

	.seymour-l4-split::before,
	.seymour-l4-split .seymour-l3-hero__image,
	.seymour-l4-split .seymour-l3-hero__video {
		grid-row: 1 / -1;
		height: calc(100vh - var(--seymour-l3-sticky-top));
		height: calc(100svh - var(--seymour-l3-sticky-top));
		top: var(--seymour-l3-sticky-top);
	}
}

/* After the split, the page menu pins across the top of the screen (layout4.js). */
@media (min-width: 1200px) {
	.seymour-l4-split {
		grid-template-rows: var(--seymour-split-nav-h, auto) auto 1fr;
	}

	.seymour-l4-split > .seymour-l3-nav.is-pinned-wide {
		left: 0;
		position: fixed;
		right: 0;
		top: var(--seymour-l3-sticky-top);
		width: 100%;
	}

	.seymour-l4-split > .seymour-l3-nav.is-pinned-wide > .seymour-container {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--container);
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}
}

/* "Our results" slideshow (Kaz, October 23, 2026): the photos crossfade behind the card. */
.seymour-l3-results .seymour-l3-results__image {
	opacity: 0;
	transition: opacity 1.4s ease;
}

.seymour-l3-results .seymour-l3-results__image.is-active {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.seymour-l3-results .seymour-l3-results__image {
		transition: none;
	}
}

/* "Our results" over the slideshow (Kaz, October 23, 2026): the card in the dark navy at 50% with
 * white and gold words, a little further left; the boundaries and figures beside it straight on the
 * photos, no boxes, with a soft shadow so they read on any picture. */
.seymour-l3-results .seymour-l3-results__card {
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background: rgba(10, 22, 40, 0.5);
	border: 1px solid rgba(201, 168, 76, 0.45);
	color: var(--white);
}

.seymour-l3-results .seymour-l3-results__title,
.seymour-l3-results .seymour-l3-result__value {
	color: var(--white);
}

.seymour-l3-results .seymour-l3-results__title {
	border-bottom-color: rgba(201, 168, 76, 0.45);
}

.seymour-l3-results .seymour-l3-result__number,
.seymour-l3-results .seymour-l3-result__label {
	color: var(--footer-gold);
}

.seymour-l3-results .seymour-l3-result__meta,
.seymour-l3-results .seymour-l3-result__detail {
	color: rgba(255, 255, 255, 0.82);
}

.seymour-l3-results .seymour-l3-results__note {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: rgba(255, 255, 255, 0.85);
}

.seymour-l3-results__facts {
	color: var(--white);
	display: grid;
	gap: var(--space-5);
	margin-top: var(--space-7);
	text-shadow: 0 1px 10px rgba(10, 22, 40, 0.75);
}

.seymour-l3-results__facts .seymour-l3-facts__boundaries,
.seymour-l3-results__facts .seymour-l3-stat {
	background: none;
	border: 0;
	padding: 0;
}

.seymour-l3-results__facts .seymour-eyebrow,
.seymour-l3-results__facts .seymour-l3-stat__label {
	color: var(--footer-gold);
}

.seymour-l3-results__facts .seymour-l3-facts__line {
	color: var(--white);
}

.seymour-l3-results__facts .seymour-l3-stat__value {
	color: var(--footer-gold);
}

.seymour-l3-results__facts .seymour-l3-stat__meta {
	color: rgba(255, 255, 255, 0.85);
}

.seymour-l3-results__facts .seymour-l3-stats {
	border: 0;
	display: grid;
	gap: var(--space-5);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

@media (min-width: 900px) {
	.seymour-l3-results > .seymour-l3-results__inner {
		align-items: start;
		column-gap: var(--space-9);
		display: grid;
		grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
		max-width: 1440px;
	}

	.seymour-l3-results__inner > .seymour-l3-results__card,
	.seymour-l3-results__inner > .seymour-l3-results__ask {
		grid-column: 1;
	}

	.seymour-l3-results__inner > .seymour-l3-results__facts {
		align-self: center;
		grid-column: 2;
		grid-row: 1 / span 2;
		margin-top: 0;
	}
}

.seymour-l3-results__facts .seymour-l3-stat__label {
	color: var(--white);
}

/* "Our results" card (Kaz, October 23, 2026): no row number, "#1" in gold, and the button in the
 * navy standard. */
.seymour-l3-results .seymour-l3-result__number {
	display: none;
}

.seymour-l3-results .seymour-l3-result {
	grid-template-columns: minmax(0, 1fr);
}

.seymour-l3-results .seymour-l4-result__rank {
	color: var(--footer-gold);
}

.seymour-l3-results .seymour-l3-results__ask .seymour-button {
	background: var(--footer-bg);
	border-color: var(--footer-bg);
	border-bottom: var(--footer-accent-height) solid var(--footer-gold);
	color: var(--white);
}

.seymour-l3-results .seymour-l3-results__ask .seymour-button:hover,
.seymour-l3-results .seymour-l3-results__ask .seymour-button:focus-visible {
	background: var(--footer-gold);
	border-color: var(--footer-gold);
	color: var(--footer-bg);
}

/* Homes for sale on the neighbourhood pages (Kaz, October 23, 2026): the listing-page card design,
 * two rows of four on laptops, two across on tablets, one on phones. */
.seymour-l3-homes .seymour-l3-homes__title {
	margin: 0 0 var(--space-4);
}

.seymour-l3-homes .seymour-mls-hotsheet .seymour-mls-grid {
	display: grid;
	gap: var(--grid-gap);
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 600px) {
	.seymour-l3-homes .seymour-mls-hotsheet .seymour-mls-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.seymour-l3-homes .seymour-mls-hotsheet .seymour-mls-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Homes for sale on white, as "See more homes like this one" on listing pages (Kaz, October 23, 2026). */
.seymour-l3-band.seymour-l3-homes {
	background: var(--white);
}

/* The rating bar at the foot of the split's right half, centred (Kaz, October 23, 2026). */
@media (min-width: 1200px) {
	.seymour-l4-split {
		grid-template-rows: var(--seymour-split-nav-h, auto) auto 1fr auto;
	}

	.seymour-l4-split > .seymour-l4-proofbar {
		align-self: end;
		border-bottom: 0;
		border-top: 1px solid var(--line);
		grid-column: 2;
		grid-row: 4;
	}

	.seymour-l4-split > .seymour-l4-proofbar > .seymour-l3-hero__bar-inner {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-4) var(--space-6);
		justify-content: center;
		max-width: none;
	}
}

/* Neighbourhood reviews in still batches of eight (Kaz, October 23, 2026): two rows of four on
 * laptops, the arrows under them fade to the next eight, and after the last batch a link to every
 * review. */
.seymour-l4-pages__page {
	display: grid;
	gap: var(--space-3);
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 0;
	opacity: 1;
	padding: 0;
	transition: opacity 0.45s ease;
}

.seymour-l4-pages__page[hidden] {
	display: none;
}

.seymour-l4-pages__page.is-fading {
	opacity: 0;
}

.seymour-l4-pages__item {
	display: flex;
	margin: 0;
}

.seymour-l4-pages__item .seymour-l4-card {
	margin: 0;
	width: 100%;
}

.seymour-l4-pages__foot {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	margin-top: var(--space-5);
}

.seymour-l4-pages__more {
	margin: 0;
}

.seymour-l4-pages__more[hidden] {
	display: none;
}

.seymour-l4-pages .seymour-l4-pages__more-button {
	background: var(--footer-gold);
	border-color: var(--footer-gold);
	color: var(--footer-bg);
}

.seymour-l4-pages .seymour-l4-pages__more-button:hover,
.seymour-l4-pages .seymour-l4-pages__more-button:focus-visible {
	background: var(--gold-hover);
	border-color: var(--gold-hover);
	color: var(--footer-bg);
}

@media (min-width: 600px) {
	.seymour-l4-pages__page {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	.seymour-l4-pages__page {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.seymour-l4-pages__page {
		transition: none;
	}
}

.seymour-l4-pages__item--more {
	align-items: center;
	justify-content: center;
}

/* The arrows beside the reviews (Kaz, October 23, 2026): ← on the left, → on the right, centred on
 * the cards. */
.seymour-l4-pages .seymour-l4-pages__inner {
	padding-left: calc(var(--gutter) + 52px);
	padding-right: calc(var(--gutter) + 52px);
	position: relative;
}

.seymour-l4-pages .seymour-l4-pages__foot {
	margin-top: 0;
}

.seymour-l4-pages .seymour-l4-pages__foot:has(.seymour-l4-pages__more) {
	margin-top: var(--space-5);
}

.seymour-l4-pages [data-seymour-l4-pager] {
	display: contents;
}

.seymour-l4-pages [data-seymour-l4-turn] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.seymour-l4-pages [data-seymour-l4-turn="-1"] {
	left: var(--gutter);
}

.seymour-l4-pages [data-seymour-l4-turn="1"] {
	right: var(--gutter);
}

.seymour-l4-pages [data-seymour-l4-turn]:disabled {
	visibility: hidden;
}

/* Review cards glow gold and lift a little on hover (Kaz, October 23, 2026). */
.seymour-l4-pages .seymour-l4-card {
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.seymour-l4-pages .seymour-l4-pages__item:hover .seymour-l4-card {
	box-shadow: 0 0 0 1px var(--footer-gold), 0 10px 24px rgba(201, 168, 76, 0.25);
	transform: translateY(-4px);
}

/* "View The Seymour Team reviews" in the review cards' own box, with gold words. */
.seymour-l4-pages .seymour-l4-pages__item--more .seymour-l4-pages__more-button {
	align-items: center;
	background: rgba(255, 255, 255, 0.05);
	border: 0;
	border-radius: 0;
	color: var(--footer-gold);
	display: flex;
	font-family: var(--font-serif);
	font-size: var(--fs-h4);
	font-style: italic;
	height: 100%;
	justify-content: center;
	text-align: center;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	width: 100%;
}

.seymour-l4-pages .seymour-l4-pages__item--more .seymour-l4-pages__more-button:hover,
.seymour-l4-pages .seymour-l4-pages__item--more .seymour-l4-pages__more-button:focus-visible {
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 0 1px var(--footer-gold), 0 10px 24px rgba(201, 168, 76, 0.25);
	color: var(--footer-gold);
	transform: translateY(-4px);
}

@media (prefers-reduced-motion: reduce) {
	.seymour-l4-pages .seymour-l4-pages__item:hover .seymour-l4-card,
	.seymour-l4-pages .seymour-l4-pages__item--more .seymour-l4-pages__more-button:hover {
		transform: none;
	}
}

/* Swapping batches never moves the page (the browser's scroll anchoring would follow the old batch). */
.seymour-l4-pages {
	overflow-anchor: none;
}

/* Our sales in batches of five on white, the MLS cards with no prices (Kaz, October 23, 2026). */
.seymour-l4-sales {
	background: var(--white);
}

.seymour-l4-sales .seymour-l3-homes__title {
	margin-bottom: var(--space-4);
}

.seymour-l4-sales .seymour-l4-pages__item > .seymour-mls-card {
	width: 100%;
}

@media (min-width: 1100px) {
	.seymour-l4-sales .seymour-l4-pages__page {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

.seymour-l4-sales .seymour-l4-band__button {
	background: transparent;
	border-color: var(--footer-gold);
	color: var(--footer-gold);
}

.seymour-l4-sales .seymour-l4-band__button:hover,
.seymour-l4-sales .seymour-l4-band__button:focus-visible {
	background: var(--footer-gold);
	color: var(--white);
}

.seymour-l4-sales .seymour-l4-pages__more-button {
	background: var(--footer-bg);
	border-color: var(--footer-bg);
	box-shadow: inset 0 -3px 0 var(--footer-gold);
	color: var(--white);
}

.seymour-l4-sales .seymour-l4-pages__more-button:hover,
.seymour-l4-sales .seymour-l4-pages__more-button:focus-visible {
	background: var(--footer-gold);
	border-color: var(--footer-gold);
	color: var(--footer-bg);
}

/* "More Seymour Team sold listings" in the last batch's empty box: the card's frame, gold serif
 * italics, the cards' gold glow and lift on hover. */
.seymour-l4-sales .seymour-l4-sales__more {
	align-items: center;
	border: 1px solid var(--line, #e2e2e2);
	color: var(--footer-gold);
	display: flex;
	font-family: var(--font-serif);
	font-size: var(--fs-h4);
	font-style: italic;
	justify-content: center;
	min-height: 100%;
	padding: var(--space-4);
	text-align: center;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	width: 100%;
}

.seymour-l4-sales .seymour-l4-sales__more:hover,
.seymour-l4-sales .seymour-l4-sales__more:focus-visible {
	box-shadow: 0 0 0 1px var(--footer-gold), 0 10px 24px rgba(201, 168, 76, 0.25);
	color: var(--footer-gold);
	transform: translateY(-4px);
}

.seymour-l4-sales .seymour-l3-homes__title {
	margin-bottom: var(--space-2);
}

.seymour-l4-sales__by {
	color: var(--ink);
	font-size: var(--fs-meta);
	opacity: 0.75;
	margin: 0 0 var(--space-4);
}

/* ------------------------------------------------------------------
 * The guide as rows (Kaz, October 23, 2026): the PropTx notices on the left, the topics on the
 * right; each topic opens in a page-wide window as tall as its words.
 * ------------------------------------------------------------------ */
.seymour-l4-guide-rows {
	background: var(--white);
	display: block;
}

.seymour-l4-guide-rows__grid {
	display: grid;
	gap: var(--space-5);
}

@media (min-width: 900px) {
	.seymour-l4-guide-rows__grid {
		align-items: start;
		gap: var(--space-6, 64px);
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	/* The rows line up with the guide's title. */
	.seymour-l4-guide-rows__main {
		padding-top: calc(var(--fs-eyebrow) * 1.6 + var(--space-3));
	}
}

.seymour-l4-guide-rows__intro {
	margin-bottom: var(--space-4);
}

.seymour-l4-guide-rows__list {
	border-top: 1px solid var(--gold);
	list-style: none;
	margin: 0;
	padding: 0;
}

.seymour-l4-guide-rows__list li {
	border-bottom: 1px solid var(--line);
	margin: 0;
}

.seymour-l4-guide-rows__row {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--navy);
	cursor: pointer;
	display: flex;
	font-family: var(--font-serif);
	font-size: var(--fs-h4);
	gap: var(--space-3);
	justify-content: space-between;
	padding: var(--space-3) var(--space-2);
	text-align: left;
	transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
	width: 100%;
}

.seymour-l4-guide-rows__row:hover,
.seymour-l4-guide-rows__row:focus-visible {
	background: rgba(201, 168, 76, 0.08);
	color: var(--navy);
	padding-left: var(--space-3);
}

.seymour-l4-guide-rows__plus {
	color: var(--gold);
	font-family: var(--font-sans);
	font-size: 1.5em;
	line-height: 1;
}

/* The window: the page's width, only as tall as its words (scrolls past the screen's height). */
.seymour-l4-guide-pop {
	background: var(--white);
	border: 0;
	border-top: 3px solid var(--gold);
	box-shadow: 0 24px 60px rgba(10, 22, 40, 0.35);
	color: var(--ink);
	max-height: calc(100vh - 48px);
	max-width: min(var(--container, 1200px), calc(100vw - 32px));
	overflow: auto;
	padding: 0;
	width: 100%;
}

.seymour-l4-guide-pop::backdrop {
	background: rgba(10, 22, 40, 0.6);
}

.seymour-l4-guide-pop__inner {
	display: grid;
}

.seymour-l4-guide-pop__photo {
	margin: 0;
}

.seymour-l4-guide-pop__photo img {
	display: block;
	height: 100%;
	max-height: 60vh;
	object-fit: cover;
	width: 100%;
}

.seymour-l4-guide-pop__photo figcaption {
	font-size: var(--fs-meta);
	padding: var(--space-2) var(--space-3);
}

.seymour-l4-guide-pop__text {
	padding: var(--space-5);
}

.seymour-l4-guide-pop__text > h2:first-child {
	margin-top: 0;
	padding-right: var(--space-5);
}

@media (min-width: 900px) {
	.seymour-l4-guide-pop__inner {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.seymour-l4-guide-pop__inner--text {
		grid-template-columns: minmax(0, 1fr);
	}

	.seymour-l4-guide-pop__photo {
		position: sticky;
		top: 0;
		align-self: start;
	}

	.seymour-l4-guide-pop__photo img {
		max-height: calc(100vh - 48px);
		min-height: 360px;
	}
}

.seymour-l4-guide-pop__close {
	align-items: center;
	background: var(--footer-bg);
	border: 0;
	box-shadow: inset 0 -3px 0 var(--gold);
	color: var(--white);
	cursor: pointer;
	display: flex;
	height: 44px;
	justify-content: center;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 44px;
}

.seymour-l4-guide-pop__close:hover,
.seymour-l4-guide-pop__close:focus-visible {
	background: var(--gold);
	color: var(--footer-bg);
}

/* The PropTx notices beside "See every home for sale" (Kaz, October 23, 2026). */
@media (min-width: 900px) {
	.seymour-l3-homes .seymour-mls-hotsheet {
		align-items: center;
		column-gap: var(--space-5);
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
	}

	.seymour-l3-homes .seymour-mls-hotsheet > .seymour-mls-grid {
		grid-column: 1 / -1;
	}

	.seymour-l3-homes .seymour-mls-hotsheet .seymour-mls-notices {
		border-top: 0;
		margin: 24px 0 0;
		padding-top: 0;
	}
}

/* The guide window's photo fills its whole left side and fades to white before the words
 * (Kaz, October 23, 2026). */
@media (min-width: 900px) {
	.seymour-l4-guide-pop__inner {
		min-height: 420px;
		position: relative;
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo {
		align-self: stretch;
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		top: 0;
		width: 58%;
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo img {
		height: 100%;
		max-height: none;
		min-height: 0;
		object-fit: cover;
		width: 100%;
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo::after {
		background:
			linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.04) 40%, rgba(255, 255, 255, 0.16) 52%, rgba(255, 255, 255, 0.38) 64%, rgba(255, 255, 255, 0.64) 76%, rgba(255, 255, 255, 0.86) 86%, var(--white) 95%, var(--white) 100%),
			linear-gradient(rgba(30, 58, 95, 0.2), rgba(30, 58, 95, 0.2));
		content: "";
		inset: 0;
		pointer-events: none;
		position: absolute;
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo figcaption {
		background: linear-gradient(to top, rgba(10, 22, 40, 0.7), rgba(10, 22, 40, 0));
		bottom: 0;
		color: var(--white);
		left: 0;
		padding: var(--space-5) 40% var(--space-3) var(--space-3);
		position: absolute;
		right: 0;
		z-index: 1;
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__text {
		grid-column: 2;
		position: relative;
		z-index: 1;
	}
}

/* Inside the guide windows (Kaz, October 23, 2026): "Get your home's value" as a gold-outline
 * button at the right edge, and the "Source:" lines in the PropTx notices' type. */
.seymour-l4-guide-pop__text .seymour-guide-cta {
	margin-top: var(--space-4);
	text-align: right;
}

.seymour-l4-guide-pop__text .seymour-guide-cta a {
	background: transparent;
	border: 1px solid var(--gold);
	color: var(--navy);
	display: inline-block;
	font-family: var(--font-sans);
	font-size: var(--fs-button);
	padding: 14px 28px;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.seymour-l4-guide-pop__text .seymour-guide-cta a::after {
	content: none;
}

.seymour-l4-guide-pop__text .seymour-guide-cta a:hover,
.seymour-l4-guide-pop__text .seymour-guide-cta a:focus-visible {
	background: rgba(201, 168, 76, 0.12);
	color: var(--navy);
}

.seymour-l4-guide-pop__text .seymour-guide-source {
	color: var(--ink);
	font-size: var(--fs-meta);
	opacity: 0.85;
}

.seymour-l4-guide-pop:focus {
	outline: none;
}

/* Bullet points in the guide windows a size down (Kaz, October 23, 2026). */
.seymour-l4-guide-pop__text li {
	font-size: calc(var(--fs-body) - 3px);
	line-height: 1.55;
}

/* "Get your home's value" back to the site's navy button with the gold band, still at the right
 * edge (Kaz, October 23, 2026). */
.seymour-l4-guide-pop__text .seymour-guide-cta a {
	background: var(--footer-bg);
	border: 1px solid var(--footer-bg);
	box-shadow: inset 0 -3px 0 var(--gold);
	color: var(--white);
}

.seymour-l4-guide-pop__text .seymour-guide-cta a:hover,
.seymour-l4-guide-pop__text .seymour-guide-cta a:focus-visible {
	background: var(--gold);
	border-color: var(--gold);
	color: var(--footer-bg);
}

/* "Get your home's value": navy with a thin gold outline all round, corners rounded a little, no
 * gold band (Kaz, October 23, 2026). */
.seymour-l4-guide-pop__text .seymour-guide-cta a {
	border: 1px solid var(--gold);
	border-radius: 6px;
	box-shadow: none;
}

.seymour-l4-guide-pop__text .seymour-guide-cta a:hover,
.seymour-l4-guide-pop__text .seymour-guide-cta a:focus-visible {
	border-color: var(--gold);
}

/* The base theme greys out a focused or pressed button; the guide rows keep their own look. */
.seymour-l4-guide-rows__row:focus,
.seymour-l4-guide-rows__row:active {
	background: transparent;
	color: var(--navy);
}

.seymour-l4-guide-rows__row:hover,
.seymour-l4-guide-rows__row:focus-visible {
	background: rgba(201, 168, 76, 0.08);
	color: var(--navy);
}

.seymour-l4-guide-rows__row:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: -2px;
}

/* The caption's dark shading fades out to the right as well, so no edge shows where the photo meets
 * the white (Kaz, October 23, 2026). */
@media (min-width: 900px) {
	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo figcaption {
		-webkit-mask-image: linear-gradient(to right, #000 0%, #000 45%, transparent 78%);
		mask-image: linear-gradient(to right, #000 0%, #000 45%, transparent 78%);
	}
}

/* A window's video fills its side like the photos do. */
.seymour-l4-guide-pop__video {
	display: block;
	height: 100%;
	max-height: 60vh;
	object-fit: cover;
	width: 100%;
}

@media (min-width: 900px) {
	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo .seymour-l4-guide-pop__video {
		max-height: none;
		object-position: 50% 50%;
	}
}

/* No edge where a window's photo or video meets the words: the picture is clipped to its frame,
 * and the white is solid for the last few per cent (Kaz, October 23, 2026). */
@media (min-width: 900px) {
	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo {
		overflow: hidden;
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo::after {
		right: -1px;
	}
}

/* Review cards: "Sold in Davisville Village" on one line, a size down (Kaz, October 23, 2026). */
.seymour-l4-pages .seymour-l4-card__type {
	font-size: 12px;
	letter-spacing: 0.06em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* No Google rating line at the foot of the right half (Kaz, October 23, 2026); the footer keeps its own. */
.seymour-l4-proofbar .seymour-l3-hero__proof {
	display: none;
}

/* "Our sales" and "Homes for sale" labels centred, with the "Listed by" line under them (Kaz, October 23, 2026). */
.seymour-l3-homes .seymour-l3-homes__title,
.seymour-l4-sales .seymour-l3-homes__title {
	justify-content: center;
	text-align: center;
}

.seymour-l4-sales__by {
	text-align: center;
}

/* The author note at the end of the guide stays in the page's text but is not shown in its window
 * (Kaz, October 23, 2026); the words are unchanged until the after-launch content review. */
.seymour-l4-guide-pop .seymour-l3-author {
	display: none;
}

/* The words start where the photo's fade turns to solid white (Kaz, October 23, 2026): the photo
 * takes the left 52%, the words the rest. */
@media (min-width: 900px) {
	.seymour-l4-guide-pop__inner {
		grid-template-columns: minmax(0, 52fr) minmax(0, 48fr);
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo {
		width: 52%;
	}

	.seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__text {
		padding-left: var(--space-4);
	}
}

/* Listing cards on the neighbourhood pages (Kaz, October 23, 2026): the status label flush with the
 * photo's left edge, Sold and Leased in gold (For sale keeps its navy), no photo count, no MLS
 * number. The listing brokerage stays on every card (PropTx MLS Rules 8.26). */
.seymour-l4 .seymour-mls-card__tags {
	left: 0;
}

.seymour-l4 .seymour-mls-card--closed .seymour-mls-card__status {
	background: var(--footer-gold);
	color: var(--footer-bg);
}

.seymour-l4 .seymour-mls-card__count,
.seymour-l4 .seymour-mls-card__mls {
	display: none;
}

/* "Here are 10 Reasons to Love Living in Davisville Village" in the gold serif italics. */
.seymour-l4-guide-rows__intro h4,
.seymour-l4-guide-rows__intro h4 a,
.seymour-l4-guide-rows__intro h4 strong,
.seymour-l4-guide-rows__intro h4 em {
	color: var(--gold-800);
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: var(--weight-medium);
	text-decoration-color: rgba(201, 168, 76, 0.6);
}

/* "Jethro is the #1 individual agent…" in gold on the navy contact band. */
.seymour-l4-contact__claim {
	color: var(--footer-gold);
}

/* A guide topic as a drop-down (Kaz, October 23, 2026, trying it on Future Outlook): the row opens in
 * place, the photo across the top fading to white, the words under it; the + turns to a ×. */
.seymour-l4-guide-rows__drop > summary {
	list-style: none;
}

.seymour-l4-guide-rows__drop > summary::-webkit-details-marker {
	display: none;
}

.seymour-l4-guide-rows__drop .seymour-l4-guide-rows__plus {
	transition: transform 0.2s ease;
}

.seymour-l4-guide-rows__drop[open] .seymour-l4-guide-rows__plus {
	transform: rotate(45deg);
}

.seymour-l4-guide-rows__panel {
	padding: 0 0 var(--space-4);
}

.seymour-l4-guide-rows__panel .seymour-l4-guide-pop__inner {
	display: block;
	min-height: 0;
	position: static;
}

.seymour-l4-guide-rows__panel .seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo {
	aspect-ratio: 16 / 9;
	margin: 0 0 var(--space-3);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.seymour-l4-guide-rows__panel .seymour-l4-guide-pop__photo img,
.seymour-l4-guide-rows__panel .seymour-l4-guide-pop__video {
	height: 100%;
	max-height: none;
	min-height: 0;
	object-fit: cover;
	width: 100%;
}

.seymour-l4-guide-rows__panel .seymour-l4-guide-pop__inner > .seymour-l4-guide-pop__photo::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.7) 85%, var(--white) 100%), linear-gradient(rgba(30, 58, 95, 0.2), rgba(30, 58, 95, 0.2));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.seymour-l4-guide-rows__panel .seymour-l4-guide-pop__text {
	padding: 0 var(--space-2);
}

/* The row already shows the title; the section's own heading stays for screen readers. */
.seymour-l4-guide-rows__panel .seymour-l4-guide-pop__text > h2:first-child {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* The guide as previews (Kaz, October 23, 2026): each topic's heading and opening paragraph in the
 * page, "Read more" opening its photo or video and the rest of its words; the title and intro stay
 * in view on the left on laptops. */
@media (min-width: 900px) {
	.seymour-l4-guide-rows__aside {
		align-self: start;
		position: sticky;
		top: calc(var(--seymour-split-nav-h, 56px) + var(--space-5));
	}
}

.seymour-l4-guide-preview {
	border-top: 1px solid var(--line);
	padding: var(--space-4) 0;
	scroll-margin-top: calc(var(--seymour-split-nav-h, 56px) + var(--space-4));
}

.seymour-l4-guide-preview:first-child {
	border-top: 1px solid var(--gold);
}

.seymour-l4-guide-preview__lead > h2 {
	color: var(--navy);
	font-size: var(--fs-h3);
	margin: 0 0 var(--space-2);
}

.seymour-l4-guide-preview__lead > p {
	margin: 0;
}

.seymour-l4-guide-preview__more > summary {
	color: var(--gold-800);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--font-sans);
	font-size: var(--fs-link);
	font-weight: var(--weight-medium);
	gap: var(--space-1);
	list-style: none;
	margin-top: var(--space-2);
}

.seymour-l4-guide-preview__more > summary::-webkit-details-marker {
	display: none;
}

.seymour-l4-guide-preview__more > summary::after {
	content: "+";
	transition: transform 0.2s ease;
}

.seymour-l4-guide-preview__more[open] > summary::after {
	transform: rotate(45deg);
}

.seymour-l4-guide-preview__more > summary:hover,
.seymour-l4-guide-preview__more > summary:focus-visible {
	text-decoration: underline;
	text-decoration-color: rgba(201, 168, 76, 0.6);
	text-underline-offset: 0.25em;
}

.seymour-l4-guide-preview__close,
.seymour-l4-guide-preview__more[open] .seymour-l4-guide-preview__open {
	display: none;
}

.seymour-l4-guide-preview__more[open] .seymour-l4-guide-preview__close {
	display: inline;
}

.seymour-l4-guide-preview__more .seymour-l4-guide-rows__panel {
	padding-top: var(--space-3);
}

.seymour-l4-guide-preview__more .seymour-l4-guide-pop__text {
	padding: 0;
}

/* "Get your home's value" a smaller box (Kaz, October 23, 2026). */
.seymour-l4-guide-pop__text .seymour-guide-cta a {
	font-size: var(--fs-meta);
	line-height: 1.3;
	min-height: 0;
	padding: 8px 18px;
}

/* Guide previews (Kaz, October 23, 2026): the words two sizes down (18 px, bullets 16 px), and
 * "Read more" in the gold serif italics of the "10 Reasons" line. */
.seymour-l4-guide-preview .entry-content p,
.seymour-l4-guide-preview .entry-content li {
	font-size: calc(var(--fs-body) - 2px);
}

.seymour-l4-guide-preview .entry-content li {
	font-size: calc(var(--fs-body) - 4px);
}

.seymour-l4-guide-preview .entry-content .seymour-guide-source {
	font-size: var(--fs-meta);
}

.seymour-l4-guide-preview__more > summary {
	color: var(--gold-800);
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: var(--weight-medium);
}

/* "Our results" photos a darker navy, 40% to 60%, so the words and figures stand out (Kaz, October 23, 2026). */
.seymour-l4 .seymour-l3-results::after {
	background: linear-gradient(to top, rgba(30, 58, 95, 0.6) 0%, rgba(30, 58, 95, 0.6) 100%);
}

/* The figures' shared source line, once under them, in the white of the per-figure lines. */
.seymour-l3-results__facts .seymour-l3-stats__source {
	color: rgba(255, 255, 255, 0.85);
	font-size: var(--fs-meta);
	margin: var(--space-2) 0 0;
}

/* Gold dash labels over each group of figures ("Freehold homes", "Condos"), like "Boundaries". */
.seymour-l3-results__facts .seymour-l3-stats__group {
	color: var(--footer-gold);
	margin: var(--space-4) 0 var(--space-2);
}

.seymour-l3-results__facts .seymour-l3-stats__group + .seymour-l3-stats {
	margin-top: 0;
}

/* "Talk to Jethro" pop-up: the page's contact form on navy, a ✕ at the top right. */
.seymour-l4-talk {
	background: transparent;
	border: 0;
	max-height: calc(100vh - 48px);
	max-width: min(640px, calc(100vw - 32px));
	overflow: auto;
	padding: 0;
	width: 100%;
}

.seymour-l4-talk:focus {
	outline: none;
}

.seymour-l4-talk::backdrop {
	background: rgba(10, 22, 40, 0.7);
}

.seymour-l4-talk .seymour-l4-talk__wrap {
	background: var(--footer-bg);
	border-radius: 8px;
	border-top: 3px solid var(--gold);
	margin: 0;
	padding: 40px 32px 32px;
}

.seymour-l4-talk .seymour-l3-contact__form {
	margin: 0;
	max-width: none;
	width: 100%;
}

.seymour-l4-talk__close {
	align-items: center;
	background: var(--footer-bg);
	border: 1px solid var(--gold);
	border-radius: 50%;
	color: var(--white);
	cursor: pointer;
	display: flex;
	height: 36px;
	justify-content: center;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 36px;
	z-index: 1;
}

.seymour-l4-talk__close:hover,
.seymour-l4-talk__close:focus-visible {
	background: var(--gold);
	color: var(--footer-bg);
}

/* The page menu's last item: a gold Talk to Jethro button (Kaz, October 25, 2026). */
.seymour-l3-nav .seymour-l3-nav__talk {
	background: var(--gold);
	border-radius: 999px;
	color: var(--footer-bg);
	font-weight: 700;
	padding: 8px 16px;
	white-space: nowrap;
}

.seymour-l3-nav .seymour-l3-nav__talk:hover,
.seymour-l3-nav .seymour-l3-nav__talk:focus-visible {
	background: var(--gold-hover);
	color: var(--footer-bg);
}

.seymour-l3-nav .seymour-l3-nav__talk::after,
.seymour-l3-nav .seymour-l3-nav__talk.is-current::after {
	display: none;
}

.seymour-l3-nav__talk-item {
	margin-left: auto;
}

/* The menu's Talk to Jethro button: a navy rectangle with the gold band, a little shorter
 * (Kaz, October 25, 2026). */
.seymour-l3-nav .seymour-l3-nav__talk {
	background: var(--footer-bg);
	border-radius: 0;
	box-shadow: inset 0 -3px 0 var(--gold);
	color: var(--white);
	font-weight: var(--weight-semibold);
	line-height: 1.2;
	padding: 6px 14px 8px;
}

.seymour-l3-nav .seymour-l3-nav__talk:hover,
.seymour-l3-nav .seymour-l3-nav__talk:focus-visible {
	background: var(--gold);
	box-shadow: none;
	color: var(--footer-bg);
}

/* The menu links are 52 px tall; the button is not, and sits in the middle of that height. */
.seymour-l3-nav .seymour-l3-nav__talk {
	min-height: 0;
	padding: 9px 14px 11px;
}

.seymour-l3-nav__talk-item {
	align-items: center;
	display: flex;
}

/* Our sales: a short row keeps the cards' usual width and sits centred (Kaz, October 25, 2026). */
@media (min-width: 1100px) {
	.seymour-l4-sales .seymour-l4-pages__page--few {
		grid-template-columns: repeat(var(--seymour-boxes, 3), calc((100% - 4 * var(--space-3)) / 5));
		justify-content: center;
	}
}

@media (min-width: 640px) and (max-width: 1099px) {
	.seymour-l4-sales .seymour-l4-pages__page--few {
		justify-content: center;
	}
}

/* The guide's photos without the white fade, on every neighbourhood page but Davisville Village,
 * whose design stays as it is (Kaz, October 25, 2026). */
.seymour-l4-guide-preview .seymour-l4-guide-pop__photo::after {
	display: none;
}

/* A neighbourhood with no results card: boundaries and figures centred, Talk to Jethro below
 * (Kaz, October 25, 2026). */
.seymour-l3-results__inner--solo {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.seymour-l3-results__inner--solo .seymour-l3-results__facts {
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
	width: 100%;
}

.seymour-l3-results__inner--solo .seymour-eyebrow {
	justify-content: center;
}

.seymour-l3-results__inner--solo .seymour-l3-stats {
	justify-items: center;
	margin-left: auto;
	margin-right: auto;
}

.seymour-l3-results__inner--solo .seymour-l3-results__ask--below {
	margin: var(--space-5) 0 0;
	text-align: center;
}

/* The solo layout wins over the two-column split above (Kaz, October 25, 2026). */
.seymour-l3-results > .seymour-l3-results__inner.seymour-l3-results__inner--solo {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.seymour-l3-results__inner--solo > .seymour-l3-results__facts,
.seymour-l3-results__inner--solo > .seymour-l3-results__ask {
	grid-column: auto;
	grid-row: auto;
	justify-self: center;
	margin-left: auto;
	margin-right: auto;
}

/* Guide headings bold on every neighbourhood page, Davisville Village too, one weight whether or not
 * the text carries its own bold (Kaz, October 25, 2026). */
.seymour-l4-guide-preview h2,
.seymour-l4-guide-preview h2 :is(strong, b),
.seymour-l4-guide-pop__text h2,
.seymour-l4-guide-pop__text h2 :is(strong, b) {
	font-weight: 700;
}

/* The menu's Talk to Jethro button at the menu's right edge on every page, however few links come
 * before it (Kaz, October 25, 2026). */
.seymour-l3-nav .seymour-l3-nav__list > li.seymour-l3-nav__talk-item {
	margin-left: auto;
}

/* Our sales four to a row at the width of the homes for sale below: the same 1120 px row, the same
 * 24 px gaps, so the cards line up (Kaz, October 25, 2026). */
@media (min-width: 1100px) {
	.seymour-l4-sales .seymour-l4-pages__page {
		column-gap: 24px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin-left: auto;
		margin-right: auto;
		max-width: 1120px;
		row-gap: 24px;
	}

	.seymour-l4-sales .seymour-l4-pages__page--few {
		grid-template-columns: repeat(var(--seymour-boxes, 3), calc((100% - 3 * 24px) / 4));
		justify-content: center;
	}
}

/* The band's arrows take room at the sides; the row itself still spans the full 1120 px, centred
 * on the page, so its edges meet the homes for sale below. */
@media (min-width: 1100px) {
	.seymour-l4-sales .seymour-l4-pages__page {
		left: 50%;
		max-width: none;
		position: relative;
		transform: translateX(-50%);
		width: min(1120px, calc(100vw - 32px));
	}
}

/* Our sales: arrows and cards together take the 1120 px of the homes for sale below; the arrows sit
 * at its two edges and the cards fill the room between them (Kaz, October 25, 2026). */
@media (min-width: 1100px) {
	.seymour-l4-sales .seymour-l4-pages__page {
		width: min(calc(1120px - 2 * 48px), calc(100vw - 32px - 2 * 48px));
	}
}

/* Jethro's intro at the end of a guide, with his headshot beside it (Kaz, October 25, 2026). */
.seymour-l3-author--photo {
	align-items: start;
	display: grid;
	gap: var(--space-4);
	grid-template-columns: 96px minmax(0, 1fr);
}

.seymour-l3-author--photo .seymour-l3-author__photo {
	aspect-ratio: 1;
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--gold);
	display: block;
	height: auto;
	object-fit: cover;
	object-position: center 20%;
	width: 96px;
}

@media (max-width: 599px) {
	.seymour-l3-author--photo {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.seymour-l3-author--photo .seymour-l3-author__photo {
		width: 72px;
	}
}

/* Centred figures: two equal columns, each figure and label centred in its own column, so the pair
 * sits evenly under its label (Kaz, October 25, 2026). */
.seymour-l3-results__inner--solo .seymour-l3-stats {
	grid-template-columns: repeat(var(--seymour-cols, 2), minmax(0, 220px));
	justify-content: center;
	justify-items: stretch;
}

.seymour-l3-results__inner--solo .seymour-l3-stats--1 {
	--seymour-cols: 1;
}

.seymour-l3-results__inner--solo .seymour-l3-stat {
	text-align: center;
}

/* The basis footnote under the contact band's #1 claim (CLAUDE.md: the claim prints "in 2026*" and the asterisk's footnote sits with it). */
.seymour-l4-contact__basis {
	font-size: var(--fs-meta);
	margin: calc(-1 * var(--space-2)) 0 var(--space-4);
	opacity: 0.8;
}

/* The latest market report under the guide's introduction (Kaz, October 27, 2026). */
.seymour-l4-guide-report {
	margin: var(--space-6, 48px) 0 0;
	max-width: 420px;
}

.seymour-l4-guide-report__label {
	margin: 0 0 var(--space-3, 12px);
}

/* Compact, so the title, introduction and card fit the screen and stay put while the sections on
 * the right scroll (Kaz, October 27, 2026): the photo on the left, the label and title beside it. */
@media (min-width: 900px) {
	.seymour-l4-guide-report {
		margin-top: var(--space-5, 32px);
		max-width: none;
	}

	.seymour-l4-guide-report .seymour-card__link {
		align-items: stretch;
		flex-direction: row;
	}

	.seymour-l4-guide-report .seymour-card__media {
		flex: 0 0 40%;
	}

	.seymour-l4-guide-report .seymour-card__media img {
		aspect-ratio: auto;
		height: 100%;
	}

	.seymour-l4-guide-report .seymour-card__body {
		padding: var(--space-4, 16px) var(--space-5, 20px);
	}

	.seymour-l4-guide-report .seymour-card__excerpt {
		display: none;
	}
}

/* On a short window the guide's introduction scrolls in its own box (layout4.js), so the title
 * and the report card stay on screen (Kaz, October 27, 2026). */
.seymour-l4-guide-rows__intro.is-scrolling {
	overflow-y: auto;
	padding-right: 8px;
	scrollbar-width: thin;
}

/* Questions about the neighbourhood (Kaz, October 27, 2026): a centred gold label and heading,
 * the questions in two columns in a smaller size. */
.seymour-l4-questions__eyebrow,
.seymour-l4-questions__title {
	text-align: center;
}

.seymour-l4-questions__eyebrow {
	justify-content: center;
}

.seymour-l4-questions__title {
	margin: 0 0 var(--space-6, 40px);
}

.seymour-l4-questions .seymour-l3-faq__question {
	font-size: var(--fs-h5, 1.125rem);
}

@media (min-width: 900px) {
	.seymour-l4-questions__list {
		align-items: start;
		column-gap: var(--space-6, 48px);
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.seymour-l4-questions h2.seymour-l4-questions__eyebrow {
	margin: 0 0 var(--space-5, 32px);
}

/* The answers in the questions' size (Kaz, October 27, 2026). */
.seymour-l4-questions .seymour-l3-faq__answer,
.seymour-l4-questions .seymour-l3-faq__answer p,
.seymour-l4-questions .seymour-l3-faq__answer li {
	font-size: var(--fs-h5, 1.125rem);
	line-height: 1.6;
}

/* Jethro's card in the neighbourhood pages' Talk to Jethro band, as on the posts (Kaz, October 27, 2026). */
.seymour-l3-contact .seymour-sell-broker {
	border-top: 1px solid rgba(201, 168, 76, 0.4);
	margin-top: var(--space-6);
	padding-top: var(--space-6);
}

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

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

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

.seymour-l3-contact .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);
}

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

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

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

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

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

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

.seymour-l3-contact .seymour-sell-broker__lines .seymour-phone__label {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__person {
	align-items: flex-start;
	margin-bottom: 0;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__lines {
	gap: var(--space-2);
	margin-top: var(--space-3);
}

.seymour-l3-contact .seymour-sell-broker__bio {
	color: rgba(255, 255, 255, 0.62);
	font-size: 12.5px;
	line-height: 1.6;
	margin: var(--space-5) 0 0;
}

.seymour-l3-contact .seymour-sell-broker__bio a {
	color: var(--footer-gold);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__person {
	align-items: stretch;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__text {
	display: flex;
	flex-direction: column;
	min-height: 120px;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__name {
	font-size: 22px;
	line-height: 1.15;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__lines {
	gap: 4px;
	margin-top: auto;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__lines .seymour-phone {
	font-size: 14px;
	gap: 8px;
	line-height: 1.35;
	min-height: 0;
}

.seymour-l3-contact .seymour-sell-broker--beside .seymour-sell-broker__lines .seymour-icon {
	height: 15px;
	width: 15px;
}

/* The neighbourhood pages' hero slideshow: the posts' rules, copied (Kaz, October 27, 2026). */
/* A post's hero slideshow (post meta seymour_hero_slides; Kaz, October 27, 2026): the photos stack
 * in the hero, the current one on top, with a slow zoom. */
.seymour-blog-hero__slides {
	inset: 0;
	overflow: hidden;
	position: absolute;
	z-index: 0; /* Its own layer, so the navy fade and the title stay over every slide. */
}

.seymour-blog-hero__slides .seymour-blog-hero__slide {
	height: 100%;
	inset: 0;
	object-fit: cover;
	/* Anchored at the top, zooming from the top, so skylines sit as low in the hero as the
	 * photo allows (Kaz, October 27, 2026). */
	object-position: center top;
	position: absolute;
	transform-origin: center top;
	width: 100%;
}

/* A fade between photos (Kaz, October 27, 2026): the next fades in over the last, which stays
 * beneath it until then; each photo zooms slowly while it shows. */
.seymour-blog-hero__slides.is-running .seymour-blog-hero__slide {
	opacity: 0;
	z-index: 0;
}

.seymour-blog-hero__slides.is-running .seymour-blog-hero__slide.is-leaving {
	/* The same zoom keeps running while the next photo fades in over it, so nothing jumps
	 * (Kaz, October 27, 2026: no bump between photos). */
	animation: seymour-hero-zoom 10s linear forwards;
	opacity: 1;
	z-index: 1;
}

.seymour-blog-hero__slides.is-running .seymour-blog-hero__slide.is-current {
	animation: seymour-hero-zoom 10s linear forwards;
	opacity: 1;
	transition: opacity 1.6s ease-in-out;
	z-index: 2;
}

@keyframes seymour-hero-zoom {
	from { scale: 1; }
	to { scale: 1.06; }
}

/* Alternate zooms (Kaz, October 27, 2026): the 1st, 3rd and 5th photos zoom in, the 2nd and 4th
 * zoom out; a photo fading away holds where its zoom ended. */
.seymour-blog-hero__slides.is-running .seymour-blog-hero__slide:nth-child(even):is(.is-current, .is-leaving) {
	animation-name: seymour-hero-zoom-out;
}

@keyframes seymour-hero-zoom-out {
	from { scale: 1.06; }
	to { scale: 1; }
}

.seymour-blog-hero__slide[src*="rosedale-don-valley-parkway"] {
	object-position: center 6%;
}
.seymour-blog-hero__slide[src*="rosedale-park-and-homes-aerial-fall"] {
	object-position: center 90%;
	transform-origin: center 70%;
}
.seymour-blog-hero__slide[src*="rosedale-park-field-to-the-downtown-skyline-aerial-fall"] {
	object-position: center 85%;
	transform-origin: center 70%;
}
.seymour-blog-hero__slide[src*="rosedale-homes-and-tree-canopy-aerial-fall"] {
	object-position: center 75%;
	transform-origin: center 70%;
}
.seymour-blog-hero__slide[src*="rosedale-homes-and-the-don-valley-aerial-fall"] {
	object-position: center 70%;
	transform-origin: center 60%;
}
.seymour-blog-hero__slide[src*="lawrence-park-ravine-homes-and-bowling-greens-aerial-fall"] {
	object-position: center 95%;
	transform-origin: center 75%;
}
.seymour-blog-hero__slide[src*="lawrence-park-large-homes-aerial-fall"] {
	object-position: center 75%;
	transform-origin: center 65%;
}
.seymour-blog-hero__slide[src*="lawrence-park-lawn-bowling-greens-and-tennis-courts-aerial-fall"] {
	object-position: center 45%;
	transform-origin: center 45%;
}
.seymour-blog-hero__slide[src*="lawrence-park-homes-under-fall-maples-aerial-fall"] {
	object-position: center 60%;
	transform-origin: center 55%;
}
.seymour-blog-hero__slide[src*="lawrence-park-park-and-tree-canopy-to-yonge-towers-aerial-fall"] {
	object-position: center 80%;
	transform-origin: center 65%;
}
.seymour-blog-hero__slide[src*="leaside-trace-manes-park-and-homes-to-downtown-skyline-at-dusk"] {
	object-position: center 80%;
	transform-origin: center 65%;
}
.seymour-blog-hero__slide[src*="leaside-trace-manes-park-tennis-courts-playground-and-clubhouse"] {
	object-position: center 55%;
	transform-origin: center 55%;
}
.seymour-blog-hero__slide[src*="leaside-trace-manes-park-tennis-courts-and-ball-diamond"] {
	object-position: center 50%;
	transform-origin: center 50%;
}
.seymour-blog-hero__slide[src*="rosedale-stucco-house-2018"] {
	object-position: center 78%;
	transform-origin: center 78%;
}

/* On a wide screen the slideshow sits where the hero photo does: the left half, pinned under the
 * page menu (Kaz, October 27, 2026). */
@media (min-width: 1200px) {
	.seymour-l4-split .seymour-blog-hero__slides {
		align-self: start;
		grid-column: 1;
		grid-row: 1 / -1;
		height: calc(100vh - var(--seymour-l3-sticky-top) - var(--seymour-l3-nav-height));
		height: calc(100svh - var(--seymour-l3-sticky-top) - var(--seymour-l3-nav-height));
		inset: auto;
		position: sticky;
		top: calc(var(--seymour-l3-sticky-top) + var(--seymour-l3-nav-height));
		z-index: 1;
	}
}

/* A video slide moves on its own, so it gets no zoom (Kaz, October 27, 2026). */
.seymour-blog-hero__slides.is-running video.seymour-blog-hero__slide {
	animation: none !important;
	scale: 1;
}