@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');

body { font-family: 'Inter', sans-serif; overflow-x: hidden; }

/* Luxury Touches */
.text-outline {
    -webkit-text-stroke: 1px rgba(255,255,255,0.4);
    color: transparent;
}

.glass {
    background: rgba(0,0,0,0); /* Starts transparent */
}

.glass.scrolled {
    background: rgba(5,5,5,0.95);
    backdrop-filter: blur(20px);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Custom Nav Hover */
.nav-link {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
}
.nav-link:hover { color: #fff; letter-spacing: 0.5em; }

/* Filter System Styles */
.filter-btn {
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #444;
    transition: color 0.3s ease;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
}
.filter-btn.active { color: white; border-color: #dc2626; }

/* Animations */
@keyframes reveal {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-reveal { animation: reveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* Image Hover Zoom */
.car-card { transition: all 0.6s ease; }
.car-card:hover { background: #111; }
.car-card img { transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.car-card:hover img { transform: scale(1.08); }