/**
 * 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;
	}
}
.page .fl-post-header, .single-fl-builder-template .fl-post-header { display:none; }





.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-bsxu6lofcz3d > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-bsxu6lofcz3d.fl-row-default-height > .fl-row-content-wrap, .fl-node-bsxu6lofcz3d.fl-row-full-height > .fl-row-content-wrap, .fl-node-bsxu6lofcz3d.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-bsxu6lofcz3d > .fl-row-content-wrap {
	padding-top:56px;
	padding-bottom:96px;
}
@media ( max-width: 992px ) {
 .fl-node-bsxu6lofcz3d.fl-row > .fl-row-content-wrap {
	padding-top:120px;
	padding-bottom:72px;
}
}
@media ( max-width: 768px ) {
 .fl-node-bsxu6lofcz3d.fl-row > .fl-row-content-wrap {
	padding-top:88px;
	padding-bottom:48px;
}
}

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





.fl-node-yvlw7bzdfgix > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-yvlw7bzdfgix.fl-row-default-height > .fl-row-content-wrap, .fl-node-yvlw7bzdfgix.fl-row-full-height > .fl-row-content-wrap, .fl-node-yvlw7bzdfgix.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-yvlw7bzdfgix > .fl-row-content-wrap {
	padding-top:0px;
}

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





.fl-node-8zsbrl032wxp {
	color: var(--fl-global-cream);
}
:where(.fl-builder-content .fl-node-8zsbrl032wxp *:not(input):not(textarea):not(select):not(a):not(.fl-menu-mobile-toggle)) {
	color: inherit;
}
.fl-builder-content .fl-node-8zsbrl032wxp :where(.fl-row-content-wrap) a {
	color: var(--fl-global-cream);
}
.fl-builder-content .fl-node-8zsbrl032wxp :where(.fl-row-content-wrap) a:hover {
	color: var(--fl-global-cream);
	color: var(--fl-global-cream);
	color: var(--fl-global-sand);
}
.fl-builder-content .fl-node-8zsbrl032wxp h1, .fl-builder-content .fl-node-8zsbrl032wxp h2, .fl-builder-content .fl-node-8zsbrl032wxp h3, .fl-builder-content .fl-node-8zsbrl032wxp h4, .fl-builder-content .fl-node-8zsbrl032wxp h5, .fl-builder-content .fl-node-8zsbrl032wxp h6, .fl-builder-content .fl-node-8zsbrl032wxp h1 a, .fl-builder-content .fl-node-8zsbrl032wxp h2 a, .fl-builder-content .fl-node-8zsbrl032wxp h3 a, .fl-builder-content .fl-node-8zsbrl032wxp h4 a, .fl-builder-content .fl-node-8zsbrl032wxp h5 a, .fl-builder-content .fl-node-8zsbrl032wxp h6 a, .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *), .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *), .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *) a, .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *) a {
	color: var(--fl-global-cream);
	color: var(--fl-global-cream);
}
.fl-builder-content .fl-node-8zsbrl032wxp h1 a, .fl-builder-content .fl-node-8zsbrl032wxp h2 a, .fl-builder-content .fl-node-8zsbrl032wxp h3 a, .fl-builder-content .fl-node-8zsbrl032wxp h4 a, .fl-builder-content .fl-node-8zsbrl032wxp h5 a, .fl-builder-content .fl-node-8zsbrl032wxp h6 a, .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *) a, .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *) a {
	color: var(--fl-global-cream);
}
.fl-builder-content .fl-node-8zsbrl032wxp h1 a:hover, .fl-builder-content .fl-node-8zsbrl032wxp h2 a:hover, .fl-builder-content .fl-node-8zsbrl032wxp h3 a:hover, .fl-builder-content .fl-node-8zsbrl032wxp h4 a:hover, .fl-builder-content .fl-node-8zsbrl032wxp h5 a:hover, .fl-builder-content .fl-node-8zsbrl032wxp h6 a:hover, .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h5"], [data-pardee-as="h5"] > .fl-module-content > *) a:hover, .fl-builder-content .fl-node-8zsbrl032wxp p:where([data-pardee-as="h6"], [data-pardee-as="h6"] > .fl-module-content > *) a:hover {
	color: var(--fl-global-sand);
}
.fl-node-8zsbrl032wxp > .fl-row-content-wrap {
	background-color: var(--fl-global-sable);
}
.fl-node-8zsbrl032wxp.fl-row-default-height > .fl-row-content-wrap, .fl-node-8zsbrl032wxp.fl-row-full-height > .fl-row-content-wrap, .fl-node-8zsbrl032wxp.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-8zsbrl032wxp > .fl-row-content-wrap {
	padding-top:64px;
	padding-bottom:64px;
}
@media ( max-width: 992px ) {
 .fl-node-8zsbrl032wxp.fl-row > .fl-row-content-wrap {
	padding-top:52px;
	padding-bottom:52px;
}
}
@media ( max-width: 768px ) {
 .fl-node-8zsbrl032wxp.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-lq4dm2gzkih7 > .fl-row-content-wrap {
	background-color: #D8BDA8;
}
.fl-node-lq4dm2gzkih7.fl-row-default-height > .fl-row-content-wrap, .fl-node-lq4dm2gzkih7.fl-row-full-height > .fl-row-content-wrap, .fl-node-lq4dm2gzkih7.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}

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



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




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




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




.fl-node-avjbw6rl1yqx {
	width: 68%;
}




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




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




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




.fl-node-tk9m60vclq4s {
	width: 32%;
}
 .fl-node-tk9m60vclq4s > .fl-col-content {
	padding-left:64px;
}
@media ( max-width: 992px ) {
 .fl-node-tk9m60vclq4s.fl-col > .fl-col-content {
	padding-left:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-tk9m60vclq4s.fl-col > .fl-col-content {
	padding-left:0px;
}
}




.fl-node-nf15bwg0mrpa {
	width: 50%;
}
@media ( max-width: 768px ) {
 .fl-node-nf15bwg0mrpa.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-nf15bwg0mrpa > .fl-col-content {
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-nf15bwg0mrpa.fl-col > .fl-col-content {
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-nf15bwg0mrpa.fl-col > .fl-col-content {
	padding-left:0px;
}
}
:where(.fl-builder-content .fl-node-zd9myk18lpt6.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}









.fl-node-rmxkwi67dgyo.fl-button-wrap, .fl-node-rmxkwi67dgyo .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button), .fl-builder-content .fl-node-rmxkwi67dgyo a.fl-button:visited, .fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button):hover, .fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-rmxkwi67dgyo a.fl-button:visited, .fl-page .fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-rmxkwi67dgyo .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-rmxkwi67dgyo .fl-button:is(a, button):hover, .fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-rmxkwi67dgyo .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button):focus {
	border-color: #001621;
}
:where(.fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-rmxkwi67dgyo .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-3pyxmnl9wadt.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-3pyxmnl9wadt.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-3pyxmnl9wadt.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-0fm2trjoh5yg.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-0fm2trjoh5yg.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-0fm2trjoh5yg.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
/* 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-home-newsletter module ─────────────────────────── */
/* Relies on canonical .pardee-eyebrow, .pardee-display-italic, .pardee-body,
   .pardee-input, .pardee-btn (see _components.scss). Bespoke: centered inner
   wrapper + inline email/button form layout. The form LOOK (input, consent
   checkbox, button) is the site-wide theme layer — scss/redesign-2026/_forms.scss. */

