.hero-logo-frame {
  position: absolute;
  z-index: 1;
  left: 4%;
  top: 28px;
  width: 92%;
  height: 390px;
  overflow: hidden;
  border-radius: 50%;
  filter: drop-shadow(0 0 34px rgba(71, 125, 255, .58));
  animation: float 6s ease-in-out infinite;
}

.hero-brand-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: screen;
}

.growth-line { z-index: 2; }
.data-chip { z-index: 3; }

@media (max-width: 620px) {
  .hero-logo-frame { top: 17px; height: 225px; }
}

/* Исходный чёрный фон визуально становится прозрачным на тёмной шапке. */
.brand--full { height: 72px; }

.brand__full-logo {
  display: block;
  width: 176px;
  height: 72px;
  background-image: url('../images/brand-logo.png');
  background-repeat: no-repeat;
  background-size: 220px 147px;
  background-position: center 50%;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 5px rgba(73, 139, 255, .45));
}

@media (max-width: 620px) {
  .brand--full { height: 54px; }
  .brand__full-logo { width: 144px; height: 54px; background-size: 182px 121px; }
}