.landing-contact > .landing-contact-mark {
    position: absolute;
    z-index: 0;
    top: 51%;
    left: 53%;
    width: min(72vw, 1040px);
    max-width: none;
    opacity: .16;
    pointer-events: none;
    user-select: none;
    mix-blend-mode: screen;
    transform: translate(-50%, -50%) rotate(-7deg);
    transform-origin: center;
    filter: saturate(1.55) brightness(1.15) hue-rotate(-8deg) drop-shadow(0 24px 55px rgba(105, 214, 105, .18));
    animation: landingContactMarkColors 14s ease-in-out infinite alternate;
}

@keyframes landingContactMarkColors {
    0% {
        opacity: .12;
        filter: saturate(1.45) brightness(1.08) hue-rotate(-18deg) drop-shadow(0 24px 55px rgba(102, 207, 95, .14));
    }
    52% {
        opacity: .19;
        filter: saturate(1.8) brightness(1.25) hue-rotate(10deg) drop-shadow(0 30px 75px rgba(96, 224, 156, .24));
    }
    100% {
        opacity: .14;
        filter: saturate(1.55) brightness(1.16) hue-rotate(36deg) drop-shadow(0 20px 65px rgba(76, 186, 170, .2));
    }
}

@media (max-width: 980px) {
    .landing-contact > .landing-contact-mark {
        top: 54%;
        left: 63%;
        width: min(112vw, 900px);
        opacity: .13;
    }
}

@media (max-width: 600px) {
    .landing-contact > .landing-contact-mark {
        top: 56%;
        left: 60%;
        width: 140vw;
        opacity: .11;
    }
}

@media (prefers-reduced-motion: reduce) {
    .landing-contact > .landing-contact-mark { animation: none; }
}