/**
 * Seymour theme styles. Every value comes from tokens.css.
 *
 * Mobile first: phone styles, then 600 px (tablet) and 900 px (desktop).
 * Rules follow STYLE-GUIDE.md: navy is ink, gold is a hairline, photos have no radius.
 */

/* ------------------------------------------------------------------
 * Base.
 * ------------------------------------------------------------------ */

html {
	-webkit-text-size-adjust: 100%;
}

body {
	background: var(--white);
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: var(--fs-body);
	font-weight: var(--weight-regular);
	line-height: var(--lh-body);
	/* clip, not hidden: hidden would stop the header from sticking (Kaz, October 26, 2026). */
	overflow-x: hidden;
	overflow-x: clip;
}

img,
svg,
video,
iframe {
	max-width: 100%;
}

p,
ul,
ol,
dl,
table {
	margin: 0 0 1.6em;
}

/* Serif everywhere it is used carries the soft setting. */
h1,
h2,
h3,
.seymour-display,
.seymour-serif,
.main-title,
.seymour-price,
.seymour-facts__value,
.seymour-stats__value,
.seymour-card__title,
.seymour-hero__placeholder,
.seymour-card__placeholder--name,
blockquote {
	font-family: var(--font-serif);
	font-variation-settings: var(--font-serif-settings);
	font-optical-sizing: auto;
}

h1,
h2,
h3,
h4 {
	color: var(--navy);
	margin: 2em 0 0.5em;
	line-height: var(--lh-heading);
	text-transform: none;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {
	margin-top: 0;
}

.seymour-display {
	font-size: var(--fs-display);
	font-weight: var(--weight-regular);
	line-height: var(--lh-display);
}

h1,
.seymour-h1 {
	font-size: var(--fs-h1);
	font-weight: var(--weight-regular);
	line-height: var(--lh-tight);
}

h2 {
	font-size: var(--fs-h2);
	font-weight: var(--weight-regular);
}

h3 {
	font-size: var(--fs-h3);
	font-weight: var(--weight-medium);
}

h4 {
	font-family: var(--font-sans);
	font-size: var(--fs-h4);
	font-weight: var(--weight-semibold);
}

.seymour-lead {
	font-size: var(--fs-lead);
	line-height: 1.5;
	max-width: var(--measure);
}

.seymour-meta,
.seymour-listing__place {
	color: var(--grey-600);
	font-size: var(--fs-meta);
}

/* Eyebrow: the only uppercase text on the site. Gold-800 on white. */
.seymour-eyebrow,
.seymour-badge {
	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.4;
	text-transform: uppercase;
}

/* The section label standard (Kaz, October 22, 2026; docs/DESIGN-STANDARDS.md): a short gold
 * dash on each side of every section label and hero label. Not the small labels inside cards or
 * the listing hero's status line. */
.seymour-eyebrow:not(.seymour-lst-hero__nb):not(.seymour-card__eyebrow),
.seymour-tp-eyebrow,
.seymour-l2-hero__eyebrow,
.seymour-l3-hero__eyebrow,
.seymour-l2-quote__eyebrow,
.seymour-sell-team__eyebrow,
.seymour-l4-guide__eyebrow,
.seymour-blog-index__eyebrow,
.seymour-blog-author__eyebrow {
	align-items: center;
	display: flex;
	gap: var(--space-3);
}

.seymour-eyebrow:not(.seymour-lst-hero__nb):not(.seymour-card__eyebrow)::before,
.seymour-eyebrow:not(.seymour-lst-hero__nb):not(.seymour-card__eyebrow)::after,
.seymour-tp-eyebrow::before,
.seymour-tp-eyebrow::after,
.seymour-l2-hero__eyebrow::before,
.seymour-l2-hero__eyebrow::after,
.seymour-l3-hero__eyebrow::before,
.seymour-l3-hero__eyebrow::after,
.seymour-l2-quote__eyebrow::before,
.seymour-l2-quote__eyebrow::after,
.seymour-sell-team__eyebrow::before,
.seymour-sell-team__eyebrow::after,
.seymour-l4-guide__eyebrow::before,
.seymour-l4-guide__eyebrow::after,
.seymour-blog-index__eyebrow::before,
.seymour-blog-index__eyebrow::after,
.seymour-blog-author__eyebrow::before,
.seymour-blog-author__eyebrow::after {
	background: var(--footer-gold);
	content: "";
	flex: none;
	height: 2px;
	width: 36px;
}

/* Labels that sit centred over their section. */
.seymour-tp-team__eyebrow,
.seymour-l2-quote__eyebrow,
.seymour-sell-team__eyebrow {
	justify-content: center;
}

.seymour-eyebrow a {
	color: inherit;
	text-decoration: none;
}

.seymour-eyebrow a:hover {
	text-decoration: underline;
}

blockquote {
	border-left: 1px solid var(--gold-500);
	color: var(--navy);
	font-style: italic;
	margin: 2em 0;
	padding-left: var(--space-5);
}

/* Links in text: navy with a pale underline that turns gold-800 on hover. */
.entry-content a,
.seymour-measure a:not([class]),
.seymour-disclaimer a,
.seymour-consent a {
	color: var(--navy);
	text-decoration: underline;
	text-decoration-color: var(--line);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	transition: text-decoration-color var(--transition);
}

.entry-content a:hover,
.seymour-measure a:not([class]):hover,
.seymour-disclaimer a:hover,
.seymour-consent a:hover {
	text-decoration-color: var(--gold-800);
}

/* Focus ring: 2 px gold with a 2 px gap, on everything people can reach by keyboard. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: var(--focus-ring);
	outline-offset: var(--focus-offset);
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
	outline: none;
}

.skip-link.screen-reader-text:focus {
	background: var(--white);
	clip: auto;
	clip-path: none;
	color: var(--navy);
	font-size: var(--fs-button);
	height: auto;
	left: var(--space-2);
	outline: var(--focus-ring);
	outline-offset: var(--focus-offset);
	padding: var(--space-3) var(--space-5);
	top: var(--space-2);
	width: auto;
	z-index: 100000;
}

.seymour-icon {
	flex: 0 0 auto;
	height: var(--icon-size);
	stroke-width: var(--icon-stroke);
	vertical-align: middle;
	width: var(--icon-size);
}

/* ------------------------------------------------------------------
 * Layout.
 * ------------------------------------------------------------------ */

.seymour-container {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--container);
	padding-left: max(var(--gutter), 16px);
	padding-right: max(var(--gutter), 16px);
	width: 100%;
}

.seymour-measure > * {
	max-width: var(--measure);
}

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

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

.seymour-section__more {
	margin: var(--space-block) 0 0;
}

.seymour-grid {
	display: grid;
	gap: var(--grid-gap);
	grid-template-columns: 1fr;
}

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

@media (min-width: 900px) {
	.seymour-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Our three templates lay themselves out, so GeneratePress's content padding steps aside. */
.single-listing .site-content,
.single-neighbourhood .site-content,
.single-team_member .site-content {
	display: block;
}

.single-listing .site-main,
.single-neighbourhood .site-main,
.single-team_member .site-main,
.single-listing .inside-article,
.single-neighbourhood .inside-article,
.single-team_member .inside-article {
	margin: 0;
	padding: 0;
}

.single-listing .site.grid-container,
.single-neighbourhood .site.grid-container,
.single-team_member .site.grid-container {
	max-width: none;
}

.single-listing .content-area,
.single-neighbourhood .content-area,
.single-team_member .content-area {
	width: 100%;
}

/* ------------------------------------------------------------------
 * Buttons and links.
 * ------------------------------------------------------------------ */

.seymour-button,
.button,
button.seymour-button,
input[type="submit"],
button[type="submit"],
.gform_button {
	align-items: center;
	background: var(--footer-bg);
	border: var(--border-button) solid var(--footer-bg);
	border-radius: var(--radius);
	box-sizing: border-box;
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--font-sans);
	font-size: var(--fs-button);
	font-weight: var(--weight-medium);
	gap: var(--space-2);
	justify-content: center;
	letter-spacing: var(--tracking-button);
	line-height: 1.2;
	min-height: var(--button-height);
	padding: var(--space-3) var(--space-5);
	text-decoration: none;
	text-transform: none;
	transition: background-color var(--transition), color var(--transition);
}

.seymour-button:hover,
.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.gform_button:hover {
	/* The standard (Kaz, October 22, 2026): navy buttons turn gold with navy words on hover. */
	background: var(--footer-gold);
	border-color: var(--footer-gold);
	color: var(--footer-bg);
}

.seymour-button .seymour-icon {
	height: var(--icon-size-button);
	width: var(--icon-size-button);
}

/* The outline buttons follow the navy standard too (Kaz, October 22, 2026): navy fill, white words,
 * the gold band, gold on hover. Buttons with their own look (on photos, in the navy box beside a
 * listing's description, Share and Print, View all photos) keep it. */
.seymour-button--secondary,
button.seymour-button--secondary {
	background: var(--footer-bg);
	border-bottom: var(--footer-accent-height) solid var(--footer-gold);
	color: var(--white);
}

.seymour-button--secondary:hover,
button.seymour-button--secondary:hover {
	background: var(--footer-gold);
	border-color: var(--footer-gold);
	color: var(--footer-bg);
}

.seymour-button--on-photo {
	background: transparent;
	border-color: var(--white);
	color: var(--white);
}

.seymour-button--on-photo:hover {
	background: rgba(255, 255, 255, 0.15);
	border-color: var(--white);
	color: var(--white);
}

/* Tertiary: navy text with an arrow, gold hairline underline on hover. */
.seymour-link-arrow {
	align-items: center;
	font-size: var(--fs-link);
	color: var(--navy);
	display: inline-flex;
	font-weight: var(--weight-medium);
	gap: var(--space-1);
	min-height: var(--touch-target);
	text-decoration: none;
	text-decoration-color: var(--gold-800);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25em;
}

.seymour-link-arrow:hover {
	color: var(--navy);
	text-decoration-line: underline;
}

.seymour-link-arrow .seymour-icon {
	height: 18px;
	width: 18px;
}

/* Phone links say which phone they are. */
.seymour-phone {
	align-items: center;
	color: var(--navy);
	display: inline-flex;
	gap: var(--space-2);
	min-height: var(--touch-target);
	text-decoration: none;
}