.pardee-newsletter {
    max-width: calc(var(--container) + 2 * var(--pad-x));
    margin: 0 auto;
    padding: var(--pardee-section-y-standard, 96px) var(--pad-x);   /* the site's standard section band (design .hp: 129.6 → client standard 96) */
}

@media (max-width: 992px) {
    .pardee-newsletter {
        padding: 80px var(--pad-x);
    }
}

@media (max-width: 768px) {
    .pardee-newsletter {
        padding: 48px var(--pad-x);
    }
}

.pardee-newsletter__inner {
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
}

.pardee-newsletter__inner .pardee-eyebrow {
    margin-bottom: 16px;
}

.fl-module-content .pardee-newsletter__h {
    margin: 0 auto 18px !important;
    max-width: 22ch;
    font-size: 48px;          /* design .hp-news__h: clamp(32px, 3.6vw, 48px) — the kit's display-italic (64) is too big here */
    line-height: 1.08;
    letter-spacing: 0;
}
.fl-module-content .pardee-newsletter__h span { color: var(--pp-clay); }   /* design .hp-news__h em */
@media (max-width: 992px) { .pardee-newsletter__h { font-size: 40px; } }
@media (max-width: 768px) { .pardee-newsletter__h { font-size: 32px; } }

.pardee-newsletter__body {
    margin: 0 auto 32px !important;
    max-width: 52ch;
    text-align: center;
}

/* ── Form ─────────────────────────────────────────────── */

.pardee-newsletter__form {
    display: flex;
    gap: 8px;
    max-width: 480px;
    margin: 0 auto;
}

.pardee-newsletter__input {
    flex: 1;
    min-width: 0;
}

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

@media (max-width: 560px) {
    .pardee-newsletter__form {
        flex-direction: column;
        gap: 10px;
    }

    .pardee-newsletter__form .pardee-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ── Gravity Forms inside the band (form 6 "Footer Mailing List": email · consent · submit).
   GF's own theme sets 600 weights and boxes the consent description; Gotham serves 400/700 only. ── */
.pardee-newsletter .gform_wrapper { max-width: 480px; margin: 0 auto; }
/* Design .hp-news__form: email + button on ONE line (flex, 8px gap, 480 max); the consent field the form adds goes
   underneath, full width. GF nests body > fields > field and puts the button in a sibling footer, so the <form> is the
   grid and the two wrappers are `display: contents`. ≤560: everything stacks, button full width (design). */
/* GF ≥3.1 ships dist/basic.min.css AFTER the BB layout bundle: `.gform_wrapper.gravity-theme .gform_fields`
   re-grids at (0,3,0) and `.gfield.gfield--width-full` gets `grid-column: span 12` at (0,4,0), beating this
   module's own rules at (0,3,0) by order. The layout selectors below double up
   `.gform_wrapper.gravity-theme` / `.gfield` so they out-specify basic.min.css regardless of load order;
   `align-items: center` centers the input against the button on the shared first row. */
.pardee-newsletter .gform_wrapper form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 8px; align-items: center; text-align: left; }
.pardee-newsletter .gform_wrapper .gform-body,
.pardee-newsletter .gform_wrapper .gform_fields,
.pardee-newsletter .gform_wrapper.gravity-theme .gform-body,
.pardee-newsletter .gform_wrapper.gravity-theme .gform_fields { display: contents; }
.pardee-newsletter .gform_wrapper.gravity-theme .gfield.gfield--type-email { grid-column: 1; grid-row: 1; }
.pardee-newsletter .gform_wrapper.gravity-theme .gform_footer { grid-column: 2; grid-row: 1; }
/* the footer is a grid cell beside the input, not a row under the fields: no theme footer margin ((0,6,0) > the theme's (0,5,0)) */
.fl-row .fl-module-content .pardee-newsletter .gform_wrapper.gravity-theme .gform_footer,
.fl-row .fl-module-content .pardee-newsletter .gform_wrapper .gform_footer { margin: 0; }
.pardee-newsletter .gform_wrapper.gravity-theme .gfield.gfield--type-consent { grid-column: 1 / -1; grid-row: 2; }
.pardee-newsletter .gform_wrapper .gform_heading,
.pardee-newsletter .gform_wrapper .gform_required_legend,
.pardee-newsletter .gform_wrapper .gfield--type-hidden,
.pardee-newsletter .gform_wrapper .gfield_visibility_hidden,
.pardee-newsletter .gform_wrapper .akismet-fields-container { display: none; }
.pardee-newsletter .gform_wrapper.gravity-theme .gfield { margin: 0; padding: 0; }
.pardee-newsletter .gform_wrapper.gravity-theme .ginput_container { margin: 0; }
/* the theme's label→input gap (.fl-row[data-pardee-spacing] … .ginput_container { margin-top: 6px }, (0,6,0))
   pushed the input 6px below the button on the shared row; labels are visually hidden here, so no gap.
   (0,7,0) to beat the theme (which is locked). */
.fl-row .fl-module-content .pardee-newsletter .gform_wrapper.gravity-theme .gfield .ginput_container,
.fl-row .fl-module-content .pardee-newsletter .gform_wrapper .gfield .ginput_container { margin-top: 0; }
.pardee-newsletter .gform_wrapper.gravity-theme .gfield_consent_description_text { max-height: none; }
/* the form's labels are hidden in the form settings (design: placeholder only); the theme keeps them for screen readers */
@media (max-width: 560px) {
    .pardee-newsletter .gform_wrapper form { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .pardee-newsletter .gform_wrapper.gravity-theme .gfield.gfield--type-email { grid-column: 1; grid-row: 1; }
    .pardee-newsletter .gform_wrapper.gravity-theme .gform_footer { grid-column: 1; grid-row: 2; }
    .pardee-newsletter .gform_wrapper.gravity-theme .gfield.gfield--type-consent { grid-column: 1; grid-row: 3; margin-top: 4px; }
    /* Stacked, the button has to match the input's width or the two read as misaligned. The theme's
       `.fl-row[data-pardee-spacing] .fl-module-content .gform_wrapper .gform_button { width: auto }`
       is (0,5,0), so the module out-specifies it at (0,6,0) / (0,7,0) here. GF renders a
       <button class="gform_button">; input[type=submit] covers older form markup. */
    .fl-row .fl-module-content .pardee-newsletter .gform_wrapper.gravity-theme .gform_button,
    .fl-row .fl-module-content .pardee-newsletter .gform_wrapper.gravity-theme input[type="submit"],
    .fl-row .fl-module-content .pardee-newsletter .gform_wrapper .gform_footer .gform_button,
    .fl-row .fl-module-content .pardee-newsletter .gform_wrapper .gform_footer input[type="submit"] { width: 100%; }
    .pardee-newsletter .gform_wrapper .gform_button, .pardee-newsletter .gform_wrapper input[type="submit"] { width: 100%; }
}
/* ── 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. ── */
/* the consent line sits under the one-line form, left-aligned like the design's note */
.pardee-newsletter .gform_wrapper .gfield--type-consent { text-align: left; }

 .fl-node-6f15v9idcha0.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-6f15v9idcha0.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-6f15v9idcha0.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-i63hbuljrzwg.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
/* 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-keep-exploring module ─────────────────────────── */
/* Relies on canonical .pardee-eyebrow, .pardee-h2, .pardee-h4,
   .pardee-card__body (see _components.scss). Heading, card-title and
   card-cta sizes/styles are bespoke-overridden below to match the
   "less but better" pass applied on top of them in reference Sell.html
   (pardee-system.css + sell.css .sell-page overrides) — the shared
   .pardee-h2 / .pardee-h4 / .pardee-textlink defaults run larger /
   more tracked than what actually renders on the reference page. */

.pardee-explore {
    /* content module: the row pads (primitives-first) */
}

.pardee-explore__inner {
    width: 100%;
}

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

.pardee-explore__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(28px, 3.4vw, 48px) clamp(28px, 4vw, 64px);
}

