/* 2026-11-05: FV candidate A from Figma 19:132 / 19:271.
 * Preserve original photos, copy, slideshow, font families and contact paths.
 */
body.design-refinement .site-header,
body.design-refinement .site-header.solid {
  background: #fffdf8 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  border-bottom-color: rgba(38, 36, 31, .10);
}
.design-refinement .hero-slideshow {
  --hero-bg: #1b3b52;
  background: var(--hero-bg);
  min-height: min(82vh, 700px);
}
.design-refinement .hero-slideshow .hero-overlay {
  background: linear-gradient(90deg,
    #1b3b52 0%,
    #1b3b52 30%,
    rgba(27, 59, 82, .96) 37%,
    rgba(27, 59, 82, .72) 45%,
    rgba(27, 59, 82, .26) 54%,
    rgba(27, 59, 82, .04) 64%,
    rgba(27, 59, 82, 0) 72%);
}
.design-refinement .hero-slideshow .hero-content {
  padding-top: calc(var(--header-h) + 48px);
  padding-bottom: 60px;
}
.design-refinement .hero-slideshow .hero-title {
  font-size: clamp(42px, 3.9vw, 54px);
  line-height: 1.46;
  letter-spacing: .02em;
}
.design-refinement .hero-slideshow .hero-sub {
  font-size: 15px;
  line-height: 2;
  letter-spacing: .02em;
}
.design-refinement .hero-slideshow .line-estimate-cta {
  margin-top: 32px;
  gap: 8px;
}
.design-refinement .hero-slideshow .line-estimate-benefit {
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 1080px) {
  .design-refinement .hero-slideshow {
    min-height: 0;
    padding-top: var(--header-h);
  }
  .design-refinement .hero-slideshow .hero-content {
    padding: 28px 24px 40px;
  }
  .design-refinement .hero-slideshow .hero-title {
    font-size: clamp(34px, 6vw, 44px);
    line-height: 1.5;
  }
}
@media (max-width: 640px) {
  .design-refinement .hero-slideshow .hero-content {
    padding: 22px 20px 28px;
  }
  .design-refinement .hero-slideshow .hero-title {
    font-size: 32px;
    line-height: 1.55;
  }
  .design-refinement .hero-slideshow .hero-sub {
    line-height: 1.8;
  }
  .design-refinement .hero-slideshow .line-estimate-cta {
    margin-top: 22px;
  }
  .design-refinement .hero-slideshow .line-estimate-benefit {
    font-size: 13px;
  }
}
@media (max-width: 380px) {
  .design-refinement .hero-slideshow .hero-title { font-size: 30px; }
}

/* Short phones already show the same link/copy in the fixed bottom CTA.
 * Keep one clear action instead of letting that bar cover the inline button.
 * Below 621px the existing stylesheet hides the fixed bar, so keep inline CTA.
 */
@media (max-width: 640px) and (min-height: 621px) and (max-height: 780px) {
  .design-refinement .hero-slideshow .line-estimate-cta { display: none; }
}