.brand-crest {
  width: 48px;
  height: 48px;
  object-fit: contain;
  filter: drop-shadow(0 3px 5px rgba(8, 28, 19, .18));
}
.hero-crest-wrap {
  position: absolute;
  z-index: 1;
  right: clamp(18px, 4vw, 54px);
  top: 50%;
  transform: translateY(-50%);
  width: min(35%, 330px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}
.hero-crest-wrap::before {
  content: "";
  position: absolute;
  width: 88%;
  height: 88%;
  border-radius: 50%;
  background: rgba(0, 0, 0, .22);
  box-shadow: 0 0 80px rgba(185, 219, 88, .12);
}
.hero-crest {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 20px 22px rgba(0, 0, 0, .34));
}
@media (min-width: 721px) {
  .hero-copy { max-width: 58%; }
}
@media (max-width: 720px) {
  .brand-crest { width: 43px; height: 43px; }
  .hero-crest-wrap {
    width: 205px;
    right: -30px;
    top: auto;
    bottom: -42px;
    transform: none;
    opacity: .88;
  }
  .hero-copy { max-width: 100%; }
  .hero-copy > p:not(.eyebrow) { max-width: 72%; }
}