.pardee-explore__card {
    display: flex;
    flex-direction: column;
    padding: 20px 0 0;
    border-top: 1px solid var(--pardee-line);
    text-decoration: none;
    color: inherit;
}

.pardee-explore__card:hover .pardee-explore__card-title {
    color: var(--pp-terracotta);
}

.pardee-explore__card:hover .pardee-explore__card-cta {
    gap: 12px;
}

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

.fl-module-content .pardee-explore__card-title {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    transition: color var(--dur-base) var(--ease-soft);
}

.pardee-explore__card-desc {
    flex-grow: 1;
    margin: 0 0 14px;
}

.pardee-explore__card .pardee-explore__card-cta {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 13px;
    letter-spacing: .01em;
    text-transform: none;
    color: var(--pardee-link, var(--pardee-fg));
    border-bottom: 0;
    padding-bottom: 0;
    transition: gap var(--dur-base) var(--ease-soft);
}

.pardee-explore__card-cta .icon-pp-arrow-right {
    font-size: 13px;
}

.pardee-explore--cols-4 .pardee-explore__grid { grid-template-columns: repeat(4, 1fr); gap: clamp(24px, 3vw, 40px) clamp(24px, 3vw, 44px); }
.pardee-explore--cols-2 .pardee-explore__grid { grid-template-columns: repeat(2, 1fr); }

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

@media (max-width: 992px) {
    .pardee-explore__grid,
    .pardee-explore--cols-4 .pardee-explore__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .pardee-explore__grid,
    .pardee-explore--cols-4 .pardee-explore__grid,
    .pardee-explore--cols-2 .pardee-explore__grid {
        grid-template-columns: 1fr;
    }

    .pardee-explore__card {
        padding: 18px 0 20px;
    }

    .pardee-explore__card:last-child {
        padding-bottom: 0;
    }

    /* descriptions stay on phones — every design keeps them */
}

/* ── "Card style → Service cards" (home 03 Services, design .svc): bordered translucent panel, icon circle,
   uppercase terracotta tag (the heading), body, filled button ─────────────────────────────────────── */
