/**
 * Base CSS used by the builder's layout, including rows
 * and columns. Any module specific global CSS should be
 * included in fl-builder-layout-modules.css.
 */

/* Grid
------------------------------------------------------ */

.fl-builder-content *,
.fl-builder-content *:before,
.fl-builder-content *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fl-row:before,
.fl-row:after,
.fl-row-content:before,
.fl-row-content:after,
.fl-col-group:before,
.fl-col-group:after,
.fl-col:before,
.fl-col:after,
.fl-module:not([data-accepts], .fl-ds-block):before,
.fl-module:not([data-accepts], .fl-ds-block):after,
.fl-module-content:before,
.fl-module-content:after {
	display: table;
	content: " ";
}
.fl-row:after,
.fl-row-content:after,
.fl-col-group:after,
.fl-col:after,
.fl-module:not([data-accepts], .fl-ds-block):after,
.fl-module-content:after {
	clear: both;
}
.fl-clear {
	clear: both;
}

/* Rows
------------------------------------------------------ */

.fl-row,
.fl-row-content {
	margin-left: auto;
	margin-right: auto;
	min-width: 0;
}
.fl-row-content-wrap {
	position: relative;
}

/* Photo Bg */
.fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {
	background-attachment: scroll;
}

/* Video and Embed Code Bg */
.fl-row-bg-video,
.fl-row-bg-video .fl-row-content,
.fl-row-bg-embed,
.fl-row-bg-embed .fl-row-content {
	position: relative;
}

.fl-row-bg-video .fl-bg-video,
.fl-row-bg-embed .fl-bg-embed-code {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.fl-row-bg-video .fl-bg-video video,
.fl-row-bg-embed .fl-bg-embed-code video {
	bottom: 0;
	left: 0px;
	max-width: none;
	position: absolute;
	right: 0;
	top: 0px;
}
.fl-row-bg-video .fl-bg-video video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}
.fl-row-bg-video .fl-bg-video iframe,
.fl-row-bg-embed .fl-bg-embed-code iframe {
	pointer-events: none;
	width: 100vw;
  	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  	max-width: none;
  	min-height: 100vh;
  	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  	position: absolute;
  	top: 50%;
  	left: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
	-webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
  	transform: translate(-50%, -50%);
}
.fl-bg-video-fallback {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}

/* Slideshow Bg */
.fl-row-bg-slideshow,
.fl-row-bg-slideshow .fl-row-content {
	position: relative;
}
.fl-row .fl-bg-slideshow {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}
.fl-builder-edit .fl-row .fl-bg-slideshow * {
	bottom: 0;
	height: auto !important;
	left: 0;
	position: absolute !important;
	right: 0;
	top: 0;
}

/* Row Bg Overlay */
.fl-row-bg-overlay .fl-row-content-wrap:after {
	border-radius: inherit;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.fl-row-bg-overlay .fl-row-content {
	position: relative;
	z-index: 1;
}

/* Full Height Rows */
.fl-row-default-height .fl-row-content-wrap,
.fl-row-custom-height .fl-row-content-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	min-height: 100vh;
}
.fl-row-overlap-top .fl-row-content-wrap {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
}
.fl-row-default-height .fl-row-content-wrap,
.fl-row-custom-height .fl-row-content-wrap {
	min-height: 0;
}

.fl-row-default-height .fl-row-content,
.fl-row-full-height .fl-row-content,
.fl-row-custom-height .fl-row-content {
  -webkit-box-flex: 1 1 auto;
  	 -moz-box-flex: 1 1 auto;
  	  -webkit-flex: 1 1 auto;
  		  -ms-flex: 1 1 auto;
  			  flex: 1 1 auto;
}
.fl-row-default-height .fl-row-full-width.fl-row-content,
.fl-row-full-height .fl-row-full-width.fl-row-content,
.fl-row-custom-height .fl-row-full-width.fl-row-content {
	max-width: 100%;
	width: 100%;
}

/* Full height align center */
.fl-row-default-height.fl-row-align-center .fl-row-content-wrap,
.fl-row-full-height.fl-row-align-center .fl-row-content-wrap,
.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
}

/* Full height align bottom */
.fl-row-default-height.fl-row-align-bottom .fl-row-content-wrap,
.fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,
.fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {
	-webkit-align-items: flex-end;
	-webkit-justify-content: flex-end;
	-webkit-box-align: end;
	-webkit-box-pack: end;
	-ms-flex-align: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	align-items: flex-end;
}

/* Column Groups
------------------------------------------------------ */
.fl-col-group-equal-height {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.fl-col-group-equal-height.fl-col-group-has-child-loading {
	flex-wrap: nowrap;
}
.fl-col-group-equal-height .fl-col,
.fl-col-group-equal-height .fl-col-content {
	display: flex;
	flex: 1 1 auto;
}
.fl-col-group-equal-height .fl-col-content {
	flex-direction: column;
	flex-shrink: 1;
	min-width: 1px;
	max-width: 100%;
	width: 100%;
}
.fl-col-group-equal-height:before,
.fl-col-group-equal-height .fl-col:before,
.fl-col-group-equal-height .fl-col-content:before,
.fl-col-group-equal-height:after,
.fl-col-group-equal-height .fl-col:after,
.fl-col-group-equal-height .fl-col-content:after{
	content: none;
}

/* Equal height align top */
.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content,
.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {
	justify-content: flex-start;
}

/* Equal height align center */
.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content,
.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {
	justify-content: center;
}

/* Equal height align bottom */
.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content,
.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {
	justify-content: flex-end;
}

.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {
	width: 100%;
}

/* Columns
------------------------------------------------------ */

.fl-col {
	float: left;
	min-height: 1px;
}

/* Column Bg Overlay */
.fl-col-bg-overlay .fl-col-content {
	position: relative;
}
.fl-col-bg-overlay .fl-col-content:after {
	border-radius: inherit;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.fl-col-bg-overlay .fl-module {
	position: relative;
	z-index: 2;
}

/* Templates
------------------------------------------------------ */

.single:not(.woocommerce).single-fl-builder-template .fl-content {
	width: 100%;
}

/* Shapes & Patterns
------------------------------------------------------- */
.fl-builder-layer {
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.fl-builder-shape-layer {
	z-index: 0;
}
.fl-builder-shape-layer.fl-builder-bottom-edge-layer {
	z-index: 1;
}
.fl-row-bg-overlay .fl-builder-shape-layer {
	z-index: 1;
}
.fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {
	z-index: 2;
}
.fl-row-has-layers .fl-row-content {
	z-index: 1;
}
.fl-row-bg-overlay .fl-row-content {
	z-index: 2;
}

.fl-builder-layer > * {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
}
.fl-builder-layer + .fl-row-content {
	position: relative;
}
.fl-builder-layer .fl-shape {
	fill: #aaa;
	stroke: none;
	stroke-width: 0;
	width:100%;
}
/**
Fix ipad parallax issue on safari
https://core.trac.wordpress.org/ticket/48802
https://core.trac.wordpress.org/ticket/49285
https://github.com/WordPress/gutenberg/issues/17718
*/
@supports (-webkit-touch-callout: inherit) {
  .fl-row.fl-row-bg-parallax .fl-row-content-wrap,
  .fl-row.fl-row-bg-fixed .fl-row-content-wrap {
    background-position: center !important;
    background-attachment: scroll !important;
  }
}

@supports (-webkit-touch-callout: none) {
	.fl-row.fl-row-bg-fixed .fl-row-content-wrap {
		background-position: center !important;
		background-attachment: scroll !important;
	}
}
/**
 * Base CSS used by all (or many) modules. This file should
 * not contain any generic layout CSS that doesn't apply to
 * modules. That belongs in fl-builder-layout.css.
 */

/* Utilities
------------------------------------------------------ */

.fl-clearfix:before,
.fl-clearfix:after {
	display: table;
	content: " ";
}
.fl-clearfix:after {
	clear: both;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

/* Buttons
------------------------------------------------------ */

.fl-builder-content .fl-button:is(a, button),
.fl-builder-content a.fl-button:visited {
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	padding: 12px 24px;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
}
.fl-builder-content .fl-button:hover {
	text-decoration: none;
}
.fl-builder-content .fl-button:active {
	position: relative;
	top: 1px;
}
.fl-builder-content .fl-button-width-full .fl-button {
	width: 100%;
	display: block;
	text-align: center;
}
.fl-builder-content .fl-button-width-custom .fl-button {
	display: inline-block;
	text-align: center;
	max-width: 100%;
}
.fl-builder-content .fl-button-left {
	text-align: left;
}
.fl-builder-content .fl-button-center {
	text-align: center;
}
.fl-builder-content .fl-button-right {
	text-align: right;
}
.fl-builder-content .fl-button i {
	font-size: 1.3em;
	height: auto;
	margin-right:8px;
	vertical-align: middle;
	width: auto;
}
.fl-builder-content .fl-button i.fl-button-icon-after {
	margin-left: 8px;
	margin-right: 0;
}
.fl-builder-content .fl-button-has-icon .fl-button-text {
	vertical-align: middle;
}

/* Icons
------------------------------------------------------ */

.fl-icon-wrap {
	display: inline-block;
}
.fl-icon {
	display: table-cell;
	vertical-align: middle;
}
.fl-icon a {
	text-decoration: none;
}
.fl-icon i {
	float: right;
	height: auto;
	width: auto;
}
.fl-icon i:before {
	border: none !important;
	height: auto;
	width: auto;
}
.fl-icon-text {
	display: table-cell;
	text-align: left;
	padding-left: 15px;
	vertical-align: middle;
}
.fl-icon-text-empty {
	display: none;
}
.fl-icon-text *:last-child {
	margin: 0 !important;
	padding: 0 !important;
}
.fl-icon-text a {
	text-decoration: none;
}
.fl-icon-text span {
	display: block;
}
.fl-icon-text span.mce-edit-focus {
	min-width: 1px;
}

/* Photos
------------------------------------------------------ */

.fl-module img {
	max-width: 100%;
}
.fl-photo {
	line-height: 0;
	position: relative;
}
.fl-photo-align-left {
	text-align: left;
}
.fl-photo-align-center {
	text-align: center;
}
.fl-photo-align-right {
	text-align: right;
}
.fl-photo-content {
	display: inline-block;
	line-height: 0;
	position: relative;
	max-width: 100%;
}
.fl-photo-img-svg {
	width: 100%;
}
.fl-photo-content img {
	display: inline;
	height: auto;
	max-width: 100%;
}
.fl-photo-crop-circle img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.fl-photo-caption {
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fl-photo-caption-below {
	padding-bottom: 20px;
	padding-top: 10px;
}
.fl-photo-caption-hover {
	background: rgba(0,0,0,0.7);
	bottom: 0;
	color: #fff;
	left: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	padding: 10px 15px;
	position: absolute;
	right: 0;
	-webkit-transition:opacity 0.3s ease-in;
	-moz-transition:opacity 0.3s ease-in;
	transition:opacity 0.3s ease-in;
}
.fl-photo-content:hover .fl-photo-caption-hover {
	opacity: 100;
	filter: alpha(opacity = 100);
}

/* Pagination
------------------------------------------------------ */

.fl-builder-pagination,
.fl-builder-pagination-load-more {
	padding: 40px 0;
}
.fl-builder-pagination ul.page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.fl-builder-pagination li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.fl-builder-pagination li a.page-numbers,
.fl-builder-pagination li span.page-numbers {
	border: 1px solid #e6e6e6;
	display: inline-block;
	padding: 5px 10px;
	margin: 0 0 5px;
}
.fl-builder-pagination li a.page-numbers:hover,
.fl-builder-pagination li span.current {
	background: #f5f5f5;
	text-decoration: none;
}

/* Slideshows
------------------------------------------------------ */

.fl-slideshow,
.fl-slideshow * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

}
.fl-slideshow .fl-slideshow-image img {
	max-width: none !important;
}
.fl-slideshow-social {
	line-height: 0 !important;
}
.fl-slideshow-social * {
	margin: 0 !important;
}

/* Sliders
------------------------------------------------------ */

.fl-builder-content .bx-wrapper .bx-viewport {
	background: transparent;
	border: none;
	box-shadow: none;
	left: 0;
}

/* Lightbox
------------------------------------------------------ */

.mfp-wrap button.mfp-arrow,
.mfp-wrap button.mfp-arrow:active,
.mfp-wrap button.mfp-arrow:hover,
.mfp-wrap button.mfp-arrow:focus {
	background: transparent !important;
	border: none !important;
	outline: none;
	position: absolute;
	top: 50%;
	box-shadow: none !important;
}
.mfp-wrap .mfp-close,
.mfp-wrap .mfp-close:active,
.mfp-wrap .mfp-close:hover,
.mfp-wrap .mfp-close:focus {
	background: transparent !important;
	border: none !important;
	outline: none;
	position: absolute;
	top: 0;
	box-shadow: none !important;
}
.admin-bar .mfp-wrap .mfp-close,
.admin-bar .mfp-wrap .mfp-close:active,
.admin-bar .mfp-wrap .mfp-close:hover,
.admin-bar .mfp-wrap .mfp-close:focus {
	top: 32px!important;
}
img.mfp-img {
	padding: 0;
}
.mfp-counter {
	display: none;
}

.mfp-wrap .mfp-preloader.fa {
	font-size: 30px;
}

/* Form Fields
------------------------------------------------------ */

.fl-form-field {
	margin-bottom: 15px;
}
.fl-form-field input.fl-form-error {
	border-color: #DD6420;
}
.fl-form-error-message {
	clear: both;
	color: #DD6420;
	display: none;
	padding-top: 8px;
	font-size: 12px;
	font-weight: lighter;
}
.fl-form-button-disabled {
	opacity: 0.5;
}

/* Animations
------------------------------------------------------ */

.fl-animation {
	opacity: 0;
}
body.fl-no-js .fl-animation {
	opacity: 1;
}
.fl-builder-preview .fl-animation,
.fl-builder-edit .fl-animation,
.fl-animated {
	opacity: 1;
}
.fl-animated {
	animation-fill-mode: both;
}

/* Button Icon Animation */
.fl-button.fl-button-icon-animation i {
	width: 0 !important;
	opacity: 0;
	transition: all 0.2s ease-out;
}
.fl-button.fl-button-icon-animation:hover i {
	opacity: 1 !important;
}
.fl-button.fl-button-icon-animation i.fl-button-icon-after {
	margin-left: 0px !important;
}
.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {
	margin-left: 10px !important;
}
.fl-button.fl-button-icon-animation i.fl-button-icon-before {
	margin-right: 0 !important;
}
.fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {
	margin-right: 20px !important;
  margin-left: -10px;
}

/* Default button colors for non Beaver Builder themes.
------------------------------------------------------ */

.fl-builder-content .fl-button:is(a, button),
.fl-builder-content a.fl-button:visited {
	background: #fafafa;
	border: 1px solid #ccc;
	color: #333;
}
.fl-builder-content .fl-button:is(a, button) *,
.fl-builder-content a.fl-button:visited * {
	color: #333;
}@media (max-width: 1280px) { /**
 * Styles needed for the large breakpoint.
 */
 }@media (max-width: 992px) { /* Columns
------------------------------------------------------ */

/* Reversed Responsive Stacking */
.fl-col-group.fl-col-group-medium-reversed {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	flex-direction: row-reverse;
}
 }@media (max-width: 768px) { /* Rows
------------------------------------------------------ */

.fl-row-content-wrap {
	background-attachment: scroll !important;
}
.fl-row-bg-parallax .fl-row-content-wrap {
	background-attachment: scroll !important;
	background-position: center center !important;
}

/* Column Groups
------------------------------------------------------ */

/* Equal Heights */
.fl-col-group.fl-col-group-equal-height {
	display: block;
}
.fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

/* Reversed Responsive Stacking */
.fl-col-group.fl-col-group-responsive-reversed {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	flex-direction: row-reverse;
}
.fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) {
	flex-basis: 100%;
	width: 100% !important;
}
.fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) {
	display: unset;
	display: unset;
	-webkit-flex-wrap: unset;
	flex-wrap: unset;
	flex-direction: unset;
}

/* Columns
------------------------------------------------------ */

.fl-col {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: auto !important;
}
.fl-col-small:not(.fl-col-small-full-width) {
	max-width: 400px;
}
.fl-block-col-resize {
	display:none;
}
/* Rows
------------------------------------------------------ */

.fl-row[data-node] .fl-row-content-wrap {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
.fl-row[data-node] .fl-bg-video,
.fl-row[data-node] .fl-bg-slideshow {
	left: 0;
	right: 0;
}

/* Columns
------------------------------------------------------ */

.fl-col[data-node] .fl-col-content {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
 }@media (min-width: 1281px) {
	html .fl-visible-large:not(.fl-visible-desktop),
	html .fl-visible-medium:not(.fl-visible-desktop),
	html .fl-visible-mobile:not(.fl-visible-desktop) {
		display: none;
	}
}

@media (min-width: 993px) and (max-width: 1280px) {
	html .fl-visible-desktop:not(.fl-visible-large),
	html .fl-visible-medium:not(.fl-visible-large),
	html .fl-visible-mobile:not(.fl-visible-large) {
		display: none;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	html .fl-visible-desktop:not(.fl-visible-medium),
	html .fl-visible-large:not(.fl-visible-medium),
	html .fl-visible-mobile:not(.fl-visible-medium) {
		display: none;
	}
}

@media (max-width: 768px) {
	html .fl-visible-desktop:not(.fl-visible-mobile),
	html .fl-visible-large:not(.fl-visible-mobile),
	html .fl-visible-medium:not(.fl-visible-mobile) {
		display: none;
	}
}
.fl-col-content {
	display: flex;
	flex-direction: column;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fl-row-fixed-width {
	max-width: 1240px;
}
.fl-builder-content > .fl-module-box {
	margin: 0;
}
.fl-row-content-wrap {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 96px;
	padding-right: 56px;
	padding-bottom: 96px;
	padding-left: 56px;
}
.fl-module-content, .fl-module:where(.fl-module:not(:has(> .fl-module-content))) {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
@media(max-width: 992px) {
	.fl-row[data-node] > .fl-row-content-wrap {
		padding-top: 72px;
		padding-right: 32px;
		padding-bottom: 72px;
		padding-left: 32px;
	}
}
@media(max-width: 768px) {
	.fl-row[data-node] > .fl-row-content-wrap {
		padding-top: 48px;
		padding-right: 20px;
		padding-bottom: 48px;
		padding-left: 20px;
	}
}
:root {
	--fl-global-navy: #001621;
	--fl-global-sable: #624a3e;
	--fl-global-cream: #FFF6F0;
	--fl-global-powder-blue: #CBDDE8;
	--fl-global-sand: #e8e0d5;
	--fl-global-terracotta: #9a4121;
	--fl-global-blush: #EED8E1;
	--fl-global-tan: #D8BDA8;
	--fl-global-ink-mid: #022534;
	--fl-global-espresso: #2E211A;
	--fl-global-chocolate: #3D2B1F;
	--fl-global-ink-deep: #00121C;
	--fl-global-text-font-family: gotham, Helvetica, sans-serif;
	--fl-global-text-font-weight: 400;
	--fl-global-text-font-size: 16px;
	--fl-global-text-line-height: 1.65;
	--fl-global-text-letter-spacing: 0.02em;
	--fl-global-h1-font-family: bodoni-pt-variable, Georgia, serif;
	--fl-global-h1-font-weight: 400;
	--fl-global-h1-font-size: 92px;
	--fl-global-h1-line-height: 1.02;
	--fl-global-h1-letter-spacing: -0.014em;
	--fl-global-h1-font-size-medium: 64px;
	--fl-global-h1-font-size-responsive: 48px;
	--fl-global-h2-font-family: bodoni-pt-variable, Georgia, serif;
	--fl-global-h2-font-weight: 400;
	--fl-global-h2-font-size: 72px;
	--fl-global-h2-line-height: 1.06;
	--fl-global-h2-letter-spacing: -0.004em;
	--fl-global-h2-font-size-medium: 52px;
	--fl-global-h2-font-size-responsive: 40px;
	--fl-global-h3-font-family: bodoni-pt-variable, Georgia, serif;
	--fl-global-h3-font-weight: 400;
	--fl-global-h3-font-size: 30px;
	--fl-global-h3-line-height: 1.1;
	--fl-global-h3-letter-spacing: -0.01em;
	--fl-global-h3-font-size-medium: 26px;
	--fl-global-h3-font-size-responsive: 22px;
	--fl-global-h4-font-family: bodoni-pt-variable, Georgia, serif;
	--fl-global-h4-font-weight: 400;
	--fl-global-h4-font-size: 24px;
	--fl-global-h4-line-height: 1.14;
	--fl-global-h4-letter-spacing: 0em;
	--fl-global-h4-font-size-medium: 22px;
	--fl-global-h4-font-size-responsive: 20px;
	--fl-global-h5-font-family: gotham, Helvetica, sans-serif;
	--fl-global-h5-font-weight: 400;
	--fl-global-h5-font-size: 21px;
	--fl-global-h5-line-height: 1.55;
	--fl-global-h5-letter-spacing: 0.01em;
	--fl-global-h5-font-size-medium: 19px;
	--fl-global-h5-font-size-responsive: 17px;
	--fl-global-h6-font-family: gotham, Helvetica, sans-serif;
	--fl-global-h6-font-weight: 700;
	--fl-global-h6-font-size: 12px;
	--fl-global-h6-line-height: 1.4;
	--fl-global-h6-letter-spacing: 0.22em;
	--fl-global-h6-text-transform: uppercase;
	--fl-global-button-color: var(--fl-global-cream);
	--fl-global-button-hover-color: #FFF6F0;
	--fl-global-button-background: var(--fl-global-ink-mid);
	--fl-global-button-hover-background: #001621;
	--fl-global-button-font-family: gotham, Helvetica, sans-serif;
	--fl-global-button-font-weight: 700;
	--fl-global-button-font-size: 15.6px;
	--fl-global-button-line-height: 16px;
	--fl-global-button-letter-spacing: 0.035em;
	--fl-global-button-text-transform: uppercase;
	--fl-global-button-border-style: solid;
	--fl-global-button-background-clip: border-box;
	--fl-global-button-border-color: var(--fl-global-ink-mid);
	--fl-global-button-border-top-width: 1px;
	--fl-global-button-border-right-width: 1px;
	--fl-global-button-border-bottom-width: 1px;
	--fl-global-button-border-left-width: 1px;
	--fl-global-button-border-top-left-radius: 4px;
	--fl-global-button-border-top-right-radius: 4px;
	--fl-global-button-border-bottom-left-radius: 4px;
	--fl-global-button-border-bottom-right-radius: 4px;
}
.fl-builder-content:not(.fl-builder-empty) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.65;
	letter-spacing: 0.02em;
}
.fl-builder-content h1, .fl-builder-content h2, .fl-builder-content h3, .fl-builder-content h4, .fl-builder-content h5, .fl-builder-content h6, .fl-builder-content p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *), .fl-builder-content p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *) {
	font-family: bodoni-pt-variable, Georgia, serif;
	font-weight: 400;
	line-height: 1.06;
	letter-spacing: -0.004em;
}
.fl-builder-content h1 {
	font-family: bodoni-pt-variable, Georgia, serif;
	font-weight: 400;
	font-size: 92px;
	line-height: 1.02;
	letter-spacing: -0.014em;
}
.fl-builder-content h2 {
	font-family: bodoni-pt-variable, Georgia, serif;
	font-weight: 400;
	font-size: 72px;
	line-height: 1.06;
	letter-spacing: -0.004em;
}
.fl-builder-content h3 {
	font-family: bodoni-pt-variable, Georgia, serif;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.1;
	letter-spacing: -0.01em;
}
.fl-builder-content h4 {
	font-family: bodoni-pt-variable, Georgia, serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.14;
	letter-spacing: 0em;
}
.fl-builder-content h5, .fl-builder-content p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 21px;
	line-height: 1.55;
	letter-spacing: 0.01em;
}
.fl-builder-content h6, .fl-builder-content p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
.fl-builder-content button:not(.fl-content-ui-button), .fl-builder-content input[type=button], .fl-builder-content input[type=submit], .fl-builder-content .fl-button:is(a, button), .fl-builder-content button:not(.fl-content-ui-button) *, .fl-builder-content input[type=button] *, .fl-builder-content input[type=submit] *, .fl-builder-content .fl-button:is(a, button) *, .fl-builder-content button:visited, .fl-builder-content input[type=button]:visited, .fl-builder-content input[type=submit]:visited, .fl-builder-content a.fl-button:visited, .fl-builder-content button:visited *, .fl-builder-content input[type=button]:visited *, .fl-builder-content input[type=submit]:visited *, .fl-builder-content a.fl-button:visited *, .fl-page .fl-builder-content button:not(.fl-content-ui-button), .fl-page .fl-builder-content input[type=button], .fl-page .fl-builder-content input[type=submit], .fl-page .fl-builder-content .fl-button:is(a, button), .fl-page .fl-builder-content button:not(.fl-content-ui-button) *, .fl-page .fl-builder-content input[type=button] *, .fl-page .fl-builder-content input[type=submit] *, .fl-page .fl-builder-content .fl-button:is(a, button) *, .fl-page .fl-builder-content button:visited, .fl-page .fl-builder-content input[type=button]:visited, .fl-page .fl-builder-content input[type=submit]:visited, .fl-page .fl-builder-content a.fl-button:visited, .fl-page .fl-builder-content button:visited *, .fl-page .fl-builder-content input[type=button]:visited *, .fl-page .fl-builder-content input[type=submit]:visited *, .fl-page .fl-builder-content a.fl-button:visited * {
	color: var(--fl-global-cream);
}
.fl-builder-content button:not(.fl-content-ui-button):hover, .fl-builder-content input[type=button]:hover, .fl-builder-content input[type=submit]:hover, .fl-builder-content .fl-button:is(a, button):hover, .fl-builder-content button:not(.fl-content-ui-button):hover *, .fl-builder-content input[type=button]:hover *, .fl-builder-content input[type=submit]:hover *, .fl-builder-content .fl-button:is(a, button):hover *, .fl-page .fl-builder-content button:not(.fl-content-ui-button):hover, .fl-page .fl-builder-content input[type=button]:hover, .fl-page .fl-builder-content input[type=submit]:hover, .fl-page .fl-builder-content .fl-button:is(a, button):hover, .fl-page .fl-builder-content button:not(.fl-content-ui-button):hover *, .fl-page .fl-builder-content input[type=button]:hover *, .fl-page .fl-builder-content input[type=submit]:hover *, .fl-page .fl-builder-content .fl-button:is(a, button):hover * {
	color: #FFF6F0;
}
.fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button), .fl-builder-content input[type=button], .fl-builder-content input[type=submit], .fl-builder-content .fl-button:is(a, button), .fl-builder-content button:visited, .fl-builder-content input[type=button]:visited, .fl-builder-content input[type=submit]:visited, .fl-builder-content a.fl-button:visited, .fl-page .fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button), .fl-page .fl-builder-content input[type=button], .fl-page .fl-builder-content input[type=submit], .fl-page .fl-builder-content .fl-button:is(a, button), .fl-page .fl-builder-content button:visited, .fl-page .fl-builder-content input[type=button]:visited, .fl-page .fl-builder-content input[type=submit]:visited, .fl-page .fl-builder-content a.fl-button:visited {
	background-color: var(--fl-global-ink-mid);
}
.fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button):hover, .fl-builder-content input[type=button]:hover, .fl-builder-content input[type=submit]:hover, .fl-builder-content .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button):hover, .fl-page .fl-builder-content input[type=button]:hover, .fl-page .fl-builder-content input[type=submit]:hover, .fl-page .fl-builder-content .fl-button:is(a, button):hover {
	background-color: #001621;
}
.fl-builder-content button:not(.fl-content-ui-button), .fl-builder-content input[type=button], .fl-builder-content input[type=submit], .fl-builder-content .fl-button:is(a, button), .fl-builder-content button:visited, .fl-builder-content input[type=button]:visited, .fl-builder-content input[type=submit]:visited, .fl-builder-content a.fl-button:visited, .fl-page .fl-builder-content button:not(.fl-content-ui-button), .fl-page .fl-builder-content input[type=button], .fl-page .fl-builder-content input[type=submit], .fl-page .fl-builder-content .fl-button:is(a, button), .fl-page .fl-builder-content button:visited, .fl-page .fl-builder-content input[type=button]:visited, .fl-page .fl-builder-content input[type=submit]:visited, .fl-page .fl-builder-content a.fl-button:visited {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 15.6px;
	line-height: 16px;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: var(--fl-global-ink-mid);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
:where(.fl-builder-content, .fl-page) :is(a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus {
	outline-width: px;
	outline-offset: px;
}
@media(max-width: 992px) {
	.fl-builder-content h1 {
		font-size: 64px;
	}
	.fl-builder-content h2 {
		font-size: 52px;
	}
	.fl-builder-content h3 {
		font-size: 26px;
	}
	.fl-builder-content h4 {
		font-size: 22px;
	}
	.fl-builder-content h5, .fl-builder-content p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *) {
		font-size: 19px;
	}
}
@media(max-width: 768px) {
	.fl-builder-content h1 {
		font-size: 48px;
	}
	.fl-builder-content h2 {
		font-size: 40px;
	}
	.fl-builder-content h3 {
		font-size: 22px;
	}
	.fl-builder-content h4 {
		font-size: 20px;
	}
	.fl-builder-content h5, .fl-builder-content p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *) {
		font-size: 17px;
	}
}






