@media (max-width: 720px) {
  header {
    padding-top: 84px;
  }

  header .social-links-container {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    margin: 0;
  }

  header .social-link {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }

  header .social-link img {
    width: 20px;
    height: 20px;
  }

  nav {
    justify-content: center;
    gap: clamp(18px, 7vw, 32px);
    padding-inline: 12px;
    overflow-x: visible;
  }
}