.seymour-phone .seymour-icon {
	height: var(--icon-size-button);
	width: var(--icon-size-button);
}

.seymour-phone__number {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* ------------------------------------------------------------------
 * Forms. One column, labels above, 48 px fields.
 * ------------------------------------------------------------------ */

label,
.gfield_label {
	color: var(--ink);
	display: block;
	font-family: var(--font-sans);
	font-size: 15px;
	font-weight: var(--weight-medium);
	margin-bottom: var(--space-1);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="date"],
select,
textarea {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-sizing: border-box;
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: var(--fs-body);
	max-width: 100%;
	min-height: var(--input-height);
	padding: var(--space-2) var(--space-3);
	width: 100%;
}

textarea {
	min-height: 140px;
}

input:focus,
select:focus,
textarea:focus {
	border-color: var(--navy);
}

::placeholder {
	color: var(--grey-600);
	opacity: 1;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: var(--navy);
	height: 20px;
	width: 20px;
}

.seymour-field-error,
.gfield_validation_message,
.validation_message {
	color: var(--error);
	font-size: var(--fs-meta);
	margin-top: var(--space-1);
}

.gfield_error input,
.gfield_error textarea,
.gfield_error select {
	border-color: var(--error);
}

.seymour-form-success,
.gform_confirmation_message {
	color: var(--success);
}

.seymour-consent {
	color: var(--grey-600);
	font-size: var(--fs-meta);
}

.seymour-consent p {
	margin-bottom: 0.8em;
}

/* ------------------------------------------------------------------
 * Header. White, 60 px on phones, 72 px on desktop. Gold underline on the active page.
 * ------------------------------------------------------------------ */

.site-header {
	background: var(--white);
	border-bottom: 1px solid var(--line);
}

.site-header .inside-header {
	min-height: var(--header-height);
	padding-bottom: 0;
	padding-top: 0;
}

.main-title,
.main-title a,
.main-title a:hover {
	color: var(--navy);
	font-size: 24px;
	font-weight: var(--weight-medium);
	line-height: 1.2;
	text-decoration: none;
}

.site-description {
	display: none;
}

.main-navigation,
.main-navigation ul ul {
	background: var(--white);
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
	color: var(--navy);
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]) > a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background: transparent;
	color: var(--navy);
}

.main-navigation .main-nav > ul > li[class*="current-menu-"] > a {
	box-shadow: inset 0 -2px 0 var(--gold-500);
}

.seymour-header-phone {
	align-items: center;
	display: flex;
	padding-left: var(--space-3);
	padding-right: var(--space-3);
}

.seymour-header-phone .seymour-phone {
	font-size: var(--fs-meta);
	letter-spacing: 0;
	text-transform: none;
}

/* On phones the header shows only the phone glyph. */
.seymour-header-phone .seymour-phone__label,
.seymour-header-phone .seymour-phone__number {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

@media (min-width: 900px) {
	.seymour-header-phone .seymour-phone__label,
	.seymour-header-phone .seymour-phone__number {
		clip: auto;
		clip-path: none;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

	.seymour-header-phone .seymour-icon {
		display: none;
	}
}

/* ------------------------------------------------------------------
 * Footer. Flat deep navy behind the whole footer, white and bright gold text. Brokerage line on
 * every page.
 * ------------------------------------------------------------------ */

.site-footer {
	background: var(--footer-bg);
	color: var(--white);
}

.site-info,
.footer-widgets {
	background: transparent;
	color: var(--white);
}

.site-info {
	font-size: var(--fs-meta);
	text-align: left;
}

.site-info .inside-site-info {
	padding-bottom: var(--space-7);
	padding-top: var(--space-7);
}

.site-footer a,
.site-info a {
	color: var(--white);
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.35);
	text-underline-offset: 0.2em;
}

.site-footer a:hover,
.site-info a:hover {
	color: var(--footer-gold);
	text-decoration-color: var(--footer-gold);
}

.seymour-footer-info p {
	margin: 0 0 var(--space-3);
}

.seymour-footer-info__brokerage {
	color: var(--footer-gold);
}

.seymour-footer-info__contact {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-5);
}

.seymour-footer-info .seymour-phone {
	color: var(--white);
	min-height: 0;
}

.seymour-footer-info .seymour-phone .seymour-icon {
	display: none;
}

.seymour-footer-info__copyright {
	color: var(--navy-100);
}

/* The credentials line keeps its quieter grey, lightened for the dark footer. */
.site-footer .seymour-credentials {
	color: var(--footer-muted);
}

/* The brokerage line above the footer on listing pages. */
.seymour-brokerage-bar {
	border-top: 1px solid var(--line);
	color: var(--grey-600);
	font-size: var(--fs-meta);
	padding: var(--space-5) 0;
}

.seymour-brokerage-bar p {
	margin: 0;
}

/* ------------------------------------------------------------------
 * Badges and prices.
 * ------------------------------------------------------------------ */

.seymour-badge {
	display: inline-block;
}

/* Sold and leased: gold-800 text inside a 1 px gold-500 hairline. */
.seymour-badge--closed {
	border: 1px solid var(--gold-500);
	border-radius: var(--radius);
	padding: 2px var(--space-2);
}

.seymour-price {
	color: var(--navy);
	font-size: var(--fs-price);
	font-variant-numeric: tabular-nums;
	font-weight: var(--weight-regular);
	line-height: 1.2;
	margin: var(--space-2) 0 0;
}

.seymour-price--card {
	font-family: var(--font-sans);
	font-size: var(--fs-price-card);
	font-variation-settings: normal;
	font-weight: var(--weight-semibold);
	margin: var(--space-1) 0 0;
}

.seymour-price__prefix {
	color: var(--grey-600);
	font-family: var(--font-sans);
	font-size: var(--fs-meta);
	font-variation-settings: normal;
	font-weight: var(--weight-regular);
}

/* ------------------------------------------------------------------
 * Cards. 3:2 photo, no shadow, separated by hairlines and space.
 * ------------------------------------------------------------------ */

.seymour-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: var(--radius);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
}

.seymour-card.is-closed {
	border-color: var(--gold-500);
}

.seymour-card__link {
	color: inherit;
	display: flex;
	flex: 1;
	flex-direction: column;
	text-decoration: none;
}

