@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Montserrat:wght@300;400;500;600&display=swap");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/main/modules/search-bar/transparent.ps.css");

:root {
  /* ── Fonts ─────────────────────────────────────────── */
  --cp-heading-font: "Cormorant Garamond", "Times New Roman", serif;
  --cp-text-font: "Montserrat", system-ui, sans-serif;

  --cp-primary: #000000;
  --cp-accent: #c4a668;
  --cp-on-primary: #fff;
  --cp-radius: 0px;

  /* ── Emphasis / eyebrows — gold italic <em> ─────────── */
  --cp-emphasis-color: var(--cp-accent);
  --cp-emphasis-style: italic;
  --cp-eyebrow-color: var(--cp-accent);

  /* ── Scroll-reveal ── */
  --cp-reveal-scale: 1;
  --cp-reveal-duration: 0.9s;
  --cp-reveal-stagger: 0.14s;
  --cp-reveal-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --cp-reveal-distance: 24px;

  /* ── Surfaces — gold hairlines, deep refined elevation ── */
  --cp-rule-color: rgba(168, 137, 78, 0.4);
  --cp-card-radius: 0px;
  --cp-card-shadow: 0 22px 55px rgba(20, 15, 8, 0.12);

  /* ── Section background tints — warm ivories / espresso ── */
  --cp-bg-warm: #f6f2ea;
  --cp-bg-tint: #efe8db;
  --cp-bg-cool: #f4f1eb;
  --cp-bg-dark: #1a1611;
  --cp-bg-charcoal: #211c15;
  --cp-bg-navy: #17140f;
  --cp-bg-ink: #0f0c08;

  /* ── Typography — Cormorant display serif, airy, refined ── */
  --cp-h2-size: clamp(2.2rem, 4.2vw, 3.8rem);
  --cp-h2-weight: 500;
  --cp-h2-tracking: 0.01em;
  --cp-h2-transform: none;
  --cp-h2-line-height: 1.12;
  --cp-h2-eyebrow-size: 1rem;
  --cp-h2-eyebrow-weight: 600;
  --cp-h2-eyebrow-tracking: 0.32em;
  --cp-h2-eyebrow-transform: uppercase;

  --cp-h3-size: clamp(1.3rem, 2.1vw, 1.75rem);
  --cp-h3-weight: 500;
  --cp-h3-tracking: 0.01em;
  --cp-h3-transform: none;

  --cp-h4-size: 0.8rem;
  --cp-h4-weight: 600;
  --cp-h4-tracking: 0.18em;
  --cp-h4-transform: uppercase;

  --cp-p-size: 1.02rem;
  --cp-p-weight: 300;
  --cp-p-line-height: 1.95;
  --cp-p-color: #5c5348;

  /* Header Social Icons */
  --cp-header-social-display: none;

  /* Shared roles — serif names, gold small-caps meta */
  --cp-name-font: var(--cp-heading-font);
  --cp-name-size: 1.4rem;
  --cp-name-weight: 600;
  --cp-meta-color: var(--cp-primary);
  --cp-meta-size: 0.72rem;
  --cp-meta-weight: 600;
  --cp-meta-tracking: 0.2em;
  --cp-meta-transform: uppercase;

  /* Gold count-up numbers (Animated Stats) */
  --cp-stat-number-font: var(--cp-text-font);
  --cp-stat-number-size: clamp(2.4rem, 4vw, 3.2rem);
  --cp-stat-number-color: var(--cp-accent);
  --cp-stat-number-weight: 200;
  --cp-stat-number-tracking: 0em;

  /* ── Hero — cinematic full-bleed, deep overlay, gold eyebrow ── */
  --cp-cover-logo-width: clamp(140px, 50vw, 700px);
  --cp-hero-header-offset: 0rem;
  --cp-cover-margin-top: -170px; /* pull cover under the transparent header */
  --cp-cover-height: 620px; /* no inline height in BoldTrail */
  --cp-cover-height-full: 100vh; /* inline height present */
  --cp-cover-overlay: rgba(15, 12, 8, 0.5); /* dramatic but the photo still leads */
  --cp-cover-overlay-dark: rgba(15, 12, 8, 0.7); /* client "make background dark" toggle */
  --cp-cover-title-size: clamp(2.8rem, 5.5vw, 4.6rem);
  --cp-cover-title-size-compact: clamp(2.4rem, 4.4vw, 3.6rem);
  --cp-cover-title-weight: 500;
  --cp-cover-title-tracking: 0.01em;
  --cp-cover-title-line-height: 1.05;
  --cp-cover-title-transform: none;
  --cp-cover-title-color: #ffffff;
  --cp-cover-subtitle-size: 1.2rem;
  --cp-cover-subtitle-weight: 300;
  --cp-cover-subtitle-color: rgba(255, 255, 255, 0.85);
  --cp-cover-eyebrow-color: #c4a668; /* gold kicker over the hero */
  --cp-cover-btn-radius: 0px;
  --cp-cover-anim: cp-hero-blur;
  --cp-cover-anim-duration: 1.1s; /* slow, unhurried entrance */
  --cp-cover-bg-anim: cp-hero-kb;
  --cp-cover-search-display: none;
  --cp-cover-ai-search-display: none; /* hide Classic/AI toggle (older layout) */

  /* ── Hero search bar (pill module) ─────────────────── */
  --cover-search-bar-bg-color: rgba(255, 255, 255, 0.95);
  --cover-search-bar-text-color: #1a1611;
  --cover-search-bar-placeholder-color: #948b7d;
  --cover-search-button-bg-color: var(--cp-primary);
  --cover-search-button-icon-color: #14110c;

  /* ── Header — transparent over hero, ivory on scroll, wide caps nav ── */
  --cp-header-bg: transparent;
  --cp-header-scroll-bg: #fbf9f4;
  --cp-header-link-color: #ffffff;
  --cp-header-scroll-link-color: #1a1611;
  --cp-header-burger-color: #ffffff;
  --cp-header-burger-scroll-color: #1a1611;
  --cp-header-container-width: 1400px;
  --cp-header-link-weight: 400;
  --cp-header-link-letter-spacing: 0.14em;
  --cp-header-link-transform: uppercase;

  /* ── Logos — white over the transparent hero, color on scroll ── */
  --home-primary-logo_max-width: 250px;
  --home-primary-logo-scroll_max-width: 250px;
  --home-primary-logo_filter: brightness(0) invert(1);
  --home-primary-logo-scroll_filter: none;
  --inner-primary-logo_max-width: 250px;

  /* ── Buttons (down-page) — sharp ────────────────────── */
  --cp-btn-radius: 0px;

  /* ── Testimonials — italic serif quotes, gold stars ─── */
  --cp-tc-quote-size: clamp(1.2rem, 1.7vw, 1.55rem);
  --cp-tc-quote-style: italic;
  --cp-tc-star-color: var(--cp-accent);
  --cp-avatar-bg: var(--cp-primary);
  --cp-avatar-color: #14110c;

  /* ── Tiles (Featured Areas) — tall, sharp, wide-caps labels ── */
  --cp-fa-card-radius: 0px;
  --cp-fa-card-height: 440px;
  --cp-fa-label-weight: 500;
  --cp-fa-label-tracking: 0.18em;
  --cp-fa-label-transform: uppercase;
  --cp-fa-scrim: linear-gradient(to top, rgba(15, 12, 8, 0.78) 0%, rgba(15, 12, 8, 0.12) 55%, transparent 82%);
  --cp-tile-label-weight: 500;
  --cp-tile-scrim: var(--cp-fa-scrim);

  /* ── Listings — gold badge, espresso contained/split card panel ── */
  --cp-listings-accent: var(--cp-primary);
  --cp-listings-badge-color: #14110c;
  --cp-listings-scrim: var(--cp-fa-scrim);
  --cp-listings-card-meta-bg: var(--cp-bg-ink);
  --cp-listings-price-size: 2.5rem;
  --cp-listings-card-text-color: rgba(240, 235, 225, 0.88);
  --cp-listings-card-price-color: var(--cp-primary);
  --cp-listings-matte: #14110c;
  --cp-listings-card-shadow: var(--cp-card-shadow); /* espresso cards lift off the ivory band */

  /* ── Custom Footer — deep espresso, gold headings ───── */
  --cp-footer-bg: #14110c;
  --cp-footer-color: rgba(240, 235, 225, 0.6);
  --cp-footer-heading: #c4a668;
  --cp-footer-link: rgba(240, 235, 225, 0.6);
  --cp-footer-link-hover: #ffffff;
  --cp-footer-border: rgba(196, 166, 104, 0.22);
  --cp-footer-logo-filter: brightness(0) invert(1);

  --cp-meta-size: .8rem;
  --cp-marquee-logo-height: 2.6rem;
}