.pardee-explore--service .pardee-explore__grid,
.pardee-explore--service.pardee-explore--cols-4 .pardee-explore__grid { gap: 20px; }   /* design .hp-router__grid */
.pardee-explore--service .pardee-explore__card {
    padding: clamp(28px, 2.3vw, 38px);
    gap: 0;
    border: 1px solid rgba(2, 37, 52, .14);                /* design .svc: ink-alpha hairline on sand */
    background: rgba(255, 246, 240, .55);                  /* design .svc: translucent cream */
    transition: background var(--dur-base) var(--ease-soft), border-color var(--dur-base);
}
.pardee-explore--service .pardee-explore__card:hover { background: var(--pp-cream); border-color: rgba(2,37,52,.24); }
.pardee-explore--service .pardee-explore__icon {
    width: 46px; height: 46px; margin-bottom: 14px;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid rgba(2,37,52,.24); border-radius: 50%;
    color: var(--pardee-fg); font-size: 22px;   /* design glyph box 22×22 */
}
.pardee-explore--service .pardee-explore__card-title {
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px;
    letter-spacing: .22em; text-transform: uppercase; color: var(--pp-terracotta);
    margin: 0 0 14px; line-height: 1.6;
}
.pardee-explore--service .pardee-explore__card:hover .pardee-explore__card-title { color: var(--pp-terracotta); }
.pardee-explore--service .pardee-explore__card-desc { font-size: 15px; line-height: 1.6; letter-spacing: .01em; color: #2E211A; margin: 0 0 20px; }   /* design .svc__body */
.pardee-explore--service .pardee-explore__card .pardee-explore__card-cta {
    align-self: stretch; justify-content: space-between; gap: 12px;
    padding: 13px 16px; border: 1px solid var(--pardee-btn-bg, var(--pp-ink-mid));
    background: var(--pardee-btn-bg, var(--pp-ink-mid)); color: var(--pardee-btn-fg, var(--pp-cream));
    font-size: 13px; letter-spacing: .015em; text-transform: none;
    transition: background var(--dur-base), color var(--dur-base);
}
.pardee-explore--service .pardee-explore__card:hover .pardee-explore__card-cta { gap: 12px; background: var(--pardee-btn-bg-hover, #012F48); }
@media (max-width: 768px) {
    .pardee-explore--service .pardee-explore__card-desc { display: block; }
    .pardee-explore--service .pardee-explore__card { padding: 24px 20px; }
}

/* ── "Card style → Explore links" (home 14 Keep Exploring, design .exp): hairline top, "01 · Search" number
   (11px .22em clay), UPPERCASE serif title (.exp__h: 400, clamp(19px,1.5vw,23px) → 23 / 21, .06em, 1.16), 14px apart,
   no description/CTA. Title turns terracotta on hover. Line on sand = rgba(2,37,52,.16) (design .hp--sand .exp). ── */
.pardee-explore--explore .pardee-explore__card { gap: 14px; border-top-color: var(--pardee-line); }
[data-pardee-surface="sand"] .pardee-explore--explore .pardee-explore__card { border-top-color: rgba(2, 37, 52, .16); }
.pardee-explore--explore .pardee-explore__num { margin-bottom: 0; font-size: 11px; letter-spacing: .22em; }
.pardee-explore--explore .pardee-explore__card-title {
    margin: 0; font-weight: var(--pardee-w-regular); font-size: 22px; line-height: 1.16;
    text-transform: uppercase; letter-spacing: .06em; text-wrap: balance;
}
.pardee-explore--explore .pardee-explore__card-desc,
.pardee-explore--explore .pardee-explore__card-cta { display: none; }
@media (max-width: 992px) {
    .pardee-explore--explore .pardee-explore__card-title { font-size: 20px; }
}

/* ── links cards (Buying 12 Keep Exploring, measured on the font-true design render): at 1440 the export shows open
   cards — no cell borders — 11px/.22em number, 14.5px body, 12px uppercase CTA. The module's open grid stays; only type is tuned. ── */
.pardee-explore--links .pardee-explore__num { margin-bottom: 14px; letter-spacing: .22em; }
.pardee-explore--links .pardee-explore__card-desc { font-size: 14.5px; line-height: 1.6; letter-spacing: .015em; margin: 0 0 24px; }
.pardee-explore--links .pardee-explore__card .pardee-explore__card-cta { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; }

.pardee-explore--links .pardee-explore__num { color: var(--pardee-fg-muted); }   /* design .explore__num is clay on every surface */
.pardee-explore--service .pardee-explore__card-title { color: var(--pardee-fg); }
.pardee-explore--service .pardee-explore__num { color: var(--pp-terracotta); }   /* design .svc__tag */
.pardee-explore--service .pardee-eyebrow.pardee-explore__num { color: var(--pp-terracotta); }
/* service cards (home export .svc): the card's name is a terracotta uppercase tag, not a display title */
.fl-module-content .pardee-explore--service .pardee-explore__card-title { font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; line-height: 1.4; color: var(--pp-terracotta); margin: 0 0 10px; }
.pardee-explore__card .pardee-explore__card-cta, .pardee-explore--links .pardee-explore__card .pardee-explore__card-cta { 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; gap: var(--pardee-tl-gap); }   /* mockups win */
.pardee-explore__card .pardee-explore__card-cta, .pardee-explore--links .pardee-explore__card .pardee-explore__card-cta { color: var(--pardee-tl-color, var(--pardee-link)); }
.pardee-explore__card .pardee-explore__card-cta i.icon-pp-arrow-right { width: var(--pardee-tl-icon); height: var(--pardee-tl-icon); font-size: var(--pardee-tl-icon); }
[data-pardee-family="seller"] .pardee-explore__card .pardee-explore__card-cta { text-decoration: none; }   /* sell.css .sell-page .explore__c: border-bottom 0, no underline — only the back link (.sell-tcta__txt) is underlined */
/* Links cards keep the mockups' hairline under the CTA: styles.css `.explore__c { border-bottom: 1px solid
   var(--pp-ink-mid); padding-bottom: 4px }` is in every export that loads it (Buying, Results, Reviews,
   Neighborhoods, Contact, Leasing); only sell.css drops it, and that is the seller-family row below. */
.pardee-explore--links .pardee-explore__card .pardee-explore__card-cta { border-bottom: 1px solid var(--pp-ink-mid); padding-bottom: 4px; }
[data-pardee-family="seller"] .pardee-explore--links .pardee-explore__card .pardee-explore__card-cta { border-bottom: 0; padding-bottom: 0; }

/* ── "Card style → Path cards" (design About Us .ab-paths / .ab-path): a filled card on the row's
   card surface, hairline all round with a 3px tan rule on top that turns terracotta on hover, serif title,
   15px body, uppercase CTA pinned to the foot. 18px grid, 3 → 2 (≤900) → 1 (≤560). ── */
.pardee-explore--path .pardee-explore__grid { gap: 18px; }

.pardee-explore--path .pardee-explore__card {
    padding: 32px;
    background: var(--pardee-card-bg, var(--pp-cream));
    border: 1px solid var(--pardee-line);
    border-top: 3px solid var(--pp-tan);
    transition: border-top-color var(--dur-base), transform var(--dur-base) var(--ease-soft), box-shadow var(--dur-base);
}

.pardee-explore--path .pardee-explore__card:hover {
    border-top-color: var(--pp-terracotta);
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(61, 43, 31, .09);
}

.pardee-explore--path .pardee-explore__card:hover .pardee-explore__card-title { color: var(--pardee-fg); }
.pardee-explore--path .pardee-explore__card:focus-visible { outline: 2px solid var(--pp-terracotta); outline-offset: 3px; }

.fl-module-content .pardee-explore--path .pardee-explore__card-title {
    margin: 0 0 12px;
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 27px;
    line-height: 1.14;
    letter-spacing: 0;
}

.pardee-explore--path .pardee-explore__card-desc {
    margin: 0 0 22px;
    font-size: 15px;
    line-height: 1.62;
    letter-spacing: .01em;
}

.pardee-explore--path .pardee-explore__card .pardee-explore__card-cta {
    margin-top: auto;
    gap: 9px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--pardee-fg);
}

.pardee-explore--path .pardee-explore__card:hover .pardee-explore__card-cta { gap: 14px; }

@media (max-width: 992px) {
    .pardee-explore--path .pardee-explore__card { padding: 24px; }
    .fl-module-content .pardee-explore--path .pardee-explore__card-title { font-size: 24px; }
}

@media (max-width: 900px) {
    .pardee-explore--path.pardee-explore--cols-3 .pardee-explore__grid,
    .pardee-explore--path.pardee-explore--cols-4 .pardee-explore__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
    .pardee-explore--path .pardee-explore__grid,
    .pardee-explore--path.pardee-explore--cols-2 .pardee-explore__grid,
    .pardee-explore--path.pardee-explore--cols-3 .pardee-explore__grid,
    .pardee-explore--path.pardee-explore--cols-4 .pardee-explore__grid { grid-template-columns: 1fr; }
    .pardee-explore--path .pardee-explore__card { padding: 24px 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .pardee-explore--path .pardee-explore__card { transition: none; }
    .pardee-explore--path .pardee-explore__card:hover { transform: none; }
}

/* ── "Card style → Path strip" (design leasing.html 03 Final CTA .tripaths / .tripath, styles.css):
   flush cells in one strip — a rule above the whole strip, a hairline between the cells, no gap. Each cell is
   an uppercase eyebrow-ish label, a small body line, and an underlined uppercase CTA pinned to the foot.
   The design draws it on the ink final-CTA row, so the dark-surface block below carries its exact cream alphas
   (.18 above the strip, .14 between the cells); on light rows the strip falls back to --pardee-line.
   "Dividers → Off" (.pardee-explore--nodiv) drops every rule. ─────────────────────────────────────────────── */
.pardee-explore--paths { --pex-path-line: var(--pardee-line); --pex-path-cell-line: var(--pardee-line); --pex-path-d: var(--pardee-fg-muted); }

.pardee-explore--paths .pardee-explore__grid,
.pardee-explore--paths.pardee-explore--cols-2 .pardee-explore__grid,
.pardee-explore--paths.pardee-explore--cols-4 .pardee-explore__grid {
    gap: 0;
    border-top: 1px solid var(--pex-path-line);
}

.pardee-explore--paths .pardee-explore__card {
    gap: 10px;
    padding: 24px 22px;
    border-top: 0;
    border-right: 1px solid var(--pex-path-cell-line);
}

/* first cell of each row is flush left, last cell of each row (and the last card) is flush right — design
   .tripaths > .tripath:nth-child(3n+1) { padding-left: 0 } + .tripath:last-child { border-right: 0 } */
.pardee-explore--paths.pardee-explore--cols-3 .pardee-explore__card:nth-child(3n+1),
.pardee-explore--paths.pardee-explore--cols-2 .pardee-explore__card:nth-child(2n+1),
.pardee-explore--paths.pardee-explore--cols-4 .pardee-explore__card:nth-child(4n+1) { padding-left: 0; }

.pardee-explore--paths.pardee-explore--cols-3 .pardee-explore__card:nth-child(3n),
.pardee-explore--paths.pardee-explore--cols-2 .pardee-explore__card:nth-child(2n),
.pardee-explore--paths.pardee-explore--cols-4 .pardee-explore__card:nth-child(4n),
.pardee-explore--paths .pardee-explore__card:last-child { padding-right: 0; border-right: 0; }

.fl-module-content .pardee-explore--paths .pardee-explore__card-title {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);          /* design .tripath__t 600 → the kit serves 400/700 */
    font-size: 11px;
    line-height: 1.65;                          /* export: inherited body 1.65 → 18.15px */
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--pardee-eyebrow-color);          /* design: tan on the ink row */
}

.pardee-explore--paths .pardee-explore__card:hover .pardee-explore__card-title { color: var(--pardee-eyebrow-color); }

.pardee-explore--paths .pardee-explore__num { margin-bottom: 0; }

.pardee-explore--paths .pardee-explore__card-desc {
    flex-grow: 0;
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 13.5px;
    line-height: 1.55;
    letter-spacing: .32px;                      /* the export's .tripath__d inherits the body's 0.32px (an absolute length) — the kit .pardee-card__body on this element would otherwise track it at .015em */
    color: var(--pex-path-d);
}

.pardee-explore--paths .pardee-explore__card .pardee-explore__card-cta {
    margin-top: auto;
    align-self: flex-start;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid currentColor;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);           /* design .tripath__c 600 → 700 */
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--pardee-fg);
}

