/**
 * 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-5kb2hdneaco4 > .fl-row-content-wrap {
	background-color: #022534;
}
.fl-node-5kb2hdneaco4.fl-row-default-height > .fl-row-content-wrap, .fl-node-5kb2hdneaco4.fl-row-full-height > .fl-row-content-wrap, .fl-node-5kb2hdneaco4.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-5kb2hdneaco4 > .fl-row-content-wrap {
	padding-top:44px;
	padding-bottom:64px;
}
@media ( max-width: 992px ) {
 .fl-node-5kb2hdneaco4.fl-row > .fl-row-content-wrap {
	padding-top:36px;
	padding-bottom:48px;
}
}
@media ( max-width: 768px ) {
 .fl-node-5kb2hdneaco4.fl-row > .fl-row-content-wrap {
	padding-top:28px;
	padding-bottom:36px;
}
}

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





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

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





.fl-node-r175juhytdxo > .fl-row-content-wrap {
	background-color: #E8E0D5;
}
.fl-node-r175juhytdxo.fl-row-default-height > .fl-row-content-wrap, .fl-node-r175juhytdxo.fl-row-full-height > .fl-row-content-wrap, .fl-node-r175juhytdxo.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-vs8b2tecmaur > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-vs8b2tecmaur.fl-row-default-height > .fl-row-content-wrap, .fl-node-vs8b2tecmaur.fl-row-full-height > .fl-row-content-wrap, .fl-node-vs8b2tecmaur.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-1gwyc4irbqn0 > .fl-row-content-wrap {
	background-color: #E8E0D5;
}
.fl-node-1gwyc4irbqn0.fl-row-default-height > .fl-row-content-wrap, .fl-node-1gwyc4irbqn0.fl-row-full-height > .fl-row-content-wrap, .fl-node-1gwyc4irbqn0.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
.fl-node-1gwyc4irbqn0 .fl-row-content {
	max-width: 880px;
}

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





.fl-node-79g4806a3wzk > .fl-row-content-wrap {
	background-color: #001621;
}
.fl-node-79g4806a3wzk.fl-row-default-height > .fl-row-content-wrap, .fl-node-79g4806a3wzk.fl-row-full-height > .fl-row-content-wrap, .fl-node-79g4806a3wzk.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
.fl-node-79g4806a3wzk .fl-row-content {
	max-width: 880px;
}

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





.fl-node-m3kfrtd8lqoa > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-m3kfrtd8lqoa.fl-row-default-height > .fl-row-content-wrap, .fl-node-m3kfrtd8lqoa.fl-row-full-height > .fl-row-content-wrap, .fl-node-m3kfrtd8lqoa.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-71wamd2qygsk > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-71wamd2qygsk.fl-row-default-height > .fl-row-content-wrap, .fl-node-71wamd2qygsk.fl-row-full-height > .fl-row-content-wrap, .fl-node-71wamd2qygsk.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-71wamd2qygsk > .fl-row-content-wrap {
	padding-top:0px;
	padding-bottom:24px;
}
@media ( max-width: 992px ) {
 .fl-node-71wamd2qygsk.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-bottom:24px;
}
}
@media ( max-width: 768px ) {
 .fl-node-71wamd2qygsk.fl-row > .fl-row-content-wrap {
	padding-top:0px;
	padding-bottom:24px;
}
}

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





.fl-node-moy6z5271cvx > .fl-row-content-wrap {
	background-color: #FFF5E8;
}
.fl-node-moy6z5271cvx.fl-row-default-height > .fl-row-content-wrap, .fl-node-moy6z5271cvx.fl-row-full-height > .fl-row-content-wrap, .fl-node-moy6z5271cvx.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-vax6qeszubkn > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-vax6qeszubkn.fl-row-default-height > .fl-row-content-wrap, .fl-node-vax6qeszubkn.fl-row-full-height > .fl-row-content-wrap, .fl-node-vax6qeszubkn.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-xo6t3k0zgv4u > .fl-row-content-wrap {
	background-color: #001621;
}
.fl-node-xo6t3k0zgv4u.fl-row-default-height > .fl-row-content-wrap, .fl-node-xo6t3k0zgv4u.fl-row-full-height > .fl-row-content-wrap, .fl-node-xo6t3k0zgv4u.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
.fl-node-xo6t3k0zgv4u .fl-row-content {
	max-width: 960px;
}

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



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




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




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




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




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




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




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




.fl-node-8szhv4rdub5n {
	width: 100%;
}




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




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




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




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




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




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




.fl-node-085132omj4ls {
	width: 51.2%;
}
.fl-node-085132omj4ls > .fl-col-content {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: #E6E1DD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
@media ( max-width: 768px ) {
 .fl-node-085132omj4ls.fl-col > .fl-col-content {
	margin-top:0px;
}
}
 .fl-node-085132omj4ls > .fl-col-content {
	padding-top:64px;
	padding-right:64px;
	padding-bottom:64px;
	padding-left:64px;
}
@media ( max-width: 992px ) {
 .fl-node-085132omj4ls.fl-col > .fl-col-content {
	padding-top:44px;
	padding-right:44px;
	padding-bottom:44px;
	padding-left:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-085132omj4ls.fl-col > .fl-col-content {
	padding-top:36px;
	padding-right:36px;
	padding-bottom:36px;
	padding-left:36px;
}
}




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




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




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




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




.fl-node-67h5f0z1d2my {
	width: 100%;
}




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




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




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




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




.fl-node-y9kw1oi02arz {
	width: 38%;
}
@media ( max-width: 768px ) {
 .fl-node-y9kw1oi02arz.fl-col > .fl-col-content {
	margin-top:32px;
}
}
 .fl-node-y9kw1oi02arz > .fl-col-content {
	padding-left:36px;
}
@media ( max-width: 992px ) {
 .fl-node-y9kw1oi02arz.fl-col > .fl-col-content {
	padding-left:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-y9kw1oi02arz.fl-col > .fl-col-content {
	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;
}
:where(.fl-builder-content .fl-node-ze3usr1pcg5a.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-ze3usr1pcg5a.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
:where(.fl-builder-content .fl-node-zeqv6b49gj0r.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-zeqv6b49gj0r.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
/* ── pardee-media-card module ─────────────────────────────────
   Relies on canonical .pardee-video (see _components.scss). Content module: no section padding — the row
   pads and the column sizes it. Bespoke: image caption tag, play icon, the value-snapshot card.
   ───────────────────────────────────────────────────────────── */

.pardee-media { position: relative; }

.pardee-media__img {
    width: 100%;
    height: clamp(360px, 42vw, 560px);
    object-fit: cover;
    display: block;
    border-radius: var(--pardee-r-card);
}

.pardee-media__tag {
    position: absolute;
    left: 18px;
    bottom: 18px;
    background: rgba(0, 18, 28, .78);   /* design .ss-media__tag: ink wash, cream text */
    color: var(--pp-cream);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    padding: 7px 13px;
}

.pardee-media .pardee-video { width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; }   /* design .prep-video: 16:9 card */
.fl-builder-content .fl-module-content .pardee-media .pardee-video .pardee-video__play { width: 72px; height: 72px; padding: 0; border-radius: 50%; border: 1px solid rgba(255, 246, 240, .85); background: rgba(2, 37, 52, .35); color: var(--pp-cream); box-shadow: none; }   /* (0,5,x): BB's global button style is (0,4,1) */
.fl-builder-content .fl-module-content .pardee-media .pardee-video .pardee-video__play:hover { background: rgba(2, 37, 52, .6); }   /* the theme's .pardee-video has no width: without this the 16/9 box grew past the column */
.pardee-media .pardee-video iframe, .pardee-media .pardee-video video { width: 100%; height: 100%; display: block; }

/* Play button: the legacy theme gives <button> weight 600 (a weight Gotham does not serve) — pin it */
.pardee-media .pardee-video__play, .pardee-media .pardee-video__play * { font-family: var(--font-body); font-weight: var(--pardee-w-regular); }
/* Play icon: no icon-pp-play glyph exists yet — CSS triangle instead of an inline SVG */
.pardee-media__play-icon {
    display: block; width: 0; height: 0; margin-left: 4px;
    border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 16px solid currentColor;
}

/* ── Value snapshot card ───────────────────────────────────── */

.pardee-media__snap {
    background: var(--pp-cream);
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    overflow: hidden;
    box-shadow: var(--shadow-card);
    max-width: 560px;
}

.pardee-media__snap-top {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 18px 24px; background: var(--pp-ink-mid); color: var(--pp-cream);
}

.pardee-media__snap-top span {
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase;
}

.pardee-media__snap-tag { background: rgba(203, 221, 232, .2); color: var(--pp-sky); padding: 4px 10px; border-radius: 999px; }

.pardee-media__snap-body { padding: 26px 24px 28px; }

.pardee-media__snap-lbl {
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--pp-clay);
}

.pardee-media__snap-range {
    font-family: var(--font-display); font-size: clamp(30px, 3.4vw, 44px); line-height: 1.05; color: var(--pp-ink-mid); margin: 8px 0 4px;
}

.pardee-media__snap-sub { font-family: var(--font-body); font-size: 13px; color: var(--pp-clay); }

.pardee-media__snap-bar { position: relative; height: 8px; margin: 20px 0 8px; border-radius: 999px; background: var(--pp-sand); overflow: hidden; }
.pardee-media__snap-bar i { position: absolute; top: 0; bottom: 0; background: var(--pp-tan); border-radius: 999px; }

.pardee-media__snap-ends {
    display: flex; justify-content: space-between;
    font-family: var(--font-body); font-size: 11px; letter-spacing: .04em; color: var(--pp-clay);
}

@media (max-width: 992px) {
    .pardee-media__img, .pardee-media .pardee-video { height: 400px; }
}

@media (max-width: 768px) {
    .pardee-media__img, .pardee-media .pardee-video { height: 300px; }
}

/* ── shape / caption / signature (design .pp-team__photo 4:5 r14 · .pp-team__cap · .lifetime__sig) ── */
.pardee-media--r4-5 .pardee-media__img, .pardee-media--r3-4 .pardee-media__img, .pardee-media--r5-4 .pardee-media__img, .pardee-media--r16-11 .pardee-media__img, .pardee-media--r3-2 .pardee-media__img, .pardee-media--rbanner .pardee-media__img, .pardee-media--r1-1 .pardee-media__img { width: 100%; height: auto; object-fit: cover; display: block; }
.pardee-media--r4-5 .pardee-media__img { aspect-ratio: 4 / 5; }
.pardee-media--r3-4 .pardee-media__img { aspect-ratio: 3 / 4; }
/* the 14px corner + lift is the frame, not the aspect (design .pp-team__photo has it, .ab-hero__photo does not) */
.pardee-media--soft .pardee-media__img { border-radius: 14px; }
.pardee-media--r5-4 .pardee-media__img { aspect-ratio: 5 / 4; }
.pardee-media--r16-11 .pardee-media__img { aspect-ratio: 16 / 11; }
.pardee-media--r3-2 .pardee-media__img { aspect-ratio: 3 / 2; }
.pardee-media--rbanner .pardee-media__img { aspect-ratio: 5 / 2; }   /* design .audsplit__img: a 606×240 photo band (2.525:1) on the leasing choice panels */
.pardee-media--r1-1 .pardee-media__img { aspect-ratio: 1 / 1; }
.pardee-media--rfill { height: 100%; min-height: 680px; }
.pardee-media--rfill .pardee-media__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.pardee-media__sig { position: absolute; left: 24px; right: 24px; bottom: 24px; font-family: var(--font-display); font-style: italic; font-weight: 400; font-size: 38px; line-height: 1.1; letter-spacing: -.01em; color: var(--pp-cream); text-shadow: 0 2px 18px rgba(0, 22, 33, .45); pointer-events: none; }
.pardee-media__cap { margin: 14px 0 0; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; line-height: 1.5; color: var(--pardee-fg-muted); }
@media (max-width: 768px) { .pardee-media--rfill { min-height: 380px; } .pardee-media__sig { font-size: 30px; left: 18px; bottom: 18px; } }
/* video chrome from design .pp-video (Pardee Prep hero) */
.pardee-media .pardee-video { border-radius: var(--r-md, 8px); overflow: hidden; background: var(--pp-ink); }
.pardee-media .pardee-video__play { background: rgba(0, 22, 33, .55); border: 1px solid rgba(255, 246, 240, .72); }
.pardee-media .pardee-video__cap { display: grid; gap: 6px; text-transform: none; letter-spacing: 0; font-size: inherit; }
.pardee-video__cap-eyebrow { font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--pp-tan); }
.pardee-video__cap-t { font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 1.2; letter-spacing: -.005em; color: var(--pp-cream); }
.pardee-media--tag-chip .pardee-media__tag { background: var(--pp-cream); color: var(--pp-ink-mid); left: 18px; bottom: 18px; }   /* design .ss-hero__media-tag (Strategy Negotiation hero) */

