/* Navigation */

/* ===================== NAV ===================== */
nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
    background: rgba(250, 248, 244, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid transparent;
    transition: border-color 0.4s, box-shadow 0.4s;
}
nav.scrolled {
    border-bottom-color: var(--border);
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}
.nav-inner {
    max-width: 1400px; margin: 0 auto;
    padding: 1rem 2.5rem;
    display: flex; justify-content: space-between; align-items: center;
}
.nav-logo img { height: 48px; width: auto; }
.nav-links { display: flex; gap: 2.5rem; list-style: none; align-items: center; }
.nav-links a {
    color: var(--text); font-size: 0.92rem; font-weight: 500;
    text-decoration: none; position: relative;
    transition: color 0.3s;
}
.nav-links a::after {
    content: ''; position: absolute; bottom: -4px; left: 0;
    width: 0; height: 2px; background: var(--red);
    transition: width 0.3s ease;
}
.nav-links a:hover { color: var(--red); }
.nav-links a:hover::after { width: 100%; }
.nav-cta-btn {
    background: var(--red); color: #fff; border: none;
    padding: 0.7rem 1.6rem; border-radius: 6px;
    font-weight: 600; font-size: 0.9rem; cursor: pointer;
    transition: background 0.3s, transform 0.2s, box-shadow 0.3s;
}
.nav-cta-btn:hover {
    background: var(--red-dark);
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(196,30,42,0.25);
}
.hamburger { display: none; background: none; border: none; cursor: pointer; padding: 4px; }
.hamburger span { display: block; width: 24px; height: 2px; background: var(--text); margin: 5px 0; transition: all 0.3s; }