:root { scroll-behavior: smooth; }
        body {
            background-color: #b01f1f;
            color: #f6e73f9c;
            font-family: 'Raleway', sans-serif;
            overflow-x: hidden;
        }

        .heading-luxury { font-family: 'Cormorant Garamond', serif; }

        /* Metallic Gradient Button */
        .btn-metallic {
            background: linear-gradient(135deg, #B76E79 0%, #E2A7B0 50%, #B76E79 100%);
            background-size: 200% auto;
            transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            box-shadow: 0 4px 15px rgba(183, 110, 121, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .btn-metallic:hover {
            background-position: right center;
            transform: translateY(-3px);
            box-shadow: 0 15px 30px rgba(183, 110, 121, 0.4);
        }

        /* Parallax Hero */
        .parallax-section {
            background-image: url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?q=80&w=2400');
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* 3D Showcase Rotation */
        .showcase-3d {
            perspective: 2000px;
        }
        .showcase-3d-inner {
            transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
            transform-style: preserve-3d;
            position: relative;
        }
        .showcase-3d:hover .showcase-3d-inner {
            transform: rotateY(-20deg) rotateX(10deg);
        }
        .reflection-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0) 70%);
            background-size: 200% 200%;
            transition: 0.8s;
            pointer-events: none;
        }
        .showcase-3d:hover .reflection-overlay {
            background-position: 100% 100%;
        }

        /* Scroll Reveal System */
        .reveal-up { opacity: 0; transform: translateY(50px); transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
        .reveal-left { opacity: 0; transform: translateX(-50px); transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
        .reveal-right { opacity: 0; transform: translateX(50px); transition: all 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
        .visible { opacity: 1; transform: translate(0, 0); }

        /* Card Effects */
        .vehicle-card {
            transition: all 0.5s ease;
            border: 1px solid transparent;
        }
        .vehicle-card:hover {
            border-color: rgba(205, 145, 154, 0.4);
            box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 20px rgba(183, 110, 121, 0.1);
        }

        /* Diagonal Layout Adjustments */
        @media (min-width: 1024px) {
            .diagonal-stagger:nth-child(even) { transform: translateY(60px); }
        }

        /* Nav Link Animation */
        .nav-link {
            position: relative;
            padding-bottom: 4px;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 1px;
            background: #B76E79;
            transition: all 0.4s ease;
            transform: translateX(-50%);
        }
        .nav-link:hover::after { width: 100%; }

        /* Custom Selection */
        ::selection { background: #B76E79; color: white; }
@keyframes gradient-x {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}
.animate-gradient-x {
  background-size: 200% 200%;
  animation: gradient-x 15s ease infinite;
}