/*
Legasy Technologies
*/

@media (max-width: 900px) {
  .hero-logo {
    width: clamp(340px, 62vw, 620px);
  }

  .hero__glow {
    width: 82vw;
  }
}

@media (max-width: 767px) {
  .hero-logo-wrap {
    transform: none !important;
  }

  .hero-logo {
    width: clamp(300px, 78vw, 520px);
  }

  .hero::before {
    background-size: 56px 56px;
    opacity: 0.22;
  }
}

@media (max-width: 480px) {
  :root {
    --side-pad: 18px;
  }

  .hero-logo {
    width: 84vw;
  }

  .hero__glow {
    width: 105vw;
    filter: blur(18px);
  }
}

@media (max-width: 360px) {
  .hero-logo {
    width: 88vw;
  }
}