.buds-accent-host {
  position: relative;
}

.buds-accent {
  display: block;
  width: 120px;
  max-height: 156px;
  border-radius: 42%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 10px 14px rgba(9, 73, 50, 0.08));
}

.consult.buds-accent-host {
  grid-template-columns: minmax(0, 1fr) auto auto;
  column-gap: clamp(18px, 3vw, 34px);
  overflow: hidden;
}

.consult.buds-accent-host > div,
.consult.buds-accent-host > .button {
  position: relative;
  z-index: 1;
}

.consult.buds-accent-host .buds-accent {
  align-self: end;
  justify-self: center;
}

.buds-accent--premium {
  width: 126px;
}

.buds-accent--group {
  width: 158px;
  max-height: 174px;
}

.buds-accent--reading {
  width: 142px;
  max-height: 164px;
}

.buds-accent--materials {
  width: 118px;
}

.buds-cue-host {
  position: relative;
}

.section-head.buds-cue-host {
  min-height: 112px;
  padding-right: clamp(104px, 12vw, 154px);
}

.buds-cue {
  position: absolute;
  right: 0;
  bottom: -4px;
  display: block;
  width: 98px;
  max-height: 116px;
  border-radius: 44%;
  object-fit: contain;
  opacity: 0.94;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(0 9px 13px rgba(9, 73, 50, 0.07));
}

.buds-cue--small {
  width: 82px;
  opacity: 0.88;
}

.buds-cue--medium {
  width: 108px;
}

.buds-cue-host--designer {
  padding-bottom: 104px;
}

.buds-cue-host--designer .buds-cue {
  right: auto;
  left: 0;
  bottom: 0;
  width: 106px;
}

.closing.buds-accent-host {
  overflow: hidden;
  padding-right: clamp(150px, 18vw, 210px);
}

.closing.buds-accent-host > :not(.buds-accent) {
  position: relative;
  z-index: 1;
}

.closing.buds-accent-host .buds-accent {
  position: absolute;
  right: clamp(24px, 5vw, 58px);
  bottom: 20px;
  width: clamp(126px, 14vw, 158px);
}

@media (max-width: 760px) {
  .section-head.buds-cue-host {
    min-height: 0;
    padding-right: 0;
  }

  .section-head.buds-cue-host .buds-cue {
    position: static;
    width: 76px;
    max-height: 88px;
    margin: 14px 0 0 auto;
  }

  .section-head.buds-cue-host .buds-cue--small {
    width: 66px;
  }

  .section-head.buds-cue-host .buds-cue--medium {
    width: 84px;
  }

  .buds-cue-host--designer {
    padding-bottom: 0;
  }

  .buds-cue-host--designer .buds-cue {
    position: static;
    width: 78px;
    max-height: 88px;
    margin: 14px auto 0 0;
  }

  .consult.buds-accent-host {
    grid-template-columns: minmax(0, 1fr);
  }

  .consult.buds-accent-host .buds-accent {
    width: 92px;
    max-height: 108px;
    justify-self: end;
    margin: -10px 8px -6px 0;
  }

  .consult.buds-accent-host .buds-accent--group {
    width: 108px;
    max-height: 118px;
  }

  .consult.buds-accent-host .buds-accent--reading {
    width: 102px;
    max-height: 112px;
  }

  .closing.buds-accent-host {
    padding-right: 24px;
  }

  .closing.buds-accent-host .buds-accent {
    position: static;
    width: 104px;
    max-height: 118px;
    margin: -10px 4px 12px auto;
  }
}