/* ── Play control → "Filled disc" (`media_play_style: disc`) ──────────────────────────
   Design .pp-video__play on Meet the Team 04 "Featured Voices" (people.css): a 72px disc filled
   cream at 94% with an ink glyph and no ring — the default `ring` (Pardee Prep hero) keeps the
   button icon would. Same 5-class chain as the ring rule above, later in the file. */
.fl-builder-content .fl-module-content .pardee-media--play-disc .pardee-video .pardee-video__play {
    background: rgba(255, 246, 240, .94);
    border-color: transparent;
    color: var(--pp-ink-mid);
}
.fl-builder-content .fl-module-content .pardee-media--play-disc .pardee-video .pardee-video__play:hover { background: var(--pp-cream); }
/* the glyph is painted by BB's Global-Styles button colour on its own element, so inheriting the ink is not enough */
.fl-builder-content .fl-module-content .pardee-media--play-disc .pardee-video .pardee-video__play .pardee-media__play-icon { color: var(--pp-ink-mid); }

/* ── Post-click player (js/frontend.js adds .pardee-video--playing to the card it just filled) ────────
   Nothing here can reach a page before someone presses Play: the class only exists after the click, so
   the server-rendered DOM of a stamped page is untouched. The player is laid over the 16:9 box the
   poster already occupies, and the poster and its caption step out of the way. No transition — the swap
   must add no motion (see the prefers-reduced-motion note in js/frontend.js). */
.pardee-media .pardee-video--playing > iframe,
.pardee-media .pardee-video--playing > video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background: var(--pp-ink-mid);
}
.pardee-media .pardee-video--playing > video { object-fit: contain; }
.pardee-media .pardee-video--playing > img[data-video-poster],
.pardee-media .pardee-video--playing > .pardee-video__cap { display: none; }

/* ── Poster with no video yet (design people.css .pp-video--fallback): the play disc renders inert —
      translucent cream fill, ink glyph, no hover, default cursor — until a clip lands in the Video URL field. ── */
.fl-builder-content .fl-module-content .pardee-media .pardee-video .pardee-video__play--inert { background: rgba(255, 246, 240, .5); border-color: transparent; color: var(--pp-ink-mid); cursor: default; }
.fl-builder-content .fl-module-content .pardee-media .pardee-video .pardee-video__play--inert:hover { background: rgba(255, 246, 240, .5); }
.fl-builder-content .fl-module-content .pardee-media .pardee-video .pardee-video__play--inert svg { width: 26px; height: 26px; margin-left: 3px; color: var(--pp-ink-mid); }

/* The modal ("theater") player CSS (.pardee-vmodal) lives in the plugin's shared
   assets/css/pardee-video-modal.css — enqueued by the module class. */
 .fl-node-ybs8lfeo2n54 > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
/* ── pardee-strip-facts module ─────────────────────────────────
   Strip of 2–6 facts (value · label · optional foot). Content module: the row pads and constrains — the root
   is width 100% with no padding/max-width. Colours are the surface tokens (--pardee-fg / -fg-muted / -line /
   -eyebrow-color) so the strip reads on cream, sand, ink and sable rows without a Style tab.
   Display  = "Pardee Stats.html" 02 By the numbers (.ss-statgrid: large Bodoni figures in a hairline cell grid).
   Compact  = "Owner Leasing.html" 05 Proof stats (.proof: small centred figures with tick dividers).
   Font sizes are fixed per breakpoint (992 / 768), per project convention — no clamp().
   ───────────────────────────────────────────────────────────────── */

.pardee-strip-facts { width: 100%; }

.pardee-strip-facts__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

/* Column count follows the number of facts: 2–4 sit on one line, 5–6 fill a 3-wide grid (design: 6 in 3) */
.pardee-strip-facts[data-count="1"] .pardee-strip-facts__grid { grid-template-columns: minmax(0, 1fr); }
.pardee-strip-facts[data-count="2"] .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pardee-strip-facts[data-count="4"] .pardee-strip-facts__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pardee-strip-facts--compact[data-count="5"] .pardee-strip-facts__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pardee-strip-facts--compact[data-count="6"] .pardee-strip-facts__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.pardee-strip-facts__cell {
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

/* ── Type ──────────────────────────────────────────────────── */

.pardee-strip-facts__value {
    display: block;
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 56px;
    line-height: 1;
    letter-spacing: -.01em;
    color: var(--pardee-fg);
}

.pardee-strip-facts__label {
    display: block;
    margin-top: 12px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .16em;
    text-transform: uppercase;
    line-height: 1.45;
    color: var(--pardee-eyebrow-color);
}

.pardee-strip-facts__foot {
    display: block;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--pardee-line);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 13px;
    line-height: 20px;
    letter-spacing: .02em;
    color: var(--pardee-fg-muted);
}

/* ── Display: hairline cell grid (design .ss-statgrid) ─────── */

.pardee-strip-facts--display .pardee-strip-facts__cell { padding: 36px 28px; }

.pardee-strip-facts--display.pardee-strip-facts--dividers-on .pardee-strip-facts__grid {
    border-top: 1px solid var(--pardee-line);
    border-left: 1px solid var(--pardee-line);
}
.pardee-strip-facts--display.pardee-strip-facts--dividers-on .pardee-strip-facts__cell {
    border-right: 1px solid var(--pardee-line);
    border-bottom: 1px solid var(--pardee-line);
}

/* No dividers: open grid, the gap does the separating */
.pardee-strip-facts--display.pardee-strip-facts--dividers-off .pardee-strip-facts__grid { gap: 40px 48px; }
.pardee-strip-facts--display.pardee-strip-facts--dividers-off .pardee-strip-facts__cell { padding: 0; }

/* ── Compact: proof line (design .proof) ───────────────────── */

.pardee-strip-facts--compact .pardee-strip-facts__grid { gap: 24px; align-items: start; }   /* design: values share one baseline; two-line labels hang below */

.pardee-strip-facts--compact .pardee-strip-facts__cell { text-align: center; padding: 0 12px; }

.pardee-strip-facts--compact .pardee-strip-facts__value {
    font-size: 28px;
    letter-spacing: -.005em;
}

.pardee-strip-facts--compact .pardee-strip-facts__label {
    margin-top: 8px;
    font-size: 10.5px;
    letter-spacing: .2em;
    line-height: 1.4;
}

.pardee-strip-facts--compact .pardee-strip-facts__foot {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 12px;
    line-height: 18px;
}

/* Tick divider between facts (design .proof__item + .proof__item::before) */
.pardee-strip-facts--compact.pardee-strip-facts--dividers-on .pardee-strip-facts__cell + .pardee-strip-facts__cell::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 14%;
    bottom: 14%;
    width: 1px;
    background: var(--pardee-line);
}

/* Superscript plus in a value (design: <sup style="font-size:.55em; letter-spacing:.05em">+</sup>) */
.pardee-strip-facts__value sup { font-size: .55em; letter-spacing: .05em; }
/* A compact strip holding a dot-joined value ("Before·During·After", --joined): from 1025px the columns
   size to their content (1fr = minmax(auto, 1fr)) so the value keeps one line; at 1024px and below the __brk break
   points switch on and the value wraps at its dots instead of running past its cell. */
.pardee-strip-facts__brk { display: none; }
@media (min-width: 1025px) {
    .pardee-strip-facts--compact.pardee-strip-facts--joined .pardee-strip-facts__grid { grid-template-columns: repeat(3, 1fr); }
    .pardee-strip-facts--compact.pardee-strip-facts--joined[data-count="2"] .pardee-strip-facts__grid { grid-template-columns: repeat(2, 1fr); }
    .pardee-strip-facts--compact.pardee-strip-facts--joined[data-count="4"] .pardee-strip-facts__grid { grid-template-columns: repeat(4, 1fr); }
    .pardee-strip-facts--compact.pardee-strip-facts--joined[data-count="5"] .pardee-strip-facts__grid { grid-template-columns: repeat(5, 1fr); }
    .pardee-strip-facts--compact.pardee-strip-facts--joined[data-count="6"] .pardee-strip-facts__grid { grid-template-columns: repeat(6, 1fr); }
    .pardee-strip-facts--compact.pardee-strip-facts--joined .pardee-strip-facts__cell { min-width: auto; }
}
@media (max-width: 1024px) {
    .pardee-strip-facts__brk { display: inline; }
}

/* ── Inline: figures beside each other, left-aligned, italic (home 06 Pardee Prep, design .hp-prep__metrics:
   44px italic display, 10.5px .16em labels, 44px apart, no rules) ─────────────────────────────── */
.pardee-strip-facts--inline .pardee-strip-facts__grid { display: flex; flex-wrap: wrap; gap: 20px 44px; }
.pardee-strip-facts--inline .pardee-strip-facts__cell { flex: 0 1 152px; padding: 0; gap: 6px; }
.pardee-strip-facts--inline .pardee-strip-facts__value { font-size: 44px; font-style: italic; letter-spacing: .007em; }
.pardee-strip-facts--inline .pardee-strip-facts__label { margin-top: 0; font-size: 10.5px; letter-spacing: .16em; line-height: 15px; }
.pardee-strip-facts--inline .pardee-strip-facts__foot { border-top: 0; padding-top: 0; margin-top: 6px; }

/* ── Proof: open centred grid (home 02 Proof, design .hp-proof__grid / __item / __num / __lbl) ──
   4 centred figures, no cells or ticks; numerals clamp(34px,4vw,58px) → 58 / 42 / 40 / 37; labels 11.5px .18em in the
   eyebrow colour (tan on chocolate). 2-up from ≤860 down (design stays 2×2 on phones). ───────────────────────────── */

.pardee-strip-facts--proof .pardee-strip-facts__grid { gap: 64px; }
.pardee-strip-facts--proof[data-count="2"] .pardee-strip-facts__grid,
.pardee-strip-facts--proof[data-count="3"] .pardee-strip-facts__grid { justify-content: center; }
.pardee-strip-facts--proof .pardee-strip-facts__cell { align-items: center; text-align: center; padding: 0; }
.pardee-strip-facts--proof .pardee-strip-facts__value { font-size: 58px; letter-spacing: -.012em; }
.pardee-strip-facts--proof .pardee-strip-facts__label { margin-top: 10px; font-size: 11.5px; letter-spacing: .18em; line-height: 1.4; }
.pardee-strip-facts--proof .pardee-strip-facts__foot { border-top: 0; padding-top: 0; margin-top: 8px; }

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

@media (max-width: 992px) {
    .pardee-strip-facts__value { font-size: 46px; }
    .pardee-strip-facts--proof .pardee-strip-facts__grid { gap: 30px 24px; }
    .pardee-strip-facts--proof .pardee-strip-facts__value { font-size: 42px; }
    .pardee-strip-facts--inline .pardee-strip-facts__value { font-size: 38px; }
    .pardee-strip-facts--compact .pardee-strip-facts__value { font-size: 26px; }
    .pardee-strip-facts--display .pardee-strip-facts__cell { padding: 30px 24px; }
    .pardee-strip-facts--display.pardee-strip-facts--dividers-off .pardee-strip-facts__grid { gap: 32px 36px; }
}

@media (max-width: 768px) {
    /* Two columns on phones (design: ≤760 → 1fr 1fr), one below 480 (design ≤460) */
    .pardee-strip-facts .pardee-strip-facts__grid,
    .pardee-strip-facts[data-count] .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pardee-strip-facts[data-count="1"] .pardee-strip-facts__grid { grid-template-columns: minmax(0, 1fr); }

    .pardee-strip-facts__value { font-size: 40px; }
    .pardee-strip-facts--display .pardee-strip-facts__cell { padding: 26px 20px; }
    .pardee-strip-facts--display.pardee-strip-facts--dividers-off .pardee-strip-facts__grid { gap: 28px 24px; }

    .pardee-strip-facts--compact .pardee-strip-facts__grid { gap: 28px 24px; }
    .pardee-strip-facts--compact .pardee-strip-facts__value { font-size: 24px; }
    /* first cell of each two-up line carries no tick */
    .pardee-strip-facts--compact.pardee-strip-facts--dividers-on .pardee-strip-facts__cell:nth-child(2n + 1)::before { display: none; }
    .pardee-strip-facts--proof .pardee-strip-facts__value { font-size: 40px; }
}

@media (max-width: 860px) {
    .pardee-strip-facts--proof .pardee-strip-facts__grid,
    .pardee-strip-facts--proof[data-count] .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
}

