/*
 * PUBLIC DESIGN TOKENS
 * Edit typography and key sizes centrally in this :root block.
 */
:root {
  /* Canonical global tokens (single source of truth) */
  --font-base: 16px;
  --line-height: 1.55;
  --radius: 12px;
  --space: 16px;
  --h1: 40px;
  --h2: 32px;
  --h3: 24px;
  --h4: 20px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --btn-height: 46px;
  --btn-font: 15px;
  --input-height: 46px;
  --input-font: 15px;
  --back-top-size: 46px;
  --back-top-offset: 18px;
  --back-top-radius: 999px;
  --back-top-bg: #0b0b0c;
  --back-top-text: #f3df93;
  --back-top-border: #d8bc67;
  --back-top-hover-bg: #171511;

  --layout-content-max-width: 1320px;
  --layout-shell-max-width: calc(var(--layout-content-max-width) + (var(--layout-page-padding-x-desktop) * 2));
  --layout-page-padding-x-mobile: 1rem;
  --layout-page-padding-x-tablet: 1.5rem;
  --layout-page-padding-x-desktop: 2rem;
  --layout-main-padding-top: 1.5rem;
  --layout-main-padding-bottom: 2rem;
  --layout-section-gap-mobile: 1rem;
  --layout-section-gap-desktop: 1.5rem;
  --layout-grid-gap-mobile: 1rem;
  --layout-grid-gap-desktop: 1rem;
  --space-2: calc(var(--space) * 0.5);
  --space-4: var(--space);
  --space-5: calc(var(--space) * 1.25);
  --space-6: calc(var(--space) * 1.5);
  --space-7: calc(var(--space) * 1.75);
  --bg: #f2f1ec;
  --card: #ffffff;
  --text: #1e1a14;
  --muted: #6d665b;
  --line: #e4d9c4;
  --brand: #9a6f2b;
  --brand-strong: #7b5415;
  --danger: #a03e2d;
  --success: #1f6d46;
  --color-primary: var(--brand);
  --color-primary-dark: var(--brand-strong);
  --color-accent: #d8bc67;
  --color-bg: var(--bg);
  --color-surface: var(--card);
  --color-text: var(--text);
  --color-muted: var(--muted);
  --radius-xs: var(--radius);
  --radius-xxs: var(--radius);
  --radius-sm: var(--radius);
  --radius-base: var(--radius);
  --radius-md: var(--radius);
  --radius-lg: var(--radius);
  --shadow: 0 10px 30px rgba(52, 34, 7, 0.09);
  --shadow-card: 0 10px 18px -16px rgba(15, 22, 36, 0.55);
  --shadow-card-hover: 0 14px 22px -18px rgba(15, 22, 36, 0.65);
  --shadow-soft: 0 1px 2px rgba(16, 17, 19, 0.08);
  --shadow-elevated: 0 8px 16px rgba(24, 20, 14, 0.14);
  --shadow-feature-card: 0 6px 12px rgba(24, 20, 14, 0.09);
  --shadow-feature-card-hover: 0 8px 16px rgba(24, 20, 14, 0.14);
  --shadow-footer-card: 0 12px 28px rgba(7, 5, 2, 0.24), 0 4px 10px rgba(7, 5, 2, 0.14);
  --shadow-overlay-chip: 0 8px 20px rgba(0, 0, 0, 0.35);
  --shadow-map-frame: 0 10px 22px rgba(0, 0, 0, 0.16);
  --shadow-partner-chip: 0 6px 14px rgba(0, 0, 0, 0.24);
  --shadow-carousel-control: 0 10px 22px rgba(26, 22, 14, 0.16);
  --shadow-carousel-button: 0 8px 16px rgba(0, 0, 0, 0.36);
  --shadow-banner: rgba(60, 64, 67, 0.3) 0 1px 2px 0, rgba(60, 64, 67, 0.15) 0 2px 6px 2px;
  --shadow-testimonial: 0 10px 20px rgba(24, 20, 14, 0.08);
  --shadow-blog-card: 0 10px 18px rgba(24, 20, 14, 0.08);
  --shadow-why-card: 0 8px 16px rgba(24, 20, 14, 0.07);
  --shadow-badge: 0 8px 18px rgba(0, 0, 0, 0.35);
  --shadow-sm: var(--shadow-soft);
  --shadow-md: var(--shadow-card);
  --shadow-lg: var(--shadow-elevated);
  --transition-fast: 160ms ease;
  --transition-base: 220ms ease;
  --transition-slow: 420ms cubic-bezier(0.22, 1, 0.36, 1);
  --container: var(--layout-content-max-width);
  --section-y: clamp(2.75rem, 5vw, 5.5rem);
  --motion-distance: 24px;
  --motion-blur: 8px;
  --border-width-base: 1px;
  --border-color-base: #d8d1c3;
  --border-color-soft: #ded8cc;
  --border-color-strong: #8f6f27;
  --border-color-accent: #d8bc67;
  --border-color-accent-dark: #6a5428;
  --border-color-dark: #38352d;
  --border-color-neutral: #cfd5dd;
  --border-color-neutral-soft: #d9dee5;
  --border-color-neutral-soft-2: #d9dee7;
  --border-color-charcoal: #3a3326;
  --border-color-charcoal-alt: #3a3224;
  --border-color-hero: #8a6b1f;
  --border-color-gold-soft: #cfa956;
  --border-color-footer: #332b20;
  --border-color-footer-link: #6f5a31;
  --border-color-warm: #d7ccb6;
  --border-color-warm-soft: #e6dece;
  --border-color-warm-muted: #e8decc;
  --border-color-cream: #e6d8ba;
  --border-color-map-divider: #d9ccb4;
  --border-color-partner: #8f7440;
  --border-color-inverse: rgba(201, 159, 76, 0.32);
  --border-color-input: #d8d1c3;
  --tracking-label: 0.05em;
  --tracking-cta: 0.06em;
  --tracking-tight: 0.01em;
  --tracking-ui: 0.02em;
  --tracking-subtle: 0.03em;
  --tracking-xwide: 0.12em;
  --tracking-negative: -0.01em;
  --font-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-heading: var(--font-display);
  --type-h1-size: var(--h1);
  --type-h2-size: var(--h2);
  --type-h3-size: var(--h3);
  --type-hero-mobile: var(--h2);
  --type-hero-desktop: var(--h1);
  --type-hero-weight: 600;
  --type-hero-line: 1.08;
  --type-hero-spacing: 0.01em;
  --type-hero-preset-line-height: 1.08;
  --type-section-mobile: var(--h3);
  --type-section-desktop: var(--h2);
  --type-section-weight: 600;
  --type-section-line: 1.08;
  --type-section-spacing: 0.01em;
  --type-card-mobile: var(--h3);
  --type-card-desktop: var(--h2);
  --type-card-weight: 500;
  --type-card-line: 1.06;
  --type-card-spacing: 0.01em;
  --type-lead-mobile: var(--text-lg);
  --type-lead-desktop: var(--text-lg);
  --type-lead-weight: 700;
  --type-lead-line: var(--line-height);
  --type-body-mobile: var(--font-base);
  --type-body-desktop: var(--font-base);
  --type-body-weight: 400;
  --type-body-line: var(--line-height);
  --type-small-mobile: var(--text-sm);
  --type-small-desktop: var(--text-sm);
  --type-small-weight: 400;
  --type-small-line: var(--line-height);
  --type-label-mobile: var(--btn-font);
  --type-label-desktop: var(--btn-font);
  --type-label-weight: 700;
  --type-label-line: 1.2;
  --type-label-spacing: 0.05em;
  --type-cta-mobile: var(--btn-font);
  --type-cta-desktop: var(--btn-font);
  --type-cta-weight: 700;
  --type-cta-line: 1.2;
  --type-cta-spacing: 0.05em;
  --type-nav-mobile: var(--text-md);
  --type-nav-desktop: var(--text-lg);
  --type-nav-weight: 600;
  --type-nav-line: 1.2;
  --type-nav-spacing: 0.01em;
  --type-input-mobile: var(--input-font);
  --type-input-desktop: var(--input-font);
  --type-page-h1-mobile: var(--type-section-mobile);
  --type-page-h1-desktop: var(--h1);
  --type-page-h2-mobile: var(--h3);
  --type-page-h2-desktop: var(--h2);
  --type-page-h3-mobile: var(--h4);
  --type-page-h3-desktop: var(--h3);
  --type-page-copy-mobile: var(--type-body-mobile);
  --type-page-copy-desktop: var(--type-body-desktop);
  --type-page-meta-mobile: var(--type-small-mobile);
  --type-page-meta-desktop: var(--type-small-desktop);
  --type-agent-name-mobile: var(--h3);
  --type-agent-name-desktop: var(--h2);
  --agent-name-font-size: var(--type-agent-name-desktop);
  --agent-role-font-size: var(--type-body-desktop);
  --agent-contact-font-size: var(--type-body-desktop);
  --agent-badge-font-size: var(--type-label-desktop);
  --agent-tier-font-size: var(--type-label-desktop);
  --agent-name-color: #6f5121;
  --agent-name-hover-color: #9a6f2b;
  --agent-role-color: #475569;
  --agent-contact-color: var(--text);
  --agent-district-bg: #000000;
  --agent-district-text: #ffffff;
  --agent-district-border: #d8bc67;
  --agent-tier-bg: #d8bc67;
  --agent-tier-text: #000000;
  --agent-card-bg: #ffffff;
  --agent-card-border: var(--border-color-base);
  --agent-card-padding: 16px;
  --agent-card-radius: 8px;
  --agent-card-shadow-alpha: 10;
  --agent-list-gap: 12px;
  --agent-grid-gap: 16px;
  --agent-cta-bg: var(--gold-btn-bg);
  --agent-cta-text: var(--gold-btn-text);
  --agent-cta-border: var(--gold-btn-border);
  --agent-cta-hover-bg: var(--gold-btn-hover-bg);
  --agent-cta-font-size: var(--type-body-desktop);
  --agent-cta-height: 40px;
  --agent-cta-radius: 8px;
  --type-testimonial-title-mobile: var(--h4);
  --type-testimonial-title-desktop: var(--h3);
  --type-testimonial-subtitle-mobile: var(--text-md);
  --type-testimonial-subtitle-desktop: var(--text-lg);
  --type-header-nav-mobile: var(--text-md);
  --type-header-nav-desktop: var(--text-lg);
  --type-footer-heading-mobile: var(--h4);
  --type-footer-heading-desktop: var(--h4);
  --type-hero-subtitle-mobile: var(--h3);
  --type-hero-subtitle-desktop: var(--h2);
  --type-hero-subtitle-line: 1.02;
  --type-hero-subtitle-weight: 600;
  --type-hero-subtitle-spacing: 0.01em;
  --type-banner-title-mobile: var(--h3);
  --type-banner-title-tablet: var(--h2);
  --type-banner-title-desktop: var(--h1);
  --type-banner-title-line: 1.06;
  --type-banner-title-weight: 500;
  --type-banner-title-spacing: 0.01em;
  --type-banner-copy-mobile: var(--text-md);
  --type-banner-copy-desktop: var(--text-lg);
  --type-banner-copy-line: var(--line-height);
  --type-banner-copy-weight: 500;
  --type-banner-button-mobile: var(--btn-font);
  --type-banner-button-desktop: var(--btn-font);
  --banner-button-height-mobile: var(--btn-height);
  --banner-button-height-desktop: var(--btn-height);
  --banner-button-padding-x-mobile: var(--space-5);
  --banner-button-padding-x-desktop: var(--space-6);
  --banner-bg: #10100f;
  --banner-content-bg: #0b0b0c;
  --banner-title-color: #d8bc67;
  --banner-copy-color: #f3ebdf;
  --banner-border-color: #3d3322;
  --banner-title-font-size: var(--type-banner-title-desktop);
  --banner-copy-font-size: var(--type-banner-copy-desktop);
  --banner-padding-y: 24px;
  --banner-padding-x: 32px;
  --banner-radius: var(--radius-base);
  --banner-shadow-alpha: 18;
  --banner-overlay-alpha: 48;
  --banner-button-bg: var(--gold-btn-bg);
  --banner-button-text: var(--gold-btn-text);
  --banner-button-border: var(--gold-btn-border);
  --banner-button-hover-bg: var(--gold-btn-hover-bg);
  --banner-button-height: var(--btn-height);
  --banner-button-radius: var(--radius-xs);
  --contact-card-bg: #ffffff;
  --contact-card-border: var(--border-color-base);
  --contact-title-color: var(--text);
  --contact-intro-color: #475569;
  --contact-section-title-color: var(--text);
  --contact-field-bg: #f7f4ee;
  --contact-field-label-color: #64748b;
  --contact-field-value-color: var(--text);
  --contact-chip-bg: var(--gold-btn-bg);
  --contact-chip-text: var(--gold-btn-text);
  --contact-chip-border: var(--gold-btn-border);
  --contact-secondary-chip-bg: #ffffff;
  --contact-secondary-chip-text: var(--text);
  --contact-secondary-chip-border: var(--border-color-base);
  --contact-title-font-size: var(--type-page-h1-desktop);
  --contact-intro-font-size: var(--type-body-desktop);
  --contact-section-title-font-size: var(--type-page-h2-desktop);
  --contact-field-label-font-size: var(--type-label-desktop);
  --contact-field-value-font-size: var(--type-body-desktop);
  --contact-chip-font-size: var(--type-small-desktop);
  --contact-card-radius: var(--radius-base);
  --contact-field-radius: var(--radius-sm);
  --contact-chip-radius: 999px;
  --contact-card-padding: 24px;
  --contact-field-padding-y: 8px;
  --contact-field-padding-x: 12px;
  --contact-grid-gap: 16px;
  /* Header utility icons (favorites + login) */
  --header-utility-icon-size-mobile: 20px;
  --header-utility-icon-size-desktop: 24px;
  /* Home hero filter + trustline controls */
  --hero-overlay-reduction-factor: 0.7;
  --cms-hero-overlay-strength: 0.74;
  --hero-trustline-gap-desktop: 10px;
  --hero-trustline-gap-mobile: 10px;
  --hero-trustline-font-size-desktop: 1.05rem;
  --hero-trustline-font-size-mobile: 0.95rem;
  --hero-trustline-icon-size-desktop: 26px;
  --hero-trustline-icon-size-mobile: 22px;
  --home-hero-content-offset-mobile: 88px;
  --home-hero-offset-lines-0-mobile: 72px;
  --home-hero-offset-lines-1-mobile: 80px;
  --home-hero-offset-lines-2-mobile: 88px;
  --home-hero-offset-lines-3-mobile: 96px;
  --home-hero-offset-lines-4-mobile: 104px;
  --home-hero-offset-lines-5-mobile: 112px;
  --home-hero-offset-lines-0-tablet: 88px;
  --home-hero-offset-lines-1-tablet: 96px;
  --home-hero-offset-lines-2-tablet: 104px;
  --home-hero-offset-lines-3-tablet: 112px;
  --home-hero-offset-lines-4-tablet: 120px;
  --home-hero-offset-lines-5-tablet: 128px;
  --home-hero-offset-lines-0-desktop: 100px;
  --home-hero-offset-lines-1-desktop: 108px;
  --home-hero-offset-lines-2-desktop: 116px;
  --home-hero-offset-lines-3-desktop: 124px;
  --home-hero-offset-lines-4-desktop: 132px;
  --home-hero-offset-lines-5-desktop: 140px;
  /* Footer office cards: text color + size controls */
  --footer-office-text-color: #111111;
  --footer-nav-link-color: #f4f4f4;
  --footer-nav-link-hover-color: #ffffff;
  --footer-office-font-size-mobile: 1rem;
  --footer-office-font-size-desktop: 0.98rem;
  --footer-office-row-gap: 0.03rem;
  --footer-office-row-padding-y: 0.12rem;
  --footer-office-address-bottom-gap: 0;
  --footer-office-hours-top: 0.14rem;
  --footer-office-icon-size: 1.18rem;
  --footer-office-icon-stroke-width: 1.85;
  --footer-office-line-height: 1.26;
  --footer-offices-shell-max-width: 1340px;
  --footer-office-card-max-width: 640px;
  --footer-offices-grid-gap-mobile: 0.95rem;
  --footer-offices-grid-gap-desktop: 1.05rem;
  --footer-office-content-padding-mobile: 1rem;
  --footer-office-content-padding-desktop: 1.08rem;
  --footer-office-media-single-height-mobile: 150px;
  --footer-office-media-dual-height-mobile: 100px;
  --footer-office-media-aspect-ratio: 5 / 4;
  --footer-office-map-scale: 1.02;
  /* Featured listings spacing controls */
  --featured-section-padding-top-mobile: var(--layout-section-gap-mobile);
  --featured-section-padding-top-desktop: var(--layout-section-gap-desktop);
  --featured-section-padding-bottom-mobile: 2.3rem;
  --featured-section-padding-bottom-desktop: 2.8rem;
  --featured-section-heading-gap-mobile: 1.75rem;
  --featured-section-heading-gap-desktop: 2.15rem;
  --featured-carousel-gap-mobile: 1rem;
  --featured-carousel-gap-desktop: 1.25rem;
  --type-featured-badge-mobile: 0.74rem;
  --type-featured-badge-desktop: 0.8rem;
  --type-featured-location-mobile: 0.96rem;
  --type-featured-location-desktop: 1rem;
  --type-featured-title-mobile: 1.3rem;
  --type-featured-title-desktop: 1.45rem;
  --type-featured-price-mobile: 1.5rem;
  --type-featured-price-desktop: 1.62rem;
  --type-featured-meta-mobile: 1.04rem;
  --type-featured-meta-desktop: 1.08rem;
  /* Home search sizing controls */
  --home-search-input-height-desktop: 2.12rem;
  --home-search-input-height-mobile: 2.5rem;
  --home-search-label-gap: 0.55rem;
  --home-search-overlap-desktop: -138px;
  --home-search-overlap-large: -146px;
  --home-search-trustline-offset-desktop: -3px;
  /* Legacy listing sizing controls */
  --listing-price-font-size-mobile: 1.12rem;
  --listing-price-font-size-desktop: 1.2rem;
  --listing-favorite-size: 2.75rem;
  --listing-body-gap: 0.55rem;
  --type-meta-mobile: 0.95rem;
  --type-meta-desktop: 1rem;
  --type-lightbox-close-desktop: 1.55rem;
  --type-lightbox-arrow-desktop: 2rem;
  --type-lightbox-arrow-mobile: 1.65rem;
  --type-lightbox-close-mobile: 1.4rem;
  --type-sale-benefits-mobile: 1.05rem;
  --type-sale-benefits-desktop: 1.15rem;
  --type-lead-note-mobile: 1rem;
  --type-lead-note-desktop: 1.02rem;
  --header-height-mobile: 76px;
  --header-height-desktop: 86px;
  --header-logo-height-mobile: 60px;
  --header-logo-width-mobile: 148px;
  --header-logo-height-desktop: 80px;
  --header-logo-width-desktop: 220px;
  --header-mobile-logo-height: 52px;
  --header-mobile-logo-width: 128px;
  --header-contact-chip-height-mobile: 2.25rem;
  --header-contact-chip-height-desktop: 2.45rem;
  --header-contact-chip-padding-x-mobile: 0.58rem;
  --header-contact-chip-padding-x-desktop: 0.68rem;
  --header-contact-chip-gap-mobile: 0.36rem;
  --header-contact-chip-gap-desktop: 0.42rem;
  --header-contact-chip-icon-size-mobile: 1rem;
  --header-contact-chip-icon-size-desktop: 1.08rem;
  --header-contact-chip-text-size-mobile: var(--type-small-mobile);
  --header-contact-chip-text-size-desktop: var(--type-small-desktop);
  --header-utility-button-size-mobile: 2.15rem;
  --header-utility-button-size-desktop: 2.45rem;
  --header-nav-link-height-mobile: 2.35rem;
  --header-nav-link-height-desktop: 2.55rem;
  --header-nav-link-padding-x-mobile: 0.62rem;
  --header-nav-link-padding-x-desktop: 0.86rem;
  --header-nav-link-radius: var(--radius-xs);
  --header-nav-link-border-width: 1px;
  --header-nav-link-border-color-hover: rgba(216, 188, 103, 0.72);
  --header-nav-link-bg-hover: rgba(18, 18, 18, 0.72);
  --header-nav-link-glow-hover: rgba(216, 188, 103, 0.18);
  --header-nav-link-transition-ms: 240ms;
  --search-shell-radius: var(--radius-xs);
  --search-shell-border-color: rgba(201, 159, 76, 0.24);
  --search-shell-bg: #0b0b0c;
  --search-shell-content-max-width: 1320px;
  --search-shell-side-offset-desktop: 1cm;
  --search-panel-padding-mobile: 0.625rem;
  --search-panel-padding-desktop: 0.68rem;
  --search-field-radius: var(--radius-xs);
  --search-field-padding-x: 0.68rem;
  --search-field-padding-y: 0.48rem;
  --search-grid-gap-mobile: 0.5rem;
  --search-grid-gap-desktop: 0.62rem;
  --search-first-field-width-md: 264px;
  --search-first-field-width-lg: 284px;
  --search-grid-template-md: repeat(3, minmax(0, 1fr));
  --search-grid-template-lg: minmax(190px, 1.05fr) minmax(160px, 0.82fr) minmax(130px, 0.68fr) minmax(158px, 0.75fr) minmax(158px, 0.75fr) minmax(314px, 314px);
  --search-label-outside-offset-desktop: 1.28rem;
  --search-toggle-height: 2.35rem;
  --search-toggle-width-mobile: 118px;
  --search-control-height: 2.12rem;
  --search-control-line-height: 21px;
  --search-action-height-mobile: 48px;
  --search-action-height-desktop: 46px;
  --search-action-gap: 0.46rem;
  --search-action-font-size: 0.88rem;
  --search-action-letter-spacing: 0.075em;
  --search-action-padding-x: 0.62rem;
  --search-reset-height: 2.5rem;
  --home-hero-height-tablet: clamp(620px, 78vw, 720px);
  --home-hero-height-desktop: 640px;
  --page-hero-visible-height-tablet: calc(var(--home-hero-height-tablet) - var(--header-height-mobile));
  --page-hero-visible-height-desktop: calc(var(--home-hero-height-desktop) - var(--header-height-desktop));
  --home-hero-copy-max-width: 540px;
  --home-hero-glow-height: 190px;
  --home-block-card-min-height-mobile: 330px;
  --home-block-card-min-height-desktop: 360px;
  --home-grid-card-min-height-mobile: 330px;
  --home-grid-card-min-height-desktop: 360px;
  --home-why-card-min-height: 224px;
  --home-why-card-copy-min-height: 62px;
  --home-article-triplet-card-min-height: 224px;
  --home-article-triplet-energy-min-height: calc((var(--home-article-triplet-card-min-height) * 2) + var(--space-5));
  --home-why-card-link-min-height: 30px;
  --home-testimonial-card-min-height: 258px;
  --home-testimonial-copy-min-height: 68px;
  --home-blog-item-min-height: 94px;
  --home-article-list-rows: 3;
  --home-article-list-item-min-height: 2.25rem;
  --home-article-list-gap-mobile: 0.75rem;
  --home-article-list-gap-desktop: 1rem;
  --home-blog-thumb-size-mobile: 96px;
  --home-blog-thumb-size-desktop: 132px;
  --home-district-image-height-mobile: 162px;
  --home-district-image-height-tablet: 190px;
  --home-district-image-height-desktop: 208px;
  --home-discovery-panel-gap-mobile: 0.85rem;
  --home-discovery-panel-gap-desktop: 1rem;
  --type-home-discovery-title-mobile: var(--type-section-mobile);
  --type-home-discovery-title-desktop: var(--type-section-desktop);
  --type-home-article-title-mobile: 1.4rem;
  --type-home-article-title-desktop: 1.65rem;
  --type-home-blog-item-mobile: 1.05rem;
  --type-home-blog-item-desktop: 1.14rem;
  --type-home-district-chip-mobile: 1.02rem;
  --type-home-district-chip-desktop: 1.1rem;
  --home-discovery-hover-lift: -4px;
  --home-banner-content-max-width: 860px;
  --home-banner-content-max-width-wide: 920px;
  --home-banner-copy-max-width: 760px;
  --home-banner-button-min-width-mobile: 220px;
  --home-banner-button-min-width-desktop: 250px;
  --home-sale-phone-button-width-mobile: 320px;
  --home-sale-phone-button-width-desktop: 560px;
  --home-sale-phone-font-size-mobile: 1.4rem;
  --home-sale-phone-font-size-desktop: 1.6rem;
  --home-energy-card-overlap-desktop: calc(var(--home-why-card-min-height) + var(--space-7));
  --home-energy-card-top-align-offset-desktop: 8px;
  --home-sale-content-max-width: 760px;
  --listing-card-media-width-md: 320px;
  --listing-card-media-width-lg: 340px;
  --listing-card-media-height: 230px;
  --listing-card-grid-title-wrap-min-height: 72px;
  --listing-card-grid-location-min-height: 20px;
  --listing-card-grid-title-min-height: 42px;
  --listing-card-grid-address-min-height: 40px;
  --listing-card-grid-detail-min-height: 56px;
  --listing-card-grid-footer-min-height: 52px;
  --listing-card-cta-min-width: 124px;
  --featured-card-image-height-mobile: 220px;
  --featured-card-image-height-sm: 235px;
  --featured-card-image-height-md: 248px;
  --featured-card-image-height-lg: 262px;
  --featured-card-title-min-height: 40px;
  --featured-card-footer-min-height: 56px;
  --featured-card-cta-min-width: 124px;
  --agent-card-list-media-width-sm: 200px;
  --agent-card-list-media-width-lg: 220px;
  --agent-card-list-image-height-mobile: 148px;
  --agent-card-grid-image-height: 262px;
  --agent-profile-image-height-mobile: 320px;
  --blog-card-image-height: 210px;
  --blog-faq-image-min-height: 280px;
  --blog-bottom-banner-height-mobile: 170px;
  --blog-bottom-banner-height-tablet: 190px;
  --listing-detail-hero-image-height-mobile: 360px;
  --listing-detail-map-height: 340px;
  --listing-sidebar-map-height: 220px;
  --listing-lead-cta-width-desktop: 180px;
  --footer-logo-height-mobile: 60px;
  --footer-logo-width-mobile: 148px;
  --footer-logo-height-desktop: 80px;
  --footer-logo-width-desktop: 220px;
  --footer-partner-logo-max-width: 150px;
  --header-favorites-badge-min-width: 17px;
  --header-mobile-drawer-width: 82%;
  --header-mobile-drawer-max-width: 360px;
  --header-mobile-drawer-border-color: rgba(216, 188, 103, 0.24);
  --header-mobile-drawer-bg: rgba(12, 12, 12, 0.88);
  --header-mobile-drawer-head-bg: rgba(10, 10, 10, 0.86);
  --header-mobile-nav-item-border-color: rgba(216, 188, 103, 0.2);
  --header-mobile-nav-item-bg: rgba(20, 20, 20, 0.48);
  --header-mobile-nav-item-hover-bg: rgba(26, 26, 26, 0.7);
  --header-mobile-nav-item-active-bg: rgba(34, 34, 34, 0.84);
  /* Premium CTA + glass surface tokens */
  --gold-btn-sheen: rgba(255, 245, 203, 0.34);
  --gold-btn-bg:
    linear-gradient(
      180deg,
      rgba(255, 250, 226, 0.36) 0%,
      rgba(255, 242, 196, 0.20) 17%,
      rgba(255, 231, 166, 0.08) 38%,
      rgba(0, 0, 0, 0) 58%,
      rgba(88, 55, 14, 0.06) 78%,
      rgba(0, 0, 0, 0.14) 100%
    ),
    linear-gradient(
      90deg,
      #c89135 0%,
      #d8a94b 8%,
      #e8bf68 17%,
      #f2d17d 26%,
      #f8df99 34%,
      #fde9ae 43%,
      #fff0bd 50%,
      #fde9ae 57%,
      #f8df99 66%,
      #f2d17d 74%,
      #e8bf68 83%,
      #d8a94b 92%,
      #c89135 100%
    );
  --gold-btn-hover-bg: var(--gold-btn-bg);
  --gold-btn-top: #f2d17d;
  --gold-btn-mid: #fde9ae;
  --gold-btn-bottom: #c89135;
  --gold-btn-border: #d2a34b;
  --gold-btn-text: #3f2f17;
  --gold-btn-top-hover: #f8df99;
  --gold-btn-mid-hover: #fff0bd;
  --gold-btn-bottom-hover: #d8a94b;
  --gold-btn-radius: 6px;
}