.pardee-explore--paths .pardee-explore__card:hover .pardee-explore__card-cta { gap: 14px; }
.pardee-explore--paths .pardee-explore__card .pardee-explore__card-cta i.icon-pp-arrow-right { width: 11px; height: 11px; font-size: 11px; }

/* Dividers → Off */
.pardee-explore--paths.pardee-explore--nodiv .pardee-explore__grid,
.pardee-explore--paths.pardee-explore--nodiv.pardee-explore--cols-2 .pardee-explore__grid,
.pardee-explore--paths.pardee-explore--nodiv.pardee-explore--cols-4 .pardee-explore__grid { border-top: 0; }
.pardee-explore--paths.pardee-explore--nodiv .pardee-explore__card { border-right: 0; border-bottom: 0; }

/* ≤992: one column, the cell rule moves to the bottom edge (design .tripath at ≤1024) */
@media (max-width: 992px) {
    .pardee-explore--paths .pardee-explore__grid,
    .pardee-explore--paths.pardee-explore--cols-2 .pardee-explore__grid,
    .pardee-explore--paths.pardee-explore--cols-4 .pardee-explore__grid { grid-template-columns: minmax(0, 1fr); }

    .pardee-explore--paths .pardee-explore__card,
    .pardee-explore--paths.pardee-explore--cols-2 .pardee-explore__card,
    .pardee-explore--paths.pardee-explore--cols-3 .pardee-explore__card,
    .pardee-explore--paths.pardee-explore--cols-4 .pardee-explore__card {
        padding: 24px 0 22px;
        border-right: 0;
        border-bottom: 1px solid var(--pex-path-cell-line);
    }

    .pardee-explore--paths .pardee-explore__card:last-child { border-bottom: 0; }
    .pardee-explore--paths.pardee-explore--nodiv .pardee-explore__card { border-bottom: 0; }
}

@media (max-width: 768px) {
    .pardee-explore--paths .pardee-explore__grid,
    .pardee-explore--paths.pardee-explore--cols-2 .pardee-explore__grid,
    .pardee-explore--paths.pardee-explore--cols-4 .pardee-explore__grid { grid-template-columns: minmax(0, 1fr); }
}

/* the design's strip lives on the ink final-CTA row: exact export alphas there, tokens elsewhere */
[data-pardee-surface="ink"] .pardee-explore--paths,
[data-pardee-surface="ink-deep"] .pardee-explore--paths,
[data-pardee-surface="ink-mid"] .pardee-explore--paths,
[data-pardee-surface="chocolate"] .pardee-explore--paths,
[data-pardee-surface="espresso"] .pardee-explore--paths,
[data-pardee-surface="sable"] .pardee-explore--paths,
[data-pardee-surface="terracotta"] .pardee-explore--paths,
[data-pardee-surface="photo"] .pardee-explore--paths {
    --pex-path-line: rgba(255, 246, 240, .18);
    --pex-path-cell-line: rgba(255, 246, 240, .14);
    --pex-path-d: rgba(255, 246, 240, .78);
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   Additive options: card icons in every style, a cream card surface,
   a display title, a 5-column grid and the "pathway" strip. Everything below is scoped to a class the
   other styles never carry, or sits after them so the tie goes to the added option.
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Icons ────────────────────────────────────────────────────────────────────────────────────────
   cards[].icon renders in every card style. `icon_style: bare` is the
   default and keeps the service cards' outlined circle — the :not() chain is the
   design's .ct-dept__ic (34px box, 26px terracotta glyph) for every other style. ── */
.pardee-explore:not(.pardee-explore--service):not(.pardee-explore--icon-disc):not(.pardee-explore--icon-ring) .pardee-explore__icon {
    display: flex;
    align-items: center;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    font-size: 26px;
    line-height: 1;
    color: var(--pp-terracotta);
}

/* the export draws a 26×26 svg; an icon-font glyph's advance is wider than its em box, so the <i> is boxed
   (parity compares the glyph's box against the design svg at ±3px) */
.pardee-explore:not(.pardee-explore--service):not(.pardee-explore--icon-disc):not(.pardee-explore--icon-ring) .pardee-explore__icon i {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

/* icon_style: disc — design .ct-method__ic: 44px ink-mid disc, 20px cream glyph, 6px under it */
.pardee-explore--icon-disc .pardee-explore__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 6px;
    border: 0;
    border-radius: 50%;
    background: var(--pp-ink-mid);
    color: var(--pp-cream);
    font-size: 20px;
    line-height: 1;
}

.pardee-explore--icon-disc .pardee-explore__icon i {
    display: block;
    width: 20px;                                   /* design .ct-method__ic svg is 20×20 */
    height: 20px;
    line-height: 20px;
    text-align: center;
}

/* icon_style: ring — the service cards' outlined circle, available to every style */
.pardee-explore--icon-ring .pardee-explore__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-bottom: 14px;
    border: 1px solid var(--pardee-line);
    border-radius: 50%;
    background: none;
    color: var(--pardee-fg);
    font-size: 22px;
    line-height: 1;
}

/* ── columns: 5 (design .pathway) ── */
.pardee-explore--cols-5 .pardee-explore__grid { grid-template-columns: repeat(5, 1fr); gap: clamp(24px, 3vw, 40px) clamp(24px, 3vw, 44px); }

@media (max-width: 992px) {
    .pardee-explore--cols-5 .pardee-explore__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .pardee-explore--cols-5 .pardee-explore__grid { grid-template-columns: minmax(0, 1fr); }
}

/* ── "Card style → Pathway" (design Leasing a Home 03 "Rent Now, Buy Later" .pathway, styles.css) ───
   Five flush cells under one rule, divided by hairlines: no gap, a rule over the whole strip, a hairline
   on every cell's right edge. The number is 11/.25em tan and is NOT uppercased (the export prints digits),
   which is why it drops the .pardee-eyebrow class in frontend.php. The title is the export's h3 at the
   browser's bold with its 1em margin; the CTA is an underlined uppercase line pinned to the foot.
   The design draws the strip on the ink row, so the dark-surface block at the bottom carries its exact
   cream alphas; on a light row the strip falls back to the surface tokens. ── */
