/**
 * 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-1sge7tcobk04 > .fl-row-content-wrap {
	background-color: #445446;
}
.fl-node-1sge7tcobk04.fl-row-default-height > .fl-row-content-wrap, .fl-node-1sge7tcobk04.fl-row-full-height > .fl-row-content-wrap, .fl-node-1sge7tcobk04.fl-row-custom-height > .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
}
 .fl-node-1sge7tcobk04 > .fl-row-content-wrap {
	padding-bottom:45px;
}
@media ( max-width: 992px ) {
 .fl-node-1sge7tcobk04.fl-row > .fl-row-content-wrap {
	padding-bottom:40px;
}
}
@media ( max-width: 768px ) {
 .fl-node-1sge7tcobk04.fl-row > .fl-row-content-wrap {
	padding-bottom:32px;
}
}

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





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

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





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

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





.fl-node-tmqy2e7b4ja6 > .fl-row-content-wrap {
	background-color: #FFF6F0;
}
.fl-node-tmqy2e7b4ja6.fl-row-default-height > .fl-row-content-wrap, .fl-node-tmqy2e7b4ja6.fl-row-full-height > .fl-row-content-wrap, .fl-node-tmqy2e7b4ja6.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-0iz5the8ncwo {
	width: 100%;
}




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




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




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




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




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




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




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




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




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




.fl-node-1jyhx7zriwlk {
	width: 48.8%;
}
.fl-node-1jyhx7zriwlk > .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-1jyhx7zriwlk.fl-col > .fl-col-content {
	margin-top:0px;
}
}
 .fl-node-1jyhx7zriwlk > .fl-col-content {
	padding-top:64px;
	padding-right:64px;
	padding-bottom:64px;
	padding-left:64px;
}
@media ( max-width: 992px ) {
 .fl-node-1jyhx7zriwlk.fl-col > .fl-col-content {
	padding-top:44px;
	padding-right:44px;
	padding-bottom:44px;
	padding-left:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-1jyhx7zriwlk.fl-col > .fl-col-content {
	padding-top:36px;
	padding-right:36px;
	padding-bottom:36px;
	padding-left:36px;
}
}
.fl-module-heading .fl-heading {
	padding: 0 !important;
	margin: 0 !important;
} .fl-node-h3p82jnbq4i6.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-h3p82jnbq4i6.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-h3p82jnbq4i6.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-hfauyv3el41q.fl-module-heading {
	margin-bottom:-33px;
}
@media ( max-width: 992px ) {
 .fl-node-hfauyv3el41q.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-hfauyv3el41q.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
/* Module headings are scoped `.fl-module-content .x` (0,2,0): BB Global Styles h1–h6 rules are (0,1,1) and would resize them. */
/* ── pardee-nav-filters module ────────────────────────────────
   The filter / sort toolbars of the listing pages, rendered exactly as designed but INERT — the controls are
   real form elements; in the static behaviour nothing filters.

   Designs (verbatim measurements):
     toolbar  Reviews.html 02 Filter toolbar  .rv-toolbar / .rv-tsearch / .rv-sort / .rv-tbtn / .rv-facet* / .rv-opt*
              + Neighborhoods.html 05 Filter toolbar (the same anatomy plus .nb-viewtoggle)   [reviews.css, nbhd.css]
     bar      Results.html 02 Results grid    .results-filterbar                              [results.css]
     search   Meet the Team.html 01 People Hero .pp-search                                    [people.css]

   Content module: the row pads, constrains and paints. The export's `padding: 14px var(--pad-x)` +
   `max-width: var(--maxw)` inner become `padding: 14px 0` here — the BB row supplies the 56/32/20 gutter and
   the 1240 container, and paints the cream band.
   No canonical kit class fits: the kit's `.pardee-chip` is a bordered filter pill, the active-filter chip here
   is a blush pill with a dismiss cross, and the kit has no toolbar controls — everything below is bespoke.
   Design weights 500/600 render as var(--pardee-w-bold) (700) and 300 as var(--pardee-w-regular) (400):
   the kit serves Gotham 400/700 only (MODULE-BRIEF rule 3).
   Breakpoints: 992 / 768 (house) plus the designs' own 640 — the phone bar and sheet switch there.
   ───────────────────────────────────────────────────────────── */

.pardee-navfilters { width: 100%; }

/* ─── Toolbar (Reviews 02 / Neighborhoods 05) ───────────────────────────── */

.pardee-navfilters--toolbar { padding: 14px 0; border-bottom: 1px solid var(--pardee-line); }

/* BB nests the module in a column, so this sticks inside its own row only — a toolbar that follows the
   results down the page needs the rule on the .fl-row (page spec `page_css`). See the module notes. */
.pardee-navfilters--sticky {
    position: sticky; top: 0; z-index: 40;
    background: var(--pardee-row-bg, var(--pp-cream));
    backdrop-filter: blur(8px);
}

.pardee-navfilters__inner { display: flex; align-items: center; gap: 16px 20px; flex-wrap: wrap; }

.pardee-navfilters__count {
    font-family: var(--font-body); font-weight: var(--pardee-w-bold);
    font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; line-height: 1.6;
    color: var(--pardee-fg-muted); white-space: nowrap; flex-shrink: 0;
}
.pardee-navfilters__count strong { color: var(--pardee-fg); font-weight: var(--pardee-w-bold); }

.pardee-navfilters__chips { display: flex; gap: 6px; flex-wrap: wrap; flex: 1; min-width: min-content; }
.pardee-navfilters__chips:empty { display: none; }
.pardee-navfilters__spring { flex: 1; }
.pardee-navfilters__controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

