@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Marcellus&display=swap");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/main/modules/search-bar/minimal.ps.css");

:root {
  /* ── Fonts ─────────────────────────────────────────── */
  --cp-heading-font: "Marcellus", serif;
  --cp-text-font: "Manrope", sans-serif;

  --cp-primary: #670038;
  --cp-accent: #8aa954;
  --cp-alt-color: #b9d8e0;
  --cp-on-primary: #fff;
  --cp-radius: 0px;

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

  /* ── 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: -12px 12px 10px 0 rgba(0, 0, 0, .25);
  --cp-card-hover-shadow: 0 20px 48px rgba(0, 0, 0, 0.16);

  /* ── Section background tints — warm ivories / espresso ── */
  --cp-bg-warm: #f6f2ea;
  --cp-bg-tint: #efe8db;
  --cp-bg-cool: #f4f1eb;
  --cp-bg-dark: #670038; /* Primary */
  --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, 2.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-primary);
  --cp-stat-number-weight: 200;
  --cp-stat-number-tracking: 0em;
  
  
  --cp-statement-size: clamp(1.9rem, 5vw, 2.2rem);
  --cp-statement-weight: 400;
  --cp-statement-max: 100%;

  /* ── Hero — cinematic full-bleed, deep overlay, gold eyebrow ── */
  --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.4rem, 5.5vw, 3.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: block;
  --cp-cover-ai-search-display: flex;

  /* ── 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;
  --cp-btn-padding: 1.4em 2.5em;

  /* ── 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-primary);
  --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: #fff;
  --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: #fff;
  --cp-listings-matte: var(--cp-primary);
  --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: #000;
  --cp-footer-heading: #000;
  --cp-footer-muted: #000;
  --cp-footer-link: #000;
  --cp-footer-link-hover: #000;
  --cp-footer-border: #e5e5e5;
  --cp-footer-logo-filter: brightness(0) invert(1);
}

/* ── 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;
}
.cp-stats--light-nums { --cp-stat-number-color: #fff; }
.cp-btn-alt {
  background-color: var(--cp-alt-color);
  color: var(--cp-primary);
  border-left: 4px solid var(--cp-primary) !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.cp-btn.cp-btn-alt:hover {
  background-color: var(--cp-primary);
  color: #fff;
  border-color: var(--cp-primary);
}
.cp-btn-accent {
  background: var(--cp-accent);
  color: #fff;
  border-color: var(--cp-accent);
}
#home-bodycontent .cp-btn-accent:hover {
  background-color: var(--cp-primary);
  color: #fff;
}
[data-cp-component="Banner"] .cp-overlay--lg {
  background-color: rgba(103, 0, 56, 0.9);
}
.footer-wrapper {
  --cp-overlay-xl: rgba(255, 255, 255, 0.9);
}
.cp-accent--wave {
  --cp-accent-bg: rgba(138, 169, 84,0.5);
}
#footer .col-xs-12.m-t-1.text-xs-center.text-md-left {
  color: var(--cp-footer-color);
}