@media (max-width: 480px) {
    .pardee-strip-facts--display .pardee-strip-facts__grid,
    .pardee-strip-facts--display[data-count] .pardee-strip-facts__grid { grid-template-columns: minmax(0, 1fr); }
    .pardee-strip-facts__value { font-size: 36px; }
    .pardee-strip-facts--proof .pardee-strip-facts__value { font-size: 37px; }   /* design at 500: 2×2 grid, 36.8px */
    .pardee-strip-facts--proof .pardee-strip-facts__grid { gap: 28px 20px; }
}

/* ── tiles (design .pp-team__stats / .pp-team__stat): sand chips 16/18, 1px ink@10, r10; value 32px display, label 11.5 .08em ── */
.pardee-strip-facts--tiles .pardee-strip-facts__grid { display: flex; flex-wrap: wrap; gap: 14px; }
.pardee-strip-facts--tiles .pardee-strip-facts__cell { flex: 1 1 0; min-width: 120px; padding: 16px 18px; background: var(--pardee-tile-bg, var(--pp-sand)); border: 1px solid rgba(2, 37, 52, .10); border-radius: 10px; text-align: left; }
.pardee-strip-facts--tiles .pardee-strip-facts__value { display: block; font-family: var(--font-display); font-size: 32px; line-height: 1; letter-spacing: 0; color: var(--pardee-fg); }
.pardee-strip-facts--tiles .pardee-strip-facts__label { display: block; margin-top: 8px; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4; color: var(--pardee-fg-muted); }
[data-pardee-surface="sand"] .pardee-strip-facts--tiles .pardee-strip-facts__cell { --pardee-tile-bg: var(--pp-cream); }
[data-pardee-surface="ink"] .pardee-strip-facts--compact .pardee-strip-facts__label, [data-pardee-surface="sable"] .pardee-strip-facts--compact .pardee-strip-facts__label, [data-pardee-surface="chocolate"] .pardee-strip-facts--compact .pardee-strip-facts__label, [data-pardee-surface="espresso"] .pardee-strip-facts--compact .pardee-strip-facts__label { color: rgba(255, 246, 240, .78); }   /* design .proof__lbl */

/* ── band (design About Us .ab-stats inside .ab-fullbleed--stats): the display cell grid one step up —
   3 across, 44/34 cells, 62px figures, 12.5px labels — with the hairlines drawn by a 1px grid gap so the cells can
   carry their own scrim over a photo row. Tokens so a plain dark or light row still reads. ── */
.pardee-strip-facts--band {
    --psf-band-line: rgba(255, 246, 240, .24);
    --psf-band-edge: rgba(255, 246, 240, .28);
    --psf-band-cell: rgba(23, 14, 9, .42);
}

.pardee-strip-facts--band .pardee-strip-facts__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--psf-band-line);
    border: 1px solid var(--psf-band-edge);
}

.pardee-strip-facts--band .pardee-strip-facts__cell {
    padding: 44px 34px;
    gap: 10px;
    background: var(--psf-band-cell);
    backdrop-filter: blur(2px);
}

.pardee-strip-facts--band .pardee-strip-facts__value { font-size: 62px; letter-spacing: -.01em; color: var(--pp-cream); }
.pardee-strip-facts--band .pardee-strip-facts__label { margin-top: 0; font-size: 12.5px; letter-spacing: .16em; line-height: 1.5; color: var(--pp-tan); }

/* On a light row the scrim would swallow the figures — flip to the surface tokens */
[data-pardee-surface="cream"] .pardee-strip-facts--band,
[data-pardee-surface="cream-warm"] .pardee-strip-facts--band,
[data-pardee-surface="sand"] .pardee-strip-facts--band,
[data-pardee-surface="tan"] .pardee-strip-facts--band,
[data-pardee-surface="blush"] .pardee-strip-facts--band,
[data-pardee-surface="sky"] .pardee-strip-facts--band {
    --psf-band-line: var(--pardee-line);
    --psf-band-edge: var(--pardee-line);
    --psf-band-cell: transparent;
}
[data-pardee-surface="cream"] .pardee-strip-facts--band .pardee-strip-facts__value,
[data-pardee-surface="cream-warm"] .pardee-strip-facts--band .pardee-strip-facts__value,
[data-pardee-surface="sand"] .pardee-strip-facts--band .pardee-strip-facts__value,
[data-pardee-surface="tan"] .pardee-strip-facts--band .pardee-strip-facts__value,
[data-pardee-surface="blush"] .pardee-strip-facts--band .pardee-strip-facts__value,
[data-pardee-surface="sky"] .pardee-strip-facts--band .pardee-strip-facts__value { color: var(--pardee-fg); }
[data-pardee-surface="cream"] .pardee-strip-facts--band .pardee-strip-facts__label,
[data-pardee-surface="cream-warm"] .pardee-strip-facts--band .pardee-strip-facts__label,
[data-pardee-surface="sand"] .pardee-strip-facts--band .pardee-strip-facts__label,
[data-pardee-surface="tan"] .pardee-strip-facts--band .pardee-strip-facts__label,
[data-pardee-surface="blush"] .pardee-strip-facts--band .pardee-strip-facts__label,
[data-pardee-surface="sky"] .pardee-strip-facts--band .pardee-strip-facts__label { color: var(--pardee-eyebrow-color); }

@media (max-width: 992px) {
    .pardee-strip-facts--band .pardee-strip-facts__cell { padding: 34px 26px; }
    .pardee-strip-facts--band .pardee-strip-facts__value { font-size: 50px; }
}

@media (max-width: 860px) {
    .pardee-strip-facts--band .pardee-strip-facts__grid,
    .pardee-strip-facts--band[data-count] .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 768px) {
    .pardee-strip-facts--band .pardee-strip-facts__cell { padding: 28px 22px; }
    .pardee-strip-facts--band .pardee-strip-facts__value { font-size: 40px; }
    .pardee-strip-facts--band .pardee-strip-facts__label { font-size: 11.5px; }
}

@media (max-width: 520px) {
    .pardee-strip-facts--band .pardee-strip-facts__grid,
    .pardee-strip-facts--band[data-count] .pardee-strip-facts__grid { grid-template-columns: minmax(0, 1fr); }
}

/* ── band-inline (design Sell.html 10 Credentials .sell-stats, navy on the sell page):
   ONE filled band across the container — 4–6 centred cells, full-height cream hairlines between them,
   30px cream figures over 9.5px/.18em cream-78 labels. Fixed navy: the band carries its own surface,
   so the cells read the same on a cream row and on an ink row. ─────────────────────────────────── */

.pardee-strip-facts--band-inline {
    --psf-bi-bg: #012F48;
    --psf-bi-line: rgba(255, 246, 240, .2);
}

.pardee-strip-facts--band-inline .pardee-strip-facts__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    background: var(--psf-bi-bg);
}

.pardee-strip-facts--band-inline[data-count="2"] .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pardee-strip-facts--band-inline[data-count="3"] .pardee-strip-facts__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pardee-strip-facts--band-inline[data-count="4"] .pardee-strip-facts__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pardee-strip-facts--band-inline[data-count="5"] .pardee-strip-facts__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pardee-strip-facts--band-inline[data-count="6"] .pardee-strip-facts__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.pardee-strip-facts--band-inline .pardee-strip-facts__cell {
    padding: 26px 22px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pardee-strip-facts--band-inline.pardee-strip-facts--dividers-on .pardee-strip-facts__cell {
    border-right: 1px solid var(--psf-bi-line);
}

.pardee-strip-facts--band-inline.pardee-strip-facts--dividers-on .pardee-strip-facts__cell:last-child {
    border-right: 0;
}

.pardee-strip-facts--band-inline .pardee-strip-facts__value {
    font-size: 30px;
    line-height: 1;
    letter-spacing: normal;
    color: var(--pp-cream);
}

.pardee-strip-facts--band-inline .pardee-strip-facts__label {
    margin-top: 8px;
    font-size: 9.5px;
    letter-spacing: .18em;
    line-height: 1.4;
    color: rgba(255, 246, 240, .78);
}

.pardee-strip-facts--band-inline .pardee-strip-facts__foot {
    border-top-color: var(--psf-bi-line);
    color: rgba(255, 246, 240, .78);
}

/* 3-up ≤900, 2-up ≤540 — the export's own breakpoints, with the rules re-drawn per wrap */

@media (max-width: 992px) {
    .pardee-strip-facts--band-inline .pardee-strip-facts__value { font-size: 22px; }
}

@media (max-width: 900px) {
    .pardee-strip-facts--band-inline .pardee-strip-facts__grid,
    .pardee-strip-facts--band-inline[data-count] .pardee-strip-facts__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pardee-strip-facts--band-inline.pardee-strip-facts--dividers-on .pardee-strip-facts__cell:nth-child(3n) { border-right: 0; }
    .pardee-strip-facts--band-inline.pardee-strip-facts--dividers-on .pardee-strip-facts__cell:nth-child(n+4) { border-top: 1px solid var(--psf-bi-line); }
}

@media (max-width: 540px) {
    .pardee-strip-facts--band-inline .pardee-strip-facts__grid,
    .pardee-strip-facts--band-inline[data-count] .pardee-strip-facts__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pardee-strip-facts--band-inline.pardee-strip-facts--dividers-on .pardee-strip-facts__cell:nth-child(3n) { border-right: 1px solid var(--psf-bi-line); }
    .pardee-strip-facts--band-inline.pardee-strip-facts--dividers-on .pardee-strip-facts__cell:nth-child(2n) { border-right: 0; }
    .pardee-strip-facts--band-inline.pardee-strip-facts--dividers-on .pardee-strip-facts__cell:nth-child(n+3) { border-top: 1px solid var(--psf-bi-line); }
}

/* ══ Size → Glance (additive) ═════════════════════════════════════════════════════════════════
   design property-story.html 03b "At a glance" `.story-facts__grid` (property-story.css): a 4-up grid drawn by
   1px rules, each cell a small uppercase label ABOVE the figure with the unit under it. Scoped to
   .pardee-strip-facts--glance, so every other size is untouched. */
.pardee-strip-facts--glance .pardee-strip-facts__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 0; border-top: 1px solid var(--pardee-line); }
.pardee-strip-facts--glance .pardee-strip-facts__cell { display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 18px; border-right: 1px solid var(--pardee-line); border-bottom: 1px solid var(--pardee-line); }
.pardee-strip-facts--glance .pardee-strip-facts__cell::before { display: none; }
.pardee-strip-facts--glance .pardee-strip-facts__cell:nth-child(4n) { border-right: 0; padding-right: 0; }
.pardee-strip-facts--glance .pardee-strip-facts__cell:nth-child(4n+1) { padding-left: 0; }
.pardee-strip-facts--glance .pardee-strip-facts__cell:nth-last-child(-n+4) { border-bottom: 0; }
.pardee-strip-facts--glance .pardee-strip-facts__label { order: -1; margin: 0 0 8px; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 10px; line-height: 1.7; letter-spacing: .22em; text-transform: uppercase; color: var(--pardee-fg-muted); }
.pardee-strip-facts--glance .pardee-strip-facts__value { margin: 0; font-family: var(--font-display); font-weight: var(--pardee-w-regular); font-size: clamp(18px, 1.8vw, 22px); line-height: 1.15; letter-spacing: -.005em; color: var(--pardee-fg); }
.pardee-strip-facts--glance .pardee-strip-facts__foot { order: 1; display: block; margin: 2px 0 0; padding-top: 0; border-top: 0; font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 11.5px; line-height: 1.15; letter-spacing: .04em; color: var(--pardee-fg-muted); }
@media (max-width: 640px) {
    .pardee-strip-facts--glance .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pardee-strip-facts--glance .pardee-strip-facts__cell { padding: 14px; border-right: 1px solid var(--pardee-line); }
    .pardee-strip-facts--glance .pardee-strip-facts__cell:nth-child(2n) { border-right: 0; padding-right: 0; }
    .pardee-strip-facts--glance .pardee-strip-facts__cell:nth-child(2n+1) { padding-left: 0; }
}

/* ══ Size → Cells (additive) ══════════════════════════════════════════════════════════════════
   design Careers.html 03 "Why Pardee" `.cr-proof` / `.cr-proofcell` (careers.css): a 3-up cell grid drawn by a
   1px gap over the row's line colour, each cell filled with the ROW's own colour (the `card_style: cells`
   pattern from pardee-grid-cards-numbered, same --pardee-cell-bg tokens). Distinct from `band`, whose cells are
   a scrim over a photo row. Scoped to .pardee-strip-facts--cells, so every other size is untouched.
   Fixed sizes per breakpoint, per project convention — no clamp(). */
