.experiences-list {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.experiences-nav {
    margin-bottom: calc(280 * var(--size));
    display: flex;
    flex-wrap: wrap;
}

.experiences-nav button {
    background: transparent !important;
    border: 0;
    color: #5f4f4566;
    cursor: pointer;
}

.experiences-nav button:hover,
.experiences-nav button.current {
    color: var(--color-brand);
}

.experiences-nav span {
    color: #5f4f4566;
}

.experiences-list-archive .entry-thumbnail {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.experiences-list-archive .entry-thumbnail.is-hidden {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.95);
}

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
    .experiences-list {
        gap: calc(96 * var(--size));
    }

    .experiences-nav {
        margin-bottom: calc(45 * var(--size));
    }
}