/* Responsiveness Breakpoints override matching larger.css logic */
@media (max-width: 768px) {
    .hamburger {
        display: block;
    }
    .navigation {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(10, 10, 10, 0.95);
        border-bottom: 1px solid var(--bg-card-border);
        padding: 1.5rem;
    }
    .navigation.show {
        display: block;
    }
    .navigation ul {
        flex-direction: column;
        gap: 1.25rem;
        align-items: flex-start;
    }
}