.fl-node-izvfyspt2rqa.fl-row-default-height > .fl-row-content-wrap, .fl-node-izvfyspt2rqa.fl-row-full-height > .fl-row-content-wrap, .fl-node-izvfyspt2rqa.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-izvfyspt2rqa > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
@media ( max-width: 992px ) {
 .fl-node-izvfyspt2rqa.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-izvfyspt2rqa.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    





.fl-node-ncbsj2q6v9tu > .fl-row-content-wrap {
	background-color: var(--fl-global-navy);
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.fl-node-ncbsj2q6v9tu.fl-row-default-height > .fl-row-content-wrap, .fl-node-ncbsj2q6v9tu.fl-row-full-height > .fl-row-content-wrap, .fl-node-ncbsj2q6v9tu.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-ncbsj2q6v9tu > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
@media ( max-width: 992px ) {
 .fl-node-ncbsj2q6v9tu.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ncbsj2q6v9tu.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    



.fl-node-vfaygo1demk5 {
	width: 100%;
}
.fl-module-box:before,
.fl-module-box:after {
	position: absolute;
}
a.fl-module-box {
	text-decoration: none;
}

/* Zero margins for child modules */
.fl-module-box :where( .fl-module ),
.fl-module-box :where( .fl-module-content ),
.fl-module-box.fl-block > * {
	margin: 0;
}

/* Prevent sliders and carousels from blowing out flex layouts */
:where(.fl-module-box:has(
    [class*="slide"],
    [class*="carousel"],
    [class*="swiper"]
)) {
    min-width: 0;
}
.fl-builder-content-111233 .fl-node-6nxfdovul43w {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
img.mfp-img {
    padding-bottom: 40px !important;
}

/* Support for object-fit */
.fl-builder-edit .fl-fill-container img {
	transition: object-position .5s;
}

.fl-fill-container :is(.fl-module-content, .fl-photo, .fl-photo-content, img) {
	height: 100% !important;
	width: 100% !important;
}

@media (max-width: 768px) { /* Mobile Photo */
.fl-photo-content,
.fl-photo-img {
	max-width: 100%;
} }.fl-node-gp05sr9acyxe, .fl-node-gp05sr9acyxe .fl-photo {
	text-align: left;
}
.fl-node-gp05sr9acyxe .fl-photo-content, .fl-node-gp05sr9acyxe .fl-photo-img {
	width: 83px;
}
/* ── pardee-mobile-menu module ─────────────────────────────── */
/* Relies on canonical .pardee-btn / .pardee-btn--on-dark and .icon-pp-arrow-right
   (see _components.scss) for the sticky footer's CTA button. Everything else —
   the bar, burger, overlay shell, accordion, and call link — is bespoke: there is
   no equivalent nav component in the shared kit.
   Visibility: the design switches between the desktop bar and this one at 920px
   (pardee-nav.css "Breakpoint switch"), which is not a BB breakpoint — so the swap
   point lives here rather than in BB's Responsive Display setting, and
   patch-header-layout.php clears that setting on both nav modules so the two
   mechanisms cannot disagree. */

/* ── Breakpoint switch — design pardee-nav.css ─────────────── */
/* The Box wrapping this module in the Themer header (class added by patch-header-layout.php) has to
   go too, not just the module: an empty flex child still takes a slot in the bar's space-between
   layout and a share of its gap, which strands the right-hand utilities short of the edge. */
@media (min-width: 921px) {
    .fl-module-pardee-mobile-menu,
    .pardee-header-mobile-slot { display: none !important; }
}

.pardee-mobmenu * { box-sizing: border-box; }

/* ── Bar ──────────────────────────────────────────────────── */
.pardee-mobmenu__bar {
    display: flex; align-items: center; justify-content: flex-end; gap: 18px;
    height: 64px; padding: 0 20px;
    position: relative; z-index: 20;
}

/* Saved Homes heart + count badge — design .pgn-mbar__heart / .pgn-util__badge */
.pardee-mobmenu__heart { position: relative; display: flex; padding: 1px; margin: -1px; color: var(--pp-cream); }   /* 24px target (WCAG 2.5.8) round the 22px icon; the negative margin keeps the layout */
.pardee-mobmenu__heart:hover { color: var(--pp-cream); }   /* (0,2,0): above a page stylesheet's bare a:hover colour */
.pardee-mobmenu__badge {
    position: absolute; top: -5px; right: -7px;   /* 6px above and 8px right of the icon, measured from the heart's 1px padding box */
    min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box;
    background: var(--pp-terracotta); color: var(--pp-cream); border-radius: 999px;
    font-family: var(--font-body); font-size: 10px; font-weight: var(--pardee-w-bold, 700);
    line-height: 16px; text-align: center; letter-spacing: 0;
}

.pardee-mobmenu__burger {
    background: none; border: 0; cursor: pointer; padding: 0;
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    color: var(--pp-cream);
}
/* The word is justified across the bars' width rather than letter-spaced, so M and U line up
   with the rules' ends exactly as in the design (.pgn-burger__word). Typography sits on the span,
   not the button: the BB reset below must keep `font: inherit !important` and would flatten it. */
.pardee-mobmenu__burger-word {
    display: flex; justify-content: space-between; width: 30px;
    font-family: var(--font-display); font-size: 11px; font-weight: 400; font-style: normal;
    text-transform: uppercase; line-height: 1; letter-spacing: 0;
}
.pardee-mobmenu__burger-word i { font-style: normal; }
.pardee-mobmenu__burger-bars { display: flex; flex-direction: column; gap: 6px; width: 30px; }
.pardee-mobmenu__burger-bars i { display: block; height: 1.5px; background: currentColor; transition: transform .25s var(--ease-soft, ease); }
.pardee-mobmenu__burger[aria-expanded="true"] .pardee-mobmenu__burger-bars i:first-child { transform: translateY(3.75px) rotate(45deg); }
.pardee-mobmenu__burger[aria-expanded="true"] .pardee-mobmenu__burger-bars i:last-child { transform: translateY(-3.75px) rotate(-45deg); }

/* ── Overlay shell ────────────────────────────────────────── */
.pardee-mobmenu__overlay {
    position: fixed; inset: 0; z-index: 300;
    background: var(--pp-ink);
    display: flex; flex-direction: column;
    visibility: hidden; opacity: 0;
    transition: opacity var(--dur-base, 280ms) var(--ease-soft, ease), visibility 0s linear var(--dur-base, 280ms);
}
.pardee-mobmenu__overlay.is-open {
    visibility: visible; opacity: 1;
    transition: opacity var(--dur-base, 280ms) var(--ease-soft, ease), visibility 0s;
}

/* The Themer sticky header carries an inline `transform: translate(0, -<height>px)` once the page is
   scrolled. A transformed ancestor becomes the containing block of a position:fixed descendant, so the
   overlay would be only as tall as the header, and the header's z-index (100) would put it under the
   sticky CTA bar (150) and the quick-links bar (140). While the menu is open the header takes its
   place with `top` instead (same spot) and rises above those bars. */
html.pardee-mobmenu-open .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
    transform: none !important;
    top: 0;
    z-index: 400;
}

/* Links in the bar and the overlay inherit cream: the theme's `a:hover { color: unset }` (0,1,1) outranks
   the single-class link colours here, so a hovered or tapped link takes the inherited colour. */
.pardee-mobmenu__bar,
.pardee-mobmenu__overlay { color: var(--pp-cream); }
.pardee-mobmenu__scroll { overscroll-behavior: contain; }

/* Sit below the WP admin bar instead of under it, matching core's own
   breakpoint for the admin bar's height change (46px at <=782px, 32px above). */
body.admin-bar .pardee-mobmenu__overlay { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar .pardee-mobmenu__overlay { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
    .pardee-mobmenu__overlay,
    .pardee-mobmenu__panel,
    .pardee-mobmenu__chev,
    .pardee-mobmenu__burger-bars i { transition: none !important; }
}

.pardee-mobmenu__head {
    flex: 0 0 auto; height: 64px; padding: 0 20px;
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid rgba(255, 246, 240, 0.14);
}
/* No logo set → the close button still sits hard right (design .pgn-mobile__head). */
.pardee-mobmenu__head > :only-child { margin-left: auto; }
.pardee-mobmenu__logo { display: flex; align-items: center; }
.pardee-mobmenu__logo img { height: 26px; width: auto; display: block; }
.pardee-mobmenu__close {
    background: none; border: 0; cursor: pointer; padding: 0;
    display: flex; flex-direction: column; align-items: center; gap: 5px;
    color: var(--pp-cream);
}
/* Same reason as the burger word — the label carries its own type (design .pgn-mobile__close span:
   11px, .22em, uppercase) so the button reset's `font: inherit` cannot flatten it. */
.pardee-mobmenu__close-label {
    font-family: var(--font-display); font-size: 11px; font-weight: 400; font-style: normal;
    letter-spacing: 0.22em; text-transform: uppercase; line-height: 1;
}
/* 24px box with 1.5px strokes matches the design's 24px lucide X at stroke-width 1.5. */
.pardee-mobmenu__close-x { position: relative; width: 24px; height: 24px; }
.pardee-mobmenu__close-x i {
    position: absolute; top: 50%; left: 0; width: 100%; height: 1.5px;
    background: currentColor;
}
.pardee-mobmenu__close-x i:first-child { transform: translateY(-50%) rotate(45deg); }
.pardee-mobmenu__close-x i:last-child { transform: translateY(-50%) rotate(-45deg); }

/* ── Accordion ────────────────────────────────────────────── */
.pardee-mobmenu__scroll { flex: 1 1 auto; overflow-y: auto; padding: 8px 22px 24px; }
.pardee-mobmenu__empty {
    color: var(--fg-on-dark-muted); font-family: var(--font-body); font-size: 14px;
    line-height: 1.6; padding: 20px 0;
}

.pardee-mobmenu__acc { border-bottom: 1px solid rgba(255, 246, 240, 0.12); }
.pardee-mobmenu__acc-btn {
    width: 100%; background: none; border: 0; cursor: pointer; padding: 20px 0;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    text-decoration: none;
}
.pardee-mobmenu__acc-label {
    font-family: var(--font-display); font-size: 23px; font-weight: 500;
    letter-spacing: 0.12em; text-transform: uppercase; color: var(--pp-cream); line-height: 1.1;
}

.pardee-mobmenu__chev {
    flex: 0 0 auto; width: 10px; height: 10px; margin-right: 4px;
    border-right: 1.5px solid var(--pp-cream); border-bottom: 1.5px solid var(--pp-cream);
    transform: rotate(45deg);
    transition: transform var(--dur-base, 280ms) var(--ease-soft, ease);
}
.pardee-mobmenu__acc.is-open .pardee-mobmenu__chev { transform: rotate(225deg); }

/* A collapsed section's links leave the tab order: visibility turns hidden once the close slide has finished. */
.pardee-mobmenu__panel { overflow: hidden; max-height: 0; visibility: hidden; transition: max-height .3s var(--ease-soft, ease), visibility 0s linear .3s; }
.pardee-mobmenu__acc.is-open .pardee-mobmenu__panel { max-height: 640px; visibility: visible; transition: max-height .3s var(--ease-soft, ease), visibility 0s; }
.pardee-mobmenu__panel-link {
    display: block; padding: 11px 0 11px 14px; margin-top: 2px;
    border-left: 1px solid rgba(255, 246, 240, 0.18);
    font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 15px; letter-spacing: 0.02em;
    color: var(--pp-cream); text-decoration: none;
}
.pardee-mobmenu__panel-link:last-child { margin-bottom: 6px; }
.pardee-mobmenu__panel-link.current-menu-item,
.pardee-mobmenu__acc.current-menu-ancestor > .pardee-mobmenu__acc-btn .pardee-mobmenu__acc-label { color: var(--pp-tan); }

/* ── Log In / Saved pair — design .pgn-mobile__auth ────────── */
.pardee-mobmenu__auth { display: flex; gap: 12px; margin-top: 24px; }
.pardee-mobmenu__auth a {
    flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px;
    text-decoration: none; border: 1px solid rgba(255, 246, 240, 0.55); color: var(--pp-cream);
    border-radius: 4px; padding: 14px 0;
    font-family: var(--font-display); font-size: 14px; font-weight: 600;
    letter-spacing: 0.12em; text-transform: uppercase;
}

/* ── Sticky footer ────────────────────────────────────────── */
/* Not CSS position:sticky — the overlay is a fixed-height flex column with
   only .pardee-mobmenu__scroll scrolling, so this footer stays pinned to the
   bottom of the viewport for the life of the open menu. */
.pardee-mobmenu__foot {
    flex: 0 0 auto; padding: 16px 22px calc(16px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--line-on-dark);
    background: var(--pp-ink);
}
.pardee-mobmenu__foot-cta { width: 100%; }
/* narrow phones: the footer's side padding gives way so the CTA label keeps one line (330px button + 2 × 12px;
   below 354px the label cannot fit at its size, so the footer keeps its designed padding) */
@media (min-width: 354px) and (max-width: 374px) {
    .pardee-mobmenu__foot { padding-left: 12px; padding-right: 12px; }
}
.pardee-mobmenu__foot-call {
    display: flex; align-items: center; justify-content: center; margin-top: 12px;
    font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 13px; letter-spacing: 0.05em;
    color: var(--fg-on-dark-muted); text-decoration: none;
}
/* BB Global Styles paint every <button> in a module as the site button — reset the nav's controls.
   Split in two: the burger and Close genuinely want no padding, but an accordion row's 20px is its
   layout (design .pgn-macc__btn). Zeroing it collapsed every section that has children, which after
   the menu sync is all five — an <a> row without children was never affected, which is why only
   some rows looked cramped before. */
.fl-builder-content .fl-module-content button.pardee-mobmenu__burger,
.fl-builder-content .fl-module-content button.pardee-mobmenu__close { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; color: inherit !important; font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; line-height: inherit !important; }
.fl-builder-content .fl-module-content button.pardee-mobmenu__acc-btn { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 20px 0 !important; color: inherit !important; font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; line-height: inherit !important; }

/* Member controls toggled by the MyPardee snippet with the hidden attribute (badge, Log out). */
.pardee-mobmenu [hidden] { display: none !important; }
.pardee-mobmenu__logout {
    display: flex; align-items: center; justify-content: center; margin-top: 16px;
    font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 13px; letter-spacing: 0.05em;
    color: var(--fg-on-dark-muted); text-decoration: none;
}
.fl-builder-content-111233 .fl-node-g4jyfpzt915h {
	display: flex;
	flex-direction: row;
	gap: 40px;
}
/* ── pardee-mega-menu module ───────────────────────────────── */
/* Relies on canonical .pardee-eyebrow / .pardee-eyebrow--on-photo and
   .pardee-textlink / .pardee-textlink--cream (see _components.scss) for the
   featured block's eyebrow and CTA. Everything else here — the top-level
   bar, trigger, arrow, panel shell/animation, featured media/title/desc,
   and link columns — is bespoke to this module.
   Panel position (top offset) is set inline by js/frontend.js relative to the
   panel's containing block (viewport, or the transformed sticky header) so it
   always sits flush beneath the header regardless of sticky/static positioning. */

.pardee-megamenu__list {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pardee-megamenu__item {
    position: relative;
}

/* Top-level item — design .pgn-navitem. The 2px bottom border is always present and
   transparent so the current/open states only change its colour (no reflow). */
.pardee-megamenu__trigger {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    margin: 0;
    padding: 7px 0;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    line-height: 1;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    appearance: none;
    transition: color var(--dur-base, .2s) var(--ease-soft, ease), border-color var(--dur-base, .2s) var(--ease-soft, ease);
}

/* Selected treatment — design .pgn-navitem.is-current (page you are on) and .is-open (panel
   showing). Same 2px terracotta rule for both; `is-current` is written server-side in
   includes/frontend.php, `is-open` rides the aria-expanded the JS already toggles. */
.pardee-megamenu__trigger.is-current,
.pardee-megamenu__trigger[aria-expanded="true"] {
    border-bottom-color: var(--pp-terracotta);
}

.pardee-megamenu__trigger:focus-visible {
    outline: 2px solid var(--pp-tan);
    outline-offset: 4px;
}

/* Explicit, not inherited: the trigger is `color: inherit !important` (it has to be, to beat BB
   Global Styles' button colour) and the chain above it resolves to BB's default #1F2021, so the
   label needs its own colour. Per-instance `item_color` still wins at (0,2,0). */
.pardee-megamenu__label {
    color: var(--pp-cream);
}

.pardee-megamenu__arrow {
    display: inline-block;
    line-height: 1;
    font-size: 10px;
    color: var(--pp-cream);
    transform: rotate(0deg);
    transition: transform var(--mm-dur, 280ms) var(--mm-ease, ease-out);
}

.pardee-megamenu__item.has-panel:hover .pardee-megamenu__arrow,
.pardee-megamenu__trigger[aria-expanded="true"] .pardee-megamenu__arrow {
    transform: rotate(180deg);
}

/* Panel shell — position: fixed lets it span the full viewport width and
   sit flush under the header no matter where in the header this module's
   own column/row is placed. Top offset is set inline via JS. */
.pardee-megamenu__panel {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background-color: var(--pp-ink-mid);
    border-bottom: 1px solid rgba(255, 246, 240, 0.14);
    box-shadow: 0 24px 44px rgba(0, 18, 28, 0.45);
}

.pardee-megamenu__panel-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 40px 44px 44px;
    display: flex;
    align-items: stretch;
    gap: 48px;
    max-height: 80vh;
    overflow-y: auto;
}

.pardee-megamenu__panel.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* Featured block — image with eyebrow/title/desc/link overlaid */
.pardee-megamenu__feat {
    position: relative;
    flex: 0 0 296px;
    min-height: 300px;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
    background-color: var(--pp-ink-mid);
    background-size: cover;
    background-position: center;
    text-decoration: none;
}

.pardee-megamenu__feat::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 37, 52, 0.05) 30%, rgba(0, 18, 28, 0.78) 100%);
}

.pardee-megamenu__feat-body {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
}

.pardee-megamenu__feat-eyebrow {
    font-size: 11px;
    margin-bottom: 10px;
}

.pardee-megamenu__feat-title {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: clamp(20px, 2vw, 25px);
    line-height: 1.15;
    color: var(--pp-cream);
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.5);
}

