.material-symbols-outlined {
      font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
    }

    .bronze-gradient {
      background: linear-gradient(135deg, #e3c197 0%, #aa8c65 100%);
    }

    .bg-x-glow {
      background-color: #000;
      background-image: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(120, 180, 255, .25), transparent 70%);
    }

    .cta-modern {
      position: relative;
      overflow: hidden;
      transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
    }

    .cta-modern::after {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .3), transparent);
      transition: all .6s;
    }

    .cta-modern:hover {
      transform: translateY(-3px) scale(1.05);
      box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
    }

    .cta-modern:hover::after {
      left: 100%;
    }

    .cta-contact {
      position: relative;
      overflow: hidden;
      background: linear-gradient(135deg, #b68150 0%, #AE8B61 50%, #b68150 100%) !important;
      background-size: 200% auto !important;
      transition: all .4s cubic-bezier(.175, .885, .32, 1.275) !important;
      box-shadow: 0 4px 15px rgba(182, 129, 80, .3) !important;
    }

    .cta-contact:hover {
      transform: translateY(-3px) scale(1.05) !important;
      box-shadow: 0 15px 30px rgba(182, 129, 80, .4) !important;
    }

    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(24px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .fade-up {
      animation: fadeUp .7s ease forwards;
      opacity: 0;
    }

    .delay-1 {
      animation-delay: .1s;
    }

    .delay-2 {
      animation-delay: .25s;
    }

    .delay-3 {
      animation-delay: .4s;
    }

    .delay-4 {
      animation-delay: .55s;
    }