.pardee-explore--pathway {
    --pex-pw-line: var(--pardee-line);
    --pex-pw-cell: var(--pardee-line);
    --pex-pw-num: var(--pardee-eyebrow-color);
    --pex-pw-t: var(--pardee-fg);
    --pex-pw-d: var(--pardee-fg-soft);
    --pex-pw-rule: rgba(2, 37, 52, .4);
    --pex-pw-hover: rgba(2, 37, 52, .04);
}

.pardee-explore--pathway .pardee-explore__grid,
.pardee-explore--pathway.pardee-explore--cols-2 .pardee-explore__grid,
.pardee-explore--pathway.pardee-explore--cols-4 .pardee-explore__grid,
.pardee-explore--pathway.pardee-explore--cols-5 .pardee-explore__grid {
    gap: 0;
    border-top: 1px solid var(--pex-pw-line);
}

.pardee-explore--pathway .pardee-explore__card {
    gap: 14px;
    padding: 32px 22px;
    border-top: 0;
    border-right: 1px solid var(--pex-pw-cell);
    color: var(--pex-pw-t);
    transition: background var(--dur-base) var(--ease-soft);
}

.pardee-explore--pathway .pardee-explore__card:last-child { border-right: 0; }
.pardee-explore--pathway .pardee-explore__card:hover { background: var(--pex-pw-hover); }
.pardee-explore--pathway .pardee-explore__card:focus-visible { outline: 2px solid var(--pp-terracotta); outline-offset: -2px; }

.pardee-explore--pathway .pardee-explore__num {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);            /* design .pathway__num 600 → the kit serves 400/700 */
    font-size: 11px;
    line-height: 1.65;
    letter-spacing: .25em;
    text-transform: none;                          /* digits — the export never uppercases them */
    color: var(--pex-pw-num);
}

.fl-module-content .pardee-explore--pathway .pardee-explore__card-title {
    margin: 1em 0;                                 /* the export leaves .pathway__t at the browser h3 margin (26px at 26px) */
    font-family: var(--font-display);
    font-weight: var(--pardee-w-bold);             /* …and at the browser h3 weight: the export computes 700 */
    font-size: clamp(20px, 2.1vw, 26px);
    line-height: 1.15;
    letter-spacing: -.005em;
    text-transform: none;
    color: var(--pex-pw-t);
}

.pardee-explore--pathway .pardee-explore__card:hover .pardee-explore__card-title { color: var(--pex-pw-t); }

.pardee-explore--pathway .pardee-explore__card-desc {
    flex-grow: 1;
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 13.5px;
    line-height: 1.55;
    letter-spacing: .015em;
    color: var(--pex-pw-d);
}

.pardee-explore--pathway .pardee-explore__card .pardee-explore__card-cta {
    margin-top: auto;
    align-self: flex-start;
    align-items: center;
    gap: 8px;
    padding-top: 0;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--pex-pw-rule);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);             /* design .pathway__c 600 → 700 */
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--pex-pw-t);
    transition: gap var(--dur-base), border-color var(--dur-base);
}

.pardee-explore--pathway .pardee-explore__card:hover .pardee-explore__card-cta { gap: 14px; border-bottom-color: currentColor; }
.pardee-explore--pathway .pardee-explore__card .pardee-explore__card-cta i.icon-pp-arrow-right { width: 12px; height: 12px; font-size: 12px; }

/* ≤992: two cells (design ≤1024), the rule moves to the bottom edge too and the last cell spans the row */
@media (max-width: 992px) {
    .pardee-explore--pathway .pardee-explore__grid,
    .pardee-explore--pathway.pardee-explore--cols-2 .pardee-explore__grid,
    .pardee-explore--pathway.pardee-explore--cols-4 .pardee-explore__grid,
    .pardee-explore--pathway.pardee-explore--cols-5 .pardee-explore__grid { grid-template-columns: repeat(2, 1fr); }

    .pardee-explore--pathway .pardee-explore__card {
        border-right: 1px solid var(--pex-pw-cell);
        border-bottom: 1px solid var(--pex-pw-cell);
    }

    .pardee-explore--pathway .pardee-explore__card:nth-child(2n) { border-right: 0; }
    .pardee-explore--pathway .pardee-explore__card:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
}

/* ≤768: one cell (design ≤640) */
@media (max-width: 768px) {
    .pardee-explore--pathway .pardee-explore__grid,
    .pardee-explore--pathway.pardee-explore--cols-2 .pardee-explore__grid,
    .pardee-explore--pathway.pardee-explore--cols-4 .pardee-explore__grid,
    .pardee-explore--pathway.pardee-explore--cols-5 .pardee-explore__grid { grid-template-columns: minmax(0, 1fr); }

    .pardee-explore--pathway .pardee-explore__card { border-right: 0; }
    .pardee-explore--pathway .pardee-explore__card:last-child { border-bottom: 0; }
}

/* the design's strip lives on the ink row: exact export alphas there, surface tokens elsewhere */
[data-pardee-surface="ink"] .pardee-explore--pathway,
[data-pardee-surface="ink-deep"] .pardee-explore--pathway,
[data-pardee-surface="ink-mid"] .pardee-explore--pathway,
[data-pardee-surface="chocolate"] .pardee-explore--pathway,
[data-pardee-surface="espresso"] .pardee-explore--pathway,
[data-pardee-surface="sable"] .pardee-explore--pathway,
[data-pardee-surface="terracotta"] .pardee-explore--pathway,
[data-pardee-surface="photo"] .pardee-explore--pathway {
    --pex-pw-line: rgba(255, 246, 240, .18);
    --pex-pw-cell: rgba(255, 246, 240, .14);
    --pex-pw-num: var(--pp-tan);
    --pex-pw-t: var(--pp-cream);
    --pex-pw-d: rgba(255, 246, 240, .72);
    --pex-pw-rule: rgba(255, 246, 240, .4);
    --pex-pw-hover: rgba(255, 246, 240, .04);
}

/* ── card_surface: light (design Contact .ct-method / .ct-dept__card) ─────────────────────────────
   A cream card with a hairline box, 4px radius and 28/26 padding on ANY row — the light surface tokens
   are re-declared on the card itself (the way .pardee-gate__panel does), so a cream card can sit on ink.
   The 16px grid and the 10px flex gap carry the card's rhythm, so the per-style margins are zeroed. ── */
.pardee-explore--surface-light .pardee-explore__grid { gap: 16px; }

.pardee-explore--surface-light .pardee-explore__card {
    --pardee-fg: var(--pp-ink-mid);
    --pardee-fg-muted: var(--pp-clay);
    --pardee-fg-soft: var(--pp-clay);
    --pardee-line: var(--line-soft);
    --pardee-eyebrow-color: var(--pp-clay);
    --pardee-card-bg: var(--pp-cream);
    --pardee-tl-color: var(--pp-ink-mid);
    gap: 10px;
    padding: 28px 26px;
    background: var(--pp-cream);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-sm);
    box-shadow: none;
    color: var(--pp-ink-mid);
    transition: border-color var(--dur-base), background var(--dur-base), transform var(--dur-fast) var(--ease-soft);
}