.pardee-megamenu__feat-desc {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 13px;
    line-height: 1.55;
    letter-spacing: 0.02em;
    color: rgba(255, 246, 240, 0.85);
    margin-top: 12px;
}

.pardee-megamenu .pardee-textlink {
    font-family: var(--font-display);
    border-bottom: none;
}

.pardee-megamenu__feat-cta {
    margin-top: 18px;
}

/* Link columns — up to 3, content comes from a WYSIWYG editor field */
.pardee-megamenu__cols {
    flex: 1 1 auto;
    display: flex;
    gap: 40px;
}

.pardee-megamenu__col {
    flex: 1 1 0;
    min-width: 150px;
}

.pardee-megamenu__col-label {
    display: block;
    width: 100%;
    font-family: var(--font-display) !important;
    font-weight: normal !important;
    text-transform: uppercase;
    color: var(--pp-tan) !important;
    padding-bottom: 14px;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(255, 246, 240, 0.16);
}

.pardee-megamenu__col-links {
    color: var(--pp-cream);
}

.pardee-megamenu__col-links p {
    margin: 0;
    color: var(--pp-cream);
    font-size: 14.5px;
    letter-spacing: 0.02em;
}

/* Hover/focus colour is NOT set here: the site-wide nav-link treatment (header triggers,
   these links, footer links) lives once in the theme — scss/redesign-2026/_components.scss
   "SITE CHROME" — reading --pardee-navlink-hover. Colour only, nothing slides. */
.pardee-megamenu__col-links a {
    display: block;
    font-family: var(--font-body);
    font-weight: 400;   /* Gotham is served in 400/700 only */
    padding: 9px 0;
    color: var(--pp-cream);
    text-decoration: none;
}

/* Current page inside an open panel — design .pgn-col a.is-here; written server-side. */
.pardee-megamenu__col-links a.is-here {
    color: var(--pp-tan);
}

.pardee-megamenu__col-links a:focus-visible {
    outline: 2px solid var(--pp-tan);
    outline-offset: 2px;
}

/* Animation variants — duration/easing come from --mm-dur / --mm-ease,
   set per module instance in includes/frontend.css.php. */
.pardee-megamenu[data-anim="none"] .pardee-megamenu__panel {
    transition: none;
}

.pardee-megamenu[data-anim="fade"] .pardee-megamenu__panel {
    transition: opacity var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                visibility 0s linear var(--mm-dur, 280ms);
}
.pardee-megamenu[data-anim="fade"] .pardee-megamenu__panel.is-open {
    transition: opacity var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                visibility 0s;
}

.pardee-megamenu[data-anim="slide"] .pardee-megamenu__panel {
    transform: translateY(-14px);
    transition: transform var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                visibility 0s linear var(--mm-dur, 280ms);
}
.pardee-megamenu[data-anim="slide"] .pardee-megamenu__panel.is-open {
    transform: translateY(0);
    transition: transform var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                visibility 0s;
}

.pardee-megamenu[data-anim="fade_slide"] .pardee-megamenu__panel {
    transform: translateY(-14px);
    transition: opacity var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                transform var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                visibility 0s linear var(--mm-dur, 280ms);
}
.pardee-megamenu[data-anim="fade_slide"] .pardee-megamenu__panel.is-open {
    transform: translateY(0);
    transition: opacity var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                transform var(--mm-dur, 280ms) var(--mm-ease, ease-out),
                visibility 0s;
}
/* Swapping sections while the menu is already open: transitions off for that one frame, so the
   content changes without the outgoing panel fading out under the incoming one. Set and cleared by
   js/frontend.js around the swap; !important because the per-animation rules above match at the
   same specificity. */
.pardee-megamenu.is-swapping .pardee-megamenu__panel {
    transition: none !important;
}

/* BB Global Styles paint every <button> in a module as the site button, which would render the
   nav triggers as filled boxes on the ink header. The nav's controls are not buttons in that sense — reset them outright.
   Values are restated rather than zeroed: the selected treatment lives on this element's own padding
   and bottom border, so `padding: 0` / `border: 0` here would erase it. Class (not `button.`) because a
   section with a landing page renders as <a>. */
.fl-builder-content .fl-module-content .pardee-megamenu__trigger { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; padding: 7px 0 !important; color: inherit !important; border-width: 0 0 2px !important; border-style: solid !important; border-color: transparent !important; font-family: var(--font-display) !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; line-height: 1 !important; }
.fl-builder-content .fl-module-content .pardee-megamenu__trigger.is-current,
.fl-builder-content .fl-module-content .pardee-megamenu__trigger[aria-expanded="true"] { border-bottom-color: var(--pp-terracotta) !important; }

/* ── Responsive tiers — design pardee-nav.css "Breakpoint switch" ─────────────────
   The design switches to the mobile bar at 920, not at a BB breakpoint, and condenses the
   desktop bar twice on the way down so the utilities and CTA never overflow. BB's own
   fl-visible-* classes are cleared on this module by patch-header-layout.php so these rules
   are the only thing deciding when the desktop nav shows. */
@media (min-width: 921px) and (max-width: 1279px) {
    .pardee-megamenu__list { gap: 16px; }
    .fl-builder-content .fl-module-content .pardee-megamenu__trigger,
    .pardee-megamenu__trigger { font-size: 14px !important; letter-spacing: 0.08em !important; }
}

@media (min-width: 921px) and (max-width: 1080px) {
    .pardee-megamenu__list { gap: 11px; }
    .fl-builder-content .fl-module-content .pardee-megamenu__trigger,
    .pardee-megamenu__trigger { font-size: 13px !important; letter-spacing: 0.05em !important; }
}

@media (max-width: 920px) {
    .fl-module-pardee-mega-menu { display: none !important; }
}
.fl-node-tmqx67ub3cyd .pardee-megamenu__label {
	font-family: bodoni-pt-variable, Georgia, serif;
	font-weight: 400;
	text-transform: uppercase;
}
.fl-node-tmqx67ub3cyd .pardee-megamenu__arrow {
	font-size: 10px;
}
.fl-node-tmqx67ub3cyd .pardee-megamenu__panel[data-panel-index="0"] {
	background-color: var(--fl-global-ink-mid);
}
.fl-node-tmqx67ub3cyd .pardee-megamenu {
	--mm-dur: 280ms;
	--mm-ease: var(--ease-out, ease-out);
}
/* ── pardee-nav-utils module ──────────────────────────────────
   Header bar right-hand cluster. Faithful port of .pgn-utils / .pgn-util /
   .pgn-util__badge / .pgn-cta in claude-design/Buyer page/pardee-nav.css,
   including that file's two condensed ranges (the utility labels drop out
   below 1080 so the primary nav still fits).
   Display face is the theme's --font-display (Bodoni), not the design file's
   Cormorant Garamond stand-in — same substitution the rest of the redesign makes. */

/* Hard right, whatever else is in the bar: the header row is justify-content:space-between and the
   mobile-menu Box wrapper stays in the flow at zero width above 920, which would otherwise claim the
   end slot and strand the utilities mid-bar. */
.fl-module-pardee-nav-utils { margin-left: auto !important; }

.pardee-navutils {
    display: flex;
    align-items: center;
    gap: 22px;
    flex: 0 1 auto;
    min-width: 0;
    margin-left: 32px;
    white-space: nowrap;
}

.pardee-navutils__util {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-display);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: var(--pp-cream);
    text-decoration: none;
    background: none;
    border: 0;
    cursor: pointer;
    transition: color var(--dur-base, .2s) var(--ease-soft, ease);
}

.pardee-navutils__util:hover,
.pardee-navutils__util:focus-visible {
    color: rgba(255, 246, 240, 0.62);
}

.pardee-navutils__util:focus-visible,
.pardee-navutils__cta:focus-visible {
    outline: 2px solid var(--pp-tan);
    outline-offset: 4px;
}

.pardee-navutils__icon {
    position: relative;
    display: flex;
}

.pardee-navutils__badge {
    position: absolute;
    top: -7px;
    right: -9px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    box-sizing: border-box;
    background: var(--pp-terracotta);
    color: var(--pp-cream);
    border-radius: 999px;
    font-family: var(--font-body);
    font-size: 10px;
    font-weight: var(--pardee-w-bold, 700);
    line-height: 16px;
    text-align: center;
    letter-spacing: 0;
}

.pardee-navutils__cta {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: var(--pp-cream);
    color: var(--pp-ink-mid);
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 13px 22px;
    border-radius: 4px;
    white-space: nowrap;
    transition: background var(--dur-base, .2s) var(--ease-soft, ease);
}

.pardee-navutils__cta:hover,
.pardee-navutils__cta:focus-visible {
    background: var(--pp-cream-warm);
    color: var(--pp-ink-mid);
}

/* Only one of the two labels is ever shown; the compact one takes over below 1080. */
.pardee-navutils__cta-label--compact { display: none; }

/* ── Responsive tiers — design pardee-nav.css "Breakpoint switch" ───────────── */
@media (min-width: 921px) and (max-width: 1279px) {
    .pardee-navutils { margin-left: 16px; gap: 14px; }
    .pardee-navutils__util { font-size: 14px; }
    .pardee-navutils__cta { font-size: 13px; letter-spacing: 0.08em; padding: 11px 14px; }
}

@media (min-width: 921px) and (max-width: 1080px) {
    .pardee-navutils { margin-left: 12px; gap: 12px; }
    .pardee-navutils__label { display: none; }
    .pardee-navutils__cta { font-size: 12px; letter-spacing: 0.06em; padding: 10px 12px; }
    .pardee-navutils__cta-label { display: none; }
    .pardee-navutils__cta-label--compact { display: inline; }
}

/* Below the design's 920 switch the mobile bar owns the header. */
@media (max-width: 920px) {
    .fl-module-pardee-nav-utils { display: none !important; }
}

/* BB Global Styles paint every module link that looks like a button; the CTA sets its own
   palette and must not be repainted (same problem the mega-menu triggers had). */
.fl-builder-content .fl-module-content a.pardee-navutils__cta { border: 0 !important; box-shadow: none !important; }

/* Member controls toggled by the MyPardee snippet with the hidden attribute (badge, Log out). */
.pardee-navutils [hidden] { display: none !important; }

/* With both member utilities in the bar, the labels drop out below 1340 so the CTA stays inside the
   viewport; once Log out is showing they drop out below 1440 as well. */
@media (min-width: 921px) and (max-width: 1339px) {
    .pardee-navutils__label { display: none; }
}
@media (min-width: 921px) and (max-width: 1439px) {
    .pardee-navutils:has(.pardee-navutils__util--logout:not([hidden])) .pardee-navutils__label { display: none; }
}
.fl-builder-content-111233 .fl-node-v0s2i8etqo79 {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

/* Start Global CSS */

/* End Global CSS */


/* Start Global Nodes CSS */

/* End Global Nodes CSS */


/* Start Layout CSS */

/* End Layout CSS */

/* Sticky */
.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
	position: fixed;
	width: 100%;
	z-index: 100;
}

