.metallic-text {
      font-size: clamp(2.5rem, 8vw, 5rem);
      font-weight: 900;
      position: relative;
      background: linear-gradient(
        to right,
        #303a46 0%,
        #3b4551 20%,
        #ffffff 40%,
        #3b4551 60%,
        #2a333e 80%,
        #303a46 100%
      );
      background-size: 200% auto;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      -webkit-text-fill-color: transparent;
      text-shadow:
        0px 1px 0 #444,
        0px 2px 1px #333,
        0px 3px 2px #222,
        0px 4px 3px #111,
        0px 5px 4px #000;
      animation: shimmer 4s infinite linear;
    }

    .tagline {
      font-size: clamp(0.1rem, 2.5vw, 1.25rem);
      font-weight: 600;
      color: #5c6671;
      margin-top: 0.3rem;
      font-style: italic;
      letter-spacing: 1px;
      text-transform: uppercase;
      max-width: 1000px;
    }


    @keyframes shimmer {
      0% {
        background-position: -100% 0;
      }
      100% {
        background-position: 100% 0;
      }
    }
    @media (max-width: 600px) {
      .metallic-text {
        font-size: 2.5rem;
      }
      .tagline {
        font-size: .5rem;
      }
    }