.pardee-strip-facts--cells .pardee-strip-facts__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--pardee-line); }
.pardee-strip-facts--cells[data-count="1"] .pardee-strip-facts__grid,
.pardee-strip-facts--cells[data-count="2"] .pardee-strip-facts__grid,
.pardee-strip-facts--cells[data-count="4"] .pardee-strip-facts__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pardee-strip-facts--cells .pardee-strip-facts__cell { background: var(--pardee-cell-bg, var(--pp-cream)); padding: 34px; gap: 8px; }
.pardee-strip-facts--cells .pardee-strip-facts__cell::before { display: none; }
.pardee-strip-facts--cells .pardee-strip-facts__value { font-size: 54px; line-height: 1; letter-spacing: -.015em; color: var(--pardee-fg); }
.pardee-strip-facts--cells .pardee-strip-facts__label { margin-top: 0; font-size: 11px; line-height: 1.5; letter-spacing: .18em; color: var(--pardee-cell-accent, var(--pardee-eyebrow-color)); }
[data-pardee-surface="ink"] .pardee-strip-facts--cells, [data-pardee-surface="ink-deep"] .pardee-strip-facts--cells, [data-pardee-surface="ink-mid"] .pardee-strip-facts--cells,
[data-pardee-surface="chocolate"] .pardee-strip-facts--cells, [data-pardee-surface="espresso"] .pardee-strip-facts--cells, [data-pardee-surface="sable"] .pardee-strip-facts--cells,
[data-pardee-surface="terracotta"] .pardee-strip-facts--cells { --pardee-cell-accent: var(--pp-tan); }
[data-pardee-surface="ink"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-ink); }
[data-pardee-surface="ink-deep"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-ink-deep, #00121C); }
[data-pardee-surface="ink-mid"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-ink-mid); }
[data-pardee-surface="chocolate"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-chocolate, #3D2B1F); }
[data-pardee-surface="espresso"] .pardee-strip-facts--cells { --pardee-cell-bg: #2E211A; }
[data-pardee-surface="sable"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-sable); }
[data-pardee-surface="terracotta"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-terracotta); }
[data-pardee-surface="sand"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-sand); }
[data-pardee-surface="tan"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-tan); }
[data-pardee-surface="cream-warm"] .pardee-strip-facts--cells { --pardee-cell-bg: var(--pp-cream-warm, #FFF5E8); }
@media (max-width: 992px) {
    .pardee-strip-facts--cells .pardee-strip-facts__cell { padding: 28px; }
    .pardee-strip-facts--cells .pardee-strip-facts__value { font-size: 44px; }
}
@media (max-width: 820px) {
    .pardee-strip-facts--cells .pardee-strip-facts__grid,
    .pardee-strip-facts--cells[data-count="1"] .pardee-strip-facts__grid,
    .pardee-strip-facts--cells[data-count="2"] .pardee-strip-facts__grid,
    .pardee-strip-facts--cells[data-count="4"] .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pardee-strip-facts--cells .pardee-strip-facts__cell { padding: 24px; }
    .pardee-strip-facts--cells .pardee-strip-facts__value { font-size: 40px; }
}
@media (max-width: 640px) {
    .pardee-strip-facts--cells .pardee-strip-facts__grid,
    .pardee-strip-facts--cells[data-count] .pardee-strip-facts__grid,
    .pardee-strip-facts--cells[data-count="1"] .pardee-strip-facts__grid,
    .pardee-strip-facts--cells[data-count="2"] .pardee-strip-facts__grid,
    .pardee-strip-facts--cells[data-count="4"] .pardee-strip-facts__grid { grid-template-columns: minmax(0, 1fr); }
    .pardee-strip-facts--cells .pardee-strip-facts__cell { padding: 24px; }
    .pardee-strip-facts--cells .pardee-strip-facts__value { font-size: 36px; }
}
 .fl-node-vjhsr0qdauox > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
.fl-module-heading .fl-heading {
	padding: 0 !important;
	margin: 0 !important;
} .fl-node-39zybsjr2ikq.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-39zybsjr2ikq.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-39zybsjr2ikq.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-smrv3el68gfj.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-smrv3el68gfj.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-dkzt7r0x6gbv.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-dkzt7r0x6gbv.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-dkzt7r0x6gbv.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-rsdji28nxz6y.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-rsdji28nxz6y.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-0hknp45ov81t.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-0hknp45ov81t.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-0hknp45ov81t.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-cd2xpb9q6wrh.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-cd2xpb9q6wrh.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-cd2xpb9q6wrh.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-vwj5ql0in29x > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
/* ── pardee-grid-gallery module ───────────────────────────────
   Content module: the row pads and constrains; this fills its column. Three layouts —
   even (Listing Marketing .ss-artifacts / .lm-grid4), tall-left (Case Study .case-gallery),
   pairs (Pardee Prep .prep-gallery, before/after side by side). Colours read the row's
   surface tokens; the placeholder block and chips are fixed palette accents.
   ───────────────────────────────────────────────────────────── */

.pardee-grid-gallery {
    display: grid;
    width: 100%;
    gap: var(--pardee-grid-gap);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

.pardee-grid-gallery__item {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-width: 0;
    color: var(--pardee-fg);
}

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

.pardee-grid-gallery__media {
    position: relative;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: var(--pardee-r-card);
    background: var(--pp-sand);
}

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

/* Placeholder: token-coloured block carrying the label so a layout reads before photos exist */
.pardee-grid-gallery__ph {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 16px;
    background: var(--pp-sand);
    background-image: linear-gradient(to top right, transparent calc(50% - .5px), rgba(2, 37, 52, .12) calc(50% - .5px), rgba(2, 37, 52, .12) calc(50% + .5px), transparent calc(50% + .5px));
    text-align: center;
}

.pardee-grid-gallery__ph-text {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--pp-clay);
    background: var(--pp-sand);
    padding: 4px 8px;
}

/* Tag on the image (even / tall-left) — design .ss-artifact__tag */
.pardee-grid-gallery__tag {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 2;
    background: var(--pp-ink-mid);
    color: var(--pp-cream);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10px;
    letter-spacing: .16em;
    line-height: 1.4;
    text-transform: uppercase;
    padding: 5px 11px;
    pointer-events: none;
}

/* ── Even grid: tiles with a hairline + card surface — design .ss-artifact ── */

.pardee-grid-gallery--even .pardee-grid-gallery__item {
    background: var(--pardee-card-bg);
    border: 1px solid var(--pardee-line);
    border-radius: var(--pardee-r-card);
    overflow: hidden;
    transition: border-color var(--dur-base), transform var(--dur-base) var(--ease-soft);
}

.pardee-grid-gallery--even .pardee-grid-gallery__item:hover {
    border-color: var(--pp-tan);
    transform: translateY(-3px);
}

.pardee-grid-gallery--even .pardee-grid-gallery__media { border-radius: 0; }

.pardee-grid-gallery--even .pardee-grid-gallery__body {
    padding: 18px 20px 20px;
}

/* ── Tall-left: first tile spans two rows — design .case-gallery ── */

.pardee-grid-gallery--tall {
    grid-template-columns: 2fr 1fr 1fr;
    gap: 16px;
}

.pardee-grid-gallery--tall .pardee-grid-gallery__media { aspect-ratio: 4 / 3; }

.pardee-grid-gallery__item--tall { grid-row: span 2; }

.pardee-grid-gallery__item--tall .pardee-grid-gallery__media {
    aspect-ratio: 3 / 5;
    flex: 1 1 auto;
}

/* The tall tile spans two AUTO rows, so the grid grows both rows to half its height (3/5 of the
   2fr column ≈ 1007px at 1240px → rows of 495px). The small tiles' figure stretches to that row,
   but their media keeps its 4/3 box (227px) unless it is told to fill, leaving ~270px of blank
   surface under each one. In the design the
   cells ARE the grid items (bare .case-gallery__cell divs) and stretch, so the media must fill
   its figure here too. Below 992px the tall tile stops spanning and every media is 4/3 again. */
.pardee-grid-gallery--tall .pardee-grid-gallery__item .pardee-grid-gallery__media {
    flex: 1 1 auto;
    min-height: 0;
}

/* ── Pairs: before / after side by side — design .prep-gallery + .ba ── */

.pardee-grid-gallery--pairs {
    gap: clamp(24px, 3vw, 40px);
}

.pardee-grid-gallery__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    border-radius: var(--pardee-r-card);
    overflow: hidden;
}

.pardee-grid-gallery__pair .pardee-grid-gallery__media { border-radius: 0; }

.pardee-grid-gallery__tag--before,
.pardee-grid-gallery__tag--after {
    top: auto;
    bottom: 14px;
    left: 14px;
    border-radius: var(--pardee-r-chip);
    font-size: 10px;
    letter-spacing: .18em;
    padding: 6px 12px;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .4);
}

.pardee-grid-gallery__tag--before { background: rgba(2, 37, 52, .78); }
.pardee-grid-gallery__tag--after  { background: rgba(154, 65, 33, .85); left: auto; right: 14px; }

/* One pair on its own (columns 1 — home 06 Pardee Prep, design .hp-prep__media): two portrait slots 2:3, 16px apart,
   no radius, both labels top-left — Before a cream pill in ink, After an ink pill in cream. */
.pardee-grid-gallery--cols-1.pardee-grid-gallery--pairs .pardee-grid-gallery__pair { gap: 16px; border-radius: 0; }
.pardee-grid-gallery--cols-1.pardee-grid-gallery--pairs .pardee-grid-gallery__media { aspect-ratio: 2 / 3; }
.pardee-grid-gallery--cols-1.pardee-grid-gallery--pairs .pardee-grid-gallery__tag--before,
.pardee-grid-gallery--cols-1.pardee-grid-gallery--pairs .pardee-grid-gallery__tag--after {
    top: 12px; bottom: auto; left: 12px; right: auto; border-radius: 0; text-shadow: none;
    font-size: 10.5px; letter-spacing: .18em; padding: 5px 11px;
}
.pardee-grid-gallery--cols-1.pardee-grid-gallery--pairs .pardee-grid-gallery__tag--before { background: var(--pp-cream); color: var(--pp-ink-mid); }
.pardee-grid-gallery--cols-1.pardee-grid-gallery--pairs .pardee-grid-gallery__tag--after  { background: var(--pp-ink-mid); color: var(--pp-cream); }

/* Chips under a pair — design .prep-tags / .prep-tag */
.pardee-grid-gallery__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
}

.pardee-grid-gallery__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: var(--pardee-r-chip);
    background: var(--pp-blush);
    color: var(--pp-ink-mid);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 1.4;
    text-transform: uppercase;
}

.pardee-grid-gallery__chip::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: var(--r-circle);
    background: var(--pp-terracotta);
}

/* ── Text under the image ───────────────────────────────────── */

.pardee-grid-gallery__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.pardee-grid-gallery--tall .pardee-grid-gallery__body,
.pardee-grid-gallery--pairs .pardee-grid-gallery__body { padding-top: 12px; }

.pardee-grid-gallery--pairs .pardee-grid-gallery__chips + .pardee-grid-gallery__label { margin-top: 10px; }

.pardee-grid-gallery__label {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 19px;   /* design .ss-artifact__t */
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--pardee-fg);
}

.pardee-grid-gallery__caption {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 13.5px;   /* design .ss-artifact__d */
    letter-spacing: .02em;
    line-height: 1.5;
    color: var(--pardee-fg-muted);
    text-wrap: pretty;
}

/* ── Responsive (BB: ≤992 medium, ≤768 small) ───────────────── */

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

    .pardee-grid-gallery--tall { grid-template-columns: 1fr 1fr; }
    .pardee-grid-gallery__item--tall { grid-row: auto; }
    /* (0,4,0): the Case Study Layout CSS repeats `.cs-gallery .pardee-grid-gallery__item--tall
       .pardee-grid-gallery__media { aspect-ratio: 3/5 }` at (0,3,0) with no breakpoint, and Layout
       CSS loads after the module bundle — at (0,3,0) this override would lose and the portrait tile stay
       3/5 on tablet/phone (683px beside 307px tiles at 900px). */
    .pardee-grid-gallery.pardee-grid-gallery--tall .pardee-grid-gallery__item--tall .pardee-grid-gallery__media { aspect-ratio: 4 / 3; }
}

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

    .pardee-grid-gallery--pairs { gap: 28px; }
    .pardee-grid-gallery__tag--before,
    .pardee-grid-gallery__tag--after { bottom: 10px; left: 10px; padding: 5px 10px; }
    .pardee-grid-gallery__tag--after { left: auto; right: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .pardee-grid-gallery--even .pardee-grid-gallery__item { transition: none; }
    .pardee-grid-gallery--even .pardee-grid-gallery__item:hover { transform: none; }
}

