low: hidden;
      }

      .hero-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100svh;
        gap: 2vw;
        background: #000;
        position: relative;
        overflow: hidden;
      }

      /* Hero Effect Container - Full Page Background */
      #hero {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
  