/* Scoped Selling hero replacement; no global page styles change. */
.page-main > .selling-hero {
  isolation: isolate;
  min-height: clamp(590px, 76vh, 780px);
  overflow: hidden;
  background: #b9c5c4;
}

.selling-hero-image,
.selling-hero-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.selling-hero-image { z-index: -2; }
.selling-hero-image img { object-fit: cover; object-position: center; }

.page-main > .selling-hero::after {
  z-index: -1;
  background: linear-gradient(90deg, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .28) 43%, transparent 76%),
              linear-gradient(0deg, rgba(0, 0, 0, .23), transparent 45%);
}

.selling-hero .page-hero-content { max-width: 800px; }
.selling-hero .page-hero-content h1 {
  max-width: 800px;
  font-size: clamp(3.1rem, 5.2vw, 5.6rem);
  line-height: .98;
  text-wrap: balance;
}
.selling-hero .page-hero-content p:not(.section-label) { color: rgba(255, 255, 255, .94); }
.selling-hero-disclosure {
  position: absolute;
  right: clamp(20px, 4vw, 54px);
  bottom: 18px;
  z-index: 2;
  font: 600 .62rem/1.3 var(--font-sans, sans-serif);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .65);
}

@media (max-width: 620px) {
  .page-main > .selling-hero { min-height: 680px; padding-bottom: 78px; }
  .selling-hero-image img { object-position: 50% 50%; }
  .page-main > .selling-hero::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .35) 50%, transparent 78%);
  }
  .selling-hero .page-hero-content h1 { font-size: clamp(2.7rem, 10.6vw, 3.3rem); line-height: 1; }
  .selling-hero .page-hero-content p:not(.section-label) { font-size: 1rem; line-height: 1.5; }
  .selling-hero-disclosure { right: 20px; bottom: 18px; font-size: .58rem; }
}