/* ── Compare slider (Pardee Prep 02/04 .prep-compare): the after image sits over the before, clipped at --pos, a range input drives it ── */
.pardee-grid-gallery--compare .pardee-grid-gallery__pair { display: block; position: relative; overflow: hidden; aspect-ratio: 3 / 2; gap: 0; }
.pardee-grid-gallery--compare .pardee-grid-gallery__pair .pardee-grid-gallery__media { position: absolute; inset: 0; aspect-ratio: auto; }
.pardee-grid-gallery--compare .pardee-grid-gallery__pair .pardee-grid-gallery__media:nth-child(2) { clip-path: inset(0 0 0 var(--pos)); }
.pardee-grid-gallery--compare .pardee-grid-gallery__pair .pardee-grid-gallery__img, .pardee-grid-gallery--compare .pardee-grid-gallery__pair .pardee-grid-gallery__ph { width: 100%; height: 100%; object-fit: cover; }
.pardee-grid-gallery--compare .pardee-grid-gallery__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; z-index: 3; -webkit-appearance: none; appearance: none; }
.pardee-grid-gallery--compare .pardee-grid-gallery__handle { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 2px; margin-left: -1px; background: var(--pp-cream); z-index: 2; pointer-events: none; box-shadow: 0 0 0 1px rgba(2, 37, 52, .25); }
.pardee-grid-gallery--compare .pardee-grid-gallery__handle::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; background: var(--pp-cream); box-shadow: var(--shadow-card); }
/* The arrows are a symmetric mask drawn on the knob's exact centre (a text glyph sits on its font's baseline, off-centre) */
.pardee-grid-gallery--compare .pardee-grid-gallery__handle::before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; width: 12px; height: 8px; transform: translate(-50%, -50%); background: var(--pp-ink-mid); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M3.9.9 1 4l2.9 3.1M8.1.9 11 4 8.1 7.1' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M3.9.9 1 4l2.9 3.1M8.1.9 11 4 8.1 7.1' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.pardee-grid-gallery--compare .pardee-grid-gallery__tag--before { left: 14px; right: auto; }
.pardee-grid-gallery--compare .pardee-grid-gallery__tag--after { left: auto; right: 14px; }
.pardee-grid-gallery--compare .pardee-grid-gallery__range:focus-visible ~ .pardee-grid-gallery__handle { box-shadow: 0 0 0 2px var(--pp-cream), 0 0 0 4px var(--pp-ink-mid); }
.pardee-grid-gallery--compare.pardee-grid-gallery--pairs .pardee-grid-gallery__pair .pardee-grid-gallery__tag--before { top: auto; bottom: 14px; left: 14px; right: auto; background: rgba(2, 37, 52, .78); color: var(--pp-cream); z-index: 2; }
.pardee-grid-gallery--compare.pardee-grid-gallery--pairs .pardee-grid-gallery__pair .pardee-grid-gallery__tag--after { top: auto; bottom: 14px; right: 14px; left: auto; background: rgba(154, 65, 33, .85); color: var(--pp-cream); z-index: 2; }
.pardee-grid-gallery--compare .pardee-grid-gallery__pair .pardee-grid-gallery__media:nth-child(2) .pardee-grid-gallery__tag { clip-path: none; }
/* even 3-up boards: two-up on phones (six 3:2 placeholder tiles stacked one-up = two screens of sand) */
@media (max-width: 768px) { .pardee-grid-gallery--even.pardee-grid-gallery--cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
/* ── card_surface: light — the tiles stay cream with ink titles / clay captions on a dark row (Listing Marketing 07 print + signage) ── */
.pardee-grid-gallery--surface-light .pardee-grid-gallery__item { background: var(--pp-cream); border-color: var(--line-soft); }
.pardee-grid-gallery--surface-light .pardee-grid-gallery__label { color: var(--pp-ink-mid); }
.pardee-grid-gallery--surface-light .pardee-grid-gallery__caption { color: var(--pp-clay); }
.pardee-grid-gallery--compare.pardee-grid-gallery--r16-9 .pardee-grid-gallery__pair { aspect-ratio: 16 / 9; }
.pardee-grid-gallery--compare.pardee-grid-gallery--r4-3 .pardee-grid-gallery__pair { aspect-ratio: 4 / 3; }
.pardee-grid-gallery--compare.pardee-grid-gallery--r2-3 .pardee-grid-gallery__pair { aspect-ratio: 2 / 3; }
.pardee-grid-gallery__media, .pardee-grid-gallery__pair { border-radius: var(--r-md, 8px); overflow: hidden; }   /* design .ba 8px */

/* ── Collage: five tiles in a 4-column mosaic (design careers.css .cr-collage — Careers 06 Culture).
      The span pattern repeats per five images; empty slots render the labelled placeholder block. ── */
.pardee-grid-gallery--collage { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 76px; gap: 12px; }
.pardee-grid-gallery--collage .pardee-grid-gallery__item { display: block; }
.pardee-grid-gallery--collage .pardee-grid-gallery__media { height: 100%; aspect-ratio: auto; border-radius: 0; border: 1px solid var(--pardee-line); }
.pardee-grid-gallery--collage .pardee-grid-gallery__img { height: 100%; }
.pardee-grid-gallery--collage .pardee-grid-gallery__item:nth-child(5n+1) { grid-column: span 2; grid-row: span 3; }
.pardee-grid-gallery--collage .pardee-grid-gallery__item:nth-child(5n+2) { grid-column: span 2; grid-row: span 2; }
.pardee-grid-gallery--collage .pardee-grid-gallery__item:nth-child(5n+3) { grid-row: span 3; }
.pardee-grid-gallery--collage .pardee-grid-gallery__item:nth-child(5n+4) { grid-row: span 3; }
.pardee-grid-gallery--collage .pardee-grid-gallery__item:nth-child(5n+5) { grid-column: span 2; grid-row: span 2; }
@media (max-width: 900px) { .pardee-grid-gallery--collage { grid-auto-rows: 64px; } }
 .fl-node-bry7wq061xl2 > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
.fl-node-t31ynrfide4o.fl-module-heading, .fl-node-t31ynrfide4o.fl-module-heading :where(a, q, p, span) {
	font-size: 10.5px;
	letter-spacing: 0.2em;
}
 .fl-node-t31ynrfide4o.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-t31ynrfide4o.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-t31ynrfide4o.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-o3m2urn41p8e > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
/* ── pardee-grid-quotes ─────────────────────────────────────────
   Content module: the row pads and constrains; this fills its column. Two card styles, one repeater:
     review      — filled card (homepage.html #reviews .hp-review)
     testimonial — hairline cells on the row surface (Owner Leasing.html "13 Reviews" .testimonial)
   Colours come from the surface tokens so the grid works on cream, sand, ink, sable…; the one accent
   (category tag + open-quote mark) is terracotta on light rows and tan on dark ones (design: .testimonial__tag
   is tan on ink), carried as an inherited custom property so a column surface can flip it too.
   Named .pardee-quotes / .pardee-quotecard: the theme's canonical .pardee-quote and .pardee-review are
   different (single-surface) components.
   ─────────────────────────────────────────────────────────────── */

.pardee-quotes {
    width: 100%;
    --pardee-quotes-accent: var(--pp-terracotta);
    --pardee-quotes-stars: #B5651D;   /* design .hp-review__stars */
}

.pardee-quotes--testimonial {
    --pardee-quotes-accent: var(--pardee-eyebrow-color);
}

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

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

.pardee-quotes__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--pardee-grid-gap);
}

.pardee-quotes[data-columns="2"] .pardee-quotes__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ── Card (shared) ────────────────────────────────────────────── */

.pardee-quotecard {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    color: var(--pardee-fg);
}

.pardee-quotecard__cat {
    display: block;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--pardee-quotes-accent);
}

.pardee-quotecard__quote {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 400;
    color: var(--pardee-fg);
    overflow-wrap: anywhere;
}

.pardee-quotecard__body {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--pardee-fg);
}

/* ── Review card ──────────────────────────────────────────────── */

/* design home 06b .hp-review: ink-alpha hairline (the tinted-surface line token is cream-on-cream here), 26/24 padding, 14 gap */
.pardee-quotes--review .pardee-quotecard {
    background: var(--pardee-card-bg);
    border: 1px solid var(--pardee-quotes-line, rgba(2, 37, 52, .12));
    border-radius: var(--pardee-r-card);
    padding: 26px 24px;
    gap: 14px;
}
.pardee-quotes--review .pardee-quotecard__cat { font-size: 10.5px; }

.pardee-quotecard__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pardee-quotecard__stars {
    display: inline-flex;
    flex: 0 0 auto;
    margin-left: auto; /* stays right when a card has no category */
    gap: 2px;
    color: var(--pardee-quotes-stars);
}

.pardee-quotecard__stars svg {
    width: 15px;
    height: 15px;
}

.pardee-quotes--review .pardee-quotecard__quote {
    font-style: italic;
    font-size: 22px;
    line-height: 1.4;
}

.pardee-quotecard__foot {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid var(--pardee-quotes-line, rgba(2, 37, 52, .14));
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pardee-quotecard__for {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 12.5px;
    letter-spacing: .01em;
    color: var(--pardee-fg-muted);
}

.pardee-quotecard__for strong {
    color: var(--pardee-fg);
    font-weight: var(--pardee-w-bold);
}

/* Title-case link (not the uppercase/tracked .pardee-textlink) */
.pardee-quotecard__link {
    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;
    color: var(--pardee-fg);
    text-decoration: none;
}

.pardee-quotecard__link:hover,
.pardee-quotecard__link:focus {
    color: var(--pardee-fg);
    text-decoration: none;
}

.pardee-quotecard__link .u {
    border-bottom: 1.5px solid currentColor;
    padding-bottom: 2px;
}

.pardee-quotecard__link .icon-pp-arrow-right {
    font-size: 14px;
    transition: transform var(--dur-base) var(--ease-soft);
}

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

/* ── Testimonial ──────────────────────────────────────────────── */
/* Hairline cells, no gap: the grid draws the top rule, every cell after the first row draws its own top rule,
   and cells draw a right rule except the last in each visual row. Phone first (one column), then two across,
   then three across for the 3-column setting. */

.pardee-quotes--testimonial .pardee-quotes__grid {
    gap: 0;
    border-top: 1px solid var(--pardee-line);
}

.pardee-quotes--testimonial .pardee-quotecard {
    gap: 18px;
    padding: 32px 0;
}

.pardee-quotes--testimonial .pardee-quotecard__quote {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: -.005em;
}

.pardee-quotes--testimonial .pardee-quotecard__quote::before {
    content: "\201C";
    display: block;
    font-family: var(--font-display);
    font-size: 64px;
    line-height: .4;
    color: var(--pardee-quotes-accent);
    margin-bottom: 10px;
}

.pardee-quotecard__attr {
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid var(--pardee-line);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: .04em;
    color: var(--pardee-fg-muted);
}

.pardee-quotecard__attr strong {
    color: var(--pardee-fg);
    font-weight: var(--pardee-w-bold);
}

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

/* Phone (≤768): one column for every style */
@media (max-width: 768px) {
    .pardee-quotes__grid,
    .pardee-quotes[data-columns="2"] .pardee-quotes__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    /* One column: every cell but the first opens a new row, so it draws the divider.
       Phone-scoped on purpose — unscoped it out-specifies the two-across
       `border-top: 0` reset below and puts a second hairline under the grid's own top rule. */
    .pardee-quotes--testimonial .pardee-quotecard:nth-child(n+2) {
        border-top: 1px solid var(--pardee-line);
    }

    .pardee-quotes--review .pardee-quotecard__quote {
        font-size: 19px;
    }
}

/* Tablet + desktop: two across (the 2-column setting at any width, the 3-column setting on tablet) */
@media (min-width: 769px) {
    .pardee-quotes--testimonial .pardee-quotecard {
        padding: 40px 32px;
        border-right: 1px solid var(--pardee-line);
        border-top: 0;
    }

    .pardee-quotes--testimonial .pardee-quotecard:nth-child(2n+1) {
        padding-left: 0;
    }

    .pardee-quotes--testimonial .pardee-quotecard:nth-child(2n),
    .pardee-quotes--testimonial .pardee-quotecard:last-child {
        border-right: 0;
        padding-right: 0;
    }

    /* A final cell that OPENS a short last row keeps its gutter, so its text column and attribution
       hairline match the cell above it (same reasoning as the three-across block below).
       Scoped to the 2-column SETTING only: at 769–992px a 3-column grid is also two across, and that
       case is handled in the tablet block below — an unscoped `2n+1` rule here out-specifies the
       three-across `3n` reset and leaks a gutter onto desktop. */
    .pardee-quotes--testimonial[data-columns="2"] .pardee-quotecard:last-child:nth-child(2n+1):not(:first-child) {
        padding-right: 32px;
    }

    .pardee-quotes--testimonial .pardee-quotecard:nth-child(n+3) {
        border-top: 1px solid var(--pardee-line);
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .pardee-quotes__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Tablet: the 3-column setting is two across here too, so its short last row keeps the gutter. */
    .pardee-quotes--testimonial .pardee-quotecard:last-child:nth-child(2n+1):not(:first-child) {
        padding-right: 32px;
    }

    .pardee-quotes--review .pardee-quotecard__quote {
        font-size: 20px;
    }
}

/* Desktop, 3-column setting — cells measured on design .testimonials__grid (Buying 10):
   three across, hairline rules, 40/32 cells, 24px quote.
   ROW-AWARE: the grid may hold more than one row, so every rule below asks "where in the ROW
   is this cell", never "how far into the list". The first cell of each row is flush left; each row after
   the first draws the divider across its cells; the last cell of a row drops its right rule. */
@media (min-width: 993px) {
    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotes__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        border-top: 1px solid var(--pardee-line);
    }

    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotecard {
        padding: 40px 32px 40px 0;
        border-top: 0;
        border-right: 1px solid var(--pardee-line);
        gap: 18px;
    }

    /* gutter to the left of the rule the previous cell drew … */
    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotecard:nth-child(n+2) {
        padding-left: 32px;
    }

    /* … but a cell that OPENS a row sits flush on the column edge */
    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotecard:nth-child(3n+1) {
        padding-left: 0;
    }

    /* rows after the first carry the hairline divider */
    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotecard:nth-child(n+4) {
        border-top: 1px solid var(--pardee-line);
    }

    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotecard:nth-child(3n),
    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotecard:last-child {
        border-right: 0;
        padding-right: 0;
    }

    /* …except a final cell that OPENS a short last row: it keeps the gutter, so its text column and its
       attribution hairline measure the same as the cell above it. (`:first-child` is excluded so a grid
       holding a single quote still runs flush, as it does today.) */
    .pardee-quotes--testimonial[data-columns="3"] .pardee-quotecard:last-child:nth-child(3n+1):not(:first-child) {
        padding-right: 32px;
    }

    .pardee-quotes--testimonial .pardee-quotecard__quote {
        font-size: 24px;
    }
}
.pardee-quotecard__link { color: var(--pardee-link, var(--pardee-fg)); }
.pardee-quotecard__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); }
/* The label's .u border is the link's one underline in every family, so the anchor itself never adds a text-decoration */
.pardee-quotecard__link, .pardee-quotecard__link:hover, .pardee-quotecard__link:focus { text-decoration: none; }
.pardee-quotecard__link { color: var(--pardee-tl-color, var(--pardee-link)); }
.pardee-quotecard__link i.icon-pp-arrow-right { width: var(--pardee-tl-icon); height: var(--pardee-tl-icon); font-size: var(--pardee-tl-icon); }

