section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child {
  height: clamp(500px, 58vw, 700px) !important;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child img {
  object-position: 50% 32% !important;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div {
  transform: translateY(-3.5rem);
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div > div:first-child {
  font-size: clamp(2.05rem, 3.6vw, 3.9rem) !important;
  line-height: 1.08 !important;
  margin-bottom: 0.9rem !important;
  max-width: 820px;
  opacity: 0.9;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div > div:nth-child(2) {
  max-width: 880px;
  margin-bottom: 1.6rem !important;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div > div:nth-child(2) p:first-child {
  font-size: clamp(0.9rem, 1.15vw, 1.1rem) !important;
  letter-spacing: 0.08em !important;
  opacity: 0.78;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div > div:nth-child(2) p:nth-child(2) {
  max-width: 860px;
  font-size: clamp(1.35rem, 2.35vw, 2.45rem) !important;
  line-height: 1.28 !important;
  font-weight: 500 !important;
  color: #fff !important;
  letter-spacing: 0.01em !important;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:nth-of-type(2) {
  padding-top: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-bottom: 2rem !important;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:nth-of-type(2) > div > div:nth-child(2) p.mt-5 {
  font-size: 0 !important;
  line-height: 0 !important;
}

section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:nth-of-type(2) > div > div:nth-child(2) p.mt-5::after {
  content: "For nearly two decades, I've helped Colorado buyers and sellers make big moves with more clarity. My client experience is built around calm guidance, organized communication, and knowing exactly what happens next.";
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 0.98rem;
  line-height: 1.85;
  color: #6b6b6b;
}

@media (min-width: 1024px) {
  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:nth-of-type(2) > div {
    grid-template-columns: minmax(300px, 390px) minmax(430px, 1fr) 1px minmax(280px, 320px) !important;
  }

  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:nth-of-type(2) > div > div:nth-child(2) {
    padding-left: clamp(2.25rem, 4vw, 4rem) !important;
    padding-right: clamp(2.25rem, 4vw, 4rem) !important;
  }

  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:nth-of-type(2) > div > div:nth-child(4) {
    padding-top: clamp(4.5rem, 7vw, 6.5rem) !important;
    padding-left: clamp(2rem, 3.2vw, 3.5rem) !important;
    max-width: 340px;
    margin-left: auto;
  }

  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:nth-of-type(2) > div > div:nth-child(4) a {
    min-height: 58px;
  }
}

@media (max-width: 767px) {
  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child {
    height: 560px !important;
  }

  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child img {
    object-position: 58% 32% !important;
  }

  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div {
    transform: translateY(-1.5rem);
  }

  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div > div:first-child {
    font-size: clamp(2rem, 11vw, 3.25rem) !important;
  }

  section:has(> div img[src*="ChatGPT Image Jun 1, 2026"]) > div:first-child > div.absolute.inset-0.flex.items-center > div > div:nth-child(2) p:nth-child(2) {
    font-size: clamp(1.35rem, 7vw, 2rem) !important;
  }
}