/* Sticky - fix flyout menu  */
.fl-theme-builder-flyout-menu-push-left .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
	left: auto !important;
	transition: left 0.2s !important;
}
.fl-theme-builder-flyout-menu-push-right .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky {
	right: auto !important;
	transition: right 0.2s !important;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .fl-menu .fl-menu-mobile-opacity {
	height: 100vh;
	width: 100vw;
}
.fl-builder-content[data-type="header"]:not([data-overlay="1"]).fl-theme-builder-header-sticky .fl-menu-mobile-flyout {
	top: 0px;
}
.fl-theme-builder-flyout-menu-active body {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.fl-theme-builder-has-flyout-menu, .fl-theme-builder-has-flyout-menu body {
	overflow-x: hidden;
}
.fl-theme-builder-flyout-menu-push-right {
	right: 0px;
	transition: right 0.2s ease-in-out;
}
.fl-theme-builder-flyout-menu-push-left {
	left: 0px;
	transition: left 0.2s ease-in-out;
}
.fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-right {
	position: relative;
	right: 250px;
}
.fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-left {
	position: relative;
	left: 250px;
}
.fl-theme-builder-flyout-menu-active .fl-builder-content[data-type="header"] .fl-menu-disable-transition {
	transition: none;
}

/* Shrink */
.fl-builder-content[data-shrink="1"] .fl-row-content-wrap,
.fl-builder-content[data-shrink="1"] .fl-col-content,
.fl-builder-content[data-shrink="1"] .fl-module-content,
.fl-builder-content[data-shrink="1"] img {
	-webkit-transition: all 0.4s ease-in-out, background-position 1ms;
	-moz-transition: all 0.4s ease-in-out, background-position 1ms;
	transition: all 0.4s ease-in-out, background-position 1ms;
}
.fl-builder-content[data-shrink="1"] img {
	width: auto;
}
.fl-builder-content[data-shrink="1"] img.fl-photo-img {
	width: auto;
	height: auto;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap {
	margin-bottom: 0;
	margin-top: 0;
}
.fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap {
	padding-bottom: 5px;
}
.fl-theme-builder-header-shrink-row-top.fl-row-content-wrap {
	padding-top: 5px;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-col-content {
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
}
.fl-theme-builder-header-shrink-module-bottom.fl-module-content,
.fl-theme-builder-header-shrink-module-bottom.fl-module:where(.fl-module:not(:has(> .fl-module-content))) {
	margin-bottom: 5px;
}
.fl-theme-builder-header-shrink-module-top.fl-module-content,
.fl-theme-builder-header-shrink-module-bottom.fl-module:where(.fl-module:not(:has(> .fl-module-content))) {
	margin-top: 5px;
}
.fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img {
	-webkit-transition: all 0.4s ease-in-out, background-position 1ms;
	-moz-transition: all 0.4s ease-in-out, background-position 1ms;
	transition: all 0.4s ease-in-out, background-position 1ms;
}

/* Overlay */
.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) {
	position: absolute;
	width: 100%;
	z-index: 100;
}
.fl-builder-content[data-type="header"][data-overlay="1"].fl-theme-builder-header-pinned:not(.fl-builder-content-editing) {
	position: fixed;
	width: 100%;
	z-index: 100;
}
.fl-builder-edit body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"] {
	display: none;
}
body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-row-content-wrap,
body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-col-content,
body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-module-box {
	background: transparent;
}

        
        






.fl-node-owig7thcpnv2 {
	color: #ffffff;
}
:where(.fl-builder-content .fl-node-owig7thcpnv2 *:not(input):not(textarea):not(select):not(a):not(.fl-menu-mobile-toggle)) {
	color: inherit;
}
.fl-builder-content .fl-node-owig7thcpnv2 a {
	color: #ffffff;
}
.fl-builder-content .fl-node-owig7thcpnv2 :where(.fl-row-content-wrap) a:hover {
	color: #ffffff;
}
.fl-builder-content .fl-node-owig7thcpnv2 h1, .fl-builder-content .fl-node-owig7thcpnv2 h2, .fl-builder-content .fl-node-owig7thcpnv2 h3, .fl-builder-content .fl-node-owig7thcpnv2 h4, .fl-builder-content .fl-node-owig7thcpnv2 h5, .fl-builder-content .fl-node-owig7thcpnv2 h6, .fl-builder-content .fl-node-owig7thcpnv2 h1 a, .fl-builder-content .fl-node-owig7thcpnv2 h2 a, .fl-builder-content .fl-node-owig7thcpnv2 h3 a, .fl-builder-content .fl-node-owig7thcpnv2 h4 a, .fl-builder-content .fl-node-owig7thcpnv2 h5 a, .fl-builder-content .fl-node-owig7thcpnv2 h6 a, .fl-builder-content .fl-node-owig7thcpnv2 p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *), .fl-builder-content .fl-node-owig7thcpnv2 p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *), .fl-builder-content .fl-node-owig7thcpnv2 p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *) a, .fl-builder-content .fl-node-owig7thcpnv2 p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *) a {
	color: #ffffff;
}
.fl-node-owig7thcpnv2 > .fl-row-content-wrap {
	background-color: var(--fl-global-ink-deep);
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
.fl-node-owig7thcpnv2.fl-row-default-height > .fl-row-content-wrap, .fl-node-owig7thcpnv2.fl-row-full-height > .fl-row-content-wrap, .fl-node-owig7thcpnv2.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-owig7thcpnv2 > .fl-row-content-wrap {
	padding-top:40px;
	padding-bottom:40px;
}
@media ( max-width: 768px ) {
 .fl-node-owig7thcpnv2.fl-row > .fl-row-content-wrap {
	padding-bottom:120px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    





.fl-node-s4xco0iytm1a.fl-row-default-height > .fl-row-content-wrap, .fl-node-s4xco0iytm1a.fl-row-full-height > .fl-row-content-wrap, .fl-node-s4xco0iytm1a.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-s4xco0iytm1a > .fl-row-content-wrap {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-s4xco0iytm1a > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    





.fl-node-p2uewy4rj8va.fl-row-default-height > .fl-row-content-wrap, .fl-node-p2uewy4rj8va.fl-row-full-height > .fl-row-content-wrap, .fl-node-p2uewy4rj8va.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-p2uewy4rj8va > .fl-row-content-wrap {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-p2uewy4rj8va > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
@media ( max-width: 992px ) {
 .fl-node-p2uewy4rj8va.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-p2uewy4rj8va.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    



.fl-node-0uaqdt3igs7v {
	width: 21.7%;
}
 .fl-node-0uaqdt3igs7v > .fl-col-content {
	padding-right:20px;
	padding-left:0px;
}
@media ( max-width: 768px ) {
 .fl-node-0uaqdt3igs7v.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}




.fl-node-79lcj6ki4o2p {
	width: 100%;
}




.fl-node-7f5q0i924k6c {
	width: 50%;
}




.fl-node-lfw3kd5o2by1 {
	width: 100%;
}




.fl-node-v81slwfkm9r7 {
	width: 100%;
}




.fl-node-ptw647zr5y8o {
	width: 19.575%;
}
 .fl-node-ptw647zr5y8o > .fl-col-content {
	padding-right:20px;
	padding-left:20px;
}
@media ( max-width: 768px ) {
 .fl-node-ptw647zr5y8o.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}




.fl-node-93yix5pdcq0g {
	width: 50%;
}




.fl-node-ojnlh92vcue8 {
	width: 19.575%;
}
 .fl-node-ojnlh92vcue8 > .fl-col-content {
	padding-right:20px;
	padding-left:20px;
}
@media ( max-width: 768px ) {
 .fl-node-ojnlh92vcue8.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}




.fl-node-6h1k3c8usvl9 {
	width: 19.575%;
}
 .fl-node-6h1k3c8usvl9 > .fl-col-content {
	padding-right:20px;
	padding-left:20px;
}
@media ( max-width: 768px ) {
 .fl-node-6h1k3c8usvl9.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}




.fl-node-ziq0f85u17gb {
	width: 19.575%;
}
 .fl-node-ziq0f85u17gb > .fl-col-content {
	padding-right:0px;
	padding-left:20px;
}
@media ( max-width: 768px ) {
 .fl-node-ziq0f85u17gb.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}
.fl-builder-content .fl-rich-text strong {
	font-weight: bold;
}

/**
 * Remove bottom margins from the last paragraph
 * in v2+ text editor modules.
 */
.fl-module.fl-rich-text p:last-child {
	margin-bottom: 0;
}
/* Handle overlays in the builder */
.fl-builder-edit .fl-module.fl-rich-text p:not(:has(~ *:not(.fl-block-overlay))) {
	margin-bottom: 0;
}
.fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text * {
	color: var(--fl-global-cream);
}
.fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-weight: 400;
	font-size: 12px;
}
@media(max-width: 768px) {
	.fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text *:not(b, strong) {
		text-align: center;
	}
}
 .fl-node-xpldb7n832us.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media (max-width: 768px) { .fl-module-icon {
	text-align: center;
}
 }


.fl-node-igs8vz02w97y .fl-icon i, .fl-node-igs8vz02w97y .fl-icon i:before {
	font-size: 16px;
	color: #9b9b9b;
}
.fl-node-igs8vz02w97y .fl-icon-wrap .fl-icon-text {
	height: 28px;
}
.fl-node-igs8vz02w97y.fl-module-icon {
	text-align: left;
}
.fl-node-igs8vz02w97y .fl-icon i:hover, .fl-node-igs8vz02w97y .fl-icon i:hover:before, .fl-node-igs8vz02w97y .fl-icon a:hover i, .fl-node-igs8vz02w97y .fl-icon a:hover i:before {
	color: #7f7f7f;
}
@media(max-width: 1280px) {
	.fl-node-igs8vz02w97y .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 992px) {
	.fl-node-igs8vz02w97y .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 768px) {
	.fl-node-igs8vz02w97y .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
 .fl-node-igs8vz02w97y > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
}
@media (max-width: 768px) { .fl-node-igs8vz02w97y > .fl-module-content { margin-left:0px; } }


.fl-node-hfx0mi2b36zr .fl-icon i, .fl-node-hfx0mi2b36zr .fl-icon i:before {
	font-size: 16px;
	color: #9b9b9b;
}
.fl-node-hfx0mi2b36zr .fl-icon-wrap .fl-icon-text {
	height: 28px;
}
.fl-node-hfx0mi2b36zr.fl-module-icon {
	text-align: left;
}
@media(max-width: 1280px) {
	.fl-node-hfx0mi2b36zr .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 992px) {
	.fl-node-hfx0mi2b36zr .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 768px) {
	.fl-node-hfx0mi2b36zr .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
 .fl-node-hfx0mi2b36zr > .fl-module-content {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
}
@media (max-width: 768px) { .fl-node-hfx0mi2b36zr > .fl-module-content { margin-left:0px; } }


.fl-node-3f0ejl2dwmnr .fl-icon i, .fl-node-3f0ejl2dwmnr .fl-icon i:before {
	font-size: 16px;
	color: #9b9b9b;
}
.fl-node-3f0ejl2dwmnr .fl-icon-wrap .fl-icon-text {
	height: 28px;
}
.fl-node-3f0ejl2dwmnr.fl-module-icon {
	text-align: left;
}
.fl-node-3f0ejl2dwmnr .fl-icon i:hover, .fl-node-3f0ejl2dwmnr .fl-icon i:hover:before, .fl-node-3f0ejl2dwmnr .fl-icon a:hover i, .fl-node-3f0ejl2dwmnr .fl-icon a:hover i:before {
	color: #7f7f7f;
}
@media(max-width: 1280px) {
	.fl-node-3f0ejl2dwmnr .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 992px) {
	.fl-node-3f0ejl2dwmnr .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 768px) {
	.fl-node-3f0ejl2dwmnr .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
 .fl-node-3f0ejl2dwmnr > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:5px;
}
@media (max-width: 768px) { .fl-node-3f0ejl2dwmnr > .fl-module-content { margin-left:0px; } }


.fl-node-u0qjhpex9abk .fl-icon i, .fl-node-u0qjhpex9abk .fl-icon i:before {
	font-size: 16px;
	color: #9b9b9b;
}
.fl-node-u0qjhpex9abk .fl-icon-wrap .fl-icon-text {
	height: 28px;
}
.fl-node-u0qjhpex9abk.fl-module-icon {
	text-align: left;
}
@media(max-width: 1280px) {
	.fl-node-u0qjhpex9abk .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 992px) {
	.fl-node-u0qjhpex9abk .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
@media(max-width: 768px) {
	.fl-node-u0qjhpex9abk .fl-icon-wrap .fl-icon-text {
		height: 28px;
	}
}
 .fl-node-u0qjhpex9abk > .fl-module-content {
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:3px;
}
@media (max-width: 768px) { .fl-node-u0qjhpex9abk > .fl-module-content { margin-left:0px; } }.fl-module-heading .fl-heading {
	padding: 0 !important;
	margin: 0 !important;
}.fl-row .fl-col h2.fl-node-ehmbpyqwu4ag,
		.fl-row .fl-col h2.fl-node-ehmbpyqwu4ag a,
		h2.fl-node-ehmbpyqwu4ag,
		h2.fl-node-ehmbpyqwu4ag a {
	color: var(--fl-global-cream);
}
.fl-node-ehmbpyqwu4ag.fl-module-heading, .fl-node-ehmbpyqwu4ag.fl-module-heading :where(a, q, p, span) {
	font-family: "Tenor Sans", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
.fl-row .fl-col h3.fl-node-i4nps780k2wu,
		.fl-row .fl-col h3.fl-node-i4nps780k2wu a,
		h3.fl-node-i4nps780k2wu,
		h3.fl-node-i4nps780k2wu a {
	color: var(--fl-global-sand);
}
.fl-node-i4nps780k2wu.fl-module-heading, .fl-node-i4nps780k2wu.fl-module-heading :where(a, q, p, span) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
 .fl-node-i4nps780k2wu.fl-module-heading {
	margin-bottom:0px;
}
.fl-node-hkztcb169ud3 .fl-separator {
	border-top-width: 1px;
	max-width: 100%;
	width: 100%;
	margin: auto;
}

			.fl-node-hkztcb169ud3 .fl-separator {
	border-top-color: rgba(255, 255, 255, 0.14);
	border-top-style: solid;
}
.fl-row .fl-col h3.fl-node-pzdl07owxvq2,
		.fl-row .fl-col h3.fl-node-pzdl07owxvq2 a,
		h3.fl-node-pzdl07owxvq2,
		h3.fl-node-pzdl07owxvq2 a {
	color: var(--fl-global-sand);
}
.fl-node-pzdl07owxvq2.fl-module-heading, .fl-node-pzdl07owxvq2.fl-module-heading :where(a, q, p, span) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
 .fl-node-pzdl07owxvq2.fl-module-heading {
	margin-bottom:0px;
}
.fl-row .fl-col h3.fl-node-fi1o7bty82kz,
		.fl-row .fl-col h3.fl-node-fi1o7bty82kz a,
		h3.fl-node-fi1o7bty82kz,
		h3.fl-node-fi1o7bty82kz a {
	color: var(--fl-global-sand);
}
.fl-node-fi1o7bty82kz.fl-module-heading, .fl-node-fi1o7bty82kz.fl-module-heading :where(a, q, p, span) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
 .fl-node-fi1o7bty82kz.fl-module-heading {
	margin-bottom:0px;
}
.fl-row .fl-col h3.fl-node-3418jdinrple,
		.fl-row .fl-col h3.fl-node-3418jdinrple a,
		h3.fl-node-3418jdinrple,
		h3.fl-node-3418jdinrple a {
	color: var(--fl-global-sand);
}
.fl-node-3418jdinrple.fl-module-heading, .fl-node-3418jdinrple.fl-module-heading :where(a, q, p, span) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
 .fl-node-3418jdinrple.fl-module-heading {
	margin-bottom:0px;
}
.fl-builder-content .fl-node-ftpol7ef989d .fl-rich-text, .fl-builder-content .fl-node-ftpol7ef989d .fl-rich-text *:not(b, strong) {
	font-size: 12px;
	text-align: right;
}
@media(max-width: 768px) {
	.fl-builder-content .fl-node-ftpol7ef989d .fl-rich-text, .fl-builder-content .fl-node-ftpol7ef989d .fl-rich-text *:not(b, strong) {
		text-align: left;
	}
}
 .fl-node-ftpol7ef989d > .fl-module-content {
	margin-bottom:0px;
}
/* ── pardee-nav-bottom-bar module ─────────────────────────────
   Reference: nav.home-mobile-foot (homepage.css) — the phone quick-links bar.
   Always ink regardless of row surface, so colours are literal on purpose.
   Hidden above the chosen breakpoint (860 = design, 768 = BB phone).
   ───────────────────────────────────────────────────────────── */

:root {
    /* The bar's full height: 14px + 14px padding, 1px top rule, one 21px item row (4px + 4px padding, 11px x 1.2 line).
       .pardee-mbar is sized from this token, so the footer room and the sticky CTA offset always match the bar. */
    --pardee-mbar-h: calc(50px + env(safe-area-inset-bottom, 0px));
}

.pardee-mbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 140;                     /* under the sticky CTA (150); the CTA is lifted above the bar below */
    box-sizing: border-box;
    height: var(--pardee-mbar-h);
    display: none;                    /* shown by the media queries below */
    align-items: stretch;
    background: var(--pp-ink);
    border-top: 1px solid rgba(255, 246, 240, .12);
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
}

.fl-builder-content .pardee-mbar__item,
.pardee-mbar__item {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 4px;
    text-decoration: none;
    color: var(--pp-cream);
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    transition: color var(--dur-base, .2s);
}

.pardee-mbar__item + .pardee-mbar__item {
    border-left: 1px solid rgba(255, 246, 240, .18);
}

.fl-builder-content .pardee-mbar__item:hover,
.fl-builder-content .pardee-mbar__item:focus-visible,
.pardee-mbar__item:hover,
.pardee-mbar__item:focus-visible {
    color: var(--pp-blush);
    text-decoration: none;
}

.pardee-mbar__item[aria-current="page"] {
    color: var(--pp-blush);
}

/* In the builder: render inline so the module can be selected and edited. */
.fl-builder-edit .pardee-mbar {
    position: static;
    display: flex;
}

/* The bar itself is fixed, so a row that holds only this module takes no space on the page. */
body:not(.fl-builder-edit) .fl-row:has(.fl-module-pardee-nav-bottom-bar):not(:has(.fl-module:not(.fl-module-pardee-nav-bottom-bar))) > .fl-row-content-wrap {
    padding: 0;
    min-height: 0;
}
body:not(.fl-builder-edit) .fl-row:has(.fl-module-pardee-nav-bottom-bar):not(:has(.fl-module:not(.fl-module-pardee-nav-bottom-bar))) .fl-col {
    min-height: 0;
}
body:not(.fl-builder-edit) .fl-builder-content .fl-module-pardee-nav-bottom-bar > .fl-module-content {
    margin: 0;
}

/* ── shown below the breakpoint; the page gets bottom room so the footer's last line stays readable,
      and the seller sticky CTA sits on top of the bar instead of behind it. When the bar lives in the
      site footer, that room is the footer's own bottom padding in the footer's ink (--pp-ink-deep,
      the footer row's colour), so nothing of the page background shows below the footer. ── */
@media (max-width: 860px) {
    .pardee-mbar--to-860 { display: flex; }
    .fl-builder-content[data-type="footer"]:has(.pardee-mbar--to-860) {
        padding-bottom: var(--pardee-mbar-h);
        background: var(--pp-ink-deep);
    }
    body:has(.pardee-mbar--to-860):not(:has([data-type="footer"] .pardee-mbar--to-860)) { padding-bottom: var(--pardee-mbar-h); }
    body:has(.pardee-mbar--to-860) .pardee-sticky { bottom: var(--pardee-mbar-h); }
}

@media (max-width: 768px) {
    .pardee-mbar--to-768 { display: flex; }
    .fl-builder-content[data-type="footer"]:has(.pardee-mbar--to-768) {
        padding-bottom: var(--pardee-mbar-h);
        background: var(--pp-ink-deep);
    }
    body:has(.pardee-mbar--to-768):not(:has([data-type="footer"] .pardee-mbar--to-768)) { padding-bottom: var(--pardee-mbar-h); }
    body:has(.pardee-mbar--to-768) .pardee-sticky { bottom: var(--pardee-mbar-h); }
}

/* The bar yields to an open filter or Quick View drawer, so the drawer's footer buttons stay in view. */
body.filters-open .pardee-mbar {
    display: none;
}

@media print {
    .pardee-mbar { display: none !important; }
}
/* ── pardee-float-actions module ──────────────────────────────
   Reference: .explore-fab (homepage.css) — fixed bottom-right ink panel, tan
   eyebrow heading, cream display-face rows separated by hairlines, shown from
   1100px and revealed after the first screen. Like pardee-sticky-cta this panel
   is always dark regardless of the row surface it sits in, so the colours are
   literal here on purpose; every value is a design token.

   The dialog (.pardee-fabmodal) follows the property pages' showing dialog
   (.pardee-smodal): ink ground, cream panel, clay focus ring, no motion on open.
   The Gravity Form inside it is styled by the theme's 2026 form layer
   (.fl-row[data-pardee-spacing] .fl-module-content .gform_wrapper) — the dialog
   deliberately stays inside .fl-module-content so that scope still matches, so
   nothing about the form's look is restated here.
   ───────────────────────────────────────────────────────────── */

.pardee-fab {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 140;                       /* under the sticky CTA bar (150), over page content */
    display: none;
    background: var(--pp-ink-mid, #022534);
    color: var(--pp-cream, #fff6f0);
    box-shadow: var(--shadow-card, 0 18px 40px rgba(2, 37, 52, .18));
    transform: translateY(8px);
    opacity: 0;
    transition: transform var(--dur-base, .3s) var(--ease-soft, ease), opacity var(--dur-base, .3s);
}

.pardee-fab.is-shown {
    transform: none;
    opacity: 1;
}

/* Keyboard focus is on something under the panel (js/frontend.js): fade it out of the way until focus moves on. */
.pardee-fab.is-shown.is-yielding {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--dur-base, .3s), visibility 0s linear var(--dur-base, .3s);
}

.pardee-fab__panel {
    display: flex;
    flex-direction: column;
    min-width: 214px;
}

.pardee-fab__h {
    margin: 0;
    padding: 14px 18px 10px;
    font-family: var(--font-body, "Gotham", "Helvetica Neue", Arial, sans-serif);
    font-weight: 600;
    font-size: 10px;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: var(--pp-tan, #c8a988);
}

.pardee-fab__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    text-decoration: none;
    color: var(--pp-cream, #fff6f0);
    font-family: var(--font-display, "bodoni-pt-variable", Georgia, serif);
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 246, 240, .14);
    transition: background var(--dur-base, .3s);
}

.pardee-fab__item:hover,
.pardee-fab__item:focus {
    background: rgba(255, 246, 240, .06);
    color: var(--pp-cream, #fff6f0);
}

.pardee-fab__item:focus-visible {
    outline: 2px solid var(--pp-tan, #c8a988);
    outline-offset: -2px;
}

.pardee-fab__item svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: .8;
}

/* BB Global Styles paint every bare <button> inside a module (see the same note in
   pardee-sticky-cta): re-assert the row look at (0,5,0) for the inline-search toggle. */
.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__panel button.pardee-fab__item {
    width: 100%;
    margin: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: none;
    color: var(--pp-cream, #fff6f0);
    font-family: var(--font-display, "bodoni-pt-variable", Georgia, serif);
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: left;
    cursor: pointer;
}

.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__panel button.pardee-fab__item:hover {
    background: rgba(255, 246, 240, .06);
}

/* ── inline search field ─────────────────────────────────── */
.pardee-fab__search {
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0 18px 16px;
    border-top: 1px solid rgba(255, 246, 240, .14);
    margin-top: -1px;
}

.pardee-fab__search[hidden] {
    display: none;
}

.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 40px;
    margin: 16px 0 0;
    padding: 0 12px;
    border: 1px solid rgba(255, 246, 240, .3);
    border-right: 0;
    border-radius: 0;
    background: rgba(255, 246, 240, .06);
    color: var(--pp-cream, #fff6f0);
    font-family: var(--font-body, "Gotham", "Helvetica Neue", Arial, sans-serif);
    font-size: 13px;
    letter-spacing: .02em;
}

.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__input::placeholder {
    color: rgba(255, 246, 240, .55);
}

.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__input:focus {
    outline: 2px solid var(--pp-tan, #c8a988);
    outline-offset: -2px;
}

.fl-builder-content .fl-module-content .pardee-fab button.pardee-fab__go {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    margin: 16px 0 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 246, 240, .3);
    border-radius: 0;
    background: rgba(255, 246, 240, .12);
    color: var(--pp-cream, #fff6f0);
    cursor: pointer;
}

.fl-builder-content .fl-module-content .pardee-fab button.pardee-fab__go:hover {
    background: rgba(255, 246, 240, .22);
}

.pardee-fab__go svg {
    width: 14px;
    height: 14px;
}

/* ── widths: the design shows the launcher on desktop only ── */
@media (min-width: 1100px) {
    .pardee-fab--from-desktop { display: block; }
}

@media (min-width: 861px) {
    .pardee-fab--from-tablet { display: block; }
}

.pardee-fab--from-all { display: block; }

@media (max-width: 860px) {
    .pardee-fab--from-all {
        right: 12px;
        bottom: 76px;                   /* clear of the mobile bottom bar */
    }
    .pardee-fab--from-all .pardee-fab__panel { min-width: 182px; }
}

/* The launcher yields to an open filter or Quick View drawer (same rule as the mobile bottom bar). */
body.filters-open .pardee-fab {
    display: none;
}

/* In the builder: render inline so the module can be selected and edited. */
.fl-builder-edit .pardee-fab {
    position: static;
    display: block;
    transform: none;
    opacity: 1;
    max-width: 260px;
}

@media (prefers-reduced-motion: reduce) {
    .pardee-fab { transition: none; }
}

/* ── collapse (.pardee-fab--collapsible) ─────────────────────
   The × in the panel's top bar folds the panel into a small ink circle with
   a plus in the same corner; the circle opens it again. The folded state is
   .is-collapsed on the root (set by the module script); the panel and the
   circle use the hidden attribute, so the first rule below restores
   display:none over the flex display they otherwise carry. */
.pardee-fab__panel[hidden],
.pardee-fab__open[hidden] {
    display: none;
}

.pardee-fab__bar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 40px;
}

.pardee-fab__bar .pardee-fab__h {
    flex: 1 1 auto;
}

/* (0,5,0): BB Global Styles paint every bare <button> inside a module. */
.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__bar button.pardee-fab__close {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin: 4px 4px 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--pp-cream);
    box-shadow: none;
    cursor: pointer;
    transition: background var(--dur-base, .3s);
}

.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__bar button.pardee-fab__close:hover,
.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__bar button.pardee-fab__close:focus {
    background: rgba(255, 246, 240, .1);
    color: var(--pp-cream);
}

.fl-builder-content .fl-module-content .pardee-fab .pardee-fab__bar button.pardee-fab__close:focus-visible {
    outline: 2px solid var(--pp-tan);
    outline-offset: -2px;
}

.pardee-fab__close svg {
    width: 14px;
    height: 14px;
}

/* The ground moves from the root to the panel, so a folded root shows only the
   circle and the unfold animation carries the whole panel. */
.pardee-fab--collapsible {
    background: transparent;
    box-shadow: none;
}

.pardee-fab--collapsible .pardee-fab__panel {
    background: var(--pp-ink-mid);
    box-shadow: var(--shadow-card, var(--shadow-elev));
}

.fl-builder-content .fl-module-content .pardee-fab button.pardee-fab__open {
    width: 48px;
    height: 48px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--pp-ink-mid);
    color: var(--pp-cream);
    box-shadow: 0 0 0 1px rgba(255, 246, 240, .22), var(--shadow-card, var(--shadow-elev));   /* the hairline keeps the circle legible over ink sections */
    cursor: pointer;
    transition: background var(--dur-base, .3s);
}

.fl-builder-content .fl-module-content .pardee-fab button.pardee-fab__open:hover,
.fl-builder-content .fl-module-content .pardee-fab button.pardee-fab__open:focus {
    background: var(--pp-ink);
    color: var(--pp-cream);
}

.fl-builder-content .fl-module-content .pardee-fab button.pardee-fab__open:focus-visible {
    outline: 2px solid var(--pp-tan);
    outline-offset: 3px;
}

.pardee-fab__open svg {
    width: 20px;
    height: 20px;
}

@media (prefers-reduced-motion: no-preference) {
    .pardee-fab--collapsible .pardee-fab__panel,
    .pardee-fab--collapsible .pardee-fab__open {
        transform-origin: bottom right;
        animation: pardee-fab-unfold var(--dur-base, .3s) var(--ease-soft, ease) both;
    }
}

@keyframes pardee-fab-unfold {
    from { opacity: 0; transform: scale(.92); }
    to   { opacity: 1; transform: none; }
}

/* ── the home-value dialog ───────────────────────────────── */
.pardee-fabmodal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 48px 16px;
    background: rgba(0, 12, 19, .92);
    font-family: var(--font-body, "Gotham", "Helvetica Neue", Arial, sans-serif);
}

.pardee-fabmodal[hidden] { display: none; }

.pardee-fabmodal .pardee-fabmodal__panel {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: auto;
    padding: 34px 34px 30px;
    background: var(--pp-cream, #fff6f0);
    border-radius: var(--r-md, 8px);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .5);
    color: var(--pardee-fg, #022534);
    text-align: left;
}

.pardee-fabmodal .pardee-fabmodal__title {
    margin: 0 44px 20px 0;
    font-family: var(--font-display, "bodoni-pt-variable", Georgia, serif);
    font-weight: var(--font-display-weight, 400);
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -.005em;
    color: var(--pardee-fg, #022534);
    text-transform: none;
}

.fl-builder-content .fl-module-content .pardee-fabmodal button.pardee-fabmodal__close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--pp-clay, #624a3e);
    font-family: inherit;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
}

.fl-builder-content .fl-module-content .pardee-fabmodal button.pardee-fabmodal__close:hover {
    background: rgba(2, 37, 52, .08);
}

.fl-builder-content .fl-module-content .pardee-fabmodal button.pardee-fabmodal__close:focus-visible {
    outline: 3px solid var(--pp-clay, #8f6336);
    outline-offset: 2px;
}

/* In the builder the dialog would cover the canvas — keep it out of the way. */
.fl-builder-edit .pardee-fabmodal { display: none !important; }

@media (max-width: 560px) {
    .pardee-fabmodal { padding: 24px 12px; }
    .pardee-fabmodal .pardee-fabmodal__panel { padding: 28px 20px 24px; }
    .pardee-fabmodal .pardee-fabmodal__title { font-size: 22px; }
}

/* The launcher and its dialog are fixed, so a row that holds only this module takes no space on the page. */
body:not(.fl-builder-edit) .fl-row:has(.fl-module-pardee-float-actions):not(:has(.fl-module:not(.fl-module-pardee-float-actions))) > .fl-row-content-wrap {
    padding: 0;
    min-height: 0;
}
body:not(.fl-builder-edit) .fl-row:has(.fl-module-pardee-float-actions):not(:has(.fl-module:not(.fl-module-pardee-float-actions))) .fl-col {
    min-height: 0;
}
body:not(.fl-builder-edit) .fl-builder-content .fl-module-pardee-float-actions > .fl-module-content {
    margin: 0;
}

/* Where the closed launcher (48px circle, 24px from the corner) reaches over the footer's last line —
   below ~1440px the footer's content runs to within 72px of the right edge — the site footer gets that
   much room at its bottom, in the footer's own ink (--pp-ink-deep, the footer row's colour). Wider
   screens need none. */
@media (min-width: 861px) and (max-width: 1439px) {
    body:not(.fl-builder-edit) .fl-builder-content[data-type="footer"]:has(.pardee-fab--from-tablet) {
        padding-bottom: 72px;
        background: var(--pp-ink-deep);
    }
}
@media (min-width: 1100px) and (max-width: 1439px) {
    body:not(.fl-builder-edit) .fl-builder-content[data-type="footer"]:has(.pardee-fab--from-desktop) {
        padding-bottom: 72px;
        background: var(--pp-ink-deep);
    }
}
:where(.fl-builder-content .fl-node-l7ywdgo409sx.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-l7ywdgo409sx.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-l7ywdgo409sx.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-family: gotham, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
}
 .fl-node-l7ywdgo409sx.fl-module-rich-text {
	margin-top:0px;
}
:where(.fl-builder-content .fl-node-v74birtnpqol.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-v74birtnpqol.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-v74birtnpqol.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-family: gotham, Helvetica, sans-serif;
	font-size: 14px;
}
:where(.fl-builder-content .fl-node-6x54d8ltr3az.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-6x54d8ltr3az.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-6x54d8ltr3az.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-family: gotham, Helvetica, sans-serif;
	font-size: 14px;
}
:where(.fl-builder-content .fl-node-to71w8vc3yma.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-to71w8vc3yma.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-to71w8vc3yma.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-family: gotham, Helvetica, sans-serif;
	font-size: 14px;
}
:where(.fl-builder-content .fl-node-ashmzyo8gwkp.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-ashmzyo8gwkp.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-ashmzyo8gwkp.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-family: gotham, Helvetica, sans-serif;
	font-size: 14px;
}

/* Start Global Nodes CSS */

/* End Global Nodes CSS */


/* Start Layout CSS */

/* End Layout CSS */


        			.fl-node-owig7thcpnv2 .fl-row-content {
				min-width: 0px;
			}
		
        
        






.fl-node-acwrhq68f5tp > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-acwrhq68f5tp.fl-row-default-height > .fl-row-content-wrap, .fl-node-acwrhq68f5tp.fl-row-full-height > .fl-row-content-wrap, .fl-node-acwrhq68f5tp.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-acwrhq68f5tp > .fl-row-content-wrap {
	padding-top:140px;
	padding-bottom:48px;
}
@media ( max-width: 992px ) {
 .fl-node-acwrhq68f5tp.fl-row > .fl-row-content-wrap {
	padding-top:120px;
	padding-bottom:40px;
}
}
@media ( max-width: 768px ) {
 .fl-node-acwrhq68f5tp.fl-row > .fl-row-content-wrap {
	padding-top:88px;
	padding-bottom:32px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    





.fl-node-643b1xud9inz > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-643b1xud9inz.fl-row-default-height > .fl-row-content-wrap, .fl-node-643b1xud9inz.fl-row-full-height > .fl-row-content-wrap, .fl-node-643b1xud9inz.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-643b1xud9inz > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
@media ( max-width: 992px ) {
 .fl-node-643b1xud9inz.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-643b1xud9inz.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    





.fl-node-mz1ixg9rl4j2 > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-mz1ixg9rl4j2.fl-row-default-height > .fl-row-content-wrap, .fl-node-mz1ixg9rl4j2.fl-row-full-height > .fl-row-content-wrap, .fl-node-mz1ixg9rl4j2.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-mz1ixg9rl4j2 > .fl-row-content-wrap {
	padding-top:128px;
	padding-bottom:128px;
}
@media ( max-width: 992px ) {
 .fl-node-mz1ixg9rl4j2.fl-row > .fl-row-content-wrap {
	padding-top:96px;
	padding-bottom:96px;
}
}
@media ( max-width: 768px ) {
 .fl-node-mz1ixg9rl4j2.fl-row > .fl-row-content-wrap {
	padding-top:64px;
	padding-bottom:64px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    





.fl-node-sxeiakpcym39 > .fl-row-content-wrap {
	background-color: #FFF5E8;
}
.fl-node-sxeiakpcym39.fl-row-default-height > .fl-row-content-wrap, .fl-node-sxeiakpcym39.fl-row-full-height > .fl-row-content-wrap, .fl-node-sxeiakpcym39.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-sxeiakpcym39 > .fl-row-content-wrap {
	padding-top:72px;
	padding-bottom:72px;
}
@media ( max-width: 992px ) {
 .fl-node-sxeiakpcym39.fl-row > .fl-row-content-wrap {
	padding-top:64px;
	padding-bottom:64px;
}
}
@media ( max-width: 768px ) {
 .fl-node-sxeiakpcym39.fl-row > .fl-row-content-wrap {
	padding-top:56px;
	padding-bottom:56px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    





.fl-node-3cuadbwt40qf > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-3cuadbwt40qf.fl-row-default-height > .fl-row-content-wrap, .fl-node-3cuadbwt40qf.fl-row-full-height > .fl-row-content-wrap, .fl-node-3cuadbwt40qf.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-3cuadbwt40qf > .fl-row-content-wrap {
	padding-top:64px;
	padding-bottom:64px;
}
@media ( max-width: 992px ) {
 .fl-node-3cuadbwt40qf.fl-row > .fl-row-content-wrap {
	padding-top:52px;
	padding-bottom:52px;
}
}
@media ( max-width: 768px ) {
 .fl-node-3cuadbwt40qf.fl-row > .fl-row-content-wrap {
	padding-top:36px;
	padding-bottom:36px;
}
}

                
    
    .fl-builder-row-settings #fl-field-separator_position {
        display: none !important;
    }
    
    
    
    	
	
    
    
    
    



.fl-node-6mcnta0frpuo {
	width: 100%;
}




.fl-node-xe8l5nvofprm {
	width: 100%;
}




.fl-node-ukcjb2v9yme0 {
	width: 19%;
}
 .fl-node-ukcjb2v9yme0 > .fl-col-content {
	padding-right:36px;
}
@media ( max-width: 992px ) {
 .fl-node-ukcjb2v9yme0.fl-col > .fl-col-content {
	padding-right:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ukcjb2v9yme0.fl-col > .fl-col-content {
	padding-right:0px;
}
}




.fl-node-ltef52z40dki {
	width: 100%;
}
.fl-node-ltef52z40dki > .fl-col-content {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #E6E1DD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
 .fl-node-ltef52z40dki > .fl-col-content {
	padding-top:30px;
	padding-right:30px;
	padding-bottom:30px;
	padding-left:30px;
}
@media ( max-width: 992px ) {
 .fl-node-ltef52z40dki.fl-col > .fl-col-content {
	padding-top:26px;
	padding-right:26px;
	padding-bottom:26px;
	padding-left:26px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ltef52z40dki.fl-col > .fl-col-content {
	padding-top:22px;
	padding-right:22px;
	padding-bottom:22px;
	padding-left:22px;
}
}




.fl-node-qln8v6xcbf4s {
	width: 100%;
}
.fl-node-qln8v6xcbf4s > .fl-col-content {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #E6E1DD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
 .fl-node-qln8v6xcbf4s > .fl-col-content {
	padding-top:30px;
	padding-right:30px;
	padding-bottom:30px;
	padding-left:30px;
}
@media ( max-width: 992px ) {
 .fl-node-qln8v6xcbf4s.fl-col > .fl-col-content {
	padding-top:26px;
	padding-right:26px;
	padding-bottom:26px;
	padding-left:26px;
}
}
@media ( max-width: 768px ) {
 .fl-node-qln8v6xcbf4s.fl-col > .fl-col-content {
	padding-top:22px;
	padding-right:22px;
	padding-bottom:22px;
	padding-left:22px;
}
}




.fl-node-z3bn0gptmroc {
	width: 100%;
}
.fl-node-z3bn0gptmroc > .fl-col-content {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #E6E1DD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
 .fl-node-z3bn0gptmroc > .fl-col-content {
	padding-top:30px;
	padding-right:30px;
	padding-bottom:30px;
	padding-left:30px;
}
@media ( max-width: 992px ) {
 .fl-node-z3bn0gptmroc.fl-col > .fl-col-content {
	padding-top:26px;
	padding-right:26px;
	padding-bottom:26px;
	padding-left:26px;
}
}
@media ( max-width: 768px ) {
 .fl-node-z3bn0gptmroc.fl-col > .fl-col-content {
	padding-top:22px;
	padding-right:22px;
	padding-bottom:22px;
	padding-left:22px;
}
}




.fl-node-9wdxaq26pz0k {
	width: 100%;
}
.fl-node-9wdxaq26pz0k > .fl-col-content {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #E6E1DD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
 .fl-node-9wdxaq26pz0k > .fl-col-content {
	padding-top:30px;
	padding-right:30px;
	padding-bottom:30px;
	padding-left:30px;
}
@media ( max-width: 992px ) {
 .fl-node-9wdxaq26pz0k.fl-col > .fl-col-content {
	padding-top:26px;
	padding-right:26px;
	padding-bottom:26px;
	padding-left:26px;
}
}
@media ( max-width: 768px ) {
 .fl-node-9wdxaq26pz0k.fl-col > .fl-col-content {
	padding-top:22px;
	padding-right:22px;
	padding-bottom:22px;
	padding-left:22px;
}
}




.fl-node-ab6zs3m09iow {
	width: 50%;
}
 .fl-node-ab6zs3m09iow > .fl-col-content {
	padding-right:36px;
}
@media ( max-width: 992px ) {
 .fl-node-ab6zs3m09iow.fl-col > .fl-col-content {
	padding-right:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ab6zs3m09iow.fl-col > .fl-col-content {
	padding-right:0px;
}
}




.fl-node-s4bxdc8mrevp {
	width: 50%;
}
 .fl-node-s4bxdc8mrevp > .fl-col-content {
	padding-right:36px;
}
@media ( max-width: 992px ) {
 .fl-node-s4bxdc8mrevp.fl-col > .fl-col-content {
	padding-right:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-s4bxdc8mrevp.fl-col > .fl-col-content {
	padding-right:0px;
}
}




.fl-node-w19kd6zqcy7h {
	width: 70%;
}
 .fl-node-w19kd6zqcy7h > .fl-col-content {
	padding-right:36px;
}
@media ( max-width: 992px ) {
 .fl-node-w19kd6zqcy7h.fl-col > .fl-col-content {
	padding-right:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-w19kd6zqcy7h.fl-col > .fl-col-content {
	padding-right:0px;
}
}




.fl-node-c36zoa94myb5 {
	width: 100%;
}




.fl-node-ej01azhik5ld {
	width: 55%;
}
@media ( max-width: 768px ) {
 .fl-node-ej01azhik5ld.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-ej01azhik5ld > .fl-col-content {
	padding-right:36px;
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-ej01azhik5ld.fl-col > .fl-col-content {
	padding-right:22px;
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ej01azhik5ld.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}




.fl-node-2ok8ru4p3dbw {
	width: 50%;
}
@media ( max-width: 768px ) {
 .fl-node-2ok8ru4p3dbw.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-2ok8ru4p3dbw > .fl-col-content {
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-2ok8ru4p3dbw.fl-col > .fl-col-content {
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-2ok8ru4p3dbw.fl-col > .fl-col-content {
	padding-left:0px;
}
}




.fl-node-962utnghdj0k {
	width: 25%;
}
@media ( max-width: 768px ) {
 .fl-node-962utnghdj0k.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-962utnghdj0k > .fl-col-content {
	padding-right:36px;
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-962utnghdj0k.fl-col > .fl-col-content {
	padding-right:22px;
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-962utnghdj0k.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}




.fl-node-da9g2nvci7z3 {
	width: 30%;
}
@media ( max-width: 768px ) {
 .fl-node-da9g2nvci7z3.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-da9g2nvci7z3 > .fl-col-content {
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-da9g2nvci7z3.fl-col > .fl-col-content {
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-da9g2nvci7z3.fl-col > .fl-col-content {
	padding-left:0px;
}
}




.fl-node-m0ueid7bfx2y {
	width: 26%;
}
@media ( max-width: 768px ) {
 .fl-node-m0ueid7bfx2y.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-m0ueid7bfx2y > .fl-col-content {
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-m0ueid7bfx2y.fl-col > .fl-col-content {
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-m0ueid7bfx2y.fl-col > .fl-col-content {
	padding-left:0px;
}
}




.fl-node-h4daqzjl95re {
	width: 25%;
}
@media ( max-width: 768px ) {
 .fl-node-h4daqzjl95re.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-h4daqzjl95re > .fl-col-content {
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-h4daqzjl95re.fl-col > .fl-col-content {
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-h4daqzjl95re.fl-col > .fl-col-content {
	padding-left:0px;
}
}
/* Strip — post meta. Design: blog-post.html "01 Post Header" (.posthead__meta / .posthead__utility) + blog.css.
   The row owns the surface and the padding; this module is transparent and full-width. */

.pardee-postmeta { width: 100%; }

/* ── Category chip + date / reading-time line (design .posthead__meta) ─────────────────────────── */
.pardee-postmeta__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    align-items: center;
}

.pardee-postmeta__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: var(--pardee-card-bg, var(--pp-cream-warm));
    border: 1px solid var(--pardee-line);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--pardee-fg, var(--pp-ink-mid));
    text-decoration: none;
}

.pardee-postmeta__tag::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pp-terracotta);
    flex: 0 0 auto;
}

/* Category families of the design (blog.css --cat-*): the dot is the only colour that changes. */
.pardee-postmeta__tag[data-cat="selling"]::before      { background: var(--pp-ink-mid); }
.pardee-postmeta__tag[data-cat="leasing"]::before      { background: var(--pp-clay); }
.pardee-postmeta__tag[data-cat="finance"]::before      { background: #356FA0; }
.pardee-postmeta__tag[data-cat="market"]::before       { background: var(--pp-clay-mid); }
.pardee-postmeta__tag[data-cat="improve"]::before      { background: var(--pp-sable); }
.pardee-postmeta__tag[data-cat="neighborhood"]::before { background: #5B7C4A; }
.pardee-postmeta__tag[data-cat="community"]::before    { background: #9A4121; }

.pardee-postmeta__info {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 12.5px;
    letter-spacing: .04em;
    color: var(--pardee-fg-muted, var(--pp-clay));
}

/* ── Save / Share / Print / Subscribe (design .posthead__utility) ──────────────────────────────── */
.pardee-postmeta__utility {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--pardee-line);
    border-bottom: 1px solid var(--pardee-line);
}

.pardee-postmeta .pardee-postmeta__util {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 18px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--pardee-fg-muted, var(--pp-clay));
    text-decoration: none;
    border-right: 1px solid var(--pardee-line);
    background: transparent;
    transition: background var(--dur-base, .25s), color var(--dur-base, .25s);
}

.pardee-postmeta .pardee-postmeta__util:hover,
.pardee-postmeta .pardee-postmeta__util:focus-visible {
    background: var(--pp-sand);
    color: var(--pardee-fg, var(--pp-ink-mid));
}

.pardee-postmeta .pardee-postmeta__util:last-child  { border-right: 0; }
.pardee-postmeta .pardee-postmeta__util:first-child { padding-left: 0; }

.pardee-postmeta .pardee-postmeta__util svg {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    color: inherit;
}
.pardee-postmeta .pardee-postmeta__util svg * { color: inherit; }

/* Both strips in one module: the design leaves 36px under the dek before the bar; inside one module the
   gap between the two strips is the meta line's 24px bottom margin plus the bar's own 8px top. */
.pardee-postmeta__meta + .pardee-postmeta__utility { margin-top: 32px; }

@media (max-width: 560px) {
    .pardee-postmeta .pardee-postmeta__util { padding: 12px 14px; font-size: 10.5px; letter-spacing: .18em; }
    .pardee-postmeta .pardee-postmeta__util:first-child { padding-left: 0; }
}
 .fl-node-qw9tv8cro05n > .fl-module-content {
	margin-top:0px;
	margin-bottom:24px;
}
@media (max-width: 768px) { .fl-node-qw9tv8cro05n > .fl-module-content { margin-bottom:20px; } }.fl-node-5hmb2lqerp8t, .fl-node-5hmb2lqerp8t .fl-photo {
	text-align: center;
}
 .fl-node-5hmb2lqerp8t.fl-module-photo {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-z1e2wvfytcpg.fl-module-heading {
	margin-top:0px;
	margin-bottom:16px;
}
/* Post body — the module is a transparent wrapper: the reading typography belongs to the template
   (Themer Layout CSS today, the theme kit once it grows a prose class). */

.pardee-postbody { width: 100%; }
.pardee-postbody > :first-child { margin-top: 0; }
.pardee-postbody > :last-child { margin-bottom: 0; }
.pardee-postbody img { max-width: 100%; height: auto; }

/* Builder preview only. */
.pardee-postbody--preview {
    padding: 120px 40px;
    text-align: center;
    border: 1px dashed var(--pardee-line);
    color: var(--pardee-fg-muted, var(--pp-clay));
}

/* Legacy bodies (ACF content blocks, WP caption shortcodes, oEmbeds) were written for a full-width
   template and carry inline pixel widths — inside the article column they overflow the viewport on
   phones (a 1034px .wp-caption pushes the page to 1092px at 500px wide). */
.pardee-postbody figure,
.pardee-postbody .wp-caption,
.pardee-postbody iframe,
.pardee-postbody video,
.pardee-postbody table,
.pardee-postbody pre { max-width: 100%; }
.pardee-postbody iframe { width: 100%; }
.pardee-postbody table { display: block; overflow-x: auto; }

/* The theme's content-block partials use the legacy bootstrap grid; its negative row margins push past
   the column gutter when the body is narrower than full width. */
.pardee-postbody .row { margin-left: 0; margin-right: 0; }
.pardee-postbody .row > [class*="col"],
.pardee-postbody .column { padding-left: 0; padding-right: 0; max-width: 100%; flex-basis: 100%; }

/* A figure laid out as a grid gets an implicit `auto` track, which sizes to the IMG's intrinsic
   width once the browser picks a large srcset candidate (the 3000w original exists on staging) — `max-width:100%` then resolves
   against that 3000px track and the page scrolls sideways. Pin the track and the figure to the column. */
.pardee-postbody figure, .pardee-postbody .wp-caption { max-width: 100%; grid-template-columns: minmax(0, 1fr); }
.pardee-postbody figure > img, .pardee-postbody .wp-caption > img { min-width: 0; width: auto; max-width: 100%; }
 .fl-node-cditf7bgwaer > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
.fl-node-7akyxeoqn8w0.fl-module-heading, .fl-node-7akyxeoqn8w0.fl-module-heading :where(a, q, p, span) {
	font-size: 10.5px;
	letter-spacing: 0.2em;
}
 .fl-node-7akyxeoqn8w0.fl-module-heading {
	margin-top:0px;
	margin-bottom:10px;
}
@media ( max-width: 992px ) {
 .fl-node-7akyxeoqn8w0.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-7akyxeoqn8w0.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
.fl-node-xsjkhpf7l6md.fl-module-heading, .fl-node-xsjkhpf7l6md.fl-module-heading :where(a, q, p, span) {
	font-size: 10.5px;
	letter-spacing: 0.2em;
}
 .fl-node-xsjkhpf7l6md.fl-module-heading {
	margin-top:0px;
	margin-bottom:12px;
}
@media ( max-width: 992px ) {
 .fl-node-xsjkhpf7l6md.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-xsjkhpf7l6md.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
.fl-node-p02k5oe8f14q.fl-module-heading, .fl-node-p02k5oe8f14q.fl-module-heading :where(a, q, p, span) {
	font-size: 10.5px;
	letter-spacing: 0.2em;
}
 .fl-node-p02k5oe8f14q.fl-module-heading {
	margin-top:0px;
	margin-bottom:18px;
}
@media ( max-width: 992px ) {
 .fl-node-p02k5oe8f14q.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-p02k5oe8f14q.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
.fl-node-8ixwzlouqdtg.fl-module-heading, .fl-node-8ixwzlouqdtg.fl-module-heading :where(a, q, p, span) {
	font-size: 10.5px;
	letter-spacing: 0.2em;
}
 .fl-node-8ixwzlouqdtg.fl-module-heading {
	margin-top:0px;
	margin-bottom:18px;
}
@media ( max-width: 992px ) {
 .fl-node-8ixwzlouqdtg.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-8ixwzlouqdtg.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-oeq0y6f3i2rw.fl-module-heading {
	margin-top:0px;
	margin-bottom:18px;
}
@media ( max-width: 992px ) {
 .fl-node-oeq0y6f3i2rw.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-oeq0y6f3i2rw.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-a2rp3inhf6j9.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-a2rp3inhf6j9.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-egih3p2so6lx.fl-module-heading {
	margin-top:0px;
	margin-bottom:24px;
}
@media ( max-width: 992px ) {
 .fl-node-egih3p2so6lx.fl-module-heading.fl-module {
	margin-top:0px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-egih3p2so6lx.fl-module-heading.fl-module {
	margin-top:0px;
	margin-bottom:0px;
}
}
 .fl-node-wfn807m3ok9q.fl-module-heading {
	margin-top:0px;
	margin-bottom:24px;
}
@media ( max-width: 992px ) {
 .fl-node-wfn807m3ok9q.fl-module-heading.fl-module {
	margin-top:0px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-wfn807m3ok9q.fl-module-heading.fl-module {
	margin-top:0px;
	margin-bottom:0px;
}
}
 .fl-node-4efi2lt9rc07.fl-module-heading {
	margin-top:0px;
	margin-bottom:24px;
}
@media ( max-width: 992px ) {
 .fl-node-4efi2lt9rc07.fl-module-heading.fl-module {
	margin-top:0px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-4efi2lt9rc07.fl-module-heading.fl-module {
	margin-top:0px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-jfv39mc1ehn0.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-jfv39mc1ehn0.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-jfv39mc1ehn0.fl-module-rich-text.fl-module {
	margin-top:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-jfv39mc1ehn0.fl-module-rich-text.fl-module {
	margin-top:0px;
}
}









.fl-node-3hqojrmc1kzu.fl-button-wrap, .fl-node-3hqojrmc1kzu .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button), .fl-builder-content .fl-node-3hqojrmc1kzu a.fl-button:visited, .fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button):hover, .fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-3hqojrmc1kzu a.fl-button:visited, .fl-page .fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button):focus {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #022534;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.fl-builder-content .fl-module-button.fl-node-3hqojrmc1kzu .fl-button:is(a, button):hover, .fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-3hqojrmc1kzu .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button):focus {
	border-color: #001621;
}
:where(.fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-3hqojrmc1kzu .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-3hqojrmc1kzu.fl-module-button {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-3hqojrmc1kzu.fl-module-button.fl-module {
	margin-top:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-3hqojrmc1kzu.fl-module-button.fl-module {
	margin-top:0px;
}
}
/* Strip — back to category. Design: blog-post.html "Back to category" section + styles.css `.alink`
   (display type, 13px, .2em uppercase, a 1px rule under the label, 8px gap that opens to 14px on hover).
   The row owns the surface and the outer padding; this module is transparent and full-width. */

.pardee-catstrip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}

/* The design draws a rule above the band; the row's padding keeps it off the links. */
.pardee-catstrip--hairline {
    border-top: 1px solid var(--pardee-line);
    padding-top: 32px;
}

.pardee-catstrip__spacer {
    flex: 0 0 auto;
}

.pardee-catstrip__link {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid currentColor;
    font-family: var(--font-display);
    font-size: 13px;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--pp-clay);
    transition: gap var(--dur-base, .3s) var(--ease-soft, ease), color var(--dur-base, .3s);
}

.pardee-catstrip__link:hover,
.pardee-catstrip__link:focus-visible {
    gap: 14px;
    color: var(--pardee-fg, var(--pp-ink-mid));
}

/* Link colour (A4: a value picked in the module wins over the kit). */
.pardee-catstrip--ink .pardee-catstrip__link { color: var(--pardee-fg, var(--pp-ink-mid)); }
.pardee-catstrip--ink .pardee-catstrip__link:hover,
.pardee-catstrip--ink .pardee-catstrip__link:focus-visible { color: var(--pp-clay); }
.pardee-catstrip--cream .pardee-catstrip__link { color: var(--pp-cream); }
.pardee-catstrip--cream .pardee-catstrip__link:hover,
.pardee-catstrip--cream .pardee-catstrip__link:focus-visible { color: var(--pp-tan); }

.pardee-catstrip__arrow {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    align-self: center;
}

/* The design's back arrow is the same glyph, turned around. */
.pardee-catstrip__link--back .pardee-catstrip__arrow {
    transform: rotate(180deg);
}

@media (max-width: 600px) {
    .pardee-catstrip {
        gap: 16px;
    }
    .pardee-catstrip__spacer {
        display: none;
    }
}
 .fl-node-dfo6qb8kcrh3 > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
.fl-node-l9841mo5svaw.fl-module-heading, .fl-node-l9841mo5svaw.fl-module-heading :where(a, q, p, span) {
	font-size: 64px;
	line-height: 1.04;
	letter-spacing: -0.018em;
}
@media(max-width: 992px) {
	.fl-node-l9841mo5svaw.fl-module-heading, .fl-node-l9841mo5svaw.fl-module-heading :where(a, q, p, span) {
		font-size: 48px;
	}
}
@media(max-width: 768px) {
	.fl-node-l9841mo5svaw.fl-module-heading, .fl-node-l9841mo5svaw.fl-module-heading :where(a, q, p, span) {
		font-size: 36px;
	}
}
 .fl-node-l9841mo5svaw.fl-module-heading {
	margin-top:0px;
	margin-bottom:24px;
}
@media ( max-width: 992px ) {
 .fl-node-l9841mo5svaw.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-l9841mo5svaw.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
/* ------------------------------------- */
/* Container */
/* ------------------------------------- */
.pp-toc-container {
	width: auto;
	height: auto;
	overflow: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
/*
body:not(.fl-builder-edit) .pp-toc-container.is-empty {
	display: none;
}
*/

/* ------------------------------------- */
/* Header Section*/
/* ------------------------------------- */
.pp-toc-container .pp-toc-header {
	display: flex;
	width: 100%;
	padding: 10px 20px;
	background-color: #555;
	align-items:center;
	cursor: pointer;
}

/* Header Title */
.pp-toc-container .pp-toc-header-title {
	flex: 10;
	text-align: left;
	font-size: 18px;
	color: white;
}

/* Header Icon when collapsed */
.pp-toc-container .header-icon-collapse {
	display: none;
	font-size: 22px;
}

/* Header Icon when expanded */
.pp-toc-container .header-icon-expand {
	display: none;
	font-size: 22px;
}

/*--------- CSS for toggle show of icons (Active stage for Icons) -----------*/
.pp-toc-container .active {
	text-align: right;
	display: inline-block;
}

/* ------------------------------------- */
/* Body Section*/
/* ------------------------------------- */

.pp-toc-container .pp-toc-separator {
	height: 5px;
	width: auto;
	background-color: #000;
	margin-bottom: 0;
}

/* ------------------------------------- */
/* Body Section*/
/* ------------------------------------- */

.pp-toc-container .pp-toc-body {
	display: block;
	height: auto;
	padding: 20px;
	background-color: #ccc;
	color: #000;
}

/* The UL or OL element class */
.pp-toc-container .pp-toc-list-wrapper {
	margin: 0;
	padding: 0;
}

.pp-toc-container .pp-toc-listicon-wrapper {
	display: flex;
	align-items: baseline;
}

/* Unordered List Bullets */
.pp-toc-container ul.pp-toc-list-wrapper,
.pp-toc-container .pp-toc-list-wrapper ul {
	list-style-type: none;
}

.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li::before {
	content: "\2022";
	color: #000;
	font-weight: bold;
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em;
	margin-left: -1.5em;
	font-size: 22px;
}

/* Ordered List Numbers */
.pp-toc-container ol.pp-toc-list-wrapper {
	list-style: none;
	counter-reset: item;
}

.pp-toc-container .pp-toc-list-wrapper ol {
	list-style: none;
	counter-reset: item;
}

.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-number li::before {
	content: counters(item, ".") " ";
	color: #000;
	width: 2em;
	margin-left: -2.5em;
	margin-right: 0.5em;
	text-align: right;
	font-size: 10px;
	display: inline-block;
	vertical-align: top;
}
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-number > li::before {
	content: counters(item, ".") ". ";
}

.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-number li {
	counter-increment: item;
}

.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-number li a {
	display: inline-block;
	vertical-align: top;
}

/* ------------------------------------- */
/* Sticky TOC Section*/
/* ------------------------------------- */
.pp-toc-sticky-fixed {
	position: fixed;
	top: 0;
	opacity: .8;
	z-index: 1000;
}
.pp-toc-is-sticky.pp-toc--stop {
	opacity: 0;
	visibility: hidden;
}

.admin-bar .pp-toc-sticky-fixed {
	top: 32px;
}
.admin-bar.fl-builder-edit .pp-toc-sticky-fixed {
	top: 45px;
}

/* Sticky Custom Position */
.pp-toc-sticky-custom {
	position: fixed;
	left: 0;
	bottom: 0;
	opacity: .8;
	z-index: 1000;
}

.pp-toc-sticky-overflow {
	height: 85vh !important;
	overflow: scroll !important; 
}

/* ------------------------------------- */
/* Scroll To Top Section*/
/* ------------------------------------- */
.pp-toc-scroll-top-container {
	display: flex;
	height: auto;
	width: auto;
	padding: 25px;
	background-color: #ccc;
	position: fixed;
	bottom: 10px;
	z-index: 1000;
	cursor: pointer;
}

.pp-toc-scroll-align-left {
	left: 10px;
}
.pp-toc-scroll-align-right {
	right: 10px;
}

.pp-toc-scroll-top-icon {
	font-size: 22px;
	margin: auto auto auto auto;
}
.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-body {
	}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-header-title {
		text-align: left;
		}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-header {
	}

.fl-node-pqdgfkh5uc0z .pp-toc-container .header-icon-collapse,
.fl-node-pqdgfkh5uc0z .pp-toc-container .header-icon-expand {
	}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-separator {
	}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper li {
	}
.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper > li:first-of-type {
	margin-top: 0;
}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li:before,
.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper.pp-toc-list-number li:before,
.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper.pp-toc-list-icon li span {
	
	}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper.pp-toc-list-number li:before {
	}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper li a {
		color: #624A3E;
		word-wrap: normal;
	transition: 0.3s;
}

.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper li a:hover,
.fl-node-pqdgfkh5uc0z .pp-toc-container .pp-toc-list-wrapper li a:active {
		color: #022534;
	
			text-decoration: none;
	}

.fl-node-pqdgfkh5uc0z .pp-toc-sticky-fixed,
.fl-node-pqdgfkh5uc0z .pp-toc-sticky-custom {
		}

.fl-node-pqdgfkh5uc0z .pp-toc-sticky-fixed,
.fl-node-pqdgfkh5uc0z .pp-toc-sticky-custom {
	}

.admin-bar .fl-node-pqdgfkh5uc0z .pp-toc-sticky-fixed {
	}

.fl-node-pqdgfkh5uc0z .pp-toc-scroll-top-container {
				}

@media only screen and ( max-width: 1280px ) {
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-fixed,
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-custom {
			}
}

@media only screen and ( max-width: 992px ) {
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-fixed,
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-custom {
			}
}

@media only screen and ( max-width: 768px ) {
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-fixed,
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-custom {
			}
}
 .fl-node-pqdgfkh5uc0z > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
.fl-node-1n34o5ayzvxc.fl-module-heading, .fl-node-1n34o5ayzvxc.fl-module-heading :where(a, q, p, span) {
	font-size: 26px;
	font-style: italic;
}
 .fl-node-1n34o5ayzvxc.fl-module-heading {
	margin-top:0px;
	margin-bottom:10px;
}
@media ( max-width: 992px ) {
 .fl-node-1n34o5ayzvxc.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-1n34o5ayzvxc.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
.fl-node-6mk29fopszb1.fl-module-heading, .fl-node-6mk29fopszb1.fl-module-heading :where(a, q, p, span) {
	font-size: 22px;
	letter-spacing: -0.005em;
}
 .fl-node-6mk29fopszb1.fl-module-heading {
	margin-top:0px;
	margin-bottom:12px;
}
@media ( max-width: 992px ) {
 .fl-node-6mk29fopszb1.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-6mk29fopszb1.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-726e1hrygkfo.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-726e1hrygkfo.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-726e1hrygkfo.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-726e1hrygkfo.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-hburtcj2sgxo.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-hburtcj2sgxo.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-hburtcj2sgxo.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-hburtcj2sgxo.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
.fl-node-vcg06i9wjhx8.fl-module-heading, .fl-node-vcg06i9wjhx8.fl-module-heading :where(a, q, p, span) {
	font-size: 60px;
	line-height: 1.06;
}
@media(max-width: 992px) {
	.fl-node-vcg06i9wjhx8.fl-module-heading, .fl-node-vcg06i9wjhx8.fl-module-heading :where(a, q, p, span) {
		font-size: 46px;
	}
}
@media(max-width: 768px) {
	.fl-node-vcg06i9wjhx8.fl-module-heading, .fl-node-vcg06i9wjhx8.fl-module-heading :where(a, q, p, span) {
		font-size: 36px;
	}
}
 .fl-node-vcg06i9wjhx8.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-vcg06i9wjhx8.fl-module-heading.fl-module {
	margin-top:20px;
}
}
@media ( max-width: 768px ) {
 .fl-node-vcg06i9wjhx8.fl-module-heading.fl-module {
	margin-top:18px;
}
}
/* Module headings are scoped `.fl-module-content .x` (0,2,0): BB Global Styles h1–h6 rules are (0,1,1) and would resize them. */
/* ── pardee-grid-cards-media (root stem .pardee-knowledge, card .pardee-kc) ───────────────────────
   Content module: no section padding, no max-width — the row pads and constrains.
   Reads the surface tokens (--pardee-fg, --pardee-fg-muted, --pardee-line, --pardee-eyebrow-color,
   --pardee-card-bg) so the cards read on cream, sand, ink and sable. Fonts Gotham 400/700 + Bodoni.
   Design: Pardee Prep "10 Results" (.prep-case, before/after pair) · Listing Marketing "09 Results"
   (.lm-case) · Case Study "09 Related results" (.results-card metrics) · home Knowledge Center (.kc).
   ─────────────────────────────────────────────────────────────────────────────────────────────── */

.pardee-knowledge {
    width: 100%;
    /* label accent: terracotta on light surfaces (design), tan on dark (set below) */
    --pardee-kc-accent: var(--pp-terracotta);
    --pardee-kc-chip-bg: var(--pp-blush);
}

[data-pardee-surface="ink"] .pardee-knowledge,
[data-pardee-surface="ink-deep"] .pardee-knowledge,
[data-pardee-surface="ink-mid"] .pardee-knowledge,
[data-pardee-surface="chocolate"] .pardee-knowledge,
[data-pardee-surface="sable"] .pardee-knowledge,
[data-pardee-surface="terracotta"] .pardee-knowledge,
[data-pardee-surface="photo"] .pardee-knowledge {
    --pardee-kc-accent: var(--pp-tan);
    --pardee-kc-chip-bg: var(--pp-tan);
}

/* ── Grid ─────────────────────────────────────────────────── */

.pardee-knowledge__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--pardee-grid-gap, 24px);
    align-items: stretch;
}

.pardee-knowledge--cols-4 .pardee-knowledge__grid {
    grid-template-columns: repeat(4, 1fr);
}

/* ── Card ─────────────────────────────────────────────────── */

.pardee-kc {
    display: flex;
    flex-direction: column;
    background: var(--pardee-card-bg);
    border: 1px solid var(--pardee-line);
    border-radius: var(--pardee-r-card);
    overflow: hidden;
    text-decoration: none;
    color: var(--pardee-fg);
    transition: border-color var(--dur-base), transform var(--dur-base) var(--ease-soft);
}

a.pardee-kc:hover {
    border-color: var(--pp-tan);
    transform: translateY(-3px);
}

a.pardee-kc:focus-visible {
    outline: 2px solid var(--pardee-kc-accent);
    outline-offset: 2px;
}

/* ── Media ────────────────────────────────────────────────── */

.pardee-kc__media {
    position: relative;
    background: var(--pp-sand);
}

.pardee-kc__img {
    aspect-ratio: 4 / 3;
    background-size: cover;
    background-position: center;
    background-color: var(--pp-sand);
}

.pardee-kc__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: var(--pardee-line);
}

.pardee-kc__fig {
    position: relative;
    margin: 0;
    aspect-ratio: 1 / 1;
    background: var(--pp-sand);
}

.pardee-kc__fig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pardee-kc__figcap {
    position: absolute;
    left: 8px;
    bottom: 8px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 9px;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding: 4px 8px;
    border-radius: var(--r-xs);
    color: var(--pp-cream);
    background: rgba(2, 37, 52, .8);
}

.pardee-kc__fig:last-child .pardee-kc__figcap {
    background: rgba(154, 65, 33, .86);
}

.pardee-kc__labels {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    max-width: calc(100% - 24px);
}

.pardee-kc__tag,
.pardee-kc__badge {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 9.5px;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding: 5px 11px;
    background: var(--pp-cream);
    color: var(--pp-ink-mid);
}

.pardee-kc__badge {
    background: var(--pardee-kc-chip-bg);
    border-radius: var(--pardee-r-chip);
}

/* ── Body ─────────────────────────────────────────────────── */

.pardee-kc__body {
    padding: 22px 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.pardee-kc__cat {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--pardee-eyebrow-color);
}

.fl-module-content .pardee-kc__title {
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 22px;
    line-height: 1.12;
    letter-spacing: 0;
    color: var(--pardee-fg);
    margin: 0;
    text-wrap: balance;
}

.pardee-kc__rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pardee-kc__row {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 12px;
    align-items: baseline;
}

.pardee-kc__row--plain {
    grid-template-columns: 1fr;
}

.pardee-kc__lbl {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 9.5px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--pardee-kc-accent);
}

.pardee-kc__val {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 14px;
    line-height: 1.55;
    color: var(--pardee-fg-muted);
}

.pardee-kc__metrics {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    border-top: 1px solid var(--pardee-line);
    padding-top: 16px;
    margin-top: auto;
}

.pardee-kc__metric {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pardee-kc__metric-num {
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 20px;
    line-height: 1;
    color: var(--pardee-fg);
}

.pardee-kc__metric-lbl {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 9.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--pardee-fg-muted);
}

.pardee-kc__link {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid var(--pardee-line);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--pardee-fg);
    transition: gap var(--dur-base);
}

.pardee-kc__metrics + .pardee-kc__link {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.pardee-kc__link .icon-pp-arrow-right {
    font-size: 11px;
}

a.pardee-kc:hover .pardee-kc__link {
    gap: 13px;
}

/* ── Category colour dot (posts source; design home 09 `.kc__cat::before` + --cat-* tokens). The label takes the
   family colour and an 8px dot; hover turns the title the same colour (design .kc:hover .kc__t). ─────────── */
.pardee-kc__cat[data-cat] { display: inline-flex; align-items: center; gap: 8px; color: var(--pardee-cat-color, var(--pardee-eyebrow-color)); }
.pardee-kc__cat[data-cat]::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pardee-cat-color, var(--pardee-eyebrow-color)); flex: 0 0 auto; }
.pardee-kc__cat[data-cat="buying"]       { --pardee-cat-color: var(--pp-terracotta); }
.pardee-kc__cat[data-cat="selling"]      { --pardee-cat-color: var(--pp-ink-mid); }
.pardee-kc__cat[data-cat="market"]       { --pardee-cat-color: var(--pp-clay-mid, #8F6336); }
.pardee-kc__cat[data-cat="community"]    { --pardee-cat-color: #9A4121; }
.pardee-kc__cat[data-cat="finance"]      { --pardee-cat-color: #356FA0; }
.pardee-kc__cat[data-cat="improve"]      { --pardee-cat-color: var(--pp-sable); }
.pardee-kc__cat[data-cat="leasing"]      { --pardee-cat-color: var(--pp-clay); }
.pardee-kc__cat[data-cat="neighborhood"] { --pardee-cat-color: #5B7C4A; }
[data-pardee-surface="ink"] .pardee-kc__cat[data-cat="selling"],
[data-pardee-surface="ink-deep"] .pardee-kc__cat[data-cat="selling"],
[data-pardee-surface="ink-mid"] .pardee-kc__cat[data-cat="selling"] { --pardee-cat-color: var(--pp-tan); }   /* ink-on-ink would vanish */

/* ── "Card style → Plain" (home 09 Knowledge Center, design .kc): no panel — image (4:3, 16px below), category
   (10.5px .18em), title (.kc__t final: upright 400, clamp(19px,1.5vw,23px) → 22 / 21, 1.16), link (11px .14em clay,
   no rule above it) on the row surface. ─────────────────────────────────────────────────────────── */
.pardee-knowledge--plain .pardee-kc { background: transparent; border: 0; border-radius: 0; overflow: visible; }
.pardee-knowledge--plain a.pardee-kc:hover { transform: none; }
.pardee-knowledge--plain .pardee-kc__media { background: transparent; margin-bottom: 16px; }
.pardee-knowledge--plain .pardee-kc__body { padding: 0; gap: 0; }
.pardee-knowledge--plain .pardee-kc__cat { font-size: 10.5px; letter-spacing: .18em; margin-bottom: 10px; }
.pardee-knowledge--plain .pardee-kc__title { margin-bottom: 16px; line-height: 1.16; transition: color var(--dur-base); }
.pardee-knowledge--plain a.pardee-kc:hover .pardee-kc__title { color: var(--pardee-cat-color, var(--pardee-fg-muted)); }
.pardee-knowledge--plain a.pardee-kc:has(.pardee-kc__cat[data-cat="buying"]):hover .pardee-kc__title       { color: var(--pp-terracotta); }
.pardee-knowledge--plain a.pardee-kc:has(.pardee-kc__cat[data-cat="selling"]):hover .pardee-kc__title      { color: var(--pp-ink-mid); }
.pardee-knowledge--plain a.pardee-kc:has(.pardee-kc__cat[data-cat="market"]):hover .pardee-kc__title       { color: var(--pp-clay-mid, #8F6336); }
.pardee-knowledge--plain a.pardee-kc:has(.pardee-kc__cat[data-cat="community"]):hover .pardee-kc__title    { color: #9A4121; }
.pardee-knowledge--plain a.pardee-kc:has(.pardee-kc__cat[data-cat="finance"]):hover .pardee-kc__title      { color: #356FA0; }
.pardee-knowledge--plain a.pardee-kc:has(.pardee-kc__cat[data-cat="improve"]):hover .pardee-kc__title      { color: var(--pp-sable); }
.pardee-knowledge--plain a.pardee-kc:has(.pardee-kc__cat[data-cat="neighborhood"]):hover .pardee-kc__title { color: #5B7C4A; }
.pardee-knowledge--plain .pardee-kc__link { padding-top: 0; border-top: 0; font-size: 11px; letter-spacing: .14em; color: var(--pardee-fg-muted); transition: gap var(--dur-base), color var(--dur-base); }
.pardee-knowledge--plain a.pardee-kc:hover .pardee-kc__link { gap: 12px; color: var(--pardee-fg); }
.pardee-knowledge--plain .pardee-knowledge__grid { gap: 36px; }   /* design .hp-kc__grid */

/* ── Responsive (BB breakpoints 992 / 768) ─────────────────── */

@media (max-width: 992px) {
    .pardee-knowledge__grid,
    .pardee-knowledge--cols-4 .pardee-knowledge__grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .pardee-knowledge__grid,
    .pardee-knowledge--cols-4 .pardee-knowledge__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pardee-kc,
    .pardee-kc__link {
        transition: none;
    }

    a.pardee-kc:hover {
        transform: none;
    }
}
/* ── 6-up tiles (design .ss-catgrid--6, Listing Marketing 05 digital reach): slim tiles in one row, no panel ── */
.pardee-knowledge--cols-6 .pardee-knowledge__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.pardee-knowledge--tile .pardee-kc { padding: 0; border: 0; background: transparent; box-shadow: none; gap: 10px; }
.pardee-knowledge--tile .pardee-kc__media { border-radius: 0; aspect-ratio: 4 / 3; }
.fl-module-content .pardee-knowledge--tile .pardee-kc__title { font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px; letter-spacing: .15em; text-transform: uppercase; line-height: 1.4; margin: 0; }
.pardee-knowledge--tile .pardee-kc__excerpt, .pardee-knowledge--tile .pardee-kc__body, .pardee-knowledge--tile .pardee-kc__text { font-size: 13px; line-height: 1.5; }
.pardee-knowledge--tile .pardee-kc__labels { display: none; }
@media (max-width: 992px) { .pardee-knowledge--cols-6 .pardee-knowledge__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* Two across on a phone: the tiles carry no panel padding, so the gutter is the only separation
   between one tile's title and the next. Widen it, and let a single long token (a domain, say)
   wrap instead of running out of its track into the tile beside it. */
@media (max-width: 768px) {
    .pardee-knowledge--cols-6 .pardee-knowledge__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 24px; }
    .pardee-knowledge--cols-6 .pardee-kc__title { overflow-wrap: anywhere; }
}
.pardee-kc__link { display: inline-flex; align-items: center; gap: 8px; width: auto; align-self: flex-start; }
.pardee-kc .pardee-kc__link, .pardee-kc a.pardee-kc__link { display: inline-flex; align-items: center; gap: 8px; width: auto; align-self: flex-start; white-space: nowrap; }
.pardee-kc__row { display: grid; gap: 4px; }
.pardee-kc__lbl { display: block; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--pardee-fg-muted); }
.pardee-kc__val { display: block; font-size: 14.5px; line-height: 1.55; color: var(--pardee-fg-muted); }
.pardee-kc__rows { display: grid; grid-template-columns: 1fr; gap: 12px; }
.pardee-kc__lbl { color: var(--pardee-list-dash, var(--pp-terracotta)); }   /* design .lm-case__k / .prep-case__k terracotta */
.pardee-knowledge--tile .pardee-kc__body p, .pardee-knowledge--tile .pardee-kc__body { font-size: 13px; line-height: 1.5; }
.pardee-kc__row { grid-template-columns: minmax(0, 1fr); }   /* key above value (design .lm-case__row) */
.pardee-knowledge--tile .pardee-kc__val { font-size: 13px; line-height: 1.5; }
.pardee-kc .pardee-kc__link { font-family: var(--pardee-tl-font); font-size: var(--pardee-tl-size); font-weight: var(--pardee-tl-weight); letter-spacing: var(--pardee-tl-ls); text-transform: var(--pardee-tl-case); text-decoration: var(--pardee-tl-underline); text-underline-offset: 4px; }
.pardee-kc .pardee-kc__link { color: var(--pardee-tl-color, var(--pardee-link)); }
.pardee-kc .pardee-kc__link i.icon-pp-arrow-right { width: var(--pardee-tl-icon); height: var(--pardee-tl-icon); font-size: var(--pardee-tl-icon); }

/* ── "Card style → Result" (ADDITIVE): the vertical case-study card of Results "02 Results grid"
   (design .results-card, results.css) and Case Study "09 Related results" (.case-related__grid — same card).
   The base .pardee-kc already matches the design on a light surface (cream card bg, blush-soft hairline,
   --pardee-r-card 0, 4:3 thumb, 22/22/24 body, 12px stack, metrics rule, 20px Bodoni figures), so this block
   only carries what differs: the 36/28 grid, the tinted hover, the italic clamp title, the 14px text, the tone
   badges, the glass status label and the filled ink CTA button. ─────────────────────────────────────── */

.pardee-knowledge--result {
    --pardee-kc-hover-bg: var(--pp-cream-warm);      /* design .results-card:hover */
}

[data-pardee-surface="ink"] .pardee-knowledge--result,
[data-pardee-surface="ink-deep"] .pardee-knowledge--result,
[data-pardee-surface="ink-mid"] .pardee-knowledge--result,
[data-pardee-surface="chocolate"] .pardee-knowledge--result,
[data-pardee-surface="sable"] .pardee-knowledge--result,
[data-pardee-surface="terracotta"] .pardee-knowledge--result,
[data-pardee-surface="photo"] .pardee-knowledge--result {
    --pardee-kc-hover-bg: rgba(255, 246, 240, .1);   /* cream-warm would blow out on a dark row */
}

.pardee-knowledge--result .pardee-knowledge__grid { gap: 36px 28px; }   /* design .results-grid / .case-related__grid */

.pardee-knowledge--result a.pardee-kc:hover { background: var(--pardee-kc-hover-bg); transform: none; }

/* Badges — design .results-card__badges / __badge (24px chip, 10.5px .14em, 4px radius) */
.pardee-knowledge--result .pardee-kc__labels { top: 14px; left: 14px; max-width: calc(100% - 28px); }

.pardee-knowledge--result .pardee-kc__badge {
    height: 24px;
    padding: 0 10px;
    font-size: 10.5px;
    letter-spacing: .14em;
    border-radius: var(--pardee-r-chip);
    background: var(--pardee-badge-bg, var(--pp-cream));
    color: var(--pardee-badge-fg, var(--pp-ink-mid));
}

/* Tone = custom properties so a modifier class wins whatever the card style's specificity is.
   results.css .results-card__badge--prep/-pricing/-mkt/-pivot/-trust/-remote/-buyer + casestudy.css --nego/-stage/-condo.
   #DDEFE3 / #2A5743 (mint) have no --pp-* token — same as the category dots above. */
.pardee-kc__badge--prep    { --pardee-badge-bg: var(--pp-blush); }
.pardee-kc__badge--pricing { --pardee-badge-bg: var(--pp-sky); }
.pardee-kc__badge--mkt     { --pardee-badge-bg: var(--pp-tan); }
.pardee-kc__badge--pivot   { --pardee-badge-bg: var(--pp-blush-soft); }
.pardee-kc__badge--trust   { --pardee-badge-bg: var(--pp-sand); }
.pardee-kc__badge--remote  { --pardee-badge-bg: #DDEFE3; --pardee-badge-fg: #2A5743; }
.pardee-kc__badge--buyer   { --pardee-badge-bg: var(--pp-ink-mid); --pardee-badge-fg: var(--pp-cream); }
.pardee-kc__badge--nego    { --pardee-badge-bg: #DDEFE3; --pardee-badge-fg: #2A5743; }
.pardee-kc__badge--stage   { --pardee-badge-bg: var(--pp-blush-dusty); }
.pardee-kc__badge--condo   { --pardee-badge-bg: var(--pp-sky); }

/* Status — design .results-card__status (new element: nothing rendered it before this variant) */
.pardee-kc__status {
    position: absolute;
    bottom: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 24px;
    padding: 0 10px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--pp-cream);
    background: rgba(2, 37, 52, .78);
    backdrop-filter: blur(4px);
    border-radius: var(--r-xs);
}

/* Title — design .results-card__title: italic Bodoni, clamp(20,1.6vw,23) */
.fl-module-content .pardee-knowledge--result .pardee-kc__title {
    font-style: italic;
    font-size: clamp(20px, 1.6vw, 23px);
    line-height: 1.18;
    letter-spacing: .002em;
}

/* Text rows — design .results-card__challenge is 14px (the module's 14.5px default) */
.pardee-knowledge--result .pardee-kc__val { font-size: 14px; }

/* Filled CTA — design .results-card__cta. Stays a span: the whole card is the link.
   New element, so it is unscoped; margin-top auto pins it to the foot of a card with no figures, and the
   16px gap under the figures rule when there is one (the design's .results-card__title + __cta rule). */
.pardee-kc__btn {
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 20px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--pp-cream);
    background: var(--pp-ink-mid);
    border: 1px solid var(--pp-ink-mid);
    border-radius: var(--r-xs);
    text-align: center;
    transition: background var(--dur-base), border-color var(--dur-base), color var(--dur-base);
}

.pardee-kc__metrics + .pardee-kc__btn { margin-top: 16px; }

.pardee-kc__btn .icon-pp-arrow-right { font-size: 12px; transition: transform var(--dur-base); }

a.pardee-kc:hover .pardee-kc__btn,
a.pardee-kc:focus-visible .pardee-kc__btn {
    background: var(--pp-terracotta);
    border-color: var(--pp-terracotta);
    color: var(--pp-cream);
}

a.pardee-kc:hover .pardee-kc__btn .icon-pp-arrow-right { transform: translateX(4px); }

[data-pardee-surface="ink"] .pardee-kc__btn,
[data-pardee-surface="ink-deep"] .pardee-kc__btn,
[data-pardee-surface="ink-mid"] .pardee-kc__btn,
[data-pardee-surface="chocolate"] .pardee-kc__btn,
[data-pardee-surface="sable"] .pardee-kc__btn,
[data-pardee-surface="terracotta"] .pardee-kc__btn,
[data-pardee-surface="photo"] .pardee-kc__btn {
    color: var(--pp-ink-mid);                 /* ink on ink is invisible — flip to the cream button */
    background: var(--pp-cream);
    border-color: var(--pp-cream);
}

@media (max-width: 992px) {
    .pardee-knowledge--result .pardee-knowledge__grid { gap: 36px 24px; }   /* design @1024 */
}

@media (max-width: 768px) {
    .pardee-knowledge--result .pardee-knowledge__grid { gap: 28px; }        /* design @640 */
}

@media (prefers-reduced-motion: reduce) {
    .pardee-kc__btn,
    .pardee-kc__btn .icon-pp-arrow-right { transition: none; }

    a.pardee-kc:hover .pardee-kc__btn .icon-pp-arrow-right { transform: none; }
}

/* ── Rail card (additive) — design blog.css `.related__col--read .acard`: the blog post
   template's "Read next" column. One column of horizontal cards: 100px square thumb | dotted category
   tag + serif title + reading time. Scoped to .pardee-knowledge--rail, so no other card style moves. ── */

.pardee-knowledge--rail .pardee-knowledge__grid {
    grid-template-columns: 1fr;
    gap: 24px;                                   /* design .related__col--read gap */
}

.pardee-knowledge--rail .pardee-kc {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
    align-items: start;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    overflow: visible;
}

.pardee-knowledge--rail a.pardee-kc:hover { transform: none; border-color: transparent; }

.pardee-knowledge--rail .pardee-kc__media {
    aspect-ratio: 1;                             /* design .related__col--read .acard__img */
    border-radius: 0;
    overflow: hidden;
}

.pardee-knowledge--rail .pardee-kc__img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;                          /* the 100px square is the media box, not the 4:3 base card */
    transition: transform var(--dur-base) var(--ease-soft);
}
.pardee-knowledge--rail a.pardee-kc:hover .pardee-kc__img { transform: scale(1.015); }

.pardee-knowledge--rail .pardee-kc__body {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pardee-knowledge--rail .pardee-kc__cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--pardee-fg, var(--pp-ink-mid));
    margin: 0;
}

.pardee-knowledge--rail .pardee-kc__cat::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pp-terracotta);
    flex: 0 0 auto;
}
.pardee-knowledge--rail .pardee-kc__cat[data-cat="selling"]::before      { background: var(--pp-ink-mid); }
.pardee-knowledge--rail .pardee-kc__cat[data-cat="leasing"]::before      { background: var(--pp-clay); }
.pardee-knowledge--rail .pardee-kc__cat[data-cat="finance"]::before      { background: #356FA0; }
.pardee-knowledge--rail .pardee-kc__cat[data-cat="market"]::before       { background: var(--pp-clay-mid); }
.pardee-knowledge--rail .pardee-kc__cat[data-cat="improve"]::before      { background: var(--pp-sable); }
.pardee-knowledge--rail .pardee-kc__cat[data-cat="neighborhood"]::before { background: #5B7C4A; }
.pardee-knowledge--rail .pardee-kc__cat[data-cat="community"]::before    { background: #9A4121; }

.fl-module-content .pardee-knowledge--rail .pardee-kc__title {
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 17px;                             /* design .related__col--read .acard__h */
    line-height: 1.2;
    letter-spacing: -.005em;
    color: var(--pardee-fg, var(--pp-ink-mid));
    text-transform: none;
    margin: 0;
}

.pardee-knowledge--rail .pardee-kc__readmeta {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 11px;                             /* design .related__col--read .acard__meta */
    letter-spacing: .04em;
    color: var(--pardee-fg-muted, var(--pp-clay));
    margin-top: auto;
}

/* the design's card has no "Read article" line — the whole card is the link */
.pardee-knowledge--rail .pardee-kc__link { display: none; }

@media (max-width: 480px) {
    .pardee-knowledge--rail .pardee-kc { grid-template-columns: 84px 1fr; gap: 14px; }
}

/* ── Location meta (additive — property story .scard__meta) ──────────────
   A card that sets the per-card "Location meta" prints it after the Location on the
   same line, separated by a middot. A card without the key renders unchanged. */
.pardee-kc__cat:has(.pardee-kc__meta) { display: inline-flex; align-items: center; gap: 12px; }
.pardee-kc__meta { display: inline-flex; align-items: center; gap: 12px; color: inherit; }
.pardee-kc__meta::before { content: "·"; opacity: .5; }

/* ── Article + Feature cards (additive — blog hub "05 Latest", the category archive grid and
   "03 Featured insight"; design blog.css .articles / .acard / .featured). Every rule is scoped to
   .pardee-knowledge--article or --feature, so no other card style moves. ─────────────────────────────── */

.pardee-knowledge--cols-2 .pardee-knowledge__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.pardee-knowledge--article .pardee-knowledge__grid { gap: 48px 32px; }   /* design .articles */

.pardee-knowledge--article .pardee-kc {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible;
    gap: 16px;
}
.pardee-knowledge--article a.pardee-kc:hover { transform: none; border-color: transparent; }

.pardee-knowledge--article .pardee-kc__media { background: transparent; overflow: hidden; }
.pardee-knowledge--article .pardee-kc__img { aspect-ratio: 4 / 3; transition: transform var(--dur-base) var(--ease-soft); }
.pardee-knowledge--article a.pardee-kc:hover .pardee-kc__img { transform: scale(1.015); }

.pardee-knowledge--article .pardee-kc__body { padding: 0; gap: 16px; }

/* dotted category tag (design .acard__tag / .featured__tag) */
.pardee-knowledge--article .pardee-kc__cat,
.pardee-knowledge--feature .pardee-kc__cat {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--pardee-fg, var(--pp-ink-mid));
    margin: 0;
}
.pardee-knowledge--article .pardee-kc__cat::before,
.pardee-knowledge--feature .pardee-kc__cat::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pardee-kc-dot, var(--pp-terracotta));
    flex: 0 0 auto;
}
.pardee-knowledge--feature .pardee-kc__cat::before { width: 8px; height: 8px; }
.pardee-knowledge--article .pardee-kc__cat[data-cat="selling"],
.pardee-knowledge--feature .pardee-kc__cat[data-cat="selling"]      { --pardee-kc-dot: var(--pp-ink-mid); }
.pardee-knowledge--article .pardee-kc__cat[data-cat="leasing"],
.pardee-knowledge--feature .pardee-kc__cat[data-cat="leasing"]      { --pardee-kc-dot: var(--pp-clay); }
.pardee-knowledge--article .pardee-kc__cat[data-cat="finance"],
.pardee-knowledge--feature .pardee-kc__cat[data-cat="finance"]      { --pardee-kc-dot: #356FA0; }
.pardee-knowledge--article .pardee-kc__cat[data-cat="market"],
.pardee-knowledge--feature .pardee-kc__cat[data-cat="market"]       { --pardee-kc-dot: var(--pp-clay-mid); }
.pardee-knowledge--article .pardee-kc__cat[data-cat="improve"],
.pardee-knowledge--feature .pardee-kc__cat[data-cat="improve"]      { --pardee-kc-dot: var(--pp-sable); }
.pardee-knowledge--article .pardee-kc__cat[data-cat="neighborhood"],
.pardee-knowledge--feature .pardee-kc__cat[data-cat="neighborhood"] { --pardee-kc-dot: #5B7C4A; }
.pardee-knowledge--article .pardee-kc__cat[data-cat="community"],
.pardee-knowledge--feature .pardee-kc__cat[data-cat="community"]    { --pardee-kc-dot: #9A4121; }

.fl-module-content .pardee-knowledge--article .pardee-kc__title {
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: clamp(20px, 1.8vw, 24px);   /* design .acard__h */
    line-height: 1.2;
    letter-spacing: -.005em;
    text-transform: none;
    color: var(--pardee-fg, var(--pp-ink-mid));
    margin: 0;
}

.pardee-kc__excerpt {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 14.5px;                     /* design .acard__excerpt */
    line-height: 1.6;
    letter-spacing: .015em;
    color: var(--pardee-fg-muted, var(--pp-clay));
    margin: 0;
}

.pardee-kc__meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 12px;                       /* design .acard__meta */
    letter-spacing: .04em;
    color: var(--pardee-fg-muted, var(--pp-clay));
    margin-top: auto;
}
.pardee-kc__meta-row span + span::before { content: "·"; opacity: .55; margin-right: 12px; }

/* ── Feature: one wide article card (design .featured) ────── */

.pardee-knowledge--feature .pardee-knowledge__grid { grid-template-columns: 1fr; gap: 0; }
.pardee-knowledge--feature .pardee-kc {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 0;
    align-items: stretch;
    border: 1px solid var(--pardee-line);
    border-radius: 0;
    background: var(--pardee-card-bg);
    overflow: hidden;
}
.pardee-knowledge--feature a.pardee-kc:hover { transform: none; }
.pardee-knowledge--feature .pardee-kc__media { min-height: 520px; background: var(--pp-sand); }
.pardee-knowledge--feature .pardee-kc__img { aspect-ratio: auto; height: 100%; min-height: 520px; }
.pardee-knowledge--feature .pardee-kc__body {
    padding: 56px 56px 48px;               /* design .featured__body */
    gap: 18px;
    justify-content: center;
}
.fl-module-content .pardee-knowledge--feature .pardee-kc__title {
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: clamp(28px, 3.4vw, 46px);   /* design .featured__h */
    line-height: 1.05;
    letter-spacing: -.012em;
    text-transform: none;
    color: var(--pardee-fg, var(--pp-ink-mid));
    max-width: 16ch;
    margin: 0;
}
.pardee-knowledge--feature .pardee-kc__excerpt { font-size: 16px; line-height: 1.65; max-width: 52ch; }
.pardee-knowledge--feature .pardee-kc__meta-row {
    font-size: 12.5px;                     /* design .featured__meta */
    gap: 16px;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--pardee-line);
}
.pardee-knowledge--feature .pardee-kc__meta-row span + span::before { margin-right: 16px; }
.pardee-knowledge--feature .pardee-kc__btn { align-self: flex-start; margin-top: 8px; }

/* ── Next-page link (design .alink--clay under the grid) ──── */

.pardee-knowledge__more { margin-top: 56px; text-align: center; }
.pardee-knowledge__more-link {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    font-family: var(--font-display);
    font-size: 13px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--pardee-fg-muted, var(--pp-clay));
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom: 1px solid currentColor;
    transition: gap var(--dur-base) var(--ease-soft), color var(--dur-base);
}
.pardee-knowledge__more-link:hover { gap: 14px; color: var(--pardee-fg, var(--pp-ink-mid)); }
.pardee-knowledge__more-link .icon-pp-arrow-right { font-size: 11px; }

@media (max-width: 992px) {
    .pardee-knowledge--article .pardee-knowledge__grid { gap: 36px 24px; }
    .pardee-knowledge--cols-2 .pardee-knowledge__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pardee-knowledge--feature .pardee-kc { grid-template-columns: 1fr; }
    .pardee-knowledge--feature .pardee-kc__media { min-height: 0; }
    .pardee-knowledge--feature .pardee-kc__img { aspect-ratio: 16 / 9; height: auto; min-height: 0; }
    .pardee-knowledge--feature .pardee-kc__body { padding: 36px 32px 32px; }
}

@media (max-width: 768px) {
    .pardee-knowledge--article .pardee-knowledge__grid,
    .pardee-knowledge--cols-2 .pardee-knowledge__grid { grid-template-columns: 1fr; gap: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    .pardee-knowledge--article .pardee-kc__img,
    .pardee-knowledge__more-link { transition: none; }
    .pardee-knowledge--article a.pardee-kc:hover .pardee-kc__img { transform: none; }
}

/* The design puts the featured card on a clay/sable band and keeps the card itself cream (blog.css
   .section--clay .featured), so the feature card re-declares the light surface tokens inside itself. */
[data-pardee-surface="ink"] .pardee-knowledge--feature .pardee-kc,
[data-pardee-surface="ink-deep"] .pardee-knowledge--feature .pardee-kc,
[data-pardee-surface="ink-mid"] .pardee-knowledge--feature .pardee-kc,
[data-pardee-surface="chocolate"] .pardee-knowledge--feature .pardee-kc,
[data-pardee-surface="sable"] .pardee-knowledge--feature .pardee-kc,
[data-pardee-surface="terracotta"] .pardee-knowledge--feature .pardee-kc,
[data-pardee-surface="photo"] .pardee-knowledge--feature .pardee-kc {
    --pardee-fg: var(--pp-ink-mid);
    --pardee-fg-muted: var(--pp-clay);
    --pardee-line: var(--line-soft);
    --pardee-card-bg: var(--pp-cream);
    --pardee-btn-bg: var(--pp-ink-mid);
    --pardee-btn-fg: var(--pp-cream);
    background: var(--pp-cream);
    border-color: var(--line-soft);
}

/* …and the button inside that cream card stays the light-surface filled button (the dark-surface
   .pardee-kc__btn rules above out-specify a token declaration on the card). */
[data-pardee-surface="ink"] .pardee-knowledge--feature .pardee-kc__btn,
[data-pardee-surface="ink-deep"] .pardee-knowledge--feature .pardee-kc__btn,
[data-pardee-surface="ink-mid"] .pardee-knowledge--feature .pardee-kc__btn,
[data-pardee-surface="chocolate"] .pardee-knowledge--feature .pardee-kc__btn,
[data-pardee-surface="sable"] .pardee-knowledge--feature .pardee-kc__btn,
[data-pardee-surface="terracotta"] .pardee-knowledge--feature .pardee-kc__btn,
[data-pardee-surface="photo"] .pardee-knowledge--feature .pardee-kc__btn {
    background: var(--pp-ink-mid);
    color: var(--pp-cream);
    border-color: var(--pp-ink-mid);
}

/* ══ Card style → Story (additive) ═════════════════════════════════════════════════════════════
   design property-story.html 15 "More homes with a story" `.scard` (property-story.css): a 4:5 photo with a
   cream status chip top-left, an uppercase "place · beds" meta line, a 24px serif title and an underlined
   uppercase CTA — no panel, on the row surface. Every rule is scoped to .pardee-knowledge--story. */
.pardee-knowledge--story .pardee-knowledge__grid { gap: 36px; }
.pardee-knowledge--story .pardee-kc { gap: 14px; background: transparent; border: 0; padding: 0; transition: transform var(--dur-base, .3s) var(--ease-soft, ease); }
.pardee-knowledge--story .pardee-kc:hover { transform: translateY(-4px); }
/* the base media wrapper carries a sand placeholder fill; the export's .scard__img is just the photo */
.pardee-knowledge--story .pardee-kc__media { background: transparent; border: 0; }
.pardee-knowledge--story .pardee-kc__img { aspect-ratio: 4 / 5; border-radius: 0; }
.pardee-knowledge--story .pardee-kc__labels { top: 14px; left: 14px; }
.pardee-knowledge--story .pardee-kc__tag {
    display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 0;
    background: var(--pp-cream); color: var(--pp-ink-mid);
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase;
}
.pardee-knowledge--story .pardee-kc__tag::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--kc-status, #2A5743); }
.pardee-knowledge--story .pardee-kc__tag[data-status="coming"] { --kc-status: var(--pp-clay); }
.pardee-knowledge--story .pardee-kc__tag[data-status="sold"]   { --kc-status: var(--pp-terracotta); }
.pardee-knowledge--story .pardee-kc__tag[data-status="leased"] { --kc-status: var(--pp-ink-mid); }
.pardee-knowledge--story .pardee-kc__body { display: flex; flex-direction: column; gap: 14px; padding: 0; }
.pardee-knowledge--story .pardee-kc__cat { margin: 6px 0 0; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 10.5px; letter-spacing: .22em; text-transform: uppercase; color: var(--pardee-fg-muted); }
.fl-module-content .pardee-knowledge--story .pardee-kc__title { margin: 0; max-width: 22ch; font-family: var(--font-display); font-weight: var(--pardee-w-regular); font-size: clamp(20px, 1.9vw, 24px); line-height: 1.2; letter-spacing: -.005em; color: var(--pardee-fg); }
.pardee-knowledge--story .pardee-kc__link {
    align-self: flex-start; align-items: center; line-height: 1.64; margin-top: 4px; padding-top: 0; padding-bottom: 4px; gap: 8px;
    border-bottom: 1px solid var(--pardee-fg);
    font-family: var(--font-display); font-weight: var(--pardee-w-regular); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--pardee-fg);
    transition: gap var(--dur-base, .3s);
}
.pardee-knowledge--story .pardee-kc:hover .pardee-kc__link { gap: 14px; }
@media (max-width: 768px) { .pardee-knowledge--story .pardee-knowledge__grid { grid-template-columns: minmax(0, 1fr); } }

/* an icon-font glyph's advance is taller/wider than its em box, so the arrow is boxed to the export's 11px */
.pardee-knowledge--story .pardee-kc__link i { display: block; width: 11px; height: 11px; line-height: 11px; font-size: 11px; text-align: center; }

/* ── Case-study filters empty state — design Results.html .results-empty:
   rendered by the 0-offset /results/ grid when a situation filter matches no story. ── */
.pardee-knowledge__empty {
    border: 1px solid var(--pardee-line, #E7DAD1); background: var(--pp-cream-warm, #FBF3EC);
    padding: 56px 48px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 18px;
}
.pardee-knowledge__empty-eyebrow {
    font-family: var(--font-body); font-weight: var(--pardee-w-bold, 600); font-size: 11px;
    letter-spacing: .18em; text-transform: uppercase; color: var(--pp-clay);
}
.pardee-knowledge__empty-h {
    font-family: var(--font-display); font-weight: 400; font-style: italic;
    font-size: 28px; line-height: 1.2; color: var(--pp-ink-mid); margin: 0; max-width: 32ch;
}
.pardee-knowledge__empty-body {
    font-family: var(--font-body); font-size: 15px; line-height: 1.6;
    color: var(--pp-clay); margin: 0; max-width: 52ch;
}
.pardee-knowledge__empty-ctas { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 6px; }
@media (max-width: 768px) {
    .pardee-knowledge__empty { padding: 40px 24px; }
    .pardee-knowledge__empty-h { font-size: 24px; }
}
/* The engine dims the swapped fragments while a fetch is in flight (same treatment as the reviews grid). */
.pardee-knowledge.is-loading { opacity: .55; transition: opacity .15s ease; pointer-events: none; }
.cs-loadmore a.fl-button.is-loading { opacity: .6; cursor: progress; }
 .fl-node-t2wfojb409kd > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-t2wfojb409kd.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-t2wfojb409kd.fl-module > .fl-module-content {
	margin-top:32px;
}
}
:where(.fl-builder-content .fl-node-kvsqcjwau9z6.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-kvsqcjwau9z6.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-kvsqcjwau9z6.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-kvsqcjwau9z6.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-zk1d73vou4qa.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-zk1d73vou4qa.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-zk1d73vou4qa.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-zk1d73vou4qa.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-size: 21px;
	line-height: 1.55;
	letter-spacing: 0.01em;
}
@media(max-width: 992px) {
	.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *:not(b, strong) {
		font-size: 19px;
	}
}
@media(max-width: 768px) {
	.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *:not(b, strong) {
		font-size: 17px;
	}
}
 .fl-node-pfn0u8ch2ja7.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:36px;
}
@media ( max-width: 992px ) {
 .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-size: 14px;
	line-height: 1.55;
}
 .fl-node-tpbz5rv2foyd.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:14px;
}
@media ( max-width: 992px ) {
 .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-s893qnpotr6b.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-s893qnpotr6b.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-s893qnpotr6b.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-size: 14px;
	line-height: 1.55;
}
 .fl-node-s893qnpotr6b.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:18px;
}
@media ( max-width: 992px ) {
 .fl-node-s893qnpotr6b.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-s893qnpotr6b.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
 .fl-node-wrnia46m7uzd > .fl-module-content {
	margin-top:8px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-wrnia46m7uzd.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-wrnia46m7uzd.fl-module > .fl-module-content {
	margin-top:32px;
}
}
/* ── pardee-embed module ──────────────────────────────────────
   Relies on canonical .pardee-eyebrow, .pardee-h2(--sm), .pardee-lede (see _components.scss).
   Surface-aware via --pardee-fg / --pardee-fg-muted / --pardee-line (row tokens).
   Bespoke: the narrow reading column, the dashed placeholder panel (.hv-embed in the
   reference) and the small disclaimer note.
   ───────────────────────────────────────────────────────────── */

.pardee-embed {
    /* content module: the row pads and constrains (Content width → Narrow) */
}

.pardee-embed__inner {
    width: 100%;
}

/* ── Panel ──────────────────────────────────────────────── */

.pardee-embed__panel {
    border-radius: var(--r-md);
}

.pardee-embed--placeholder .pardee-embed__panel {
    border: 1.5px dashed var(--pp-tan);
    background: repeating-linear-gradient(135deg, var(--pp-cream-warm), var(--pp-cream-warm) 12px, #FBF1E8 12px, #FBF1E8 24px);
    padding: clamp(28px, 4vw, 44px);
    min-height: 160px;
}

/* Embedded snippet (iframe / script): responsive 16:9 frame, house corner radius */
.pardee-embed--code .pardee-embed__panel {
    overflow: hidden;
}

.pardee-embed--code .pardee-embed__panel iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
}

.pardee-embed--code.pardee-embed--frame-wide .pardee-embed__panel iframe {
    aspect-ratio: 16 / 9;
    height: auto;
}

/* Natural frame: the snippet owns its height (height attribute, Infogram padding-box, Lovable apps). */
.pardee-embed--code.pardee-embed--frame-natural .pardee-embed__panel {
    overflow: visible;
}

.pardee-embed--code .pardee-embed__panel > div,
.pardee-embed--code .pardee-embed__panel > fello-affordability-calculator-widget {
    max-width: 100%;
}

.pardee-embed__placeholder {
    margin: 0;
    font-family: "Courier New", ui-monospace, monospace;
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--pp-clay);
}

.pardee-embed__note {
    margin: 16px 0 0;
    font-family: var(--font-body);
    font-size: 12px;
    letter-spacing: .03em;
    line-height: 1.55;
    color: var(--pardee-fg-muted);
}

/* ── Responsive ─────────────────────────────────────────── */

/* ── Gravity Form source: the panel (layout only) ── */
.pardee-embed--gform .pardee-embed__panel {
    border: 1px solid var(--pardee-line);
    padding: clamp(24px, 3.5vw, 40px);
    background: var(--pardee-card-bg, transparent);
}
/* ── Gravity Form: the LOOK (labels, inputs, checkboxes, selects, button, validation) is site-wide in the theme —
   scss/redesign-2026/_forms.scss on the --pardee-input-* tokens (Component Library §05). This module owns only where the
   fields sit. ── */
/* placeholder mock form (design .hv-embed, Home Value Review 05) */
.pardee-embed__form { display: grid; gap: 12px; margin-top: 12px; max-width: 560px; }
.pardee-embed__input { height: 52px; background: var(--pp-cream); border: 1px solid var(--pp-ink-mid); border-radius: 4px; padding: 0 16px; font-family: var(--font-body); font-size: 15px; color: var(--pp-ink-mid); pointer-events: none; }
.pardee-embed__btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 22px; justify-self: start; background: var(--pp-cream); color: var(--pp-ink-mid); border-radius: 4px; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: var(--pardee-btn-fs); letter-spacing: var(--pardee-btn-track); text-transform: uppercase; text-decoration: none; }
.pardee-embed__note { color: var(--pardee-fg-faint, var(--pardee-fg-muted)); }
.pardee-embed .pardee-embed__form .pardee-embed__input { display: block; width: 100%; height: 52px; line-height: 50px; box-sizing: border-box; font-size: 15px; color: var(--pp-ink-mid); background: var(--pp-cream); border: 1px solid var(--pp-ink-mid); border-radius: 4px; padding: 0 16px; box-shadow: none; }

/* ── Submit button stays inside its column ───────────────────────────────────────────
   Same rule as the site's main buttons: the submit never runs past the form's column. A label
   longer than the column breaks to centred lines; one that fits keeps its one-line 48px box
   (min-height). (0,6,0) so it beats the theme's form-chrome nowrap. */
.fl-row[data-pardee-spacing] .pardee-embed .gform_wrapper .gform_footer .gform_button,
.fl-row[data-pardee-spacing] .pardee-embed .gform_wrapper .gform_footer input[type="submit"] {
    max-width: 100%;
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.2;
    white-space: normal;
    text-align: center;
}

/* ── Submit button icon → "Trailing arrow" (`submit_icon: arrow`) ────────────────────
   Every design export draws the 1.2px-stroke Lucide arrow after the submit label, exactly as after
   a primary button (leasing.html .final__form .btn, Contact Page.html .pp-form__submit .pp-btn).
   BB's Button module gets it from the theme's icon-pp-arrow-right mask rule on its <i>; a Gravity
   Form submit has no icon slot, so the same SVG mask rides a ::after on the <button>. The theme's
   form chrome makes the submit `inline-flex` with a 10px gap, so the pseudo-element lands where a
   button icon would. GF's legacy <input type=submit> markup cannot carry a pseudo-element — the
   option is a no-op there. Default (`none`) renders no class and no rule. */
.pardee-embed--submit-arrow .gform_wrapper .gform_footer button.gform_button::after,
.pardee-embed--submit-arrow .gform_wrapper .gform_footer button[type="submit"]::after {
    content: "";
    width: 1.08em;
    height: 1.08em;
    flex: 0 0 auto;
    line-height: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ── Confirmation ────────────────────────────────────────────────────────────────────
   Gravity Forms' AJAX submit swaps the whole `.gform_wrapper` element out for the
   confirmation markup, so the confirmation lands as a direct child of the module panel,
   outside the site-wide form chrome that is scoped inside the wrapper. These are the
   same confirmation declarations (body face, 15px/1.6, surface foreground, underlined
   links that take the surrounding colour), re-stated on the module where the
   confirmation sits. Values are the site tokens; nothing bespoke. */
.pardee-embed .gform_confirmation_wrapper,
.pardee-embed .gform_confirmation_message {
    font-family: var(--font-body);
    font-size: 15px;
    line-height: 1.6;
    color: var(--pardee-fg);
}

.pardee-embed .gform_confirmation_message a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
 .fl-node-cgd7szo1ew42 > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-cgd7szo1ew42.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-cgd7szo1ew42.fl-module > .fl-module-content {
	margin-top:32px;
}
}









.fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button) {
	width: 100%;
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-node-wyq5k83ultvp.fl-button-wrap, .fl-node-wyq5k83ultvp .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button), .fl-builder-content .fl-node-wyq5k83ultvp a.fl-button:visited, .fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button):hover, .fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-wyq5k83ultvp a.fl-button:visited, .fl-page .fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button):focus {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #022534;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.fl-builder-content .fl-module-button.fl-node-wyq5k83ultvp .fl-button:is(a, button):hover, .fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-wyq5k83ultvp .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button):focus {
	border-color: #001621;
}
:where(.fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-wyq5k83ultvp .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-wyq5k83ultvp.fl-module-button {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-wyq5k83ultvp.fl-module-button.fl-module {
	margin-top:28px;
}
}
@media ( max-width: 768px ) {
 .fl-node-wyq5k83ultvp.fl-module-button.fl-module {
	margin-top:24px;
}
}

/* Start Global Nodes CSS */

/* End Global Nodes CSS */


/* Start Layout CSS */
/* Themer layout CSS — blog post template. Written from .claude/bb-layouts/themer-blog-post.json by
   scripts/build-blog-post-layout.php; edit the spec, never the BB UI. Design: blog-post.html + blog.css.
   Scope: every rule starts at a row/column class of this layout. */

/* ── 01 Post Header (design .posthead) ─────────────────────────────────────────── */
.fl-row.pp-posthead > .fl-row-content-wrap { border-bottom: 1px solid var(--pardee-line); }
.fl-row.pp-posthead h1.pp-posthead__h1 { max-width: 22ch; text-wrap: balance; }
.fl-row.pp-posthead .pp-posthead__dek { color: var(--pardee-fg-muted); max-width: 60ch; text-wrap: pretty; }
.fl-row.pp-posthead .pp-posthead__dek p { margin: 0; }
.fl-row.pp-posthead .pp-posthead__dek p + p { margin-top: 12px; }

/* ── 02 Hero image (design .posthero: full-bleed 16/8 cover) ────────────────────── */
.fl-row.pp-posthero .fl-photo,
.fl-row.pp-posthero .fl-photo-content { display: block; width: 100%; }
.fl-row.pp-posthero .fl-photo-img {
  display: block; width: 100%; height: auto;
  aspect-ratio: 16 / 8; object-fit: cover; object-position: center;
}

/* ── 03 Post body: TOC | article | rail ────────────────────────────────────────── */
@media (min-width: 1181px) {
  .fl-row.pp-postbody .pp-toc-col > .fl-col-content,
  .fl-row.pp-postbody .pp-rail-col > .fl-col-content { position: sticky; top: 40px; }
}
@media (max-width: 1180px) {
  .fl-row.pp-postbody .pp-toc-col { display: none; }                       /* design @1180 */
  .fl-row.pp-postbody .pp-article-col { flex: 0 0 62%; width: 62%; max-width: 62%; }
  .fl-row.pp-postbody .pp-rail-col { flex: 0 0 38%; width: 38%; max-width: 38%; }
}
@media (max-width: 1024px) {                                                /* design @1024 */
  .fl-row.pp-postbody .pp-article-col,
  .fl-row.pp-postbody .pp-rail-col { flex: 0 0 100%; width: 100%; max-width: 100%; }   /* BB writes the column width as `width`, so a flex-basis alone does not stack them */
  .fl-row.pp-postbody .pp-article-col > .fl-col-content { max-width: none; }
  .fl-row.pp-postbody .pp-rail-col { margin-top: 48px; }
}

/* Table of contents (design .toc__list) */
.fl-row.pp-postbody .pp-toc-list .pp-toc-list-wrapper,
.fl-row.pp-postbody .pp-toc-list .pp-toc-header { background: transparent; }
.fl-row.pp-postbody .pp-toc-list ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; }
.fl-row.pp-postbody .pp-toc-list li { border-left: 2px solid var(--pardee-line); margin: 0; }
.fl-row.pp-postbody .pp-toc-list li a {
  display: block; padding: 9px 14px;
  font-family: var(--font-body); font-size: 13px; letter-spacing: .015em; line-height: 1.4;
  color: var(--pardee-fg-muted); text-decoration: none;
  transition: color var(--dur-base), padding var(--dur-base);
}
.fl-row.pp-postbody .pp-toc-list li a:hover { color: var(--pardee-fg); padding-left: 18px; }
.fl-row.pp-postbody .pp-toc-list li.pp-toc-active { border-left-color: var(--pardee-fg); }
.fl-row.pp-postbody .pp-toc-list li.pp-toc-active > a { color: var(--pardee-fg); font-weight: var(--pardee-w-bold); }

/* Article measure (design .postpage__article max-width 720 / .prose max-width 64ch) */
.fl-row.pp-postbody .pp-article-col > .fl-col-content { max-width: 720px; }

/* ── The rendered post body (design .prose). The theme kit styles the BB Rich Text module,
      not the Themer Post Content module, so the reading typography lives here until the kit
      grows a `.pardee-prose` (reported 2026-08-28). ─────────────────────────────────────── */
.pp-prose .pardee-postbody {
  font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 17px;
  line-height: 1.7; letter-spacing: .01em; color: var(--pardee-fg); max-width: 64ch;
}
.pp-prose .pardee-postbody > * + * { margin-top: 24px; }
.pp-prose .pardee-postbody > :first-child { margin-top: 0; }
.pp-prose .pardee-postbody p,
.pp-prose .pardee-postbody li {
  font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 17px;
  line-height: 1.7; letter-spacing: .01em; color: var(--pardee-fg);
}
.pp-prose .pardee-postbody p { margin: 0; text-wrap: pretty; }
/* pp-prose-flow */
/* Text blocks follow the 24px reading rhythm at any depth, including bodies wrapped in a container;
   inside a list item they follow the 8px list rhythm. Embedded forms keep their own spacing. */
.pp-prose .pardee-postbody * + :is(p, ul, ol, table, dl, pre):where(:not(form *, .gform_wrapper *)) { margin-top: 24px; }
.pp-prose .pardee-postbody li > * + :is(p, ul, ol):where(:not(form *, .gform_wrapper *)) { margin-top: 8px; }
/* /pp-prose-flow */
.pp-prose .pardee-postbody h2 {
  font-family: var(--font-display); font-weight: var(--pardee-w-regular); font-size: 36px;
  line-height: 1.15; letter-spacing: -.01em; color: var(--pardee-fg); margin: 56px 0 0;
}
.pp-prose .pardee-postbody h3 {
  font-family: var(--font-display); font-weight: var(--pardee-w-regular); font-size: 24px;
  line-height: 1.2; letter-spacing: -.005em; color: var(--pardee-fg); margin: 40px 0 0;
}
.pp-prose .pardee-postbody h4 { font-family: var(--font-display); font-weight: var(--pardee-w-regular); font-size: 20px; line-height: 1.25; color: var(--pardee-fg); margin: 32px 0 0; }
.pp-prose .pardee-postbody ul,
.pp-prose .pardee-postbody ol { padding-left: 24px; margin-bottom: 0; }
.pp-prose .pardee-postbody li + li { margin-top: 8px; }
.pp-prose .pardee-postbody strong { font-weight: var(--pardee-w-bold); color: var(--pardee-fg); }
.pp-prose .pardee-postbody a { color: var(--pardee-fg); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pp-prose .pardee-postbody a:hover { text-decoration-thickness: 2px; }
.pp-prose .pardee-postbody blockquote {
  border: 0; border-left: 3px solid var(--pardee-fg-muted); background: transparent;
  padding: 6px 0 6px 24px; margin: 40px 0;
  font-family: var(--font-display); font-style: normal; font-size: 28px; line-height: 1.3;
  letter-spacing: -.005em; color: var(--pardee-fg); max-width: none;
}
.pp-prose .pardee-postbody blockquote p { font-size: inherit; line-height: inherit; font-family: inherit; margin: 0; }
.pp-prose .pardee-postbody img,
.pp-prose .pardee-postbody figure,
.pp-prose .pardee-postbody .wp-block-image { margin: 40px 0; max-width: 100%; height: auto; }
.pp-prose .pardee-postbody figure { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; max-width: 100%; }   /* minmax(0,1fr): never let the track grow to a 3000w srcset candidate */
.pp-prose .pardee-postbody figure img { margin: 0; width: 100%; height: auto; }
.pp-prose .pardee-postbody figcaption,
.pp-prose .pardee-postbody .wp-caption-text {
  font-family: var(--font-body); font-size: 12.5px; letter-spacing: .04em; color: var(--pardee-fg-muted); margin: 0;
}
.pp-prose .pardee-postbody hr { border: 0; border-top: 1px solid var(--pardee-line); margin: 48px 0; }
.pp-prose .pardee-postbody table { width: 100%; border-collapse: collapse; font-size: 15px; }
.pp-prose .pardee-postbody td,
.pp-prose .pardee-postbody th { border-bottom: 1px solid var(--pardee-line); padding: 10px 12px 10px 0; text-align: left; }
@media (max-width: 768px) {
  .pp-prose .pardee-postbody { font-size: 16px; }
  .pp-prose .pardee-postbody h2 { font-size: 26px; margin-top: 40px; }
  .pp-prose .pardee-postbody h3 { font-size: 20px; margin-top: 28px; }
  .pp-prose .pardee-postbody blockquote { font-size: 22px; }
}

/* ── Sidebar rail (design .rail-card / .newsletter--card) ───────────────────────── */
.fl-row.pp-postbody .pp-rail-col > .fl-col-content > .fl-col-group + .fl-col-group { margin-top: 32px; }
.fl-row.pp-postbody .pp-rail-card > .fl-col-content { background: var(--pardee-card-bg); }
.fl-row.pp-postbody .pp-rail-card h3.fl-module-heading { color: var(--pardee-fg); }

/* Link rows inside a rail card (design .rail-card ul/li/a) */
.pp-rail-links ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0; }
.pp-rail-links li { border-top: 1px solid var(--pardee-line); margin: 0; }
.pp-rail-links li:last-child { border-bottom: 1px solid var(--pardee-line); }
.pp-rail-links li a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 12px 0;
  font-family: var(--font-body); font-size: 14px; letter-spacing: .01em;
  color: var(--pardee-fg); text-decoration: none;
  transition: padding var(--dur-base), color var(--dur-base);
}
.pp-rail-links li a::after {
  content: ""; width: 12px; height: 12px; flex: 0 0 auto; opacity: .5;
  background: currentColor; -webkit-mask: var(--pp-arrow-mask) center / contain no-repeat; mask: var(--pp-arrow-mask) center / contain no-repeat;
}
.pp-rail-links li a:hover { padding-left: 6px; color: var(--pardee-fg-muted); }
.pp-rail-links li a:hover::after { opacity: 1; }
.pp-rail-links {
  --pp-arrow-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* ── 04 Related content (design .related) ──────────────────────────────────────── */
.fl-row.pp-related h6.pp-rel-head, .fl-row.pp-related p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *).pp-rel-head {
  padding-bottom: 16px; border-bottom: 1px solid var(--pardee-line);
}
.fl-row.pp-related .pp-rel-col > .fl-col-content { padding-left: 0; padding-right: 0; }
.fl-row.pp-related .fl-row-content > .fl-col-group + .fl-col-group { margin-top: 48px; }
.fl-row.pp-related .pp-rel-cta > .fl-col-content { padding-top: 32px; border-top: 1px solid var(--pardee-line); }
.fl-row.pp-related .pp-rel-cta__text { max-width: none; }   /* core-modules.css caps a Rich Text at 62ch; the design's CTA line runs the column */
.fl-row.pp-related .pp-rel-cta__text p {
  font-family: var(--font-display); font-weight: var(--pardee-w-regular); font-size: 28px;
  line-height: 1.2; letter-spacing: -.005em; color: var(--pardee-fg); margin: 0; max-width: none;
}
@media (max-width: 1024px) {
  .fl-row.pp-related .pp-rel-col,
  .fl-row.pp-related .pp-rel-cta { flex: 0 0 100%; width: 100%; max-width: 100%; }
  .fl-row.pp-related .pp-rel-col + .pp-rel-col { margin-top: 40px; }   /* design .related__grid gap at ≤1024 */
  .fl-row.pp-related .pp-rel-cta--btn > .fl-col-content { border-top: 0; padding-top: 16px; }
  .fl-row.pp-related .pp-rel-cta--btn { text-align: left; }
}


/* The design's `.related` sits on cream-warm but keeps the blush-soft hairline; the theme's cream-warm
   surface token uses a cream-alpha line (client rule for sand/tan), which vanishes on this section. */
.fl-row.pp-related { --pardee-line: var(--pp-blush-soft); }

/* Rail cards (design .rail-card): the global layer's panel padding is 30/26/22; the design's card is 24/26. */
.fl-row.pp-postbody .pp-rail-card > .fl-col-content {
  background: var(--pp-cream);
  border: 1px solid var(--pardee-line);
  padding: 24px 26px;
}
@media (max-width: 768px) {
  .fl-row.pp-postbody .pp-rail-card > .fl-col-content { padding: 22px; }
}

/* A post with no featured image (or an attachment missing from this database) leaves BB's 1px
   placeholder in a 16:8 box — drop the whole hero row rather than show an empty band. */
.fl-row.pp-posthero:has(img[src*="bb-plugin/img/pixel.png"]) { display: none; }

/* The dek is the post excerpt; legacy posts have none, and an empty Rich Text still takes its margin. */
.fl-row.pp-posthead .pp-posthead__dek:not(:has(p)) { display: none; }

/* PowerPack's TOC reads `h2` from the article. Legacy posts (ACF content blocks) mostly have none, and a
   one-item list is noise — hide the column's content but keep its track so the 3-column grid holds. */
.fl-row.pp-postbody .pp-toc-list .pp-toc-container,
.fl-row.pp-postbody .pp-toc-list .pp-toc-body { background: transparent; }
.fl-row.pp-postbody:not(:has(.pp-toc-list-wrapper li + li)) .pp-toc-col > .fl-col-content { display: none; }

/* The CTA button sits hard right on its own row (design .related__cta grid 1fr auto). */
.fl-row.pp-related .pp-rel-cta--btn > .fl-col-content { display: flex; justify-content: flex-end; align-items: center; }
@media (max-width: 1024px) {
  .fl-row.pp-related .pp-rel-cta--btn > .fl-col-content { justify-content: flex-start; }
}


/* ── Second parity round (2026-08-28) ─────────────────────────────────────────────────────────── */


/* Inline arrow glyphs now live in the link markup (design .related__col--tool a svg), so the CSS
   mask arrow is off — keeping both would double them. */
.pp-rail-links li a::after { content: none; }
.pp-rail-links li a svg { width: 12px; height: 12px; flex: 0 0 auto; opacity: .5; transition: opacity var(--dur-base), transform var(--dur-base); }
.pp-rail-links li a:hover svg { opacity: 1; transform: translateX(3px); }


/* The closing line (design .related__cta-text) is display type, not body copy: it carries the kit's
   `.pardee-pull` class so the body-typography audit skips it, and the design's own values here — no
   hairline, upright, 28px (the kit pull is an italic 21px quote with a 3px rule). */
.fl-row.pp-related .pp-rel-cta__text .pardee-pull {
  border-left: 0; padding: 0; margin: 0; font-style: normal;
  font-family: var(--font-display); font-size: 28px; line-height: 1.2; letter-spacing: -.005em;
  color: var(--pardee-fg); max-width: none;
}


/* Rich Text is capped at 62ch by core-modules.css; a list of links runs its column. */
.pp-rail-links { max-width: none; }

/* The head pair collapses with the grid (design .related__head @1024). */
@media (max-width: 1024px) {
  .fl-row.pp-related .fl-row-content > .fl-col-group:first-child > .fl-col { flex: 0 0 100%; width: 100%; max-width: 100%; }
  .fl-row.pp-related .fl-row-content > .fl-col-group:first-child > .fl-col + .fl-col > .fl-col-content { padding-left: 0; margin-top: 16px; }
}

/* The rule above zeroes the column padding, so Read next | Use a tool | Browse the market sit
   edge to edge and a full-width headline touches the link list beside it. The design grid
   (blog.css .related__grid) is `2fr 1fr 1fr` with a 40px gap; this padding split reproduces
   its 580 / 290 / 290 tracks on the 1240px measure. One class more than the zeroing rule, so
   source order does not matter. Stacked below 1024, the padding comes back off. */
.fl-row.pp-related .fl-col-group > .pp-rel-read > .fl-col-content { padding-right: 40px; }
.fl-row.pp-related .fl-col-group > .pp-rel-tool > .fl-col-content { padding-right: 20px; }
.fl-row.pp-related .fl-col-group > .pp-rel-browse > .fl-col-content { padding-left: 20px; }
@media (max-width: 1024px) {
  .fl-row.pp-related .fl-col-group > .pp-rel-read > .fl-col-content,
  .fl-row.pp-related .fl-col-group > .pp-rel-tool > .fl-col-content { padding-right: 0; }
  .fl-row.pp-related .fl-col-group > .pp-rel-browse > .fl-col-content { padding-left: 0; }
}
/* === /pp-related-gutter === */

/* End Layout CSS */


        			.fl-node-acwrhq68f5tp .fl-row-content {
				min-width: 0px;
			}
		
        
        			.fl-node-mz1ixg9rl4j2 .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-sxeiakpcym39 .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-3cuadbwt40qf .fl-row-content {
				min-width: 0px;
			}