@media (min-width: 1024px) {
    #particleCanvas {
        opacity: 0.45;
    }

    #aurora {
        opacity: 0.48;
        filter: blur(84px) saturate(102%);
    }

    #lightrig {
        opacity: 0.22;
        filter: blur(110px) saturate(100%);
    }

    body::before {
        opacity: 0.16;
    }

    body::after {
        opacity: 0.38;
    }

    #grid-bg {
        opacity: 0.18;
        animation-duration: 42s;
    }

    .theme-notif,
    .chat-notif {
        animation: none !important;
    }

    nav {
        transition: background-color .3s ease, border-color .3s ease, padding .3s ease, box-shadow .3s ease;
    }

    nav.scrolled {
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .srv-card,
    .dash-card,
    .service-sheet,
    .c-form,
    .contact-media,
    .cal-widget {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .motion-video,
    .office-video {
        filter: saturate(1.02) contrast(1.01) brightness(.92);
    }

    .ticker-track {
        animation-duration: 48s;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .cdot,
    .cring {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #particleCanvas,
    #aurora,
    #lightrig,
    #grid-bg {
        display: none !important;
    }

    .ticker-track,
    .theme-notif,
    .chat-notif {
        animation: none !important;
    }
}
