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

/* home.css - Premium Red Design System */
:root {
    --primary-red: #A51C30; /* Premium Deep Red */
    --primary-red-glow: rgba(165, 28, 48, 0.3);
    --bg-white: #FFFFFF;
    --bg-offwhite: #F4F4F4;
    --bg-dark: #111111;
    --text-dark: #1A1A1A;
    --text-grey: #6E6E73;
    --font-heading: 'Oswald', sans-serif;
    --font-body: 'Montserrat', sans-serif;
    --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    background-color: var(--bg-white);
    color: var(--text-dark);
    font-family: var(--font-body);
    line-height: 1.6;
    overflow-x: hidden;
}

/* Typography */
h1, h2, h3 { font-family: var(--font-heading); text-transform: uppercase; letter-spacing: 1px; color: var(--text-dark); }
a { text-decoration: none; color: inherit; }

/* Premium Header - Refined */
header {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid #E5E5E5; /* Subtle separation */
    transition: var(--transition);
}

.navbar { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 15px 5%; 
    max-width: 1400px;
    margin: 0 auto;
}

.logo-container { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
}

.logo-container img { 
    width: 35px; 
    height: 35px; 
}

.logo-text { 
    font-family: var(--font-heading); 
    font-size: 1.2rem; 
    color: var(--text-dark); 
    letter-spacing: 2px; 
    text-transform: uppercase;
}

.nav-links { 
    list-style: none; 
    display: flex; 
    gap: 40px; 
}

.nav-links li a { 
    font-size: 0.75rem; 
    font-weight: 600; 
    text-transform: uppercase; 
    letter-spacing: 2.5px; 
    color: var(--text-dark);
    transition: var(--transition); 
    position: relative;
}

.nav-links li a:hover { 
    color: var(--primary-red); 
}

/* Hamburger color update */
.hamburger { 
    display: none; 
    font-size: 1.5rem; 
    cursor: pointer; 
    color: var(--text-dark); 
}

/* Responsive adjustment for Mobile */
@media (max-width: 768px) {
    .hamburger { display: block; }
    .nav-links {
        position: absolute; 
        top: 65px; 
        left: -100%; 
        flex-direction: column;
        background: #ffffff; 
        width: 100%; 
        padding: 40px 0; 
        border-bottom: 1px solid #E5E5E5;
        gap: 30px;
    }
    .nav-links.active { left: 0; }
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 16px 32px;
    font-family: var(--font-heading);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 2px;
    transition: var(--transition);
    cursor: pointer;
    border-radius: 50px;
}
.btn-primary { background: var(--primary-red); color: white; border: 1px solid var(--primary-red); }
.btn-primary:hover { background: #871626; }
.btn-outline { background: transparent; color: var(--text-dark); border: 1px solid var(--text-dark); }
.btn-outline:hover { background: var(--text-dark); color: white; }

/* Mobile */
@media (max-width: 768px) {
    .hamburger { display: block; }
    .nav-links {
        position: absolute; top: 75px; left: -100%; flex-direction: column;
        background: white; width: 100%; padding: 40px; gap: 20px;
        border-bottom: 1px solid #E5E5E5; transition: var(--transition);
    }
    .nav-links.active { left: 0; }
}

/* Animations */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }
.reveal.active { opacity: 1; transform: translateY(0); }
.fade-in { animation: fadeInUp 1s forwards; }
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }