:where(.component-primary-navigation) {
    grid-area: main-nav;

    :where(.primary-navigation-ul) {
        display: flex;
        flex-flow: row;
        margin-bottom: 0;
        gap: 1rem;
        list-style: none;
    }

    :where(.l2-menu-item) {
        border-bottom: solid 3px transparent;
        padding: 0.5rem 1rem 0 1rem;

        & > .l2-menu-item-link {
            font-weight: 500;
            text-transform: uppercase;
            color: var(--logo-color);
            text-decoration: none;
        }

        & > .l2-menu-item-link:focus-visible {
            outline-offset: var(--size-small);
        }

        &:hover {
            border-bottom: solid 3px var(--color-brand-corporate-blue);
        }
        & .l2-menu-item-link:hover, .tip-down-arrow:hover {
            cursor: pointer;
        }

        .l3-curtain[aria-expanded="true"] {
            display: block;
            left: 0;
        }
    }

    :where(.open) {
        border-bottom: solid 3px var(--color-brand-corporate-blue);
    }
}