.hero-logo {
  display: block;
  width: min(600px, 100%);
  height: auto;
  margin: -22px 0 -10px -12px;
  filter: drop-shadow(0 12px 18px #06172d9c);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.account-page .account-logo {
  width: min(100%, 390px);
  margin-bottom: -27px;
}
@media (max-width: 650px) {
  .hero-logo { width: min(100%, 425px); margin: -5px 0 4px -6px; }
  .account-page .account-logo { width: min(100%, 320px); margin-bottom: -24px; }
}