.estate-attorney-page .partner-hero {
  background:
    radial-gradient(circle at 84% 8%, rgba(184, 146, 63, .14), transparent 28rem),
    linear-gradient(145deg, #f9f7f0 0%, #f2eee3 100%);
}

.estate-attorney-page .attorney-hero-visual {
  aspect-ratio: 3 / 2;
}

.estate-attorney-page .attorney-hero-visual img {
  object-position: center 42%;
}

.estate-attorney-page .attorney-profile-card,
.estate-attorney-page .attorney-brief-card {
  background:
    linear-gradient(150deg, rgba(255, 255, 255, .045), transparent 42%),
    #09251f;
}

.estate-attorney-page .attorney-decision-grid {
  gap: 20px;
}

.estate-attorney-page .attorney-decision-grid .overlap-card {
  position: relative;
  overflow: hidden;
  padding: 32px;
  border-top: 4px solid var(--gold);
}

.estate-attorney-page .attorney-decision-grid .overlap-card::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -34px;
  width: 96px;
  height: 96px;
  border: 1px solid rgba(184, 146, 63, .24);
  border-radius: 50%;
}

.estate-attorney-page .attorney-education-visual img {
  object-position: center center;
}

.estate-attorney-page .attorney-coordination-section {
  background:
    linear-gradient(90deg, rgba(232, 240, 237, .6), transparent 48%),
    var(--white);
}

.estate-attorney-page .roles-section {
  border-top: 1px solid var(--line);
}

.estate-attorney-page .role-panel:first-child {
  border: 1px solid rgba(17, 56, 47, .14);
}

@media (max-width: 1080px) {
  .estate-attorney-page .attorney-hero-visual {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 680px) {
  .estate-attorney-page .attorney-hero-visual {
    aspect-ratio: 4 / 3;
  }

  .estate-attorney-page .attorney-decision-grid .overlap-card {
    padding: 27px 24px;
  }
}
