/* Group reduced 25%. The new icon remains 44% larger in both dimensions. */
.hero-rebrand {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.07234fr) minmax(0, 1.44fr);
  align-items: center;
  gap: clamp(10.5px, 1.875vw, 21px);
  width: min(75%, 495px);
  max-width: var(--hero-headline-width, 100%);
  margin: 4px 0 28px;
}
.hero-rebrand > img { width: 100%; height: auto; }
.hero-rebrand-old {
  border-radius: 22.4%;
  box-shadow: -1px -1px 2px rgba(255, 255, 255, .5),
    1px 1px 2px rgba(255, 255, 255, .16),
    0 0 8px rgba(255, 255, 255, .05);
}
.hero-rebrand-arrow {
  position: relative;
  aspect-ratio: 252 / 230;
  overflow: hidden;
}
.hero-rebrand-arrow img {
  position: absolute;
  width: 166.6667%;
  max-width: none;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  mix-blend-mode: screen;
}
@media (max-width: 760px) {
  .hero-rebrand { margin-bottom: 24px; }
}