.pardee-explore--surface-light .pardee-explore__card:hover {
    border-color: var(--pp-tan);
    background: var(--pp-cream-warm);
    box-shadow: none;
    transform: translateY(-2px);
}

.pardee-explore--surface-light .pardee-explore__card:focus-visible { outline: 2px solid var(--pp-terracotta); outline-offset: 2px; }

.pardee-explore--surface-light .pardee-explore__num,
.pardee-explore--surface-light .pardee-explore__kicker,
.pardee-explore--surface-light .pardee-explore__note { margin: 0; }
.fl-module-content .pardee-explore--surface-light .pardee-explore__card-title { margin: 0; }

.pardee-explore--surface-light .pardee-explore__card-desc {
    flex: 1 1 auto;
    margin: 0;
    font-size: 14px;                               /* design .ct-dept__d */
    line-height: 1.55;
    letter-spacing: .015em;
    color: var(--pp-clay);
}

/* the card link (design .ct-dept__link): Gotham 700 11/.18em uppercase ink, no underline, at the foot */
.pardee-explore--surface-light .pardee-explore__card .pardee-explore__card-cta {
    margin-top: auto;
    align-self: flex-start;
    align-items: center;
    gap: 8px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--pp-ink-mid);
}

.pardee-explore--surface-light .pardee-explore__card .pardee-explore__card-cta i.icon-pp-arrow-right { width: 12px; height: 12px; font-size: 12px; }
.pardee-explore--surface-light .pardee-explore__card:hover .pardee-explore__card-cta { gap: 12px; }

@media (max-width: 768px) {
    .pardee-explore--surface-light .pardee-explore__card { padding: 24px 20px; }
    .pardee-explore--surface-light .pardee-explore__card:last-child { padding-bottom: 24px; }
}

/* ── title_style: display — the contact card's value / title line
   (design .ct-method__val clamp(20px, 1.8vw, 24px)/1.1 and .ct-dept__t 23px/1.1, both Bodoni 400 ink) ── */
.fl-module-content .pardee-explore--title-display .pardee-explore__card-title {
    margin: 0;
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: clamp(20px, 1.8vw, 24px);
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pardee-fg);
}

.pardee-explore--title-display .pardee-explore__card:hover .pardee-explore__card-title { color: var(--pardee-fg); }

/* ── cards[].kicker — design .ct-method__lbl: 10.5/.2em uppercase clay, tight above the value ── */
.pardee-explore__kicker {
    display: block;
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);             /* design 600 → the kit serves 400/700 */
    font-size: 10.5px;
    line-height: 1.65;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--pardee-eyebrow-color);
}

/* ── cards[].note — design .ct-method__note: 13px clay line under the value ── */
.pardee-explore__note {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 13px;
    line-height: 1.65;
    letter-spacing: .02em;
    color: var(--pardee-fg-muted);
}
 .fl-node-57jvz1p2dfne > .fl-module-content {
	margin-top:0px;
}
@media ( max-width: 992px ) {
 .fl-node-57jvz1p2dfne.fl-module > .fl-module-content {
	margin-top:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-57jvz1p2dfne.fl-module > .fl-module-content {
	margin-top:0px;
}
}
 .fl-node-mw3ip1c2xqv4.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-mw3ip1c2xqv4.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-mw3ip1c2xqv4.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}