/* ══ Review card — full (ADDITIVE) ═════════════════════════════════════════════════════════════
   Design: Reviews.html §"03 Review grid" + reviews.css .rv-grid / .rv-card / .rv-stars / .rv-source /
   .rv-tags / .rv-attr / .rv-links / .rv-readmore / .rv-card--truncated / .rv-card--dark.
   Every rule below is scoped to .pardee-quotes--review-full, .pardee-quotecard--full or
   [data-layout="masonry"] — none of them can reach the `review` / `testimonial` styles.
   The body copy is .pardee-quotecard__text (Gotham, NO quote marks), deliberately not
   .pardee-quotecard__quote — that class is the Bodoni display face the QA `module-display` check pins.
   Design 500/600 weights render as var(--pardee-w-bold) (the kit serves Gotham 400/700).
   ────────────────────────────────────────────────────────────────────────────────────────────── */

/* ── Masonry: the export's CSS multi-column flow (columns 3 → 2 ≤1024 → 1 ≤640) ── */
.pardee-quotes[data-layout="masonry"] .pardee-quotes__grid {
    display: block;
    gap: 0;                 /* must precede column-gap: the shorthand would reset the multicol gap */
    columns: 3;
    column-gap: 28px;
}

.pardee-quotes[data-layout="masonry"][data-columns="2"] .pardee-quotes__grid {
    columns: 2;
}

.pardee-quotes[data-layout="masonry"] .pardee-quotecard {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin: 0 0 28px;
}

@media (max-width: 1024px) {
    .pardee-quotes[data-layout="masonry"] .pardee-quotes__grid { columns: 2; }
}

@media (max-width: 640px) {
    .pardee-quotes[data-layout="masonry"] .pardee-quotes__grid { columns: 1; }
}

/* ── Card ── */
.pardee-quotes.pardee-quotes--review-full {
    --pardee-quotes-stars: var(--pp-tan);
}

.pardee-quotes--review-full .pardee-quotecard {
    background: var(--pardee-card-bg);
    border: 1px solid var(--pardee-line);
    padding: 26px 26px 24px;
    gap: 14px;
}

/* ── Head: stars left, source right ── */
.pardee-quotes--review-full .pardee-quotecard__stars {
    margin-left: 0;
    gap: 3px;
}

.pardee-quotes--review-full .pardee-quotecard__stars svg.is-off {
    fill: rgba(2, 37, 52, .16);
}

.pardee-quotecard__source {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--pardee-fg-muted);
    text-decoration: none;
    white-space: nowrap;
}

a.pardee-quotecard__source:hover,
a.pardee-quotecard__source:focus {
    color: var(--pardee-fg);
    text-decoration: none;
}

.pardee-quotecard__sourcedot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--pp-tan);
    flex-shrink: 0;
}

/* ── Body (Gotham, no quotation marks) ── */
.pardee-quotecard__text {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 14.5px;
    line-height: 1.62;
    color: var(--pardee-fg-muted);
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.pardee-quotecard--truncated .pardee-quotecard__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pardee-quotecard--truncated.is-expanded .pardee-quotecard__text {
    display: block;
    -webkit-line-clamp: none;
    overflow: visible;
}

.pardee-quotecard__readmore {
    align-self: flex-start;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pardee-fg);
    background: transparent;
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    margin-top: -4px;
    transition: color var(--dur-base) var(--ease-soft);
}

.pardee-quotecard__readmore:hover {
    color: var(--pardee-fg-muted);
}

/* ── Tag chips ── */
.pardee-quotecard__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-top: 2px;
}

.pardee-quotecard__tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 25px;
    padding: 0 10px;
    background: var(--pp-cream-warm);
    color: var(--pp-sable);
    border: 1px solid var(--pardee-line);
    border-radius: var(--r-sm);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pardee-quotecard__tagdot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--pp-tan);
    flex-shrink: 0;
}

.pardee-quotecard__tag--txn .pardee-quotecard__tagdot {
    background: var(--pp-ink-mid);
}

.pardee-quotecard__tag--nbhd {
    background: var(--pp-sky);
    border-color: transparent;
    color: var(--pp-ink-mid);
}

.pardee-quotecard__tag--nbhd .pardee-quotecard__tagdot {
    display: none;
}

/* ── Foot: avatar + name/meta over two links ── */
.pardee-quotes--review-full .pardee-quotecard__foot {
    gap: 14px;
    padding-top: 16px;
    border-top: 1px solid var(--pardee-line);
}

.pardee-quotecard__person {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pardee-quotecard__avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--pp-sand);
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 12px;
    letter-spacing: .04em;
    color: var(--pp-sable);
}

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

.pardee-quotecard__ident {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pardee-quotecard__name {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 13.5px;
    line-height: 1.65;      /* design .rv-attr__name inherits the export's --line-h-body */
    letter-spacing: .01em;
    color: var(--pardee-fg);
}

.pardee-quotecard__sub {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 11.5px;
    line-height: 1.65;      /* design .rv-attr__sub inherits the export's --line-h-body */
    letter-spacing: .02em;
    color: var(--pardee-fg-muted);
}

.pardee-quotecard__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
}

.pardee-quotecard__flink {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pardee-fg);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    transition: border-color var(--dur-base) var(--ease-soft), color var(--dur-base) var(--ease-soft);
}

.pardee-quotecard__flink:hover,
.pardee-quotecard__flink:focus {
    color: var(--pardee-fg);
    text-decoration: none;
    border-bottom-color: currentColor;
}

.pardee-quotecard__flink--soft {
    color: var(--pardee-fg-muted);
}

.pardee-quotecard__flink--soft:hover,
.pardee-quotecard__flink--soft:focus {
    color: var(--pardee-fg);
}

.pardee-quotecard__flink .icon-pp-arrow-right {
    font-size: 11px;
    width: 11px;
    height: 11px;
    transition: transform var(--dur-base) var(--ease-soft);
}

.pardee-quotecard__flink:hover .icon-pp-arrow-right {
    transform: translateX(3px);
}