.seymour-card__link:hover .seymour-card__title {
	text-decoration: underline;
	text-decoration-color: var(--gold-800);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.seymour-card__media {
	aspect-ratio: 3 / 2;
	background: var(--navy-100);
	overflow: hidden;
}

.seymour-card__media img {
	border-radius: 0;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.seymour-card__placeholder {
	display: block;
	height: 100%;
	width: 100%;
}

.seymour-card__placeholder--name {
	align-items: center;
	color: var(--navy);
	display: flex;
	font-size: var(--fs-card-title);
	justify-content: center;
	padding: var(--space-5);
	text-align: center;
}

.seymour-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: var(--space-1);
	padding: var(--space-card);
}

.seymour-card__title {
	color: var(--navy);
	font-size: var(--fs-card-title);
	font-weight: var(--weight-medium);
	line-height: var(--lh-heading);
	margin: var(--space-1) 0 0;
}

.seymour-card__meta {
	color: var(--grey-600);
	font-size: var(--fs-meta);
	margin: var(--space-1) 0 0;
}

.seymour-card__text {
	margin: var(--space-1) 0 var(--space-2);
}

/* The card's one link covers the whole card. */
.seymour-card__stretch {
	margin-top: auto;
}

.seymour-card__stretch::after {
	content: "";
	inset: 0;
	position: absolute;
}

/* ------------------------------------------------------------------
 * Listing page.
 * ------------------------------------------------------------------ */

.seymour-listing__header {
	padding-bottom: var(--space-5);
	padding-top: var(--space-block);
}

.seymour-listing__title {
	margin: var(--space-2) 0 var(--space-1);
}

.seymour-listing__place {
	margin: 0;
}

.seymour-listing__layout {
	display: grid;
	gap: var(--space-block);
	grid-template-columns: minmax(0, 1fr);
	padding-top: var(--space-block);
}

.seymour-listing__summary {
	margin-bottom: var(--space-5);
}

.seymour-listing__main > .seymour-section:first-child {
	padding-top: 0;
}

.seymour-listing__main > * {
	max-width: var(--measure);
}

.seymour-listing__contact {
	padding-bottom: var(--space-block);
	padding-top: var(--space-block);
}

@media (min-width: 900px) {
	.seymour-listing__layout {
		grid-template-columns: 300px minmax(0, 1fr);
	}

	.seymour-listing__aside {
		align-self: start;
		position: sticky;
		top: var(--space-5);
	}
}

/* Gallery: a swipe row on phones, a five-photo mosaic on desktop. */
.seymour-gallery {
	position: relative;
}

.seymour-gallery__list {
	display: flex;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding: 0 max(var(--gutter), 16px);
	scroll-padding: 0 max(var(--gutter), 16px);
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.seymour-gallery__list::-webkit-scrollbar {
	display: none;
}

.seymour-gallery__item {
	aspect-ratio: 3 / 2;
	background: var(--navy-100);
	flex: 0 0 88%;
	margin: 0;
	overflow: hidden;
	scroll-snap-align: start;
}

.seymour-gallery__item img {
	border-radius: 0;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.seymour-gallery__count {
	background: rgba(21, 42, 69, 0.75);
	border-radius: var(--radius);
	bottom: var(--space-3);
	color: var(--white);
	font-size: var(--fs-meta);
	font-variant-numeric: tabular-nums;
	margin: 0;
	padding: 2px var(--space-2);
	pointer-events: none;
	position: absolute;
	right: calc(max(var(--gutter), 16px) + var(--space-3));
}

.seymour-gallery__toggle {
	display: none;
}

@media (min-width: 900px) {
	.seymour-gallery {
		margin: 0 auto;
		max-width: var(--container);
		padding: 0 var(--gutter);
	}

	.seymour-gallery__list {
		display: grid;
		gap: var(--space-2);
		grid-auto-rows: 220px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		overflow: visible;
		padding: 0;
	}

	.seymour-gallery__item {
		aspect-ratio: auto;
	}

	.seymour-gallery__item:first-child {
		grid-column: span 2;
		grid-row: span 2;
	}

	.seymour-gallery__item:nth-child(n + 6) {
		display: none;
	}

	.seymour-gallery.is-expanded .seymour-gallery__item:nth-child(n + 6) {
		display: block;
	}

	.seymour-gallery__count {
		display: none;
	}

	.seymour-gallery.has-more .seymour-gallery__toggle {
		display: inline-flex;
		margin-top: var(--space-3);
	}
}

/* Facts rail: a two-column grid on phones, one column on desktop. */
.seymour-facts {
	background: var(--navy-100);
	display: grid;
	gap: var(--space-5) var(--space-4);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	padding: var(--space-card);
}

.seymour-facts__item {
	margin: 0;
	min-width: 0;
}

.seymour-facts__label {
	align-items: center;
	color: var(--gold-800);
	display: flex;
	font-size: var(--fs-eyebrow);
	font-weight: var(--weight-medium);
	gap: var(--space-2);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
}

.seymour-facts__label .seymour-icon {
	color: var(--navy);
	height: var(--icon-size-button);
	width: var(--icon-size-button);
}

.seymour-facts__value {
	color: var(--navy);
	font-size: var(--fs-fact-value);
	font-weight: var(--weight-regular);
	line-height: 1.25;
	margin: var(--space-1) 0 0;
	overflow-wrap: anywhere;
}

.seymour-facts__note {
	color: var(--grey-600);
	font-size: var(--fs-meta);
	margin: 0;
}

@media (min-width: 900px) {
	.seymour-facts {
		grid-template-columns: 1fr;
	}
}

.seymour-features {
	columns: 1;
	padding-left: 1.2em;
}

@media (min-width: 600px) {
	.seymour-features {
		column-gap: var(--space-6);
		columns: 2;
	}
}

.seymour-features li,
.seymour-open-houses li,
.seymour-schools li {
	break-inside: avoid;
	margin-bottom: var(--space-2);
}

.seymour-open-houses,
.seymour-schools,
.seymour-floor-plans {
	list-style: none;
	margin-left: 0;
	padding: 0;
}

.seymour-open-houses li,
.seymour-schools li {
	border-bottom: 1px solid var(--line);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-3);
	padding: var(--space-3) 0;
}

.seymour-floor-plans {
	display: grid;
	gap: var(--space-4);
}

.seymour-floor-plans img {
	border: 1px solid var(--line);
	display: block;
	height: auto;
}

/* Agent contact. */
.seymour-agent {
	border-top: 1px solid var(--line);
	padding-top: var(--space-block);
}

.seymour-agent__heading {
	margin-top: 0;
}

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

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

/* No headshot: a pale navy panel with initials. */
.seymour-agent__photo--initials {
	align-items: center;
	background: var(--navy-100);
	color: var(--navy);
	display: flex;
	font-family: var(--font-serif);
	font-size: var(--fs-h3);
	justify-content: center;
}

.seymour-agent__name {
	color: var(--navy);
	font-family: var(--font-serif);
	font-size: var(--fs-h3);
	font-variation-settings: var(--font-serif-settings);
	font-weight: var(--weight-medium);
	margin: 0;
}

.seymour-agent__role {
	color: var(--grey-600);
	font-size: var(--fs-meta);
	margin: 0;
}

.seymour-agent__actions {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 600px) {
	.seymour-agent__actions {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.seymour-agent__actions .seymour-button {
	width: 100%;
}

@media (min-width: 600px) {
	.seymour-agent__actions .seymour-button {
		width: auto;
	}
}

/* Disclaimer, meta size. */
.seymour-disclaimer {
	border-top: 1px solid var(--line);
	color: var(--grey-600);
	font-size: var(--fs-meta);
	max-width: var(--measure);
	padding: var(--space-5) 0 var(--space-block);
}

.seymour-disclaimer p {
	margin-bottom: 0.8em;
}

/* ------------------------------------------------------------------
 * Click-to-load video and map.
 * ------------------------------------------------------------------ */

.seymour-embed {
	align-items: center;
	aspect-ratio: 16 / 9;
	background: var(--navy-100);
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.seymour-embed__poster {
	border-radius: 0;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.seymour-embed__pin {
	color: var(--gold-500);
	left: 50%;
	position: absolute;
	top: 30%;
	transform: translate(-50%, -50%);
}

.seymour-embed__pin .seymour-icon {
	height: 40px;
	width: 40px;
}

.seymour-embed__button {
	align-items: center;
	background: rgba(21, 42, 69, 0.75);
	border: var(--border-button) solid var(--white);
	border-radius: var(--radius);
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--font-sans);
	font-size: var(--fs-button);
	font-weight: var(--weight-medium);
	gap: var(--space-2);
	letter-spacing: var(--tracking-button);
	min-height: var(--button-height);
	padding: var(--space-3) var(--space-5);
	position: relative;
	transition: background-color var(--transition);
}

.seymour-embed__button:hover,
.seymour-embed__button:focus {
	background: var(--navy-900);
	color: var(--white);
}

.seymour-embed--map .seymour-embed__button {
	background: var(--white);
	border-color: var(--navy);
	color: var(--navy);
}

.seymour-embed--map .seymour-embed__button:hover {
	background: var(--navy-100);
	color: var(--navy);
}

.seymour-embed iframe {
	border: 0;
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

/* ------------------------------------------------------------------
 * Neighbourhood page.
 * ------------------------------------------------------------------ */

.seymour-hero {
	aspect-ratio: 16 / 9;
	background: var(--navy-100);
	max-height: 70vh;
	overflow: hidden;
	width: 100%;
}

.seymour-hero__image {
	border-radius: 0;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.seymour-hero {
	position: relative;
}

/* The looping hero video sits over the still; the still loads first and stays for readers who
 * turn motion off. */
.seymour-hero__video {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	.seymour-hero__video {
		display: none;
	}
}

.seymour-hero__placeholder {
	align-items: center;
	color: var(--navy);
	display: flex;
	font-size: var(--fs-display);
	height: 100%;
	justify-content: center;
	line-height: var(--lh-display);
	margin: 0;
	padding: var(--space-5);
	text-align: center;
}

.seymour-neighbourhood__header {
	padding-bottom: var(--space-5);
	padding-top: var(--space-block);
}

.seymour-neighbourhood__title {
	margin: 0 0 var(--space-4);
	max-width: 20ch;
}

.seymour-faq__question {
	font-size: var(--fs-h3);
	margin: 1.5em 0 0.4em;
}

/* Statistics: label, value in serif, then "as of September 2026 · Source: TRREB" in meta. */
.seymour-stats {
	border-collapse: collapse;
	width: 100%;
}

.seymour-stats__row {
	border-bottom: 1px solid var(--line);
	display: grid;
	gap: var(--space-1);
	grid-template-columns: 1fr;
	padding: var(--space-4) 0;
}

.seymour-stats th,
.seymour-stats td {
	border: 0;
	padding: 0;
	text-align: left;
}

.seymour-stats__label {
	color: var(--ink);
	font-weight: var(--weight-regular);
}

.seymour-stats__value {
	color: var(--navy);
	font-size: var(--fs-fact-value);
	font-variant-numeric: tabular-nums;
}

.seymour-stats__meta {
	color: var(--grey-600);
	font-size: var(--fs-meta);
}

@media (min-width: 900px) {
	.seymour-stats__row {
		align-items: baseline;
		gap: var(--space-5);
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 2fr);
	}
}

/* ------------------------------------------------------------------
 * Enquiry tab (desktop) and its panel.
 * ------------------------------------------------------------------ */

.seymour-enquiry-tab {
	display: none;
}

@media (min-width: 900px) {
	/* Deep navy with a gold trim, like the listing's buttons (Kaz, October 21, 2026). */
	.seymour-enquiry-tab {
		background: var(--footer-bg);
		border: 1px solid var(--footer-gold);
		border-radius: var(--radius) 0 0 var(--radius);
		color: var(--white);
		cursor: pointer;
		display: block;
		font-family: var(--font-sans);
		font-size: var(--fs-button);
		font-weight: var(--weight-medium);
		letter-spacing: var(--tracking-button);
		padding: var(--space-5) var(--space-3);
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%) rotate(180deg);
		transition: background-color var(--transition);
		writing-mode: vertical-rl;
		z-index: 90;
	}

	.seymour-enquiry-tab:hover {
		background: var(--footer-gold);
		color: var(--footer-bg);
	}
}

.seymour-enquiry-panel {
	background: var(--white);
	border-left: 1px solid var(--line);
	bottom: 0;
	box-sizing: border-box;
	overflow-y: auto;
	padding: var(--space-6) var(--space-5);
	position: fixed;
	right: 0;
	top: 0;
	width: min(440px, 100%);
	z-index: 100;
}

.seymour-enquiry-panel[hidden] {
	display: none;
}

.seymour-enquiry-panel__close {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--navy);
	cursor: pointer;
	display: inline-flex;
	height: var(--touch-target);
	justify-content: center;
	padding: 0;
	position: absolute;
	right: var(--space-3);
	top: var(--space-3);
	width: var(--touch-target);
}

.seymour-enquiry-panel__close:hover {
	background: var(--navy-100);
	color: var(--navy);
}

.seymour-enquiry-panel__title {
	margin: 0 var(--space-7) var(--space-2) 0;
}

.seymour-enquiry-panel__address {
	color: var(--grey-600);
	font-size: var(--fs-meta);
}

.seymour-enquiry-panel .seymour-agent {
	border-top: 0;
	padding-top: 0;
}

.seymour-enquiry-panel .seymour-agent__actions {
	flex-direction: column;
}

.seymour-enquiry-panel .seymour-agent__actions .seymour-button {
	width: 100%;
}

/* ------------------------------------------------------------------
 * Mobile call bar. Phones only; hidden while a form or the panel is in use.
 * ------------------------------------------------------------------ */

.seymour-call-bar {
	background: var(--white);
	border-top: 1px solid var(--line);
	bottom: 0;
	box-shadow: var(--shadow-call-bar);
	display: flex;
	height: var(--call-bar-height);
	left: 0;
	padding-bottom: env(safe-area-inset-bottom, 0);
	position: fixed;
	right: 0;
	z-index: 90;
}

.seymour-call-bar__item {
	align-items: center;
	color: var(--navy);
	display: flex;
	flex: 1;
	font-size: var(--fs-button);
	font-weight: var(--weight-medium);
	gap: var(--space-2);
	justify-content: center;
	min-height: var(--touch-target);
	text-decoration: none;
}

.seymour-call-bar__item + .seymour-call-bar__item {
	border-left: 1px solid var(--line);
}

.seymour-call-bar__item .seymour-icon {
	height: var(--icon-size-button);
	width: var(--icon-size-button);
}

.seymour-call-bar__item:hover {
	background: var(--navy-100);
	color: var(--navy);
}

body.seymour-has-call-bar {
	padding-bottom: var(--call-bar-height);
}

body.seymour-form-active .seymour-call-bar,
body.seymour-enquiry-open .seymour-call-bar {
	display: none;
}

@media (min-width: 900px) {
	.seymour-call-bar {
		display: none;
	}

	body.seymour-has-call-bar {
		padding-bottom: 0;
	}
}

/* ------------------------------------------------------------------
 * Breadcrumbs. Rank Math's trail, meta size, below the header.
 * ------------------------------------------------------------------ */

.seymour-breadcrumbs {
	color: var(--grey-600);
	font-size: var(--fs-meta);
	padding-bottom: var(--space-3);
	padding-top: var(--space-4);
}

.seymour-breadcrumbs .rank-math-breadcrumb p {
	margin: 0;
}

.seymour-breadcrumbs a {
	color: var(--grey-600);
}

.seymour-breadcrumbs a:hover {
	color: var(--navy);
}

/* ------------------------------------------------------------------
 * Team. Cards with 4:5 headshots, rows for the About page, and the person's page.
 * ------------------------------------------------------------------ */

.seymour-card--team .seymour-card__media {
	aspect-ratio: 4 / 5;
}

.seymour-card--team .seymour-card__media img {
	object-position: center top;
}

.seymour-card__placeholder--initials {
	align-items: center;
	color: var(--navy);
	display: flex;
	font-family: var(--font-serif);
	font-size: var(--fs-h1);
	font-variation-settings: var(--font-serif-settings);
	justify-content: center;
}

.seymour-card__name-link {
	color: inherit;
	text-decoration: none;
}

.seymour-card__name-link:hover {
	text-decoration: underline;
	text-decoration-color: var(--gold-800);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.seymour-team-rows {
	border-top: 1px solid var(--line);
	list-style: none;
	margin: 0;
	padding: 0;
}

.seymour-team-row {
	border-bottom: 1px solid var(--line);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-4);
	justify-content: space-between;
	padding: var(--space-4) 0;
}

.seymour-team-row__name {
	color: var(--navy);
	font-weight: var(--weight-medium);
}

.seymour-team-row__role {
	color: var(--grey-600);
	font-size: var(--fs-meta);
}

.seymour-team-member__layout {
	display: grid;
	gap: var(--space-6);
	padding-bottom: var(--space-section);
	padding-top: var(--space-5);
}

@media (min-width: 900px) {
	.seymour-team-member__layout {
		grid-template-columns: 360px minmax(0, 1fr);
		gap: var(--space-8);
	}
}

.seymour-team-member__photo img {
	aspect-ratio: 4 / 5;
	border-radius: 0;
	display: block;
	height: auto;
	object-fit: cover;
	object-position: center top;
	width: 100%;
}

.seymour-team-member__title {
	margin: 0;
}

.seymour-team-member__role {
	color: var(--grey-600);
	font-size: var(--fs-lead);
	margin: var(--space-2) 0 0;
}

.seymour-team-member__contact {
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	list-style: none;
	margin: var(--space-5) 0 0;
	padding: 0;
}

.seymour-team-member__email {
	align-items: center;
	display: inline-flex;
	gap: var(--space-2);
	min-height: var(--touch-target);
}

.seymour-team-member__bio {
	margin-top: var(--space-6);
	max-width: var(--measure);
}

.seymour-team-member__brokerage {
	border-top: 1px solid var(--line);
	color: var(--grey-600);
	font-size: var(--fs-meta);
	margin-top: var(--space-6);
	padding-top: var(--space-4);
}

/* ------------------------------------------------------------------
 * Footer newsletter. A white band at the top of the footer, so the form keeps its light-background colours.
 * ------------------------------------------------------------------ */

.seymour-footer-newsletter {
	background: var(--white); /* white, not cream (Kaz, October 22, 2026) */
	border-top: 1px solid var(--line);
	color: var(--ink);
	padding: var(--space-7) 0;
}

/* On white, the email box and the consent box carry a grey edge so they still read as fields. */
.seymour-footer-newsletter .gform_wrapper.gform-theme--framework {
	--gf-ctrl-bg-color: var(--white);
	--gf-ctrl-border-color: var(--footer-gold);
	--gf-ctrl-choice-check-color: var(--navy);
}

.seymour-footer-newsletter .gform_wrapper.gform-theme--framework input[type="email"],
.seymour-footer-newsletter .gform_wrapper.gform-theme--framework input[type="checkbox"] {
	border-color: var(--footer-gold) !important; /* gold, as on every form (Kaz, October 23, 2026) */
}

.seymour-footer-newsletter__inner > * {
	max-width: var(--measure);
}

.seymour-footer-newsletter__heading {
	color: var(--navy);
	font-size: var(--fs-h3);
	margin: 0 0 var(--space-4);
}

.site-footer .seymour-footer-newsletter a {
	color: var(--navy);
	text-decoration-color: var(--navy);
}

.site-footer .seymour-footer-newsletter a:hover {
	color: var(--navy-900);
}

/* ------------------------------------------------------------------
 * Open house sign-in and thanks. Built for a phone held at the door:
 * one column, 56 px fields, a full-width button, big radio choices.
 * ------------------------------------------------------------------ */

.seymour-open-house {
	max-width: 560px;
	padding-bottom: var(--space-7);
	padding-top: var(--space-6);
}

.seymour-open-house__title {
	color: var(--navy);
	font-size: var(--fs-h2);
	line-height: var(--lh-heading);
	margin: 0 0 var(--space-5);
}

.seymour-form--open-house input[type="text"],
.seymour-form--open-house input[type="email"],
.seymour-form--open-house input[type="tel"] {
	font-size: 18px;
	min-height: 56px;
}

.seymour-form--open-house .gfield_radio {
	display: grid;
	gap: var(--space-2);
}

.seymour-form--open-house .gfield_radio .gchoice {
	align-items: center;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	display: flex;
	gap: var(--space-3);
	min-height: 56px;
	padding: 0 var(--space-4);
}

.seymour-form--open-house .gfield_radio .gchoice label {
	flex: 1 1 auto;
	font-size: var(--fs-body);
	margin: 0;
	padding: var(--space-3) 0;
}

.seymour-form--open-house input[type="radio"],
.seymour-form--open-house input[type="checkbox"] {
	flex: 0 0 auto;
	height: 24px;
	width: 24px;
}

.seymour-form--open-house .gform_footer,
.seymour-form--open-house .gform-footer {
	padding-top: var(--space-4);
}

.seymour-form--open-house .gform_button {
	font-size: 17px;
	min-height: 56px;
	width: 100%;
}

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

.seymour-open-house--thanks {
	text-align: center;
}

.seymour-open-house__photo {
	display: block;
	height: 200px;
	margin: 0 auto var(--space-5);
	object-fit: cover;
	object-position: center top;
	width: 160px;
}

.seymour-open-house__photo--initials {
	align-items: center;
	background: var(--navy-100);
	color: var(--navy);
	display: flex;
	font-family: var(--font-serif);
	font-size: var(--fs-h2);
	justify-content: center;
}

.seymour-open-house__lead {
	font-size: var(--fs-lead);
	margin: 0 0 var(--space-5);
}

.seymour-open-house__call .seymour-button {
	min-height: 56px;
	width: 100%;
}

.seymour-open-house__call .seymour-phone {
	color: var(--white);
}

/* ------------------------------------------------------------------
 * Motion. Only 150 ms hovers, and none for people who ask for less.
 * ------------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Header logo: the style guide's compact header. GeneratePress sets the width inline,
   but the theme's image rules were winning. */
.site-header .site-logo img,
.site-header .custom-logo {
	width: 220px;
	max-width: 220px;
	height: auto;
}
@media (max-width: 600px) {
	.site-header .site-logo img,
	.site-header .custom-logo {
		width: 160px;
		max-width: 160px;
	}
}


/* ------------------------------------------------------------------
 * Block patterns for editors (inc/patterns.php): the call-to-action box and the photo band.
 * ------------------------------------------------------------------ */

.seymour-callout {
	background: var(--navy);
	border-radius: 14px;
	color: var(--white);
	margin: var(--space-6) 0;
	padding: var(--space-5);
}

.seymour-callout p {
	color: var(--white);
	margin: 0 0 var(--space-4);
}

.seymour-callout .wp-block-buttons {
	margin: 0;
}

.seymour-callout .wp-block-button__link {
	background: var(--white);
	border-color: var(--white);
	color: var(--navy);
}

.seymour-band {
	margin: var(--space-6) 0;
}

.seymour-band .wp-block-media-text__media img {
	border-radius: 14px;
}

.seymour-band h2 {
	margin-top: 0;
}

/* Credentials under the brokerage line in the footer (October 16, 2026). */
.seymour-credentials { color: var(--muted, #5d6673); font-size: 0.9em; margin: 0.25em 0 0; }
.seymour-credentials a { color: inherit; }

/* ------------------------------------------------------------------
 * Article cards inside a page (Kaz, October 21, 2026; first on "Buying a Home: What You Need to
 * Know"): a group title over a gold hairline, then thumbnails three to a row on desktop, two on
 * tablets, one on phones. Minimal: no boxes, a 3:2 photo, the title in navy serif, one line of
 * grey, "Read more" in small gold capitals. The closing call to action is a deep navy band with
 * the gold accent bar and a gold-trimmed button. Classes come from the page's blocks.
 * ------------------------------------------------------------------ */

.entry-content .seymour-article-intro {
	color: var(--grey-600);
	font-size: var(--fs-lead);
	margin: 0 0 var(--space-7);
}

.entry-content .seymour-article-group__title {
	border-bottom: 1px solid rgba(201, 168, 76, 0.45);
	color: var(--navy);
	font-size: var(--fs-h3);
	margin: var(--space-7) 0 var(--space-5);
	padding-bottom: var(--space-3);
}

.entry-content .seymour-article-cards {
	display: grid;
	gap: var(--space-7) var(--grid-gap);
	grid-template-columns: minmax(0, 1fr);
	margin: 0 0 var(--space-8);
}

/* WordPress wraps a group's blocks in an inner box on this theme; the grid and the cards see
 * through it. */
.entry-content .seymour-article-cards > .wp-block-group__inner-container {
	display: contents;
}

.entry-content .seymour-article-card {
	margin: 0;
}

.entry-content .seymour-article-card,
.entry-content .seymour-article-card > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* The theme pads a group's inner box by 40 px; the cards and the call to action set their own. */
.entry-content .seymour-article-card > .wp-block-group__inner-container,
.entry-content .seymour-article-cta > .wp-block-group__inner-container {
	max-width: none;
	padding: 0;
}

.entry-content .seymour-article-card > *,
.entry-content .seymour-article-card > .wp-block-group__inner-container > * {
	margin-bottom: 0;
	margin-top: 0;
}

.entry-content .seymour-article-card__image {
	margin: 0 0 var(--space-4);
	overflow: hidden;
}

.entry-content .seymour-article-card__image img {
	aspect-ratio: 3 / 2;
	display: block;
	height: auto;
	object-fit: cover;
	transition: transform 0.6s ease;
	width: 100%;
}

.entry-content .seymour-article-card:hover .seymour-article-card__image img {
	transform: scale(1.03);
}

.entry-content .seymour-article-card__title {
	font-size: var(--fs-h4);
	line-height: 1.3;
	margin: 0;
}

.entry-content .seymour-article-card__title a {
	color: var(--navy);
	text-decoration: none;
}

.entry-content .seymour-article-card__title a:hover,
.entry-content .seymour-article-card__title a:focus-visible {
	text-decoration: underline;
	text-decoration-color: var(--footer-gold);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.entry-content .seymour-article-card__text {
	color: var(--grey-600);
	font-size: var(--fs-meta);
	line-height: 1.5;
	margin-top: var(--space-2);
}

.entry-content .seymour-article-card__more {
	font-size: var(--fs-eyebrow);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-eyebrow);
	margin-top: auto;
	padding-top: var(--space-3);
	text-transform: uppercase;
}

.entry-content .seymour-article-card__more a {
	color: var(--gold-800);
	text-decoration: none;
}

.entry-content .seymour-article-card__more a::after {
	content: " \2192";
}

.entry-content .seymour-article-card__more a:hover {
	color: var(--navy);
}

.entry-content .seymour-article-cta {
	background: var(--footer-bg);
	color: var(--white);
	margin: var(--space-8) 0 0;
	padding: var(--space-7) max(var(--gutter), 16px);
	position: relative;
	text-align: center;
}

.entry-content .seymour-article-cta::before {
	background: var(--footer-accent);
	content: "";
	height: var(--footer-accent-height);
	inset: 0 0 auto;
	position: absolute;
}

.entry-content .seymour-article-cta__title {
	color: var(--white);
	font-size: var(--fs-h2);
	margin: 0;
}

.entry-content .seymour-article-cta__text {
	color: var(--footer-muted);
	margin: var(--space-3) 0 0;
}

.entry-content .seymour-article-cta__action {
	margin: var(--space-5) 0 0;
}

/* A solid gold button, navy text (about 7.9:1), no underline; paler gold on hover. */
.entry-content .seymour-article-cta__action .seymour-button {
	background: var(--footer-gold);
	border-color: var(--footer-gold);
	color: var(--footer-bg);
	text-decoration: none;
}

.entry-content .seymour-article-cta__action .seymour-button:hover,
.entry-content .seymour-article-cta__action .seymour-button:focus-visible {
	background: var(--gold-200);
	border-color: var(--gold-200);
	color: var(--footer-bg);
	text-decoration: none;
}

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

@media (min-width: 900px) {
	.entry-content .seymour-article-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.entry-content .seymour-article-card__image img {
		transition: none;
	}

	.entry-content .seymour-article-card:hover .seymour-article-card__image img {
		transform: none;
	}
}

/* ------------------------------------------------------------------
 * The Article list page template (template-articles.php; Kaz, October 21, 2026): the featured
 * image edge to edge, a navy fade from the top that clears by the middle, the H1 centred in the
 * faded upper half, then the breadcrumbs and the centred intro line.
 * ------------------------------------------------------------------ */

.seymour-articles-page .site.grid-container {
	max-width: none;
}

.seymour-articles-page .site-content {
	padding: 0;
}

.seymour-articles-page .content-area {
	width: 100%;
}

.seymour-articles-page .site-main,
.seymour-articles-page .inside-article {
	margin: 0;
	padding: 0;
}

.seymour-ap-hero {
	align-items: flex-start;
	background: var(--footer-bg);
	display: flex;
	isolation: isolate;
	min-height: 380px;
	overflow: hidden;
	position: relative;
}

.seymour-ap-hero__image {
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center 60%;
	position: absolute;
	width: 100%;
	z-index: -2;
}

.seymour-ap-hero::after {
	background: linear-gradient(to bottom, rgba(10, 22, 40, 0.92) 0%, rgba(10, 22, 40, 0.78) 32%, rgba(10, 22, 40, 0.45) 50%, rgba(10, 22, 40, 0) 64%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.seymour-ap-hero--no-photo::after {
	display: none;
}

.seymour-ap-hero__text {
	padding-top: clamp(56px, 11vw, 120px);
	text-align: center;
}

.seymour-ap-hero__title {
	color: var(--white);
	font-size: var(--fs-display);
	line-height: 1.08;
	margin: 0 auto;
	max-width: 24ch;
	text-shadow: 0 2px 18px rgba(10, 22, 40, 0.55);
}

.seymour-ap-hero__line {
	display: block;
}

/* The second line in brand gold italics, with a darker shadow so it holds on lighter photos. */
.seymour-ap-hero__accent {
	color: var(--footer-gold);
	font-style: italic;
	text-shadow: 0 2px 14px rgba(10, 22, 40, 0.8);
}

.seymour-ap-body {
	padding-bottom: var(--space-section);
	padding-top: var(--space-5);
}

.seymour-articles-page .entry-content .seymour-article-intro {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--measure);
	text-align: center;
}

@media (min-width: 900px) {
	.seymour-ap-hero {
		min-height: 560px;
	}
}

/* The Reviews page (/testimonials): the photo's five stars (about 56% across and 30% down the
 * photo) sit centred behind the headline, under an even navy tint so they glow softly through
 * it, with the footer's gold bar along the foot of the hero. */
.seymour-ap-hero--stars {
	border-bottom: var(--footer-accent-height) solid var(--footer-gold);
}

.seymour-ap-hero--stars .seymour-ap-hero__image {
	object-position: 63% 0%;
}

.seymour-ap-hero--stars::after {
	background:
		radial-gradient(ellipse 60% 45% at 50% 32%, rgba(10, 22, 40, 0.15), rgba(10, 22, 40, 0) 70%),
		linear-gradient(to bottom, rgba(10, 22, 40, 0.62), rgba(10, 22, 40, 0.5) 55%, rgba(10, 22, 40, 0.72));
}

@media (min-width: 900px) {
	/* Wider than the hero, shifted left, so the stars' middle lands at the hero's middle. */
	.seymour-ap-hero--stars .seymour-ap-hero__image {
		left: -20%;
		max-width: none;
		object-position: 50% 20%;
		width: 125%;
	}
}

/* ------------------------------------------------------------------
 * Reviews on the Article list page template (Kaz, October 21, 2026; first on the Reviews page,
 * /testimonials): the page's own blocks, untouched, set as a calm centred column. The intro and
 * the section heading centred; each review under a gold hairline with a large gold quote mark,
 * its first line in navy serif, the words upright and readable, the reviewer in small gold
 * capitals.
 * ------------------------------------------------------------------ */

.seymour-articles-page .entry-content > p:first-child,
.seymour-articles-page .entry-content > h2 {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--measure);
	text-align: center;
}

.seymour-articles-page .entry-content > p:first-child {
	color: var(--grey-600);
	font-size: var(--fs-lead);
}

.seymour-articles-page .entry-content > h2 {
	margin-bottom: var(--space-6);
	margin-top: var(--space-7);
}

.seymour-articles-page .entry-content blockquote,
.page-template-template-feature .entry-content blockquote {
	border: 0;
	border-top: 1px solid rgba(201, 168, 76, 0.45);
	font-style: normal;
	margin: 0 auto;
	max-width: 760px;
	padding: var(--space-7) 0 var(--space-6);
	position: relative;
}

/* The review slider (inc/articles.php, articles-slider.js): each review a card, two to a view
 * from 700 px, three from 1,000 px, one on phones, snapping into place. */
.seymour-quote-slider {
	margin: 0 auto var(--space-7);
	max-width: 1120px;
}

.seymour-quote-slider__track {
	display: grid;
	gap: var(--grid-gap);
	grid-auto-columns: 100%;
	grid-auto-flow: column;
	align-items: start;
	overflow-x: auto;
	overflow-y: hidden;
	transition: height 0.3s ease;
	overscroll-behavior-x: contain;
	padding: 0 0 var(--space-3);
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.seymour-quote-slider__track:focus-visible {
	outline: var(--focus-ring);
	outline-offset: var(--focus-offset);
}

.seymour-articles-page .entry-content .seymour-quote-slider blockquote,
.page-template-template-feature .entry-content .seymour-quote-slider blockquote {
	background: var(--cream);
	border-top: 2px solid var(--footer-gold);
	box-sizing: border-box;
	margin: 0;
	max-width: none;
	padding: var(--space-7) var(--space-6) var(--space-6);
	scroll-snap-align: start;
}

.seymour-articles-page .entry-content .seymour-quote-slider blockquote::before,
.page-template-template-feature .entry-content .seymour-quote-slider blockquote::before {
	left: var(--space-6);
}

/* A long review stops at one height, fading out above its "Read the full review" button. */
.seymour-quote-slider blockquote.is-clamped .seymour-quote__body {
	max-height: 34rem;
	overflow: hidden;
	position: relative;
}

.seymour-quote-slider blockquote.is-clamped:not(.is-open) .seymour-quote__body::after {
	background: linear-gradient(rgba(247, 245, 240, 0), var(--cream));
	bottom: 0;
	content: "";
	height: 5rem;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}

.seymour-quote-slider blockquote.is-open .seymour-quote__body {
	max-height: none;
}

button.seymour-quote__more {
	background: none;
	border: 0;
	border-bottom: 1px solid var(--footer-gold);
	border-radius: 0;
	color: var(--navy);
	cursor: pointer;
	font-size: var(--fs-meta);
	margin: var(--space-3) 0 var(--space-4);
	min-height: 0;
	padding: 0 0 2px;
}

button.seymour-quote__more:hover {
	background: none;
	color: var(--gold-800);
}

.seymour-quote-slider__controls {
	display: flex;
	gap: var(--space-3);
	justify-content: center;
	margin: var(--space-4) 0 0;
}

.seymour-quote-slider__controls[hidden] {
	display: none;
}

button.seymour-quote-slider__button {
	align-items: center;
	background: var(--footer-bg);
	border: 1px solid var(--footer-gold);
	border-radius: 50%;
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	height: var(--touch-target);
	justify-content: center;
	min-height: 0;
	padding: 0;
	width: var(--touch-target);
}

button.seymour-quote-slider__button:hover:not(:disabled) {
	background: var(--footer-gold);
	color: var(--footer-bg);
}

button.seymour-quote-slider__button:disabled {
	cursor: default;
	opacity: 0.35;
}

@media (min-width: 700px) {
	.seymour-quote-slider__track {
		grid-auto-columns: calc((100% - var(--grid-gap)) / 2);
	}
}

@media (min-width: 1000px) {
	.seymour-quote-slider__track {
		grid-auto-columns: calc((100% - 2 * var(--grid-gap)) / 3);
	}
}

.seymour-articles-page .entry-content blockquote::before,
.page-template-template-feature .entry-content blockquote::before {
	color: var(--footer-gold);
	content: "\201C";
	font-family: var(--font-serif);
	font-size: 64px;
	left: 0;
	line-height: 1;
	position: absolute;
	top: var(--space-3);
}

.seymour-articles-page .entry-content blockquote p,
.page-template-template-feature .entry-content blockquote p {
	color: var(--ink);
	font-size: var(--fs-body);
	font-style: normal;
	line-height: 1.6;
	margin: 0 0 var(--space-3);
}

.seymour-articles-page .entry-content blockquote p:first-child,
.page-template-template-feature .entry-content blockquote p:first-child {
	color: var(--navy);
	font-family: var(--font-serif);
	font-size: var(--fs-h4);
	font-variation-settings: var(--font-serif-settings);
	line-height: 1.4;
	padding-left: var(--space-7);
}

.seymour-articles-page .entry-content blockquote p:first-child strong,
.page-template-template-feature .entry-content blockquote p:first-child strong {
	font-weight: inherit;
}

.seymour-articles-page .entry-content blockquote p.seymour-quote__by,
.page-template-template-feature .entry-content blockquote p.seymour-quote__by,
.seymour-articles-page .entry-content > blockquote p:last-child,
.page-template-template-feature .entry-content > blockquote p:last-child {
	color: var(--gold-800);
	font-size: var(--fs-eyebrow);
	letter-spacing: var(--tracking-eyebrow);
	margin: var(--space-4) 0 0;
	text-transform: uppercase;
}

/* The reviews bar ([seymour_reviews_bar]): the dated rating, then Google and SeymourReviews.com
 * side by side in the navy-and-gold button style. */
.seymour-reviews-bar {
	margin: var(--space-5) auto var(--space-6);
	text-align: center;
}

.seymour-reviews-bar__rating {
	color: var(--ink);
	font-size: var(--fs-meta);
	margin: 0;
}

.seymour-reviews-bar__stars {
	color: var(--footer-gold);
	letter-spacing: 0.1em;
	margin-right: var(--space-2);
}

.seymour-reviews-bar__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	justify-content: center;
	margin: var(--space-4) 0 0;
}

.entry-content .seymour-reviews-bar__button {
	background: var(--footer-bg);
	border-color: var(--footer-gold);
	color: var(--white);
	text-decoration: none;
}

.entry-content .seymour-reviews-bar__button:hover,
.entry-content .seymour-reviews-bar__button:focus-visible {
	background: var(--footer-gold);
	border-color: var(--footer-gold);
	color: var(--footer-bg);
	text-decoration: none;
}

/* Team bios ([seymour_team_bios]): two cards side by side from 900 px, photo beside the words. */
.seymour-team-bios {
	display: grid;
	gap: var(--space-7);
	grid-template-columns: minmax(0, 1fr);
	margin: var(--space-6) auto var(--space-8);
	max-width: 1040px;
}

.seymour-team-bio {
	display: grid;
	gap: var(--space-5);
	grid-template-columns: minmax(0, 1fr);
}

.seymour-team-bio__photo img {
	aspect-ratio: 4 / 5;
	display: block;
	height: auto;
	max-width: 220px;
	object-fit: cover;
	object-position: center top;
	width: 100%;
}

.entry-content .seymour-team-bio__role {
	color: var(--gold-800);
	font-size: var(--fs-eyebrow);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-eyebrow);
	margin: 0;
	text-transform: uppercase;
}

.entry-content .seymour-team-bio__name {
	color: var(--navy);
	font-size: var(--fs-h3);
	margin: var(--space-1) 0 var(--space-3);
}

.entry-content .seymour-team-bio__bio p {
	color: var(--ink);
	font-size: var(--fs-meta);
	line-height: 1.6;
	margin: 0 0 var(--space-3);
}

.entry-content .seymour-team-bio__more {
	font-size: var(--fs-nav);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-eyebrow);
	margin: var(--space-2) 0 0;
	text-transform: uppercase;
}

.entry-content .seymour-team-bio__more a {
	color: var(--gold-800);
	text-decoration: none;
}

.entry-content .seymour-team-bio__more a::after {
	content: " \2192";
}

@media (min-width: 600px) {
	.seymour-team-bio {
		grid-template-columns: 160px minmax(0, 1fr);
	}
}

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

/* The Google "G" in the rating line, sitting on the text's line. */
.seymour-review-line__link {
	align-items: center;
	display: inline-flex;
	gap: 6px;
}

.seymour-review-line__google {
	flex: none;
	height: 1em;
	width: 1em;
}

/* The Google Reviews badge in the rating line on light backgrounds. */
.seymour-review-line__badge {
	display: block;
	flex: none;
	height: 32px;
	width: auto;
}

.has-google-badge .seymour-review-line__link {
	gap: var(--space-3);
}

/* The "By sending this" note under every form: the same small print as the disclaimers (Kaz, October 22, 2026). */
.seymour-form__notice,
.gform_wrapper .seymour-form__notice {
	font-size: var(--fs-meta);
}

/* The standard (Kaz, October 22, 2026): every filled navy button carries the 3 px gold band along
 * its bottom edge, and turns gold with navy words on hover. Outline buttons, buttons on photos and
 * the gold buttons on navy keep their own. */
.seymour-button:not(.seymour-button--secondary):not(.seymour-button--on-photo),
button[type="submit"]:not(.seymour-button--secondary),
input[type="submit"],
.gform_button,
.gform_wrapper.gform-theme--framework .gform_footer .gform_button,
.gform_wrapper.gform-theme--framework .gform_footer input[type="submit"],
.gform_wrapper.gform-theme--framework .gform_page_footer .gform_button {
	border-bottom: var(--footer-accent-height) solid var(--footer-gold);
}
/* The gold hover itself comes from the base button rule above, so buttons with their own hover
 * (the gold ones on navy lighten to the light gold) keep it. */

/* Our listing cards glow gold on hover, like the MLS cards on the search (Kaz, October 22, 2026). */
.seymour-card.seymour-card--listing {
	transition: box-shadow 0.15s ease;
}

.seymour-card.seymour-card--listing:hover,
.seymour-card.seymour-card--listing:focus-within {
	box-shadow: 0 0 0 2px var(--gold);
}

/* ------------------------------------------------------------------
 * Phones: one fixed navy strip along the bottom (Kaz, October 23, 2026), the round call button
 * at its left (navy with a gold ring, the office line, named "Call The Seymour Team" for screen
 * readers) and Joy at its right, so neither floats over the page. The page's own phone lines stay
 * as text.
 * ------------------------------------------------------------------ */
@media (max-width: 899px) {
	:root {
		--call-bar-height: 64px;
	}

	.seymour-call-bar {
		align-items: center;
		background: var(--footer-bg);
		border-top: 1px solid rgba(201, 168, 76, 0.45);
		box-shadow: 0 -4px 16px rgba(10, 22, 40, 0.2);
		height: calc(var(--call-bar-height) + env(safe-area-inset-bottom, 0px));
		padding: 0 var(--space-4) env(safe-area-inset-bottom, 0px);
	}

	.seymour-call-bar__item + .seymour-call-bar__item {
		display: none;
	}

	.seymour-call-bar__item {
		background: var(--footer-bg);
		border: 2px solid var(--footer-gold);
		border-radius: 50%;
		color: var(--footer-gold);
		flex: none;
		height: 44px;
		min-height: 44px;
		padding: 0;
		width: 44px;
	}

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

	.seymour-call-bar__item .seymour-icon {
		height: 20px;
		width: 20px;
	}

	/* The visible words move off screen; the link keeps them as its name. */
	.seymour-call-bar__item > span:not(.screen-reader-text) {
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}

	/* Room at the end of the page so the strip never covers the last lines. */
	body:has(.seymour-call-bar) {
		padding-bottom: calc(var(--call-bar-height) + env(safe-area-inset-bottom, 0px));
	}

	/* Joy sits inside the strip, at its right, when the page has one. */
	body:has(.seymour-call-bar) .seymour-joy-launcher {
		bottom: calc((var(--call-bar-height) - 46px) / 2 + env(safe-area-inset-bottom, 0px));
		box-shadow: none;
	}
}

/* Stars are always gold, on every page (Kaz, October 25, 2026); layout4.css had them only there. */
.seymour-review-line__stars,
.seymour-stars__on {
	color: var(--gold-500);
}

.seymour-stars {
	display: inline-flex;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 1;
}

.seymour-stars__off {
	color: rgba(201, 168, 76, 0.3);
}

/* This week's review in a Talk to Jethro panel. */
.seymour-contact-review {
	margin-top: var(--space-6);
}

.seymour-contact-review .seymour-stars {
	font-size: 18px;
	margin-bottom: var(--space-3);
}

.seymour-contact-review .seymour-l3-contact__name {
	color: var(--footer-gold);
	font-style: normal;
	font-weight: var(--weight-semibold);
}

.seymour-contact-review__source {
	color: #a9b4c2;
	font-size: var(--fs-meta);
}

/* A title's place in gold italics on its own line (docs/DESIGN-STANDARDS.md). */
.seymour-title-accent {
	color: var(--footer-gold);
	display: block;
	font-style: italic;
}

/* The review's stars centred over it (Kaz, October 25, 2026); the rating line below sits apart. */
.seymour-contact-review .seymour-stars {
	display: flex;
	justify-content: center;
}

.seymour-l3-contact__aside .seymour-contact-review {
	margin-top: 0;
}

.seymour-l3-contact__aside .seymour-contact-review + .seymour-review-line {
	margin-top: var(--space-5);
}

/* Every Talk to Jethro panel the same as the blog's: the review centred, the rating line under a
 * gold rule, its words white on navy. */
.seymour-l3-contact__aside .seymour-contact-review,
.seymour-l3-contact__aside .seymour-contact-review blockquote {
	text-align: center;
}

.seymour-l3-contact__aside .seymour-contact-review figcaption {
	align-items: center;
}

.seymour-l3-contact__aside .seymour-review-line {
	border-top: 1px solid var(--gold-200);
	padding-top: var(--space-5);
}

.seymour-l3-contact__aside .seymour-review-line__text,
.seymour-l3-contact__aside .seymour-review-line__link {
	color: var(--white);
}

/* The rating and the phone centred under the review, with more room between the lines
 * (Kaz, October 25, 2026). */
.seymour-l3-contact__aside .seymour-review-line {
	justify-content: center;
	text-align: center;
}

.seymour-l3-contact__aside .seymour-review-line__link {
	align-items: center;
	display: inline-flex;
	gap: var(--space-2);
	justify-content: center;
}

.seymour-l3-contact__aside .seymour-l3-contact__phones {
	justify-content: center;
	justify-items: center;
	margin-top: var(--space-5);
}

.seymour-l3-contact__aside .seymour-contact-review blockquote {
	line-height: 1.6;
}

.seymour-l3-contact__aside .seymour-contact-review figcaption {
	gap: var(--space-2);
	margin-top: var(--space-5);
}

.seymour-l3-contact__aside .seymour-contact-review .seymour-stars {
	margin-bottom: var(--space-4);
}

/* A long review in smaller type, so the panel stays near the form's height (Kaz, October 25, 2026). */
.seymour-l3-contact__aside .seymour-contact-review--long blockquote {
	font-size: var(--fs-body);
	line-height: 1.55;
}

/* The home value pop-up, on every page (Kaz, October 26, 2026): the form on navy, a close button. */
.seymour-value-pop {
	background: transparent;
	border: 0;
	max-height: calc(100vh - 48px);
	max-width: min(680px, calc(100vw - 32px));
	overflow: auto;
	padding: 0;
	width: 100%;
}

.seymour-value-pop:focus {
	outline: none;
}

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

.seymour-value-pop .seymour-value-pop__wrap {
	background: var(--footer-bg);
	border-radius: 8px;
	border-top: 3px solid var(--gold);
	color: var(--white);
	margin: 0;
	padding: 40px 32px 32px;
}

.seymour-value-pop .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-value-pop__title {
	color: var(--footer-gold); /* Pop-up headings in gold, like the contact bands (Kaz, October 26, 2026). */
	font-family: var(--font-serif);
	font-size: clamp(26px, 3vw, 34px);
	margin: 0 0 var(--space-2);
}

.seymour-value-pop__lead {
	color: #c8d0da;
	margin: 0 0 var(--space-4);
}

.seymour-value-pop .gform_wrapper label,
.seymour-value-pop .gform_wrapper legend,
.seymour-value-pop .gform_wrapper .gfield_description,
.seymour-value-pop .gform_wrapper .gform_confirmation_message,
.seymour-value-pop__note {
	color: var(--white);
}

/* "About you" and "Your home" in gold on the navy pop-up (Kaz, October 26, 2026). */
body .seymour-value-pop .gform_wrapper .gsection_title {
	color: var(--gold);
	font-family: var(--font-serif);
	font-weight: var(--weight-medium);
	margin: 0;
}

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

/* Words that keep together on one line, on every page. */
.seymour-nowrap {
	white-space: nowrap;
}

/* Dan's portrait framed like Jethro's headshot: closer in, head near the top (Kaz, October 26, 2026). */
.seymour-team-bio__photo {
	overflow: hidden;
}

.seymour-team-bio__photo img[src*="dan-sublett-portrait"] {
	transform: scale(1.45);
	transform-origin: 50% 36%;
}

/* The home-value pop-up's button in gold, centred, with the note below in white (Kaz, October 26, 2026). */
body .seymour-value-pop .gform_wrapper.gform-theme--framework .gform_footer {
	justify-content: center;
}

body .seymour-value-pop .gform_wrapper.gform-theme--framework .gform_footer .gform_button {
	/* Gravity Forms' own button rule outranks the theme's, so these need !important. */
	background-color: var(--footer-gold) !important;
	border-color: var(--footer-gold) !important;
	color: var(--footer-bg) !important;
	margin-inline: auto;
}

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

body .seymour-value-pop .seymour-value-pop__note,
body .seymour-value-pop .seymour-sell-consult__note,
.seymour-value-pop .gform_wrapper .gfield_required {
	color: var(--white);
	text-align: center;
}

.seymour-value-pop .gform_wrapper .gfield_required {
	opacity: 0.75;
	text-align: inherit;
}

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

/* Team member pages: a gold line under the number or email on hover (Kaz, October 26, 2026). */
.seymour-team-member__contact a {
	text-decoration: none;
}

.seymour-team-member__contact a:hover > span:last-child,
.seymour-team-member__contact a:focus-visible > span:last-child {
	text-decoration: underline;
	text-decoration-color: var(--gold);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* A call-to-action button inside page text keeps white words; the text's link colour is navy
 * (Kaz, October 26, 2026). */
body .entry-content .seymour-cta-button a.seymour-button,
body .entry-content .seymour-cta-button a.seymour-button:visited {
	color: var(--white);
	text-decoration: none;
}

body .entry-content .seymour-cta-button a.seymour-button:hover,
body .entry-content .seymour-cta-button a.seymour-button:focus-visible {
	color: var(--footer-bg);
}


/* ------------------------------------------------------------------
 * The header stays at the top while the page scrolls (Kaz, October 26, 2026). Everything else
 * that sticks (page menus, the homes search bar) sits under it: --seymour-sticky-top is the
 * WordPress toolbar plus the header's height, which theme.js measures.
 * ------------------------------------------------------------------ */
:root {
	--seymour-admin-top: 0px;
	--seymour-site-header-h: var(--header-height);
	--seymour-sticky-top: calc(var(--seymour-admin-top) + var(--seymour-site-header-h));
}

/* Set on the root, so --seymour-sticky-top counts the toolbar wherever it is used. */
@media (min-width: 601px) {
	:root:has(body.admin-bar) {
		--seymour-admin-top: 46px;
	}
}

@media (min-width: 783px) {
	:root:has(body.admin-bar) {
		--seymour-admin-top: 32px;
	}
}

#masthead.site-header {
	position: sticky;
	top: var(--seymour-admin-top);
	z-index: 900;
}

body .seymour-l3,
body.admin-bar .seymour-l3 {
	--seymour-l3-sticky-top: var(--seymour-sticky-top);
}

/* Links to a part of the page land below the header. */
html:not(:has(.seymour-l3)) {
	scroll-padding-top: calc(var(--seymour-sticky-top) + var(--space-4));
}

/* The week's review on a white page, in the Talk to Jethro panel's design, in gold
 * ([seymour_weekly_quote style="panel"]; Kaz, October 26, 2026: the Contact page). */
.seymour-page-review {
	border-bottom: 1px solid var(--line);
	border-top: 1px solid var(--line);
	margin: var(--space-6) 0;
	padding: var(--space-5) 0;
	text-align: center;
}

.seymour-page-review .seymour-l3-contact__quote {
	margin: 0;
}

.seymour-page-review .seymour-rating-stars,
.seymour-page-review [class*="stars"] {
	color: var(--gold);
	justify-content: center;
}

.entry-content .seymour-page-review blockquote {
	border: 0;
	margin: var(--space-3) 0 0;
	padding: 0;
}

.entry-content .seymour-page-review blockquote p {
	color: #B8943C;
	font-family: var(--font-serif);
	font-size: var(--fs-lead);
	font-style: italic;
	line-height: 1.6;
	margin: 0;
}

.seymour-page-review--long blockquote p,
.seymour-page-review .seymour-contact-review--long blockquote p {
	font-size: var(--fs-body);
}

.seymour-page-review figcaption {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
	margin-top: var(--space-4);
}

.seymour-page-review .seymour-l3-contact__name {
	color: #B8943C;
	font-size: var(--fs-lead);
	font-style: normal;
	font-weight: var(--weight-medium);
}

.seymour-page-review .seymour-l3-contact__descriptor {
	color: #B8943C;
	font-size: var(--fs-meta);
}

.seymour-page-review {
	margin-left: auto;
	margin-right: auto;
	max-width: 34rem;
}

/* The Reviews headline in the middle of its photo, the same space on every side (Kaz, October 26, 2026). */
.seymour-ap-hero--stars {
	align-items: center;
}

.seymour-ap-hero--stars .seymour-ap-hero__text {
	padding-bottom: var(--space-6);
	padding-top: var(--space-6);
	width: 100%;
}

/* The Reviews page's Google line centred under the intro (Kaz, October 26, 2026). */
.seymour-articles-page .entry-content .seymour-feature-rating {
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* ------------------------------------------------------------------
 * The neighbourhood statistics block (Kaz, October 25, 2026; moved here from blog.css on October 26
 * so the neighbourhood pages' sales dashboard shares the look): navy card, gold eyebrow, serif
 * figures, gold monthly bars, the call to action inside the box.
 * ------------------------------------------------------------------ */

.seymour-area-stats {
	background: var(--footer-bg);
	border-radius: 8px;
	border-top: 3px solid var(--gold);
	color: var(--white);
	margin: var(--space-6) 0;
	padding: 32px 28px 24px;
}

.seymour-area-stats__eyebrow {
	color: #E2BE5A;
	font-size: var(--fs-eyebrow);
	letter-spacing: var(--tracking-eyebrow);
	margin: 0 0 6px;
	text-transform: uppercase;
}

.seymour-area-stats__title,
.seymour-blog-html .seymour-area-stats__title,
.seymour-blog-text .seymour-area-stats__title {
	color: var(--white);
	font-size: var(--fs-h3);
	margin: 0 0 var(--space-4);
}

.seymour-area-stats__grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.seymour-area-stats__card {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 6px;
	padding: 18px 18px 14px;
}

.seymour-area-stats__label {
	color: #E2BE5A;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.seymour-area-stats__figures {
	display: grid;
	gap: 12px;
	margin: 0 0 14px;
}

.seymour-area-stats__figures dt {
	color: rgba(255, 255, 255, 0.75);
	font-size: 13px;
}

.seymour-area-stats__figures dd {
	margin: 0;
}

.seymour-area-stats__value {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 26px;
	line-height: 1.15;
}

.seymour-area-stats__change {
	color: #E2BE5A;
	font-size: 13px;
	font-style: italic;
}

.seymour-area-stats__chart {
	margin: 0;
}

.seymour-area-stats__chart figcaption {
	color: rgba(255, 255, 255, 0.75);
	font-size: 12px;
	margin: 0 0 6px;
}

.seymour-area-stats__bars {
	align-items: flex-end;
	display: grid;
	gap: 3px;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	height: 90px;
	list-style: none;
	margin: 0;
	padding: 0 0 16px;
	position: relative;
}

.seymour-area-stats__bars li {
	align-items: flex-end;
	display: flex;
	height: 100%;
	margin: 0;
	position: relative;
}

.seymour-area-stats__bar {
	background: #E2BE5A;
	border-radius: 3px 3px 0 0;
	display: block;
	width: 100%;
}

.seymour-area-stats__month {
	bottom: -16px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 9px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

.seymour-area-stats__source {
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	margin: var(--space-3) 0 0;
}

/* Get Your Home's Value in the statistics box: gold, navy words, centred. */
.seymour-area-stats__cta {
	margin: var(--space-5) 0 0;
	text-align: center;
}

.seymour-blog-text .entry-content a.seymour-area-stats__button,
.seymour-area-stats a.seymour-area-stats__button {
	background: var(--gold-500);
	border-color: var(--gold-500);
	color: var(--navy-900);
	text-decoration: none;
}

.seymour-blog-text .entry-content a.seymour-area-stats__button:hover,
.seymour-area-stats a.seymour-area-stats__button:hover {
	background: var(--gold-200);
	border-color: var(--gold-200);
	color: var(--navy-900);
}


/* Hovering or tapping a month shows the number sold, as on the listing pages (Jethro, October 26, 2026). */
.seymour-area-stats__bars li[data-count] {
	cursor: default;
	outline: none;
}

.seymour-area-stats__bars li[data-count]::after {
	background: var(--white);
	border-radius: 4px;
	bottom: calc(100% + 6px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	color: var(--navy-900);
	content: attr(data-count);
	font-family: var(--font-sans);
	font-size: 12px;
	font-style: normal;
	left: 50%;
	line-height: 1.3;
	opacity: 0;
	padding: 4px 8px;
	pointer-events: none;
	position: absolute;
	transform: translate(-50%, 4px);
	transition: opacity 0.15s ease, transform 0.15s ease;
	white-space: nowrap;
	z-index: 2;
}

.seymour-area-stats__bars li[data-count]:hover::after,
.seymour-area-stats__bars li[data-count]:focus::after,
.seymour-area-stats__bars li[data-count]:focus-visible::after {
	opacity: 1;
	transform: translate(-50%, 0);
}

.seymour-area-stats__bars li[data-count]:hover .seymour-area-stats__bar,
.seymour-area-stats__bars li[data-count]:focus .seymour-area-stats__bar {
	background: var(--white);
}

.seymour-area-stats__hint {
	color: rgba(255, 255, 255, 0.55);
	font-size: 11px;
	margin: 6px 0 0;
}

/* The dashboard's rows inside a card: a compact table, white on navy, serif figures. */
.seymour-area-stats__now {
	color: var(--white);
	margin: 0 0 10px;
}

.seymour-area-stats__now strong {
	font-family: var(--font-serif);
	font-size: 26px;
	font-weight: 400;
	line-height: 1;
	margin-right: 0.3em;
}

.seymour-area-stats__now span {
	color: rgba(255, 255, 255, 0.75);
	font-size: 13px;
}

.seymour-area-stats__gauge {
	margin: 0 0 14px;
}

.seymour-area-stats__track {
	background: linear-gradient(to right, #E2BE5A 0 44.4%, rgba(255, 255, 255, 0.5) 44.4% 66.7%, rgba(255, 255, 255, 0.2) 66.7% 100%);
	border-radius: 999px;
	height: 6px;
	position: relative;
}

.seymour-area-stats__marker {
	background: var(--white);
	border: 2px solid #E2BE5A;
	border-radius: 50%;
	height: 16px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
}

.seymour-area-stats__scale {
	color: rgba(255, 255, 255, 0.6);
	display: flex;
	font-size: 11px;
	justify-content: space-between;
	margin-top: 4px;
}

.seymour-area-stats__reading {
	color: #E2BE5A;
	font-size: 13px;
	font-style: italic;
	margin: 2px 0 0;
}

.seymour-area-stats__table {
	border-collapse: collapse;
	color: var(--white);
	margin: 0 0 14px;
	width: 100%;
}

.seymour-area-stats__table th,
.seymour-area-stats__table td {
	border: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	padding: 7px 8px 7px 0;
	text-align: left;
	vertical-align: baseline;
}

.seymour-area-stats__table thead th {
	color: rgba(255, 255, 255, 0.75);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.seymour-area-stats__table tbody th {
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

.seymour-area-stats__table td {
	font-family: var(--font-serif);
	font-size: 20px;
	line-height: 1.15;
	white-space: nowrap;
}

.seymour-area-stats__table td small {
	color: #E2BE5A;
	display: block;
	font-family: var(--font-sans);
	font-size: 12px;
	font-style: italic;
}

@media (max-width: 599px) {
	.seymour-area-stats__table td {
		font-size: 16px;
	}
}

/* On the neighbourhood pages the block sits in the white band between the results and our sales. */
.seymour-l4-dashboard {
	padding: var(--space-7) 0 0;
}

.seymour-l4-dashboard .seymour-area-stats {
	margin: 0 auto;
	max-width: 1120px;
}

/* No single orphan word on the last line of a paragraph (Kaz, October 27, 2026). The browser
 * re-balances the closing lines; older browsers ignore it and wrap as before. */
p,
li,
blockquote,
figcaption,
.seymour-mstats__detail,
.seymour-mstats__gdet {
	text-wrap: pretty;
}

/* The latest neighbourhood market reports, three across and two rows (Kaz, October 27, 2026). */
.seymour-market-updates {
	margin: 0 0 var(--space-8, 64px);
}

.seymour-market-updates__title {
	justify-content: center;
	margin: 0 0 var(--space-5, 24px);
	text-align: center;
}

.seymour-market-updates .seymour-card__media img {
	aspect-ratio: 3 / 2;
	height: auto;
	object-fit: cover;
	width: 100%;
}

/* The Blog page: no "Blog" heading on screen (Kaz, October 27, 2026). It stays in the page, out of
 * sight, as the one H1 that search engines and screen readers read; the gallery comes first. */
.page-id-4616 .entry-header .entry-title,
body.blog .seymour-blog-index__head {
	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;
}

/* Market updates gallery cards (Kaz, October 27, 2026): no underlines anywhere on the card; the
 * card lifts when hovered instead, and the summary is in the disclaimer's small grey type. */
.seymour-market-updates .seymour-card {
	transition: box-shadow 0.25s ease, transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.seymour-market-updates .seymour-card:hover,
.seymour-market-updates .seymour-card:focus-within {
	box-shadow: 0 14px 32px rgba(10, 22, 40, 0.14), 0 2px 6px rgba(10, 22, 40, 0.08);
	transform: translateY(-6px);
}

.seymour-market-updates .seymour-card a,
.seymour-market-updates .seymour-card a:hover,
.seymour-market-updates .seymour-card a *,
.seymour-market-updates .seymour-card__link:hover .seymour-card__title {
	text-decoration: none;
}

.seymour-market-updates .seymour-card__excerpt {
	color: var(--grey-600);
	font-size: var(--fs-meta);
	line-height: 1.55;
}

@media (prefers-reduced-motion: reduce) {
	.seymour-market-updates .seymour-card:hover,
	.seymour-market-updates .seymour-card:focus-within {
		transform: none;
	}
}

/* Neighbourhood figures (Kaz, October 27, 2026): a little room between the question and the
 * button, the navy box as deep below as above, and one band's gap, not two, before "Our sales". */
.seymour-area-stats__cta .seymour-area-stats__ask {
	display: inline-block;
	margin-bottom: var(--space-3, 12px);
}

.seymour-area-stats.seymour-nd {
	padding-bottom: 32px;
}

.seymour-l3-band.seymour-l4-dashboard:has(+ .seymour-l4-sales) {
	padding-bottom: 0;
}

/* "Read our blog" over the articles, after the neighbourhood reports (Kaz, October 27, 2026). */
.seymour-blog-index__label {
	margin: 0 0 var(--space-5, 24px);
}
