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

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





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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pardee-megamenu__item {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Start Global Nodes CSS */

/* End Global Nodes CSS */


/* Start Layout CSS */

/* End Layout CSS */

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

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

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

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

        
        






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

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





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

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





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

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



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




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




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




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




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




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




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




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




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




.fl-node-ziq0f85u17gb {
	width: 19.575%;
}
 .fl-node-ziq0f85u17gb > .fl-col-content {
	padding-right:0px;
	padding-left:20px;
}
@media ( max-width: 768px ) {
 .fl-node-ziq0f85u17gb.fl-col > .fl-col-content {
	padding-right:0px;
	padding-left:0px;
}
}
.fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text * {
	color: var(--fl-global-cream);
}
.fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-weight: 400;
	font-size: 12px;
}
@media(max-width: 768px) {
	.fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-xpldb7n832us.fl-module-rich-text.fl-rich-text *:not(b, strong) {
		text-align: center;
	}
}
 .fl-node-xpldb7n832us.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media (max-width: 768px) { .fl-module-icon {
	text-align: center;
}
 }


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


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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Start Global Nodes CSS */

/* End Global Nodes CSS */


/* Start Layout CSS */

/* End Layout CSS */


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






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

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





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

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





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

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





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

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





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

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



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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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




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

.pardee-postmeta { width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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









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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and ( max-width: 768px ) {
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-fixed,
	.fl-node-pqdgfkh5uc0z .pp-toc-sticky-custom {
			}
}
 .fl-node-pqdgfkh5uc0z > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
.fl-node-1n34o5ayzvxc.fl-module-heading, .fl-node-1n34o5ayzvxc.fl-module-heading :where(a, q, p, span) {
	font-size: 26px;
	font-style: italic;
}
 .fl-node-1n34o5ayzvxc.fl-module-heading {
	margin-top:0px;
	margin-bottom:10px;
}
@media ( max-width: 992px ) {
 .fl-node-1n34o5ayzvxc.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-1n34o5ayzvxc.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
.fl-node-6mk29fopszb1.fl-module-heading, .fl-node-6mk29fopszb1.fl-module-heading :where(a, q, p, span) {
	font-size: 22px;
	letter-spacing: -0.005em;
}
 .fl-node-6mk29fopszb1.fl-module-heading {
	margin-top:0px;
	margin-bottom:12px;
}
@media ( max-width: 992px ) {
 .fl-node-6mk29fopszb1.fl-module-heading.fl-module {
	margin-top:20px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-6mk29fopszb1.fl-module-heading.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-726e1hrygkfo.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-726e1hrygkfo.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-726e1hrygkfo.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-726e1hrygkfo.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-hburtcj2sgxo.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-hburtcj2sgxo.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-hburtcj2sgxo.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-hburtcj2sgxo.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
.fl-node-vcg06i9wjhx8.fl-module-heading, .fl-node-vcg06i9wjhx8.fl-module-heading :where(a, q, p, span) {
	font-size: 60px;
	line-height: 1.06;
}
@media(max-width: 992px) {
	.fl-node-vcg06i9wjhx8.fl-module-heading, .fl-node-vcg06i9wjhx8.fl-module-heading :where(a, q, p, span) {
		font-size: 46px;
	}
}
@media(max-width: 768px) {
	.fl-node-vcg06i9wjhx8.fl-module-heading, .fl-node-vcg06i9wjhx8.fl-module-heading :where(a, q, p, span) {
		font-size: 36px;
	}
}
 .fl-node-vcg06i9wjhx8.fl-module-heading {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-vcg06i9wjhx8.fl-module-heading.fl-module {
	margin-top:20px;
}
}
@media ( max-width: 768px ) {
 .fl-node-vcg06i9wjhx8.fl-module-heading.fl-module {
	margin-top:18px;
}
}
 .fl-node-t2wfojb409kd > .fl-module-content {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-t2wfojb409kd.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-t2wfojb409kd.fl-module > .fl-module-content {
	margin-top:32px;
}
}
:where(.fl-builder-content .fl-node-kvsqcjwau9z6.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-kvsqcjwau9z6.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-kvsqcjwau9z6.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-kvsqcjwau9z6.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-zk1d73vou4qa.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
 .fl-node-zk1d73vou4qa.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-zk1d73vou4qa.fl-module-rich-text.fl-module {
	margin-top:22px;
}
}
@media ( max-width: 768px ) {
 .fl-node-zk1d73vou4qa.fl-module-rich-text.fl-module {
	margin-top:18px;
}
}
:where(.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-size: 21px;
	line-height: 1.55;
	letter-spacing: 0.01em;
}
@media(max-width: 992px) {
	.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *:not(b, strong) {
		font-size: 19px;
	}
}
@media(max-width: 768px) {
	.fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-rich-text *:not(b, strong) {
		font-size: 17px;
	}
}
 .fl-node-pfn0u8ch2ja7.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:36px;
}
@media ( max-width: 992px ) {
 .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-pfn0u8ch2ja7.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-size: 14px;
	line-height: 1.55;
}
 .fl-node-tpbz5rv2foyd.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:14px;
}
@media ( max-width: 992px ) {
 .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-tpbz5rv2foyd.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
:where(.fl-builder-content .fl-node-s893qnpotr6b.fl-module-rich-text.fl-rich-text *) {
	color: inherit;
}
.fl-builder-content .fl-node-s893qnpotr6b.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-s893qnpotr6b.fl-module-rich-text.fl-rich-text *:not(b, strong) {
	font-size: 14px;
	line-height: 1.55;
}
 .fl-node-s893qnpotr6b.fl-module-rich-text {
	margin-top:0px;
	margin-bottom:18px;
}
@media ( max-width: 992px ) {
 .fl-node-s893qnpotr6b.fl-module-rich-text.fl-module {
	margin-top:22px;
	margin-bottom:0px;
}
}
@media ( max-width: 768px ) {
 .fl-node-s893qnpotr6b.fl-module-rich-text.fl-module {
	margin-top:18px;
	margin-bottom:0px;
}
}
 .fl-node-wrnia46m7uzd > .fl-module-content {
	margin-top:8px;
	margin-bottom:0px;
}
@media ( max-width: 992px ) {
 .fl-node-wrnia46m7uzd.fl-module > .fl-module-content {
	margin-top:44px;
}
}
@media ( max-width: 768px ) {
 .fl-node-wrnia46m7uzd.fl-module > .fl-module-content {
	margin-top:32px;
}
}
/* ── pardee-embed module ──────────────────────────────────────
   Relies on canonical .pardee-eyebrow, .pardee-h2(--sm), .pardee-lede (see _components.scss).
   Surface-aware via --pardee-fg / --pardee-fg-muted / --pardee-line (row tokens).
   Bespoke: the narrow reading column, the dashed placeholder panel (.hv-embed in the
   reference) and the small disclaimer note.
   ───────────────────────────────────────────────────────────── */

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

.pardee-embed__inner {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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









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

/* Start Global Nodes CSS */

/* End Global Nodes CSS */


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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


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


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


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

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

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

/* End Layout CSS */


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