:root {
            /* Color Palette: Dark Luxury */
            --color-base: #111111;        /* Matte Black / Obsidian */
            --color-text: #f0f0f0;        /* Soft Off-White / Bone */
            --color-accent: #00faff;      /* Single Neon Line: Electric Blue */
            --color-subtle-gray: #333333; /* Dark industrial concrete */
            --color-darker-gray: #1a1a1a;
        }
        
        body {
            font-family: 'Inter', sans-serif;
            color: var(--color-text);
            background-color: var(--color-base);
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4, .athletic-heading {
            font-family: 'Bebas Neue', sans-serif;
            letter-spacing: 0.2em; /* Ultra-wide tracking */
            text-transform: uppercase;
        }

        /* --- Custom Motion Classes (Slow Fade-up) --- */
        .motion-element {
            opacity: 0;
            transform: translateY(25px);
            transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* Slow, luxurious tempo */
            will-change: opacity, transform;
        }
        
        .motion-visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Hero text gradient for cinematic highlight */
        .hero-text-highlight {
            color: var(--color-accent);
            text-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
        }

        /* Custom Button Style: Weighty and Precise */
        .btn-accent {
            background-color: transparent;
            border: 2px solid var(--color-accent);
            color: var(--color-accent);
            box-shadow: 0 0 10px rgba(0, 255, 255, 0.3); /* Neon glow */
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            font-weight: 400; /* Bebas Neue is heavy enough */
            letter-spacing: 0.15em;
        }
        .btn-accent:hover {
            background-color: var(--color-accent);
            color: var(--color-base);
            box-shadow: 0 0 25px rgba(0, 255, 255, 0.8);
            transform: scale(1.02);
        }

        /* Secondary Button (Ghost) */
        .btn-ghost {
            background-color: transparent;
            border: 1px solid var(--color-subtle-gray);
            color: var(--color-neutral);
            transition: all 0.3s ease;
        }
        .btn-ghost:hover {
            border-color: var(--color-accent);
            color: var(--color-accent);
        }
        
        /* Hairline Divider */
        .hairline-divider {
            height: 1px;
            background-color: var(--color-subtle-gray);
            margin: 4rem 0;
        }

        /* Parallax Effect Styling (applied via JS) */
        .parallax-image {
            background-size: cover;
            background-position: center;
            background-attachment: fixed; /* Crucial for simple parallax */
        }

        /* Image hover effect: reveal, not jump */
        .image-reveal:hover img {
            opacity: 1;
            filter: blur(0px);
        }
        .image-reveal img {
            opacity: 0.8;
            filter: blur(1px);
            transition: all 0.7s ease;
        }

          .nav-link {
    @apply text-xs font-normal uppercase tracking-widest text-neutral-400 hover:text-white transition duration-500 athletic-heading;
  }

  .mobile-link {
    @apply text-xs uppercase tracking-widest text-neutral-300 hover:text-white transition athletic-heading;
  }