.fl-node-xn3v651swl2z.fl-button-wrap, .fl-node-xn3v651swl2z .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):focus {
	border: 1px solid #001928;
}
.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button), .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited, .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):focus {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: currentColor;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.fl-builder-content .fl-module-button.fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):focus {
	border-color: #022534;
}
.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button), .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited {
	background-color: rgba(0,0,0,0);
	background-image: none;
}
.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover {
	background-color: #022534;
	background-image: none;
}
.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button), .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited, .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button) *, .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-xn3v651swl2z a.fl-button:visited * {
	color: inherit;
}
.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button):hover * {
	color: #FFF6F0;
}
:where(.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-xn3v651swl2z .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.fl-node-lfwqo238epdv.fl-node-lfwqo238epdv .pardee-explore__card-cta {
	color: var(--fl-global-cream);
}
 .fl-node-lfwqo238epdv > .fl-module-content {
	margin-top:56px;
}
@media ( max-width: 992px ) {
 .fl-node-lfwqo238epdv.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-lfwqo238epdv.fl-module > .fl-module-content {
	margin-top:32px;
}
}
/* 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-jrqz4syw86vb > .fl-module-content {
	margin-top:5px;
}
@media ( max-width: 992px ) {
 .fl-node-jrqz4syw86vb.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-jrqz4syw86vb.fl-module > .fl-module-content {
	margin-top:32px;
}
}
 .fl-node-kr3n2eaht5yu.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-kr3n2eaht5yu.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-kr3n2eaht5yu.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-xe8bcm75tuvl.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-xe8bcm75tuvl.fl-module-heading.fl-module {
	margin-top:20px;
}
}
@media ( max-width: 768px ) {
 .fl-node-xe8bcm75tuvl.fl-module-heading.fl-module {
	margin-top:18px;
}
}
 .fl-node-3yivsuflp5nx.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-3yivsuflp5nx.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-3yivsuflp5nx.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
 .fl-node-h7cz3ukaqdf1 > .fl-module-content {
	margin-top:56px;
}
@media ( max-width: 992px ) {
 .fl-node-h7cz3ukaqdf1.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-h7cz3ukaqdf1.fl-module > .fl-module-content {
	margin-top:32px;
}
}
:where(.fl-builder-content .fl-node-1z8esxadk63h.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-1z8esxadk63h.fl-module-rich-text {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-1z8esxadk63h.fl-module-rich-text.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-1z8esxadk63h.fl-module-rich-text.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-v4fjkxsghwb7 > .fl-module-content {
	margin-top:22px;
}
@media ( max-width: 992px ) {
 .fl-node-v4fjkxsghwb7.fl-module > .fl-module-content {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-v4fjkxsghwb7.fl-module > .fl-module-content {
	margin-top:18px;
}
}









.fl-node-qbxk5lhc31rt.fl-button-wrap, .fl-node-qbxk5lhc31rt .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button), .fl-builder-content .fl-node-qbxk5lhc31rt a.fl-button:visited, .fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button):hover, .fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-qbxk5lhc31rt a.fl-button:visited, .fl-page .fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-qbxk5lhc31rt .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-qbxk5lhc31rt .fl-button:is(a, button):hover, .fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-qbxk5lhc31rt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button):focus {
	border-color: #001621;
}
:where(.fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-qbxk5lhc31rt .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-qbxk5lhc31rt.fl-module-button {
	margin-top:28px;
}
@media ( max-width: 992px ) {
 .fl-node-qbxk5lhc31rt.fl-module-button.fl-module {
	margin-top:28px;
}
}
@media ( max-width: 768px ) {
 .fl-node-qbxk5lhc31rt.fl-module-button.fl-module {
	margin-top:24px;
}
}

/* Start Global Nodes CSS */

/* End Global Nodes CSS */


/* Start Layout CSS */
.pp-cat-crumb .pp-crumb { font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 12px; letter-spacing: .04em; color: var(--pp-clay); margin: 0; }
.pp-cat-crumb a { font-weight: var(--pardee-w-bold); }
.pp-cat-crumb a { color: var(--pp-clay); text-decoration: none; border-bottom: 0; }
.pp-cat-crumb a:hover { color: var(--pp-ink-mid); }
h1.pp-cat-h1 { text-transform: none; }
h2.pp-h2-xl { font-size: clamp(34px, 4.2vw, 60px); }
.pp-cat-rail > .fl-col-content { position: sticky; top: calc(var(--pardee-nav-h, 68px) + 32px); }
@media (max-width: 992px) { .pp-cat-rail > .fl-col-content { position: static; } }
.pp-rail-card > .fl-col-content, .pp-rail-links .pardee-explore__card { background: var(--pp-cream); }
.pp-rail-note p { font-family: var(--font-body); font-size: 14px; line-height: 1.55; color: var(--pp-clay); margin: 0; }
@media (max-width: 992px) { .pp-cat-body .fl-col { width: 100%; max-width: 100%; flex: 0 0 100%; } }
.pp-rail-links .pardee-explore__grid { grid-template-columns: 1fr; }
.pp-cat-body .fl-module-content .pardee-knowledge--feature .pardee-kc__title { font-size: clamp(24px, 2.4vw, 34px); }
.pp-cat-body .pardee-knowledge--feature .pardee-kc__media, .pp-cat-body .pardee-knowledge--feature .pardee-kc__img { min-height: 400px; }
.pp-cat-body .pardee-knowledge--feature .pardee-kc__body { padding: 36px 36px 32px; }
/* Rail newsletter → the design's compact dark card (blog-category.html .newsletter--card): dark form tokens on the module wrapper */
.pp-cat-rail .fl-module-pardee-band-newsletter { --pardee-fg: var(--pp-cream); --pardee-fg-muted: rgba(255,246,240,.78); --pardee-fg-soft: rgba(255,246,240,.7); --pardee-fg-faint: rgba(255,246,240,.6); --pardee-eyebrow-color: var(--pp-tan); --pardee-accent-color: var(--pp-blush); --pardee-line: rgba(255,246,240,.2); --pardee-btn-bg: var(--pp-clay); --pardee-btn-fg: var(--pp-cream); --pardee-btn-bg-hover: #4F3B31; --pardee-input-bg: transparent; --pardee-input-fg: var(--pp-cream); --pardee-input-border: rgba(255,246,240,.4); --pardee-input-border-w: 1px; --pardee-input-radius: 0; --pardee-input-pad: 0 14px; --pardee-input-ph: rgba(255,246,240,.5); --pardee-input-focus: var(--pp-cream); --pardee-input-focus-ring: none; --pardee-label-color: var(--pp-tan); --pardee-check-accent: var(--pp-cream); }
.pp-cat-rail .pardee-newsletter { max-width: none; padding: 28px 28px 24px; background: var(--pp-ink-mid); }
.pp-cat-rail .pardee-newsletter__inner { max-width: none; text-align: left; }
.pp-cat-rail .fl-module-content .pardee-newsletter__h { margin: 0 0 14px !important; max-width: none; font-size: 22px; line-height: 1.15; color: var(--pp-cream); }
.pp-cat-rail .pardee-newsletter__inner .pardee-eyebrow { margin-bottom: 14px; }
.pp-cat-rail .pardee-newsletter__body { margin: 0 0 16px !important; max-width: none; text-align: left; font-size: 15px; line-height: 1.6; color: rgba(255,246,240,.78); }
.pp-cat-rail .pardee-newsletter .gform_wrapper { max-width: none; }
.pp-cat-rail .pardee-newsletter .gform_wrapper form { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.pp-cat-rail .pardee-newsletter .gform_wrapper.gravity-theme .gform_footer { grid-column: 1; grid-row: 2; }
.pp-cat-rail .pardee-newsletter .gform_wrapper.gravity-theme .gfield.gfield--type-consent { grid-column: 1; grid-row: 3; margin-top: 4px; }
.pp-cat-rail .pardee-newsletter .gform_wrapper .gform_button, .pp-cat-rail .pardee-newsletter .gform_wrapper input[type=submit] { width: 100%; justify-content: center; }
/* Rail links → the design's rail-card rows (blog.css .rail-card): flush 14px rows, arrow right, hairlines between rows; kills the cols-2 nth-child stagger + right-edge hairlines */
.pp-rail-links .pardee-explore--paths .pardee-explore__card, .pp-rail-links .pardee-explore--paths .pardee-explore__card:nth-child(2n), .pp-rail-links .pardee-explore--paths .pardee-explore__card:nth-child(2n+1) { padding: 0; border-right: 0; border-bottom: 1px solid var(--pardee-line, rgba(2,37,52,.14)); }
.pp-rail-links .pardee-explore--paths .pardee-explore__card .pardee-explore__card-cta { margin: 0; align-self: stretch; width: 100%; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 0; font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 14px; letter-spacing: .01em; text-transform: none; text-decoration: none; color: var(--pp-ink-mid); transition: padding var(--dur-base), color var(--dur-base); }
.pp-rail-links .pardee-explore--paths .pardee-explore__card:hover .pardee-explore__card-cta { gap: 12px; padding-left: 6px; color: var(--pp-clay); }
.pp-rail-links .pardee-explore--paths .pardee-explore__card .pardee-explore__card-cta i.icon-pp-arrow-right { width: 12px; height: 12px; font-size: 12px; opacity: .5; transition: opacity var(--dur-base), transform var(--dur-base); }
.pp-rail-links .pardee-explore--paths .pardee-explore__card:hover .pardee-explore__card-cta i.icon-pp-arrow-right { opacity: 1; transform: translateX(3px); }
/* == /pp-cat-rail-v2 == */

/* >>> cta-stack-laptop */
/* CTA pair: between 993 and 1199px the pair is wider than its column, so the second item takes its own line
   under the first (the "On its own line" setting, in this band only). */
@media (min-width: 993px) and (max-width: 1199px) {
  .fl-row[data-pardee-spacing] .fl-col-content > .fl-module.fl-module-button.pp-cta-stack-laptop { grid-column: 1 / -1; margin-top: 18px; }
}
/* <<< cta-stack-laptop */
/* >>> pp-cat-sub */
.pp-cat-sub { max-width: 56ch; }
.fl-module.pp-cat-sub:not(:has(p)) { display: none; }
.fl-module.pp-cat-sub:not(:has(p)) + .fl-col-group { margin-top: 20px; }
.pp-cat-sub p { font-family: var(--font-body); font-size: clamp(17px, 1.7vw, 21px); line-height: 1.55; color: var(--pp-clay); margin: 0; text-wrap: pretty; }
/* <<< pp-cat-sub */

/* >>> pp-rail-news-form */
/* Rail newsletter: the form lines up with the card's heading and text when the rail runs full width (the band's 480px centred form wrapper is for the full-width band). */
.pp-cat-rail .pardee-newsletter .pardee-newsletter__form { max-width: none; margin-left: 0; margin-right: 0; }
/* <<< pp-rail-news-form */

/* End Layout CSS */


        			.fl-node-bsxu6lofcz3d .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-yvlw7bzdfgix .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-8zsbrl032wxp .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-lq4dm2gzkih7 .fl-row-content {
				min-width: 0px;
			}