/* V3 reference geometry and photographic overlap. Text stays in HTML. */
.valuation-ma-page .valuation-ma-hero { background: var(--pcg-surface-soft); }
.valuation-ma-page .valuation-ma-hero::before,
.valuation-ma-page .valuation-ma-hero::after { display: none; }
.valuation-ma-page .valuation-ma-hero__copy {
  grid-template-columns: minmax(0, 57.3vw) minmax(0, 1fr);
  align-items: center;
  gap: 2.7vw;
  width: 100%;
  min-height: 34.31vw;
  padding: 10.8vw 2vw 7vw 6.5vw;
}
.valuation-ma-page .valuation-ma-hero__copy::before {
  inset: 0;
  width: auto;
  background:
    linear-gradient(var(--pcg-pine), var(--pcg-pine)) 0 4.75vw / 100% 1px no-repeat,
    linear-gradient(var(--pcg-pine), var(--pcg-pine)) 3.97vw 0 / 1px 100% no-repeat;
}
.valuation-ma-page .valuation-ma-hero__copy::after {
  content: '';
  position: absolute;
  width: 35.2vw;
  aspect-ratio: 1;
  border: 1px solid var(--pcg-bronze);
  border-radius: 50%;
  top: -23.5vw;
  right: -15vw;
  pointer-events: none;
}
.valuation-ma-page .valuation-ma-hero h1 {
  color: var(--pcg-ink);
  font: 600 8.85vw/.98 var(--pcg-font-sans);
  letter-spacing: -.055em;
}
.valuation-ma-page .valuation-ma-hero h1 em {
  margin-top: .04em;
  font-size: .875em;
  letter-spacing: -.065em;
}
.valuation-ma-page .valuation-ma-hero__copy > p {
  box-sizing: border-box;
  max-width: none;
  margin: 0;
  padding: .8vw 0 1.4vw 3.1vw;
  font: 400 1.85vw/1.4 var(--pcg-font-body);
}
.valuation-ma-page .valuation-ma-hero__image {
  z-index: 2;
  height: 35.16vw;
  aspect-ratio: auto;
  margin: -2.8vw 0 0;
  background: transparent;
  /* The upper contour follows the hair above the 527px photo boundary. */
  clip-path: polygon(0 8%, 30.6% 8%, 31.5% 6%, 32.8% 4.5%, 34.6% 3.5%, 37% 3.5%, 39% 4%, 41% 5%, 43% 8%, 66.7% 8%, 67% 5%, 68.4% 2.8%, 70% 1.4%, 72% 0%, 74% 1.2%, 76% 3%, 77.5% 5%, 78.5% 8%, 100% 8%, 100% 100%, 0 100%);
}
.valuation-ma-page .valuation-ma-hero__image::before,
.valuation-ma-page .valuation-ma-hero__image::after { display: none; }
.valuation-ma-page .valuation-ma-hero__image img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: auto;
}
@media (max-width: 760px) {
  .valuation-ma-page .valuation-ma-hero__copy {
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: 0;
    padding: 76px 24px 48px 36px;
  }
  .valuation-ma-page .valuation-ma-hero__copy::before { background-position: 0 30px, 20px 0; }
  .valuation-ma-page .valuation-ma-hero h1 { font-size: clamp(42px, 10.5vw, 78px); }
  .valuation-ma-page .valuation-ma-hero h1 em { font-size: .92em; white-space: normal; }
  .valuation-ma-page .valuation-ma-hero__copy > p { font-size: 17px; line-height: 1.5; padding: 0 0 0 18px; }
}