/* ── Base body — warm ivory canvas for the down-page sections ── */
body {
  background-color: #fbf9f4;
  color: #1a1611;
}
.cover .cp-eyebrow {
  font-size: 1rem;
}
.logo-invert {
  filter: invert(1);
}
/* Mobile: drop the fixed hero photo so the native bg doesn't jitter on scroll. */
@media only screen and (max-width: 767px) {
  .cover .cover-image {
    background-attachment: scroll !important;
  }
}
.cp-listing-card__price {
  font-family: var(--cp-text-font);
}
.cp-listing-card--split .cp-listing-card__body {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1)), url(https://dtzulyujzhqiu.cloudfront.net/officialiredemoaccount1803/images/1784382317_yPwQgRv2fz4mdZ2aiQECg8gc7mvKUIZDsgvQb8FY.jpg);
  background-position: center center;
  background-size: cover;
}

[data-bt-funnel="inline"]::after {
  content: "Section renders here from the site config \2014  not editable";
  font-family: var(--cp-text-font);
  font-size: 0.85rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--cp-eyebrow-color);
}
.p-a-1.center.white a[href="http://boldtrail.com/"] {
  display: none;
}
#roster-bodycontent #agent-roster > .container > .row > .col-xs-12 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 30px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
#agent-roster .col-sm-6.col-lg-4 {
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  #roster-bodycontent #agent-roster > .container > .row > .col-xs-12 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 500px) {
  #roster-bodycontent #agent-roster > .container > .row > .col-xs-12 {
    grid-template-columns: repeat(1, 1fr);
  }
}