@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
@import url("https://kunversion-frontend-custom.s3.amazonaws.com/components/main/modules/search-bar/transparent.ps.css");

:root {
  --cp-heading-font: "Bebas Neue", Impact, sans-serif;
  --cp-text-font: "Space Grotesk", system-ui, sans-serif;

  --cp-primary: #4b42d5;
  --cp-accent: #c29a25;
  --cp-on-primary: #fff;
  --cp-radius: 2px;

  /* ── 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;

  --cp-emphasis-color: var(--cp-primary);
  --cp-emphasis-style: normal;
  --cp-eyebrow-color: var(--cp-primary);

  --cp-rule-color: rgba(0, 0, 0, 0.18);
  --cp-card-radius: 2px;
  --cp-card-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);

  --cp-bg-warm: #f0ede8;
  --cp-bg-tint: #f0ede8;
  --cp-bg-cool: #f4f6f9;
  --cp-bg-dark: #0f0f0f;
  --cp-bg-charcoal: #2e2e2e;
  --cp-bg-navy: #0d1b2a;
  --cp-bg-ink: #1c1c1c;

  --cp-h2-size: clamp(3rem, 8vw, 4.3rem);
  --cp-h2-weight: 400;
  --cp-h2-tracking: 0.02em;
  --cp-h2-transform: uppercase;
  --cp-h2-line-height: 1;
  --cp-h2-eyebrow-size: 1rem;
  --cp-h2-eyebrow-weight: 700;
  --cp-h2-eyebrow-tracking: 0.3em;

  --cp-h3-size: clamp(1rem, 1.7vw, 1.3rem);
  --cp-h3-weight: 600;
  --cp-h3-tracking: 0.05em;
  --cp-h3-transform: uppercase;

  --cp-h4-size: 0.7rem;
  --cp-h4-weight: 700;
  --cp-h4-tracking: 0.25em;
  --cp-h4-transform: uppercase;

  --cp-p-size: 1rem;
  --cp-p-weight: 300;
  --cp-p-line-height: 1.75;
  --cp-p-color: #7a7670;

  --cp-name-weight: 600;
  --cp-meta-color: var(--cp-primary);
  --cp-meta-tracking: 0.14em;
  --cp-meta-transform: uppercase;

  --cp-stat-number-color: var(--cp-primary);
  --cp-header-social-display: none;
  --cp-hero-header-offset: 0;
  --cp-cover-height: 640px;
  --cp-cover-height-full: 88vh;
  --cp-cover-overlay: rgba(15, 15, 15, 0);
  --cp-cover-overlay-dark: rgba(15, 15, 15, 0.72);
  --cp-cover-title-size: clamp(3rem, 9vw, 5rem);
  --cp-cover-title-size-compact: clamp(3rem, 9vw, 5rem);
  --cp-cover-title-weight: 400;
  --cp-cover-title-tracking: 0.03em;
  --cp-cover-title-transform: uppercase;
  --cp-cover-title-color: #fff;
  --cp-cover-subtitle-color: rgba(240, 237, 232, 0.8);
  --cp-cover-eyebrow-color: var(--cp-accent);
  --cp-cover-btn-size: 1.1rem;
  --cp-cover-btn-radius: 2px;
  --cp-cover-btn-transform: uppercase;
  --cp-cover-btn-tracking: 0.08em;
  --cp-cover-anim: cp-hero-blur;
  --cp-cover-anim-duration: 0.7s;

  --cover-search-bar-bg-color: rgba(255, 255, 255, 0.97);
  --cover-search-button-bg-color: var(--cp-primary);
  --cover-search-button-icon-color: #0f0f0f;
  --cp-cover-ai-search-display: none;

  --cp-header-bg: transparent;
  --cp-header-scroll-bg: #0f0f0f;
  --cp-header-link-color: #f0ede8;
  --cp-header-scroll-link-color: #f0ede8;
  --cp-header-burger-color: #f0ede8;
  --cp-header-burger-scroll-color: #f0ede8;
  --cp-header-container-width: 1360px;
  --cp-header-link-weight: 500;
  --cp-header-link-letter-spacing: 0.12em;
  --cp-header-link-transform: uppercase;

  --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: brightness(0) invert(1);
  --inner-primary-logo_max-width: 250px;

  --cp-fa-max: 100%;

  --cp-btn-radius: 2px;

  --cp-tc-quote-size: clamp(1.15rem, 1.6vw, 1.4rem);
  --cp-tc-star-color: var(--cp-accent);
  --cp-avatar-bg: var(--cp-primary);
  --cp-avatar-color: #0f0f0f;

  --cp-tile-label-size: clamp(1.85rem, 3.6vw, 3.5rem);
  --cp-tile-label-weight: 500;
  --cp-tile-scrim: linear-gradient(to top, rgba(15, 15, 15, 0.78) 0%, rgba(15, 15, 15, 0.2) 50%, transparent 78%);

  --cp-listings-badge-color: var(--cp-on-primary);
  --cp-listings-scrim: var(--cp-tile-scrim);
  --cp-listings-card-meta-bg: #0f0f0f;
  --cp-listings-card-text-color: #f0ede8;
  --cp-listings-card-price-color: var(--cp-primary);
  --cp-listings-matte: #0f0f0f;

  --cp-footer-bg: #0f0f0f;
  --cp-footer-color: rgba(240, 237, 232, 0.62);
  --cp-footer-heading: #fff;
  --cp-footer-link: rgba(240, 237, 232, 0.62);
  --cp-footer-link-hover: #fff;
  --cp-footer-border: rgba(232, 160, 32, 0.2);
  --cp-footer-logo-filter: brightness(0) invert(1);
}

body {
  background-color: #f8f7f5;
  color: #0f0f0f;
}
#home-bodycontent #fixed-header-spacer {
  display: none;
}
#home-bodycontent .cover {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 110px;
  --cp-cover-margin-top: -60px;
  --cp-cover-height-full: auto;
  --cp-cover-height: auto;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://dtzulyujzhqiu.cloudfront.net/officialiredemoaccount1803/images/1784382317_yPwQgRv2fz4mdZ2aiQECg8gc7mvKUIZDsgvQb8FY.jpg);
  background-position: center;
  background-size: cover;
}

#home-bodycontent .cover:not([style]) .cp-eyebrow,
#home-bodycontent .cover:not([style]) .cp-actions {
  display: none;
}
#home-bodycontent .cover:not([style]) .cover-title {
  min-height: unset;
}

#home-bodycontent .cover .cover-image {
  width: 100%;
  max-width: 1600px;
  margin: auto;
  position: relative;
  background-position: center;
  aspect-ratio: 32 / 13;
}
#home-bodycontent .cover .cover-title {
  position: relative !important;
  padding-top: 3rem !important;
  min-height: 550px;
}