/* ── Dark card tone (design .rv-card--dark) ── */
.pardee-quotes--review-full .pardee-quotecard--dark {
    background: var(--pp-ink-mid);
    border-color: var(--pp-ink-mid);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__text {
    color: rgba(255, 246, 240, .8);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__source {
    color: var(--pp-tan);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__foot {
    border-top-color: rgba(255, 246, 240, .2);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__name {
    color: var(--pp-cream);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__sub {
    color: rgba(255, 246, 240, .7);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__avatar {
    background: rgba(255, 246, 240, .12);
    color: var(--pp-cream);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__tag {
    background: rgba(255, 246, 240, .1);
    border-color: rgba(255, 246, 240, .2);
    color: rgba(255, 246, 240, .85);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__tag--nbhd {
    background: var(--pp-sky);
    border-color: transparent;
    color: var(--pp-ink-mid);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__flink,
.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__readmore {
    color: var(--pp-cream);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__flink--soft {
    color: rgba(255, 246, 240, .7);
}

.pardee-quotes--review-full .pardee-quotecard--dark .pardee-quotecard__stars svg.is-off {
    fill: rgba(255, 246, 240, .22);
}

/* The global layer paints every <button> inside a BB module as a filled ink button
   (`.fl-builder-content .fl-module-content … button:not(.fl-content-ui-button)`, specificity 0-4-1).
   The design's .rv-readmore is a bare uppercase text control, so this module has to out-specify that
   rule for its own button — module-scoped, so no other module's button moves. */
.fl-builder-content .fl-module-content .pardee-quotes--review-full .pardee-quotecard button.pardee-quotecard__readmore {
    align-self: flex-start;
    width: auto;
    height: auto;
    min-height: 0;
    background: transparent;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
    padding: 0;
    margin: -4px 0 0;
    box-shadow: none;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    line-height: 1.65;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pardee-fg);
    cursor: pointer;
}

.fl-builder-content .fl-module-content .pardee-quotes--review-full .pardee-quotecard button.pardee-quotecard__readmore:hover,
.fl-builder-content .fl-module-content .pardee-quotes--review-full .pardee-quotecard button.pardee-quotecard__readmore:focus {
    background: transparent;
    background-color: transparent;
    color: var(--pardee-fg-muted);
}

.fl-builder-content .fl-module-content .pardee-quotes--review-full .pardee-quotecard--dark button.pardee-quotecard__readmore {
    color: var(--pp-cream);
}

.fl-builder-content .fl-module-content .pardee-quotes--review-full .pardee-quotecard--dark button.pardee-quotecard__readmore:hover {
    color: rgba(255, 246, 240, .7);
}

/* review-full only: the export paints the stars via `.rv-stars svg { fill: tan }` and lets the svg inherit the card's ink `color`;
   parity-dom records `color` on icons, so the module's `color: tan` + `fill: currentColor` read as a 15-star mismatch on every page. Same tan either way. */
.pardee-quotecard--full .pardee-quotecard__stars { color: inherit; }
.pardee-quotecard--full .pardee-quotecard__stars svg { fill: var(--pardee-quotes-stars, #D8BDA8); }


/* ── The review cards are a cream surface — on TINTED light rows (sand / tan / blush / cream-warm)
   the row's --pardee-line is a cream-alpha that vanishes on the card. Rebind the card-internal
   hairlines to the constant cream hairline (About's --pcc-line pattern); cream/white rows resolve
   to the same values elsewhere, the sky tag variant keeps its transparent ring. ── */
[data-pardee-surface="sand"] .pardee-quotecard__tag:not(.pardee-quotecard__tag--nbhd),
[data-pardee-surface="tan"] .pardee-quotecard__tag:not(.pardee-quotecard__tag--nbhd),
[data-pardee-surface="blush"] .pardee-quotecard__tag:not(.pardee-quotecard__tag--nbhd),
[data-pardee-surface="blush-soft"] .pardee-quotecard__tag:not(.pardee-quotecard__tag--nbhd),
[data-pardee-surface="cream-warm"] .pardee-quotecard__tag:not(.pardee-quotecard__tag--nbhd) { border-color: var(--pardee-line); }
[data-pardee-surface="sand"] .pardee-quotes--review-full .pardee-quotecard__foot,
[data-pardee-surface="tan"] .pardee-quotes--review-full .pardee-quotecard__foot,
[data-pardee-surface="blush"] .pardee-quotes--review-full .pardee-quotecard__foot,
[data-pardee-surface="blush-soft"] .pardee-quotes--review-full .pardee-quotecard__foot,
[data-pardee-surface="cream-warm"] .pardee-quotes--review-full .pardee-quotecard__foot { border-top-color: var(--pardee-line); }

/* ── The empty state when the reviews toolbar's filters
   match nothing — rendered only with an active filter URL. ── */
.pardee-quotes__noresults {
    margin: 0; padding: 48px 0 8px; text-align: center;
    font-family: var(--font-body); font-weight: var(--pardee-w-regular);
    font-size: 15px; line-height: 1.65; color: var(--pardee-fg-muted);
}
.fl-builder-content .fl-module-content .pardee-quotes .pardee-quotes__noresults a {
    color: var(--pardee-fg); text-decoration: underline; text-underline-offset: 3px;
}

/* ── Busy cues while the reviews toolbar's fetch is in flight.
   `.is-loading` is applied by the pardee-nav-filters JS (behaviour=filters only) and removed on swap, so
   these rules are inert on every static page. The transition rides the class itself: the dim eases in,
   the un-dim is instant, and no base rule changes. ── */
.pardee-quotes.is-loading {
    opacity: .55; pointer-events: none;
    transition: opacity .18s ease;
}
.rv-loadmore a.fl-button.is-loading { opacity: .6; cursor: progress; }
 .fl-node-wi9s34zmk6nu > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-qc0w36vuyig1.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-qc0w36vuyig1.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-qc0w36vuyig1.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}









.fl-node-g046cpxw789b.fl-button-wrap, .fl-node-g046cpxw789b .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button) {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):focus {
	border: 1px solid rgba(0,0,0,0);
}
.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button), .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited, .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):focus {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: currentColor;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button), .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited {
	background-color: rgba(0,0,0,0);
	background-image: none;
}
.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover {
	background-color: rgba(0,0,0,0);
	background-image: none;
}
.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button), .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited, .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button) *, .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-g046cpxw789b a.fl-button:visited * {
	color: inherit;
}
.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button):hover * {
	color: inherit;
}
:where(.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-g046cpxw789b .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-g046cpxw789b.fl-module-button {
	margin-top:0px;
	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-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-lpsrbdxne0v6 > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-jkr389hblouv.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-jkr389hblouv.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-jkr389hblouv.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
.fl-node-9x351vwscgb0.fl-module-heading, .fl-node-9x351vwscgb0.fl-module-heading :where(a, q, p, span) {
	font-size: 76px;
	font-style: italic;
}
@media(max-width: 992px) {
	.fl-node-9x351vwscgb0.fl-module-heading, .fl-node-9x351vwscgb0.fl-module-heading :where(a, q, p, span) {
		font-size: 56px;
	}
}
@media(max-width: 768px) {
	.fl-node-9x351vwscgb0.fl-module-heading, .fl-node-9x351vwscgb0.fl-module-heading :where(a, q, p, span) {
		font-size: 44px;
	}
}
 .fl-node-9x351vwscgb0.fl-module-heading {
	margin-bottom:56px;
}
@media (max-width: 768px) { .fl-node-9x351vwscgb0.fl-module-heading { margin-bottom:20px; } } .fl-node-s531a8dpx0yu.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-s531a8dpx0yu.fl-module-heading.fl-module {
	margin-top:20px;
}
}
@media ( max-width: 768px ) {
 .fl-node-s531a8dpx0yu.fl-module-heading.fl-module {
	margin-top:18px;
}
}
 .fl-node-4ft8g3khlje1.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-4ft8g3khlje1.fl-module-heading.fl-module {
	margin-top:20px;
}
}
@media ( max-width: 768px ) {
 .fl-node-4ft8g3khlje1.fl-module-heading.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-4zcvnwjqxu1k.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-4zcvnwjqxu1k.fl-module-rich-text {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-4zcvnwjqxu1k.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-4zcvnwjqxu1k.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-r67bcdmow3ia.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-r67bcdmow3ia.fl-module-rich-text {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-r67bcdmow3ia.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-r67bcdmow3ia.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
.fl-node-4sya6k9jgtl7.fl-module-heading, .fl-node-4sya6k9jgtl7.fl-module-heading :where(a, q, p, span) {
	font-size: 42px;
	font-style: italic;
}
@media(max-width: 992px) {
	.fl-node-4sya6k9jgtl7.fl-module-heading, .fl-node-4sya6k9jgtl7.fl-module-heading :where(a, q, p, span) {
		font-size: 32px;
	}
}
@media(max-width: 768px) {
	.fl-node-4sya6k9jgtl7.fl-module-heading, .fl-node-4sya6k9jgtl7.fl-module-heading :where(a, q, p, span) {
		font-size: 28px;
	}
}
 .fl-node-4sya6k9jgtl7.fl-module-heading {
	margin-top:18px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-4sya6k9jgtl7.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-4sya6k9jgtl7.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
 .fl-node-50lrofic89b1.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-50lrofic89b1.fl-module-heading.fl-module {
	margin-top:20px;
}
}
@media ( max-width: 768px ) {
 .fl-node-50lrofic89b1.fl-module-heading.fl-module {
	margin-top:18px;
}
}
.fl-node-5061q7h3fvec.fl-module-heading, .fl-node-5061q7h3fvec.fl-module-heading :where(a, q, p, span) {
	font-size: 60px;
	font-style: italic;
}
@media(max-width: 992px) {
	.fl-node-5061q7h3fvec.fl-module-heading, .fl-node-5061q7h3fvec.fl-module-heading :where(a, q, p, span) {
		font-size: 46px;
	}
}
@media(max-width: 768px) {
	.fl-node-5061q7h3fvec.fl-module-heading, .fl-node-5061q7h3fvec.fl-module-heading :where(a, q, p, span) {
		font-size: 36px;
	}
}
 .fl-node-5061q7h3fvec.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-5061q7h3fvec.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-5061q7h3fvec.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-y3r9itsfqcwn.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-y3r9itsfqcwn.fl-module-rich-text {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-y3r9itsfqcwn.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-y3r9itsfqcwn.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-clxi4kh2fyoa.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-clxi4kh2fyoa.fl-module-rich-text {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-clxi4kh2fyoa.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-clxi4kh2fyoa.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}









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









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









.fl-node-zt8bvfj6w9e5.fl-button-wrap, .fl-node-zt8bvfj6w9e5 .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):focus {
	border: 1px solid #001928;
}
.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button), .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited, .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .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-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):focus {
	border-color: #022534;
}
.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button), .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited {
	background-color: rgba(0,0,0,0);
	background-image: none;
}
.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover {
	background-color: #022534;
	background-image: none;
}
.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button), .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited, .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button) *, .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 a.fl-button:visited * {
	color: inherit;
}
.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button):hover * {
	color: #FFF6F0;
}
:where(.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-zt8bvfj6w9e5 .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-zt8bvfj6w9e5.fl-module-button {
	margin-top:18px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-zt8bvfj6w9e5.fl-module-button.fl-module {
	margin-top:18px;
}
}
@media ( max-width: 768px ) {
 .fl-node-zt8bvfj6w9e5.fl-module-button.fl-module {
	margin-top:16px;
}
}









.fl-node-s2fgn7vbl35k.fl-button-wrap, .fl-node-s2fgn7vbl35k .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):focus {
	border: 1px solid rgba(243,234,228,0.12);
}
.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button), .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited, .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):focus {
	border-style: solid;
	border-width: 0;
	background-clip: border-box;
	border-color: rgba(255,246,240,0.85);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.fl-builder-content .fl-module-button.fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):focus {
	border-color: currentColor;
}
.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button), .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited {
	background-color: rgba(0,0,0,0);
	background-image: none;
}
.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover {
	background-color: rgba(255,246,240,0.12);
	background-image: none;
}
.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button), .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited, .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button) *, .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k a.fl-button:visited * {
	color: inherit;
}
.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button):hover * {
	color: inherit;
}
:where(.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-s2fgn7vbl35k .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-s2fgn7vbl35k.fl-module-button {
	margin-top:28px;
}
@media ( max-width: 992px ) {
 .fl-node-s2fgn7vbl35k.fl-module-button.fl-module {
	margin-top:28px;
}
}
@media ( max-width: 768px ) {
 .fl-node-s2fgn7vbl35k.fl-module-button.fl-module {
	margin-top:24px;
}
}
:where(.fl-builder-content .fl-node-wlvydbrsn3mk.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}

/* Start Global CSS */

/* End Global CSS */


/* Start Global Nodes CSS */

/* End Global Nodes CSS */


/* Start Layout CSS */
/* /results/cheviot-hills-charmer/ page-scoped CSS (design: claude-design/Buyer page/Case Study.html + results.css).
   Every rule is scoped to a row/module `class` set in this spec — nothing here leaves the page. */

/* ── 01 Case hero (design .case-hero) ─────────────────────────────────────── */
/* design .case-crumbs: 11px / .2em uppercase breadcrumb over the hero, cream 72% */
.cs-crumbs > div { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,246,240,.72); }
.cs-crumbs a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
.cs-crumbs a:hover { border-bottom-color: currentColor; }
.cs-crumbs .sep { opacity: .5; }
/* design .case-hero__eyebrow: two labels joined by a 4px tan dot */
.cs-hero-eyebrow > div { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 0; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--pp-tan); }
.cs-hero-eyebrow > div span:nth-child(2) { width: 4px; height: 4px; background: var(--pp-tan); border-radius: 50%; display: inline-block; }
/* design .case-hero__h1: clamp(40px, 5vw, 72px), no tracking, 16ch; a long word breaks inside the column */
.fl-row .cs-hero-h1 { max-width: 16ch; font-size: clamp(40px, 5vw, 72px); letter-spacing: 0; overflow-wrap: anywhere; }
/* design .case-hero: the breadcrumb sits directly on the hero grid — no section group gap */
.cs-hero .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 0; }

/* ── Quick stats (design .case-snapshot) + The Result rail (.case-result-stats) ──
   both draw the label ABOVE the figure; the strip module always puts the figure first. */
.cs-facts-lblfirst .pardee-strip-facts__label { order: -1; margin: 0 0 6px; }
.cs-snapshot .pardee-strip-facts__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
.cs-snapshot .pardee-strip-facts__cell { text-align: left; padding: 14px 24px; border-right: 1px solid var(--pardee-line); }
.cs-snapshot .pardee-strip-facts__cell:first-child { padding-left: 0; }
.cs-snapshot .pardee-strip-facts__cell:last-child { border-right: 0; padding-right: 0; }
.cs-snapshot .pardee-strip-facts__cell + .pardee-strip-facts__cell::before { display: none; }
.cs-snapshot .pardee-strip-facts__value { font-size: 26px; line-height: 1.05; letter-spacing: -.005em; }
.cs-snapshot .pardee-strip-facts__label { font-size: 10px; letter-spacing: .22em; line-height: 1.45; margin: 0 0 4px; }
/* design .case-snapshot has a closing hairline under the band */
.cs-snapshot-row > .fl-row-content-wrap { border-bottom: 1px solid var(--pardee-line); }
@media (max-width: 1180px) {
  .cs-snapshot .pardee-strip-facts__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 4px; }
  .cs-snapshot .pardee-strip-facts__cell { padding: 14px 20px; }
  .cs-snapshot .pardee-strip-facts__cell:nth-child(3n+1) { padding-left: 0; }
  .cs-snapshot .pardee-strip-facts__cell:nth-child(3n) { padding-right: 0; border-right: 0; }
  .cs-snapshot .pardee-strip-facts__cell:nth-child(n+4) { border-top: 1px solid var(--pardee-line); padding-top: 18px; margin-top: 4px; }
}
@media (max-width: 640px) {
  .cs-snapshot .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cs-snapshot .pardee-strip-facts__cell:nth-child(2n) { border-right: 0; padding-right: 0; }
  .cs-snapshot .pardee-strip-facts__cell:nth-child(2n+1) { padding-left: 0; }
  .cs-snapshot .pardee-strip-facts__value { font-size: 19px; }
}

/* ── Narrative section heads (design .case-section__h / .case-media__h / .case-related__h) ──
   uppercase display with .05em tracking — the site h2 is sentence-case display. */
