/* Header */
.header {
    padding: 0 var(--space-16);
    position: fixed;
    top: var(--space-56);
    left: var(--space-40);
    right: var(--space-40);
    background-color: #FFFFFF00;
    backdrop-filter: blur(8px);
}

.header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav__link {
    text-decoration: none;
}

.nav__list {
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: var(--space-8);
}

@media (min-width: 768px) {
    /* Header */
    .header {
        left: var(--space-80);
        right: var(--space-80);
    }
}