/* Active filter chips (.rv-achip) — a blush pill with a dismiss cross; NOT the kit's bordered .pardee-chip */
.pardee-navfilters__achip {
    display: inline-flex; align-items: center; gap: 7px;
    height: 28px; padding: 0 6px 0 11px;
    background: var(--pp-blush); color: var(--pp-ink-mid); border-radius: var(--r-sm);
    font-family: var(--font-body); font-weight: var(--pardee-w-bold);
    font-size: 11px; letter-spacing: .04em; white-space: nowrap;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__achip button{
    width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center;
    border: 0; background: transparent; color: inherit; cursor: pointer; border-radius: 50%; padding: 0;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__achip button:hover{ background: rgba(2, 37, 52, .14); }

.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__clear{
    font-family: var(--font-body); font-weight: var(--pardee-w-bold);
    font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--pardee-fg-muted);
    background: transparent; border: 0; cursor: pointer; padding: 6px 2px;
    text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__clear:hover{ color: var(--pardee-fg); }

/* Search — compact, widens on focus (.rv-tsearch) */
.pardee-navfilters__search { position: relative; display: flex; align-items: center; }
.pardee-navfilters__searchicon {
    position: absolute; left: 10px; width: 15px; height: 15px; color: var(--pardee-fg-muted); pointer-events: none;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__searchinput{
    width: 172px; box-sizing: border-box; margin: 0;
    font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 13px; line-height: normal;
    color: var(--pardee-fg); background: var(--pp-cream-warm);
    border: 1px solid var(--pardee-line); border-radius: var(--r-sm);
    padding: 9px 12px 9px 30px; height: auto; text-transform: none;
    transition: width var(--dur-base) var(--ease-soft), border-color var(--dur-base);
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__searchinput::placeholder{ color: var(--pardee-fg-muted); opacity: 1; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__searchinput:focus-visible{ outline: none; border-color: var(--pp-tan); width: 240px; }

/* Sort — the toolbar draws its label as a pseudo-element (the export has no label node) */
.pardee-navfilters__sortwrap{ position: relative; display: inline-flex; align-items: center; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters--toolbar .pardee-navfilters__sortwrap[data-label]::before{
    content: attr(data-label);
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px;
    letter-spacing: .16em; text-transform: uppercase; color: var(--pardee-fg-muted); margin-right: 8px;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters--toolbar .pardee-navfilters__sort{
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 12px;
    letter-spacing: .02em; color: var(--pardee-fg); line-height: normal;
    background-color: var(--pp-cream-warm); border: 1px solid var(--pardee-line); border-radius: var(--r-sm);
    padding: 9px 30px 9px 12px; margin: 0; height: auto; text-transform: none; cursor: pointer; appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23022534' stroke-width='1.4'><path d='M1 1l4 4 4-4'/></svg>");
    background-repeat: no-repeat; background-position: right 11px center;
}

/* Filters button (.rv-tbtn) + the facet buttons share the 38px control height */
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__tbtn{
    display: inline-flex; align-items: center; gap: 8px;
    height: 38px; padding: 0 14px;
    background: var(--pp-cream-warm); color: var(--pardee-fg);
    border: 1px solid var(--pardee-line); border-radius: var(--r-sm);
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 12px;
    letter-spacing: .02em; line-height: 1.4; text-transform: none; cursor: pointer; white-space: nowrap;
    transition: background var(--dur-base), border-color var(--dur-base);
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__tbtn:hover{ background: var(--pp-sand); border-color: var(--pp-tan); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__tbtn:focus-visible,
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn:focus-visible,
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sort:focus-visible{ outline: 2px solid var(--pp-terracotta); outline-offset: 2px; }
.pardee-navfilters__chev { width: 13px; height: 13px; flex-shrink: 0; transition: transform var(--dur-base); }
.pardee-navfilters__tbtnbadge {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
    background: var(--pp-tan); color: var(--pp-ink-mid);
    font-size: 10.5px; font-weight: var(--pardee-w-bold); letter-spacing: 0;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__tbtn.is-open .pardee-navfilters__chev,
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn.is-open .pardee-navfilters__chev{ transform: rotate(180deg); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__tbtn.is-on{ background: var(--pp-ink-mid); color: var(--pp-cream); border-color: var(--pp-ink-mid); }

/* View toggle (Neighborhoods .nb-viewtoggle) */
.pardee-navfilters__views { display: inline-flex; border: 1px solid var(--pardee-line); border-radius: var(--r-sm); overflow: hidden; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__views button{
    display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 12px;
    background: var(--pp-cream-warm); color: var(--pardee-fg-muted); border: 0; cursor: pointer;
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px;
    letter-spacing: .12em; text-transform: uppercase; line-height: 1.4;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__views button + button{ border-left: 1px solid var(--pardee-line); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__views button.is-active{ background: var(--pp-ink-mid); color: var(--pp-cream); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__views button:focus-visible{ outline: 2px solid var(--pp-terracotta); outline-offset: -2px; }
.pardee-navfilters__views svg { width: 15px; height: 15px; flex-shrink: 0; }

/* ─── Facet panel (collapsible) ─────────────────────────────────────────── */

.pardee-navfilters__facets {
    display: grid; grid-template-rows: 0fr;
    transition: grid-template-rows var(--dur-base) var(--ease-soft);
}
.pardee-navfilters__facets.is-open { grid-template-rows: 1fr; }
.pardee-navfilters__facetsclip { overflow: hidden; min-height: 0; }
/* the export clips an open facet menu inside this box (reviews.css .rv-facets__clip); the panel is already
   fully open by then, so lifting the clip while a menu is open costs nothing and shows the whole menu */
.pardee-navfilters__facets.is-facetopen .pardee-navfilters__facetsclip { overflow: visible; }
.pardee-navfilters__facetsrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 0 2px; }

.pardee-navfilters__hint {
    width: 100%; font-family: var(--font-body); font-weight: var(--pardee-w-regular);
    font-size: 12px; line-height: 1.65; color: var(--pardee-fg-muted); margin: 0 0 2px;
}

.pardee-navfilters__facet { position: relative; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn{
    display: inline-flex; align-items: center; gap: 8px;
    height: 38px; padding: 0 14px;
    background: var(--pardee-card-bg, var(--pp-cream)); color: var(--pardee-fg);
    border: 1px solid var(--pardee-line); border-radius: var(--r-sm);
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 12.5px;
    letter-spacing: .01em; line-height: 1.4; text-transform: none; cursor: pointer; white-space: nowrap;
    transition: background var(--dur-base), border-color var(--dur-base);
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn:hover{ border-color: var(--pp-tan); background: var(--pp-cream-warm); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn.is-open{ border-color: var(--pp-ink-mid); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn--sel{ border-color: var(--pardee-fg); }   /* design .rv-facet__btn.has-sel: a facet with a selection carries an ink outline */
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn .pardee-navfilters__chev{ width: 12px; height: 12px; }
.pardee-navfilters__facetcount {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 17px; height: 17px; padding: 0 5px; border-radius: 999px;
    background: var(--pp-ink-mid); color: var(--pp-cream);
    font-size: 10px; font-weight: var(--pardee-w-bold); letter-spacing: 0;
}

.pardee-navfilters__menu {
    position: absolute; top: calc(100% + 6px); left: 0; z-index: 60;
    width: 264px; max-height: 320px; overflow-y: auto;
    background: var(--pp-cream); border: 1px solid var(--pp-tan);
    box-shadow: var(--shadow-card);
    padding: 12px; display: none;
}
.pardee-navfilters__facet.is-open .pardee-navfilters__menu { display: block; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__menusearch{
    width: 100%; box-sizing: border-box; margin: 0 0 10px;
    font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 13px; line-height: 1.4;
    color: var(--pp-ink-mid); background: var(--pp-cream-warm);
    border: 1px solid var(--line-soft); border-radius: var(--r-sm); padding: 8px 10px; height: auto; text-transform: none;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__menusearch::placeholder{ color: var(--pp-clay); opacity: 1; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__menusearch:focus-visible{ outline: none; border-color: var(--pp-tan); }

.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__opt{
    display: flex; align-items: center; gap: 10px; cursor: pointer;
    padding: 8px 6px; border-radius: var(--r-sm); margin: 0;
    font-family: var(--font-body); font-weight: var(--pardee-w-regular);
    font-size: 13.5px; line-height: 1.4; color: var(--pp-ink-mid);
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__opt:hover{ background: var(--pp-cream-warm); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__opt input{ position: absolute; opacity: 0; width: 0; height: 0; margin: 0; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__optbox{
    width: 18px; height: 18px; flex-shrink: 0; border: 1px solid var(--pp-tan);
    border-radius: 3px; position: relative; background: var(--pp-cream);
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__opt input:checked + .pardee-navfilters__optbox{ background: var(--pp-ink-mid); border-color: var(--pp-ink-mid); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__opt input:checked + .pardee-navfilters__optbox::after{
    content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px;
    border: solid var(--pp-cream); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__opt input:focus-visible + .pardee-navfilters__optbox{ outline: 2px solid var(--pp-terracotta); outline-offset: 2px; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__optcount{ margin-left: auto; font-size: 11px; font-weight: var(--pardee-w-regular); color: var(--pp-clay); }

/* ─── Phone sheet + bottom bar (the designs' own 640 breakpoint) ─────────── */

.pardee-navfilters__sheetclose{ display: none; }
.pardee-navfilters__mobilebar { display: none; }

@media (max-width: 640px) {
    .pardee-navfilters--toolbar { padding: 12px 0; }
    .pardee-navfilters--toolbar .pardee-navfilters__inner { gap: 10px; }
    .pardee-navfilters__controls .pardee-navfilters__search,
    .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__controls .pardee-navfilters__sortwrap,
    .pardee-navfilters__controls .pardee-navfilters__views,
    .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__controls .pardee-navfilters__tbtn{ display: none; }
    .pardee-navfilters__facetsrow { flex-direction: column; align-items: stretch; }
    .pardee-navfilters__facet, .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__facetbtn, .pardee-navfilters__menu{ width: 100%; }
    .pardee-navfilters__menu { position: static; }

    .pardee-navfilters--toolbar.is-sheet {
        position: fixed; inset: 0; z-index: 130; overflow-y: auto; padding: 64px var(--pad-x) 24px; border: 0;
        background: var(--pp-cream);
    }
    .pardee-navfilters--toolbar.is-sheet .pardee-navfilters__facets { grid-template-rows: 1fr; }
    .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters--toolbar.is-sheet .pardee-navfilters__sheetclose{
        display: inline-flex; position: absolute; top: 18px; right: var(--pad-x);
        background: transparent; border: 0; cursor: pointer; align-items: center; gap: 8px; padding: 0;
        font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 12px;
        letter-spacing: .14em; text-transform: uppercase; color: var(--pp-ink-mid);
    }

    .pardee-navfilters__mobilebar {
        display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 120;
        padding: 12px var(--pad-x) calc(12px + env(safe-area-inset-bottom));
        background: var(--pp-cream); border-top: 1px solid var(--line-soft);
    }
    .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__mobilebtn{
        width: 100%; height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
        background: var(--pp-ink-mid); color: var(--pp-cream); border: 0; border-radius: var(--r-sm); cursor: pointer;
        font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 13px;
        letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;
    }
}

/* ─── Bar (Results 02 .results-filterbar) ───────────────────────────────── */

.pardee-navfilters--bar {
    display: flex; justify-content: space-between; align-items: center;
    gap: 24px; flex-wrap: wrap;
    padding: 28px 0 24px;
    border-bottom: 1px solid var(--pardee-line);
}
.pardee-navfilters--bar .pardee-navfilters__left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pardee-navfilters--bar .pardee-navfilters__count { letter-spacing: .2em; }
.pardee-navfilters--bar .pardee-navfilters__achip { padding: 0 6px 0 12px; gap: 8px; letter-spacing: .08em; text-transform: uppercase; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters--bar .pardee-navfilters__achip button:hover{ background: rgba(2, 37, 52, .12); }
.pardee-navfilters--bar .pardee-navfilters__right { display: flex; align-items: center; gap: 14px; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters--bar .pardee-navfilters__sortwrap{ gap: 14px; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sortlabel{
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 11px;
    letter-spacing: .2em; text-transform: uppercase; line-height: 1.4; color: var(--pardee-fg-muted); margin: 0;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters--bar .pardee-navfilters__sort{
    font-family: var(--font-body); font-weight: var(--pardee-w-bold); font-size: 13px;
    letter-spacing: .04em; color: var(--pardee-fg); line-height: 1.4;
    background-color: transparent; border: 0; border-bottom: 1px solid var(--pardee-fg);
    padding: 6px 22px 6px 4px; margin: 0; height: auto; text-transform: none; cursor: pointer; appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23022534' stroke-width='1.4'><path d='M1 1l4 4 4-4'/></svg>");
    background-repeat: no-repeat; background-position: right 4px center;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters--bar .pardee-navfilters__sort:focus-visible{ outline: 2px solid var(--pp-terracotta); outline-offset: 2px; }

@media (max-width: 640px) {
    .pardee-navfilters--bar { padding: 22px 0 18px; gap: 14px; }
    .pardee-navfilters--bar .pardee-navfilters__right { width: 100%; justify-content: space-between; }
}

/* ─── Search (Meet the Team 01 .pp-search) ──────────────────────────────── */

.pardee-navfilters--search { display: block; }
/* behaviour=team: the search field sits in a real GET form — no box of its own. */
.pardee-navfilters__form { margin: 0; padding: 0; }
.pardee-navfilters__field {
    display: flex; align-items: center; gap: 14px;
    background: var(--pp-white);
    border: 1px solid rgba(2, 37, 52, .5);
    border-radius: var(--r-sm);
    padding: 0 18px; height: 60px; max-width: 640px; margin: 0;
    font-weight: var(--pardee-w-regular);   /* the theme's form chrome puts <label> at 600 — the field is a wrapper, not a label line */
    transition: border-color var(--dur-base);
}
.pardee-navfilters__field:focus-within { border-color: var(--pp-ink-mid); }
.pardee-navfilters__field .pardee-navfilters__searchicon { position: static; width: 20px; height: 20px; color: var(--pp-clay); flex: none; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__field input{
    flex: 1; min-width: 0; border: 0; background: transparent; outline: none; box-shadow: none; padding: 0; margin: 0; height: auto; text-transform: none; border-radius: 0;
    font-family: var(--font-body); font-weight: var(--pardee-w-regular); font-size: 16px; line-height: 1.4;
    color: var(--pp-ink-mid); letter-spacing: .01em;
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__field input::placeholder{ color: var(--pp-clay); opacity: .9; }

@media (max-width: 640px) { .pardee-navfilters__field { height: 54px; } }

/* behaviour=team: a submit button over the field's right edge (the design's search-with-button treatment,
   .bloghero__search-btn). The form carries the field's width so the button tracks the field's edge; colours,
   height, type and tracking ride the site button tokens. */
.pardee-navfilters--search[data-behaviour="team"] .pardee-navfilters__form { position: relative; max-width: 640px; }
.pardee-navfilters--search[data-behaviour="team"] .pardee-navfilters__field { padding-right: 124px; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__submit{
    position: absolute; top: 6px; right: 6px; bottom: 6px;
    display: inline-flex; align-items: center; justify-content: center;
    height: auto; min-width: 0; margin: 0; padding: 0 var(--pardee-btn-px);
    background: var(--pardee-btn-bg); color: var(--pardee-btn-fg);
    border: 0; border-radius: var(--r-sm); box-shadow: none; cursor: pointer;
    font-family: var(--font-body); font-weight: var(--pardee-btn-weight); font-size: var(--pardee-btn-fs-sm);
    letter-spacing: .14em; line-height: 1; text-transform: uppercase; white-space: nowrap;
    transition: background var(--dur-base);
}
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__submit:hover,
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__submit:focus-visible{ background: var(--pardee-btn-bg-hover); color: var(--pardee-btn-fg); }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__submit:focus-visible{ outline: 2px solid var(--pp-terracotta); outline-offset: 2px; }
@media (max-width: 640px) {
    .pardee-navfilters--search[data-behaviour="team"] .pardee-navfilters__field { padding-right: 108px; }
    .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__submit{ top: 5px; right: 5px; bottom: 5px; padding: 0 var(--pardee-btn-px-sm); }
}
/* The results target the team search scrolls to takes focus for keyboard and screen-reader users; it is not
   an interactive control, so it draws no ring. */
[data-team-results-target]:focus { outline: none; }

/* ─── Dark surfaces ─────────────────────────────────────────────────────── */
/* The toolbars are cream chrome by design and the exports only ever put them on cream; on a dark row the
   fill token flips to a translucent cream and the select's chevron (a hard-coded SVG) is redrawn in cream —
   every other colour already rides --pardee-fg / --pardee-fg-muted / --pardee-line. */
[data-pardee-surface="ink"] .pardee-navfilters,
[data-pardee-surface="ink-deep"] .pardee-navfilters,
[data-pardee-surface="ink-mid"] .pardee-navfilters,
[data-pardee-surface="chocolate"] .pardee-navfilters,
[data-pardee-surface="espresso"] .pardee-navfilters,
[data-pardee-surface="sable"] .pardee-navfilters {
    --pp-cream-warm: rgba(255, 246, 240, .08);
    --pp-sand: rgba(255, 246, 240, .16);
    --pp-blush: rgba(255, 246, 240, .14);
}
.fl-builder-content [data-pardee-surface="ink"] .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sort,
.fl-builder-content [data-pardee-surface="ink-deep"] .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sort,
.fl-builder-content [data-pardee-surface="ink-mid"] .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sort,
.fl-builder-content [data-pardee-surface="chocolate"] .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sort,
.fl-builder-content [data-pardee-surface="espresso"] .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sort,
.fl-builder-content [data-pardee-surface="sable"] .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__sort {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23FFF6F0' stroke-width='1.4'><path d='M1 1l4 4 4-4'/></svg>");
}
[data-pardee-surface="ink"] .pardee-navfilters__achip,
[data-pardee-surface="ink-deep"] .pardee-navfilters__achip,
[data-pardee-surface="ink-mid"] .pardee-navfilters__achip,
[data-pardee-surface="chocolate"] .pardee-navfilters__achip,
[data-pardee-surface="espresso"] .pardee-navfilters__achip,
[data-pardee-surface="sable"] .pardee-navfilters__achip { color: var(--pp-cream); }

@media (prefers-reduced-motion: reduce) {
    .pardee-navfilters__facets, .pardee-navfilters__chev, .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__searchinput, .pardee-navfilters__field{ transition: none; }
    .fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters.pardee-navfilters .pardee-navfilters__submit{ transition: none; }
}

/* `backdrop-filter` on the sticky toolbar makes it the containing block for the fixed phone bar (.pardee-navfilters__mobilebar),
   which then renders inset by the row gutters instead of edge-to-edge like the export's .rv-mobilebar — drop the blur where the bar shows. */
@media (max-width: 640px) { .pardee-navfilters--sticky { backdrop-filter: none; -webkit-backdrop-filter: none; } }

/* BB Global Styles' button connection writes `.fl-page .fl-builder-content button:not(.fl-content-ui-button) * { color: cream; border-radius: 4px }`
   (0,3,1) into every layout, which would render the toolbar's inline SVG chevrons/rules/list glyph cream-on-cream and give the view-toggle buttons corners.
   `stroke="currentColor"` resolves against the PATH's colour, so the `svg *` half is essential. */
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters button svg,
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters button svg * { color: inherit; }
.fl-builder-content .fl-module-content .pardee-navfilters.pardee-navfilters .pardee-navfilters__views button { border-radius: 0; }
 .fl-node-9agmb721ej8r > .fl-module-content {
	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-f1xkt2r9gh0n > .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-46zol3jaywh1 > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
.fl-node-y1krehjix3t2.fl-module-heading, .fl-node-y1krehjix3t2.fl-module-heading :where(a, q, p, span) {
	font-size: 10.5px;
	letter-spacing: 0.2em;
}
 .fl-node-y1krehjix3t2.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-y1krehjix3t2.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-y1krehjix3t2.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-cfyd068mwe9a > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
 .fl-node-80r3eoabcix7.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-80r3eoabcix7.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-80r3eoabcix7.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-gcl089mw357y.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-gcl089mw357y.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-gcl089mw357y.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
 .fl-node-05rtpslnzfy8.fl-module-heading {
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-05rtpslnzfy8.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-05rtpslnzfy8.fl-module-heading.fl-module {
	margin-bottom:0px;
}
}
.fl-node-brmagdsftc0v.fl-module-heading, .fl-node-brmagdsftc0v.fl-module-heading :where(a, q, p, span) {
	font-size: 60px;
	font-style: italic;
}
@media(max-width: 992px) {
	.fl-node-brmagdsftc0v.fl-module-heading, .fl-node-brmagdsftc0v.fl-module-heading :where(a, q, p, span) {
		font-size: 44px;
	}
}
@media(max-width: 768px) {
	.fl-node-brmagdsftc0v.fl-module-heading, .fl-node-brmagdsftc0v.fl-module-heading :where(a, q, p, span) {
		font-size: 34px;
	}
}
 .fl-node-brmagdsftc0v.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-brmagdsftc0v.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-brmagdsftc0v.fl-module-heading.fl-module {
	margin-top:18px;
	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-split-case-card module ────────────────────────────
   One hairline box that is a single <a>: media cell (background-cover, optional tag / status chips)
   beside a body of hood · italic display title · teaser · hairline stat rail · uppercase CTA.
   Design: Results.html 02 Featured case study — .cs-featured__card and friends (casestudy.css lines 26–96,
   responsive at 960 / 640). The design's own breakpoints are kept (960 stacks the card, 640 tightens the
   stat rail); the eyebrow above the card is NOT in the card box in the export, so it stays a core Heading h6.
   No canonical kit class matched: .pardee-casestudy is a different component (dark ink 16/10 vertical card),
   and .pardee-tag / .pardee-chip are interactive pills — the whole card here is already the link, so the
   chips are bespoke, static badges. Only the arrow glyph is shared (.icon-pp-arrow-right, theme icon font).
   Content module: the row pads and constrains; colours come from the surface tokens
   (--pardee-fg / -fg-muted / -eyebrow-color / -card-bg) so the same markup reads on cream, sand, ink or sable.
   The design's clamp()s (body padding 32/3.6vw/56, title 28/3.2vw/44, stat figure 24/2.4vw/32) are resolved to
   fixed values per breakpoint — app/public/CLAUDE.md: "Avoid using clamp for font sizes and padding". The base
   values are what the export computes at 1440 (52 / 44 / 32), the steps track it at 960 and 768/640.
   ───────────────────────────────────────────────────────────── */

.pardee-casecard {
    width: 100%;
    --pscc-line: var(--line-soft);   /* the card is a cream surface — its rules are the cream hairline (design --line, blush-soft), not the row's cream-alpha line */
}

/* ── The card (design .cs-featured__card) ─────────────────── */

.pardee-casecard__card {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 0;
    border: 1px solid var(--pscc-line);
    background: var(--pardee-card-bg, var(--pp-cream));
    text-decoration: none;
    color: inherit;
    transition: border-color var(--dur-base);
}

.pardee-casecard__card:hover { border-color: var(--pp-tan); text-decoration: none; color: inherit; }
.pardee-casecard__card:focus-visible { outline: 2px solid var(--pp-terracotta); outline-offset: 3px; }

.pardee-casecard--media-right .pardee-casecard__card { grid-template-columns: 1fr 1.15fr; }
.pardee-casecard--media-right .pardee-casecard__media { order: 2; }
.pardee-casecard--media-right .pardee-casecard__body { order: 1; }

/* ── Media cell (design .cs-featured__media) ──────────────── */

.pardee-casecard__media {
    position: relative;
    min-height: var(--pscc-mh, 460px);  /* the module writes the per-instance height inline as --pscc-mh; 460px is the export's */
    background-color: var(--pp-sand);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

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

/* Static badge — the export declares .cs-featured__tags but never fills it; the sizes are the
   sibling chip in the same file (results.css .results-card__badge) at this card's 26px scale. */
.pardee-casecard__tag {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    border-radius: var(--r-sm);
    background: var(--pp-cream);
    color: var(--pp-ink-mid);
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1;
}

.pardee-casecard__status {
    position: absolute;
    bottom: 18px;
    left: 18px;
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 12px;
    background: rgba(2, 37, 52, .82);   /* a scrim over the photo — fixed, not a surface token */
    color: var(--pp-cream);
    border-radius: 2px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 10.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    line-height: 1;
    backdrop-filter: blur(4px);
}

/* ── Body (design .cs-featured__body) ─────────────────────── */

.pardee-casecard__body {
    padding: 52px;                      /* design clamp(32px, 3.6vw, 56px) = 51.84 at 1440 */
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-self: center;
    min-width: 0;
}

.pardee-casecard__hood {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    line-height: 1.65;                  /* the export's small lines inherit the body ratio (11 x 1.65 = 18.15) */
    color: var(--pardee-eyebrow-color);
}

.fl-module-content .pardee-casecard__title {
    margin: 0;
    font-family: var(--font-display);
    font-style: italic;
    font-weight: var(--pardee-w-regular);
    font-size: 44px;                    /* design clamp(28px, 3.2vw, 44px), capped from 1375 up */
    letter-spacing: inherit;            /* the export's title carries the body tracking (.32px), not the site's display track (-.01em) */
    line-height: 1.08;
    color: var(--pardee-fg);
    max-width: 20ch;
    text-wrap: balance;
}

.fl-module-content .pardee-casecard__title em,
.fl-module-content .pardee-casecard__title i {
    font-style: italic;
    color: var(--pardee-h-accent, currentColor);
}

.pardee-casecard__teaser {
    margin: 0;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-regular);
    font-size: 16px;
    line-height: 1.62;
    color: var(--pardee-fg-muted);
    max-width: 52ch;
    text-wrap: pretty;
}

/* ── Stat rail (design .cs-featured__stats / __stat) ──────── */

.pardee-casecard__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-top: 1px solid var(--pscc-line);
    margin-top: 4px;
}

.pardee-casecard__stat {
    padding: 16px 24px 0 0;
    margin-right: 24px;
    border-right: 1px solid var(--pscc-line);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pardee-casecard__stat:nth-child(n+2) { padding-left: 24px; }
.pardee-casecard__stat:last-child { border-right: 0; margin-right: 0; padding-right: 0; }

.pardee-casecard__stat-num {
    font-family: var(--font-display);
    font-weight: var(--pardee-w-regular);
    font-size: 32px;                    /* design clamp(24px, 2.4vw, 32px), capped from 1334 up */
    line-height: 1;
    color: var(--pardee-fg);
}

.pardee-casecard__stat-lbl {
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 9.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    line-height: 1.65;                  /* 9.5 x 1.65 = 15.68, the export's */
    color: var(--pardee-eyebrow-color);
}

/* ── CTA (design .cs-featured__cta — a span: the card is the link) ── */

.pardee-casecard__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    font-family: var(--font-body);
    font-weight: var(--pardee-w-bold);
    font-size: 11.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    line-height: 1.65;                  /* 11.5 x 1.65 = 18.98, the export's */
    color: var(--pardee-fg);
}

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

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

/* ── Responsive — the design's own breakpoints (casestudy.css 960 / 640) ── */

@media (max-width: 960px) {
    .pardee-casecard__body { padding: 33px; }               /* design 3.6vw: 34.6 at 960 → 32.4 at 900 */
    .fl-module-content .pardee-casecard__title { font-size: 29px; }   /* design 3.2vw: 30.7 at 960 → 28.8 at 900 */
    .pardee-casecard__stat-num { font-size: 24px; }
    .pardee-casecard__card,
    .pardee-casecard--media-right .pardee-casecard__card { grid-template-columns: minmax(0, 1fr); }
    .pardee-casecard--media-right .pardee-casecard__media,
    .pardee-casecard--media-right .pardee-casecard__body { order: 0; }
    .pardee-casecard__media { min-height: 300px; }   /* stacked height is the design's, not the per-instance one (design .cs-featured__media 300px) */
}

@media (max-width: 768px) {
    .pardee-casecard__body { padding: 32px; }
    .fl-module-content .pardee-casecard__title { font-size: 28px; }
}

@media (max-width: 640px) {
    .pardee-casecard__stat { padding-right: 16px; margin-right: 16px; }
    .pardee-casecard__stat:nth-child(n+2) { padding-left: 16px; }
    .pardee-casecard__stat:last-child { margin-right: 0; padding-right: 0; }
}

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

/* ── Dark surfaces: the hairlines come from the row's cream-alpha line (the card is a translucent cream panel) ── */

[data-pardee-surface="ink"] .pardee-casecard,
[data-pardee-surface="ink-deep"] .pardee-casecard,
[data-pardee-surface="ink-mid"] .pardee-casecard,
[data-pardee-surface="chocolate"] .pardee-casecard,
[data-pardee-surface="espresso"] .pardee-casecard,
[data-pardee-surface="sable"] .pardee-casecard,
[data-pardee-surface="terracotta"] .pardee-casecard,
[data-pardee-surface="photo"] .pardee-casecard {
    --pscc-line: var(--pardee-line);
}
 .fl-node-fx6u80a15twe > .fl-module-content {
	margin-top:56px;
}
@media ( max-width: 992px ) {
 .fl-node-fx6u80a15twe.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-fx6u80a15twe.fl-module > .fl-module-content {
	margin-top:32px;
}
}
.fl-node-i05rlpubm2e4.fl-module-heading, .fl-node-i05rlpubm2e4.fl-module-heading :where(a, q, p, span) {
	font-size: 42px;
	font-style: italic;
}
@media(max-width: 992px) {
	.fl-node-i05rlpubm2e4.fl-module-heading, .fl-node-i05rlpubm2e4.fl-module-heading :where(a, q, p, span) {
		font-size: 32px;
	}
}
@media(max-width: 768px) {
	.fl-node-i05rlpubm2e4.fl-module-heading, .fl-node-i05rlpubm2e4.fl-module-heading :where(a, q, p, span) {
		font-size: 28px;
	}
}
 .fl-node-i05rlpubm2e4.fl-module-heading {
	margin-top:18px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-i05rlpubm2e4.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-i05rlpubm2e4.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}









.fl-node-3d1rf4akcvep.fl-button-wrap, .fl-node-3d1rf4akcvep .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):focus {
	border: 1px solid #001928;
}
.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button), .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited, .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .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-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):focus {
	border-color: #022534;
}
.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button), .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited {
	background-color: rgba(0,0,0,0);
	background-image: none;
}
.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover {
	background-color: #022534;
	background-image: none;
}
.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button), .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited, .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button) *, .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep a.fl-button:visited * {
	color: inherit;
}
.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button):hover * {
	color: #FFF6F0;
}
:where(.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-3d1rf4akcvep .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-3d1rf4akcvep.fl-module-button {
	margin-top:19px;
}
@media ( max-width: 992px ) {
 .fl-node-3d1rf4akcvep.fl-module-button.fl-module {
	margin-top:28px;
}
}
@media ( max-width: 768px ) {
 .fl-node-3d1rf4akcvep.fl-module-button.fl-module {
	margin-top:24px;
}
}
.fl-node-xzkvs2ibypmc.fl-module-heading, .fl-node-xzkvs2ibypmc.fl-module-heading :where(a, q, p, span) {
	font-size: 60px;
	font-style: italic;
}
@media(max-width: 992px) {
	.fl-node-xzkvs2ibypmc.fl-module-heading, .fl-node-xzkvs2ibypmc.fl-module-heading :where(a, q, p, span) {
		font-size: 46px;
	}
}
@media(max-width: 768px) {
	.fl-node-xzkvs2ibypmc.fl-module-heading, .fl-node-xzkvs2ibypmc.fl-module-heading :where(a, q, p, span) {
		font-size: 36px;
	}
}
 .fl-node-xzkvs2ibypmc.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-xzkvs2ibypmc.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-xzkvs2ibypmc.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
.fl-node-tsmjdv5n8bzw.fl-module-heading, .fl-node-tsmjdv5n8bzw.fl-module-heading :where(a, q, p, span) {
	font-size: 48px;
}
@media(max-width: 992px) {
	.fl-node-tsmjdv5n8bzw.fl-module-heading, .fl-node-tsmjdv5n8bzw.fl-module-heading :where(a, q, p, span) {
		font-size: 38px;
	}
}
@media(max-width: 768px) {
	.fl-node-tsmjdv5n8bzw.fl-module-heading, .fl-node-tsmjdv5n8bzw.fl-module-heading :where(a, q, p, span) {
		font-size: 32px;
	}
}
 .fl-node-tsmjdv5n8bzw.fl-module-heading {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-tsmjdv5n8bzw.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-tsmjdv5n8bzw.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom: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-3qu1ish80lkt.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-3qu1ish80lkt.fl-module-rich-text {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-3qu1ish80lkt.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-3qu1ish80lkt.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-ukd0iwh3mnyb.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-ukd0iwh3mnyb.fl-module-rich-text {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-ukd0iwh3mnyb.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ukd0iwh3mnyb.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-ul160ti4ksnd.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-ul160ti4ksnd.fl-module-rich-text {
	margin-top:22px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-ul160ti4ksnd.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ul160ti4ksnd.fl-module-rich-text.fl-module {
	margin-top:18px;
	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-keep-exploring module ─────────────────────────── */
/* Relies on canonical .pardee-eyebrow, .pardee-h2, .pardee-h4,
   .pardee-card__body (see _components.scss). Heading, card-title and
   card-cta sizes/styles are bespoke-overridden below to match the
   "less but better" pass applied on top of them in reference Sell.html
   (pardee-system.css + sell.css .sell-page overrides) — the shared
   .pardee-h2 / .pardee-h4 / .pardee-textlink defaults run larger /
   more tracked than what actually renders on the reference page. */

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

.pardee-explore__inner {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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









.fl-node-avhjpnfyb31z.fl-button-wrap, .fl-node-avhjpnfyb31z .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button) {
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
}
.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button), .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited {
	font-size: 13px;
	letter-spacing: 0.02em;
	text-transform: none;
	background-color: #FFF6F0;
	background-image: none;
}
.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):focus {
	border: 1px solid #ccb19c;
}
.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button), .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited, .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .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;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.fl-builder-content .fl-module-button.fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):focus {
	border-color: #D8BDA8;
}
.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover {
	background-color: #D8BDA8;
	background-image: none;
}
.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button), .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited, .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button) *, .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z a.fl-button:visited * {
	color: #022534;
}
.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button):hover * {
	color: #022534;
}
:where(.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-avhjpnfyb31z .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-avhjpnfyb31z.fl-module-button {
	margin-top:28px;
}
@media ( max-width: 992px ) {
 .fl-node-avhjpnfyb31z.fl-module-button.fl-module {
	margin-top:28px;
}
}
@media ( max-width: 768px ) {
 .fl-node-avhjpnfyb31z.fl-module-button.fl-module {
	margin-top:24px;
}
}









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









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









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









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









.fl-node-ac0o92r1xv6n.fl-button-wrap, .fl-node-ac0o92r1xv6n .fl-button-wrap {
	text-align: left;
}
.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button) {
	padding-top: 15px;
	padding-right: 22px;
	padding-bottom: 15px;
	padding-left: 22px;
}
.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):focus {
	border: 1px solid rgba(243,234,228,0.12);
}
.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button), .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited, .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .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-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):focus {
	border-color: currentColor;
}
.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button), .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited {
	background-color: rgba(0,0,0,0);
	background-image: none;
}
.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover {
	background-color: rgba(255,246,240,0.12);
	background-image: none;
}
.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button), .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited, .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button) *, .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n a.fl-button:visited * {
	color: inherit;
}
.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button):hover * {
	color: inherit;
}
:where(.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button)), :where(.fl-builder-content .fl-node-ac0o92r1xv6n .fl-button:is(a, button) *) {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
 .fl-node-ac0o92r1xv6n.fl-module-button {
	margin-top:28px;
}
@media ( max-width: 992px ) {
 .fl-node-ac0o92r1xv6n.fl-module-button.fl-module {
	margin-top:28px;
}
}
@media ( max-width: 768px ) {
 .fl-node-ac0o92r1xv6n.fl-module-button.fl-module {
	margin-top:24px;
}
}
:where(.fl-builder-content .fl-node-ngkrzpy6593v.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/ page-scoped CSS (design: claude-design/Buyer page/Results.html).
   Every rule is scoped to a row/module `class` set in this spec — nothing here leaves the page. */

/* ── 01 Page header (design .page-header) ─────────────────────────────────── */
/* design .page-header__h1 { max-width: 22ch } — the theme lets an italic h1 run the container */
.fl-row .cs-hero-h1 { max-width: 22ch; }

/* ── 02 Results grid (design .section--cream #grid) ───────────────────────── */
/* design .results-shortcuts--embedded / .results-filterbar / .results-grid / .prep-callout / .results-gridfoot rhythm:
   the six stacked groups of this section carry the export's own gaps, not the theme's 64px section-group gap */
.cs-grid .fl-col-content > .fl-col-group:nth-of-type(1) { padding-bottom: 22px; border-bottom: 1px solid var(--pardee-line); }
/* group 2 = pardee-nav-filters (bar): the module carries the export's 28/24 padding and closing hairline */
/* design .results-filterbar select has square corners; the theme's global `select { border-radius: 4px }` (0,0,1) reaches it */
.cs-filterbar .pardee-navfilters--bar .pardee-navfilters__sort { border-radius: 0; }
.cs-grid .fl-col-content > .fl-col-group:nth-of-type(3) { margin-top: 35px; }
.cs-grid .fl-col-content > .fl-col-group:nth-of-type(4) { margin-top: 117px; }
.cs-grid .fl-col-content > .fl-col-group:nth-of-type(5) { margin-top: 132px; }
.cs-grid .fl-col-content > .fl-col-group:nth-of-type(6) { margin-top: 56px; }
/* design .results-shortcuts__label { max-width: 9ch; font: 18px/1.25 } */
.cs-shortcut-label { max-width: 9ch; }
.cs-shortcut-label p { line-height: 1.25; margin: 0; }
/* design .results-shortcuts__chip: 36px, 12.5px sentence case, cream fill (kit chip is 32px / 11px uppercase) */
.cs-chips .pardee-nav-chips__list { gap: 8px; }
.cs-chips .pardee-nav-chips a.pardee-chip { height: 36px; padding: 0 16px; font-size: 12.5px; font-weight: var(--pardee-w-bold); letter-spacing: .01em; text-transform: none; background: var(--pp-cream); border-color: var(--pardee-line); }
/* design .prep-callout__media is a background-cover cell: the photo fills the card, it does not sit in its own
   aspect box with the card colour showing under it. This panel group is NESTED inside a column, so the theme's own
   stretch/stack rules for panel groups (which target .fl-row-content > .fl-col-group) do not reach it — repeated here. */
.cs-grid .fl-col-content > .fl-col-group:nth-of-type(4) { display: flex; flex-wrap: wrap; align-items: stretch; }
.cs-grid .fl-col[data-pardee-panel="hairline"]:first-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-grid-gallery { flex: 1 1 auto; min-height: 0; display: flex; gap: 0; }
.cs-prep-media .pardee-grid-gallery__item { flex: 1 1 auto; min-height: 0; display: flex; margin: 0; }
.cs-prep-media .pardee-grid-gallery__pair { flex: 1 1 auto; min-height: 0; aspect-ratio: auto; border-radius: 0; }
@media (max-width: 768px) {   /* stacked: full-width columns, and the photo goes back to its own aspect box */
  .cs-grid .fl-col-content > .fl-col-group:nth-of-type(4) > .fl-col { flex: 0 0 100%; max-width: 100%; }
  .cs-prep-media .pardee-grid-gallery__pair { aspect-ratio: 16 / 11; }
  /* stacked, the media half keeps its right rule and hands the bottom rule to the copy half */
  .cs-grid .fl-col[data-pardee-panel="hairline"]:first-child > .fl-col-content { border-right-width: 1px; border-bottom-width: 0; }
}

/* ── 04 Keep Exploring (design .section__head--single) ────────────────────── */
.fl-row .cs-explore-h { max-width: 22ch; }

/* GuWBdNpm situation chips hidden until after launch */
.cs-grid .fl-col-content > .fl-col-group:nth-of-type(1) { padding-bottom: 0; border-bottom: 0; }

/* End Layout CSS */


        			.fl-node-1sge7tcobk04 .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-yzgoqcrn3dis .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-j2aegoylwz3f .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-myl2bfg3spe5 .fl-row-content {
				min-width: 0px;
			}
		
        			.fl-node-tmqy2e7b4ja6 .fl-row-content {
				min-width: 0px;
			}