/*
 * Final hero hierarchy: one header mark, Buddy as the focal subject,
 * and Ask Buddy as the primary interaction control.
 */
.reference-home {
  grid-template-columns: minmax(480px, .95fr) minmax(520px, 1.05fr);
  gap: clamp(20px, 3vw, 64px);
  min-height: 680px;
}

.reference-copy {
  z-index: 6;
  max-width: 680px;
}

.reference-copy .ask {
  width: min(680px, 100%);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .55), 0 0 42px rgba(0, 102, 255, .08);
}

.reference-buddy {
  justify-self: center;
  align-self: center;
  width: min(48vw, 720px);
  height: min(48vw, 690px);
  overflow: visible;
}

.reference-buddy > img {
  right: 50%;
  bottom: -6%;
  height: 106%;
  transform: translateX(50%);
}

.buddy-callout {
  right: 2%;
  top: 10%;
}

.reference-buddy .buddy-ready {
  right: 50%;
  bottom: 1%;
  transform: translateX(50%);
}

@media (max-width: 1100px) {
  .reference-home {
    grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
  }

  .reference-buddy {
    width: min(52vw, 620px);
    height: min(54vw, 620px);
  }
}

@media (max-width: 760px) {
  .reference-home {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .reference-copy {
    max-width: none;
  }

  .reference-buddy {
    width: 100%;
    height: 470px;
  }

  .reference-buddy > img {
    right: 50%;
    bottom: -4%;
    height: 104%;
    transform: translateX(50%);
  }

  .buddy-callout {
    right: 2%;
    top: 6%;
  }

  .reference-buddy .buddy-ready {
    right: 50%;
  }
}