.fl-row .cs-sech { font-size: 38px; line-height: 1.12; letter-spacing: .05em; text-transform: uppercase; max-width: 20ch; text-wrap: balance; }
.fl-row .cs-w18 { max-width: 18ch; }
.fl-row .cs-w22 { max-width: 22ch; }
.fl-row .cs-w24 { max-width: 24ch; }
.fl-row .cs-wnone { max-width: none; }
.fl-row .cs-s34 { font-size: 34px; }
.fl-row .cs-s36 { font-size: 36px; }
@media (max-width: 992px) { .fl-row .cs-sech { font-size: 27px; } .fl-row .cs-s34, .fl-row .cs-s36 { font-size: 26px; } }
@media (max-width: 768px) { .fl-row .cs-sech, .fl-row .cs-s34, .fl-row .cs-s36 { font-size: 24px; } }

/* design .case-prose: 17px / 1.7 in the section's own ink, 60ch */
.cs-prose p { font-size: 17px; line-height: 1.7; color: var(--pardee-fg); max-width: 60ch; margin: 0 0 18px; }
.cs-prose p:last-child { margin-bottom: 0; }
.cs-prose strong { font-weight: var(--pardee-w-bold); color: var(--pardee-fg); }
.cs-w36 p { max-width: 36ch; color: var(--pardee-fg-muted); }
.cs-w64 p { max-width: 64ch; }
/* design: the ink section's prose is cream at 82% */
.cs-result .cs-prose p { color: rgba(255,246,240,.82); }
.cs-w68 p { max-width: 815px; }   /* design .case-strategy lede: 68ch of the export's Gotham 300 */

/* ── 04 What Pardee Did (design .case-strategy) — STAND-IN for pardee-case-strategy-blocks ──
   hairlined rows of "Step NN | italic title | labelled body" built from core primitives. */
/* the export's <ol class="case-strategy"> keeps the browser's 40px list indent, so the rows are 840 of the 880 column */
.cs-strategy .fl-col-content > .fl-col-group:nth-of-type(n+2) { border-bottom: 1px solid rgba(2,37,52,.18); padding: 28px 0; margin-left: 40px; }
/* the rows are adjacent <li>s in the export: the theme's 64px section-group gap does not belong between them */
.cs-strategy .fl-col-content > .fl-col-group + .fl-col-group { margin-top: 0; }
.cs-strategy .fl-col-content > .fl-col-group:nth-of-type(2) { border-top: 1px solid rgba(2,37,52,.18); margin-top: 105px; }
.cs-step-num > div { font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--pardee-eyebrow-color); margin: 0; padding-top: 6px; }
.fl-row .cs-step-title { font-size: 23px; line-height: 1.22; font-style: italic; max-width: 22ch; }
.cs-step-body p { font-size: 15.5px; line-height: 1.65; color: var(--pardee-fg-muted); margin: 0; max-width: none; }
.cs-step-body strong { display: block; color: var(--pardee-fg); font-weight: var(--pardee-w-bold); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; margin-bottom: 6px; }
.cs-step-body strong.cs-inline { display: inline; font-size: inherit; letter-spacing: inherit; text-transform: none; margin: 0; }
@media (max-width: 768px) { .cs-strategy .fl-col-content > .fl-col-group:nth-of-type(n+2) { padding: 22px 0; } }

/* ── 05 The Result (design .case-result-stats) ───────────────────────────── */
/* design .case-section__inner gap 64 + .case-result-stats margin-top 32 + cell padding 28 */
.cs-result .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 115px; }
.fl-row .cs-result-stats .pardee-strip-facts__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,246,240,.22); border-bottom: 1px solid rgba(255,246,240,.22); border-left: 0; }
.fl-row .cs-result-stats .pardee-strip-facts__cell { padding: 28px; border-right: 1px solid rgba(255,246,240,.22); border-bottom: 0; }
.fl-row .cs-result-stats .pardee-strip-facts__cell:first-child { padding-left: 0; }
.fl-row .cs-result-stats .pardee-strip-facts__cell:last-child { border-right: 0; padding-right: 0; }
.fl-row .cs-result-stats .pardee-strip-facts__value { font-size: clamp(26px, 2.6vw, 36px); line-height: 1; letter-spacing: -.005em; overflow-wrap: break-word; }
.fl-row .cs-result-stats .pardee-strip-facts__label { font-size: 10.5px; letter-spacing: .22em; margin: 0 0 8px; color: var(--pp-tan); }
.fl-row .cs-result-stats .pardee-strip-facts__foot { border-top: 0; padding-top: 0; margin-top: 4px; font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 12px; letter-spacing: .04em; line-height: 1.4; color: var(--pp-sky); }
@media (max-width: 992px) {
  .fl-row .cs-result-stats .pardee-strip-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fl-row .cs-result-stats .pardee-strip-facts__cell:nth-child(2n) { border-right: 0; padding-right: 0; }
  .fl-row .cs-result-stats .pardee-strip-facts__cell:nth-child(2n+1) { padding-left: 0; }
  .fl-row .cs-result-stats .pardee-strip-facts__cell:nth-child(n+3) { border-top: 1px solid rgba(255,246,240,.22); }
}

/* ── 06 Why It Worked (design .case-why) — core List, numbered ────────────── */
/* BB writes `.fl-node-x .fl-list .fl-list-item` (0,3,0) padding — out-specify it */
.fl-module.cs-why .fl-list .fl-list-item { font-size: 16px; line-height: 1.55; padding: 18px 0 18px 36px; }
/* design .case-section__inner gap 64 + .case-why margin-top 24 + li padding 18 */
.cs-why-row .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 95px; }
.cs-why .fl-list-item::before { top: 20px; font-size: 10.5px; letter-spacing: .22em; }
.cs-why .fl-list-item:last-child { border-bottom: 1px solid var(--pardee-line); }

/* ── 07 Before / After (design .ba + .case-gallery) ───────────────────────── */
/* design: the compare frame sits 40px under the head lede, the gallery 50px under the caption */
.cs-media .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 33px; }
.cs-media .fl-col-content > .fl-col-group:nth-of-type(3) { margin-top: 39px; }
/* design .ba__cap: 14px clay, 14px under the frame */
.cs-ba .pardee-grid-gallery__body { padding-top: 14px; }
.cs-ba .pardee-grid-gallery__caption { font-size: 14px; line-height: 1.55; }
/* design .case-gallery: 2fr 1fr 1fr, first cell 3:5 spanning two rows, 16px gaps */
.cs-gallery.pardee-grid-gallery--tall { gap: 16px; }
.cs-gallery .pardee-grid-gallery__media { border-radius: 0; }
.cs-gallery .pardee-grid-gallery__item--tall .pardee-grid-gallery__media { aspect-ratio: 3 / 5; }
/* NOTE: the export's .case-gallery overflows its container (cells 660 wide in a 1240 box, two of them off-canvas),
   which is the only reason its four 4:3 cells fill the height of the 3:5 cell beside them. Ours stays inside the
   container, so the right-hand pair is 4:3 at 302px and leaves air under the tall cell — module gap, see the report. */

/* ── Pardee Prep callout (design .prep-callout) ───────────────────────────── */
/* the photo fills its half of the card instead of sitting in its own aspect box; the panel group is nested
   inside a column, so the theme's stretch/stack rules for panel groups do not reach it — repeated here. */
.cs-prep .fl-col-content > .fl-col-group { display: flex; flex-wrap: wrap; align-items: stretch; }
.cs-prep .fl-col[data-pardee-panel="hairline"]:last-child > .fl-col-content { display: flex; flex-direction: column; }
.cs-prep-media, .cs-prep-media .fl-module-content { flex: 1 1 auto; min-height: 0; display: flex; }
.cs-prep-media .pardee-media { flex: 1 1 auto; min-height: 0; position: relative; }
.cs-prep-media .pardee-media .pardee-media__img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
@media (max-width: 768px) {
  .cs-prep .fl-col-content > .fl-col-group > .fl-col { flex: 0 0 100%; max-width: 100%; }
  .cs-prep-media .pardee-media .pardee-media__img { position: static; height: auto; aspect-ratio: 16 / 11; }
}

/* ── 08 Insight + Review (design .case-insight / .case-quote) ─────────────── */
.cs-insight > .fl-row-content-wrap { border-top: 1px solid var(--pardee-line); }
.cs-quotes .pardee-quotes { max-width: 1040px; margin: 0 auto; }
.cs-quotes .pardee-quotes--testimonial .pardee-quotes__grid { border-top: 0; }
/* design .case-insight__inner: two 492px cells 56px apart, each quote padded 36px off the divider */
.cs-quotes .pardee-quotes { max-width: 996px; margin: 0 auto; }
.cs-quotes .pardee-quotes--testimonial .pardee-quotes__grid { grid-template-columns: 412px 412px; justify-content: space-between; column-gap: 0; }
.cs-quotes .pardee-quotes--testimonial .pardee-quotecard { padding: 0 36px 0 0; gap: 24px; }
.cs-quotes .pardee-quotes--testimonial .pardee-quotecard:nth-child(2n) { padding: 0 36px 0 0; }
@media (max-width: 992px) { .cs-quotes .pardee-quotes--testimonial .pardee-quotes__grid { grid-template-columns: minmax(0, 1fr); } .cs-quotes .pardee-quotes--testimonial .pardee-quotecard, .cs-quotes .pardee-quotes--testimonial .pardee-quotecard:nth-child(2n) { padding: 0; } }
.cs-quotes .pardee-quotecard__quote { font-size: 26px; line-height: 1.35; font-style: italic; }
/* design .case-quote__attr is plain text under the quote — the module rules it off with a 24px hairline */
.cs-quotes .pardee-quotecard__attr { font-size: 13.5px; line-height: 1.5; margin-top: 0; padding-top: 0; border-top: 0; }
/* design .case-quote__text carries inline curly quotes; the module draws a large decorative open quote above */
.cs-quotes .pardee-quotecard__quote::before { content: "\201C"; display: inline; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; margin: 0; }
.cs-quotes .pardee-quotecard__quote::after { content: "\201D"; }

/* ── 09 Related results (design .case-related__grid) ──────────────────────── */
.cs-related .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 32px; }
.cs-related-cards .pardee-knowledge__grid { gap: 36px 28px; }
/* design head link is .alink.alink--clay — the textlink variant's type is right, its colour on a cream row
   is the ink-mid default; clay is a one-off here, so it is set on the module, not on the tokens. */
.cs-related-tl { --pardee-tl-color: var(--pp-clay); }

/* ── 10 Final CTA (design .scheduler-cta__body 17px / 1.6 / 60ch) ─────────── */
.cs-cta-body p { font-size: 17px; line-height: 1.6; max-width: 60ch; }

/* ── Phones: the desktop group offsets above (measured against the export at 1440) read as voids ─────── */
@media (max-width: 768px) {
  .cs-strategy .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 48px; }
  .cs-result .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 48px; }
  .cs-why-row .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 40px; }
  .cs-media .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 28px; }
  .cs-media .fl-col-content > .fl-col-group:nth-of-type(3) { margin-top: 28px; }
  .cs-related .fl-col-content > .fl-col-group:nth-of-type(2) { margin-top: 28px; }
  .cs-strategy .fl-col-content > .fl-col-group:nth-of-type(n+2) { margin-left: 0; }
}

/* The insight band is designed as two quotes side by side (Agent Insight | Client Review) and the
   tracks above are fixed 412px. A post that fills only one of the two leaves the module rendering a
   single card, which those fixed tracks squeeze into 412 of the 996px band with the rest blank.
   One card = one full-width cell; a two-card band is unaffected (the selector cannot match it). */
.cs-quotes .pardee-quotes--testimonial .pardee-quotes__grid:has(.pardee-quotecard:only-child) { grid-template-columns: minmax(0, 1fr); justify-content: stretch; }
.cs-quotes .pardee-quotes--testimonial .pardee-quotecard:only-child { padding: 0; border-right: 0; }
/* === /cs-quote-single === */

/* === cs-phone-stat-size === */
/* Below 360px a seven-digit price at 26px is wider than the two-up cell: 22px figures and a 16px gutter each
   side of the divider keep it on one line. */
@media (max-width: 359px) {
.fl-row .cs-result-stats .pardee-strip-facts__value { font-size: 22px; }
.fl-row .cs-result-stats .pardee-strip-facts__cell:nth-child(2n+1) { padding-right: 16px; }
.fl-row .cs-result-stats .pardee-strip-facts__cell:nth-child(2n) { padding-left: 16px; }
}
/* === /cs-phone-stat-size === */

/* End Layout CSS */


        			.fl-node-5kb2hdneaco4 .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-1vktfaejgz26 .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-r175juhytdxo .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-vs8b2tecmaur .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-1gwyc4irbqn0 .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-79g4806a3wzk .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-m3kfrtd8lqoa .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-71wamd2qygsk .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-moy6z5271cvx .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-vax6qeszubkn .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-xo6t3k0zgv4u .fl-row-content {
				min-width: 0px;
			}