/* =========================
   LOGO
   ========================= */

.site-nav__item[href="/"] {
    display: block;
    width: 80px;
    height: 32px;

    background-image: url("/assets/images/Bacco_Logo_Letterhead.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;

    overflow: hidden;
    text-indent: -9999px;
    white-space: nowrap;
}


/* =========================
   DESKTOP NAVIGATION
   ========================= */

@media (min-width: 48rem) {

    .site-nav__desktop {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;

        column-gap: 1rem;
        row-gap: 3.5rem;

        min-height: auto;

        padding-top: 1.25rem;
        padding-bottom: 1rem;
    }

    .site-nav__item[href="/"] {
        flex-basis: 100%;
    }

    .site-nav__item:not([href="/"]) {
        margin-left: 0;
        font-size: 11.5px;
        letter-spacing: 0.02em;
    }

    .site-nav__item:not([href="/"]):not(:last-child)::after {
        content: "|";
        margin-left: 0.65rem;
    }
}

/* =========================
   GALLERY REVEAL ANIMATION
   ========================= */

.media-grid__trigger {
    opacity: 0.85;
    transform: translateY(80px);

    transition:
        opacity 1.2s ease,
        transform 1.2s ease;
}

.media-grid__item.is-visible .media-grid__trigger {
    opacity: 1;
    transform: translateY(0);
}