html {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

img,
video,
svg {
    -webkit-user-drag: none;
}

.seo-fallback {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

#home::after,
#contact::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

#home::after {
    bottom: 0;
    z-index: 15;
    height: 42vh;
    background: linear-gradient(
        to bottom,
        rgba(5, 5, 5, 0) 0%,
        rgba(5, 5, 5, 0.03) 12%,
        rgba(5, 5, 5, 0.1) 24%,
        rgba(5, 5, 5, 0.22) 36%,
        rgba(5, 5, 5, 0.38) 48%,
        rgba(5, 5, 5, 0.56) 60%,
        rgba(5, 5, 5, 0.74) 72%,
        rgba(5, 5, 5, 0.88) 84%,
        rgba(5, 5, 5, 0.97) 94%,
        #050505 100%
    );
}

#contact::before {
    top: -2px;
    z-index: 1;
    height: 55vh;
    background: linear-gradient(
        to bottom,
        #050505 0%,
        rgba(5, 5, 5, 0.97) 8%,
        rgba(5, 5, 5, 0.88) 18%,
        rgba(5, 5, 5, 0.74) 30%,
        rgba(5, 5, 5, 0.56) 42%,
        rgba(5, 5, 5, 0.38) 54%,
        rgba(5, 5, 5, 0.22) 66%,
        rgba(5, 5, 5, 0.1) 78%,
        rgba(5, 5, 5, 0.03) 90%,
        rgba(5, 5, 5, 0) 100%
    );
}

#play {
    position: relative;
}

#play::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    z-index: 20;
    height: 6px;
    background: #050505;
    pointer-events: none;
}