.main-nav {
    position: relative;
    z-index: 70;
    width: 100%;
    backface-visibility: hidden;
    will-change: box-shadow;
    transition: box-shadow 220ms ease;
}

.main-nav.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.main-nav.is-stuck {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.main-nav-placeholder {
    height: 0;
    pointer-events: none;
}

.main-nav-placeholder.is-active {
    display: block;
}