section:not(.duo) {
    padding: 3rem 0;
}

.duo {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: transparent;
}

.duo .stage {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.under,
.over {
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
}

.duo .under,
.duo .over {
    position: absolute;
    inset: 0;
}

.duo .under {
    z-index: 0;
}

.duo .over {
    z-index: 1;
    will-change: clip-path, transform;
}

#artist-signals {
    scroll-margin-top: 5rem;
}

.scanlines {
    background: repeating-linear-gradient(
            to bottom,
            rgba(255,255,255,0.5) 0px,
            rgba(255,255,255,0.5) 1px,
            rgba(0,0,0,0) 3px,
            rgba(0,0,0,0) 7px
    );
    background-position: 0 0;
    mix-blend-mode: overlay;
    opacity: 0.25;
    will-change: background-position;
}

@media (max-width: 767px) {
    .duo {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .duo .stage {
        height: auto;
        overflow: visible;
    }

    .duo .under,
    .duo .over {
        position: relative;
        inset: auto;
    }

    .duo .under {
        display: none;
    }

    .duo .over {
        min-height: auto;
        clip-path: none !important;
        -webkit-clip-path: none !important;
    }
}