/* animations */
    @keyframes fadeinslide {
        0% {
            opacity: 0;
            transform: translateY(-30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0px);
        }
    }

    @keyframes fadein {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes glitch {

        0%,
        100% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

        90.5% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            opacity: 1;
        }

        92% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-size: cover;
            opacity: 1;
        }

        92.5% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            opacity: 0;
        }

        94% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            opacity: 1;
        }

        95.5% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            opacity: 1;
        }

        97% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            opacity: 1;
        }

        98.5% {
            background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            opacity: 1;
        }
    }

    .glitch {
        height: 140px;
        background: url('https://assets.corsair.com/image/upload/f_auto,q_auto/pages/call-of-duty/logo-glitch/cod_logo00.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        /* animation: glitch 5s infinite steps(1); */
    }

    section.hero {
        background: url(https://assets.corsair.com/image/upload/v1739853308/akamai/landing/Business%20Landing%20Page/hero-cod-warzone-without-icon-mobile.png);
        background-size: cover;
        background-position: center;
    }

    section.hero .s02-logo {
        max-width: 345px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 100%;
    }


    section.hero span.text-logo-container {
        background: rgb(0 0 0 / 60%);
        box-shadow: 0 0 3px rgb(0 0 0 / 100%);
        padding: 1rem;
        opacity: 0;
        animation-name: fadeinslide;
        animation-duration: 2s;
        animation-delay: 1.5s;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }

    section.hero div {
        max-width: 700px;
        margin: 0 auto;
        min-height: 80vh;
        justify-content: end;
        padding: 1rem;
    }

    section.hero div img {
        object-fit: contain;
        width: fit-content;
        margin: 0 auto;
    }

    section.hero div span.cod-logo {
        width: 100%;
        margin-bottom: 5vh;
        opacity: 1;
        height: 40px;
        background: url('https://assets.corsair.com/image/upload/v1739787670/akamai/landing/Business%20Landing%20Page/warzone.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        /* animation: glitch 5s infinite steps(1); */
    }

    section.hero div p.subhead {
        font-family: Saira Condensed, sans-serif !important;
        text-align: center;
        text-transform: uppercase;
        color: white;
        letter-spacing: 0.05rem;
    }

    section.hero div p.soon {
        color: #FFAF1B;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.05rem;
        margin-top: 1rem;
        opacity: 0;
        animation-name: fadeinslide;
        animation-duration: 2s;
        animation-delay: 2s;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
    }

    section.hero .brands-container.desktop {
        display: none;
    }

    section.hero .brands-container.mobile {
        display: block;
    }

    @media (max-width: 1024px) {
        section.hero .s02-logo.collection {
            top: 40%;
        }
    }

    @media (max-width: 390px) {
        section.hero .s02-logo.collection {
            top: 35%;
        }
    }

    @media (min-width:768px) {
        section.hero {
            background: url(https://assets.corsair.com/image/upload/v1739850871/akamai/landing/Business%20Landing%20Page/hero-cod-warzone-without-icon.png);
            background-size: cover;
            background-position: center;
        }

        section.hero .s02-logo {
            max-width: 500px;
            left: 30px;
            top: 50%;
            transform: translateY(-80%);
            display: block;
            width: 100%;
        }

        section.hero div {
            padding: 2rem;
        }

        section.hero div p.subhead {
            font-size: 1.4rem;
        }

        section.hero div p.soon {
            font-size: 1.3rem;
        }
    }

    @media (min-width:1023px) {
        section.hero .brands-container.desktop {
            display: block;
        }

        section.hero .brands-container.mobile {
            display: none;
        }
    }

    @media (min-width:2000px) {
        section.hero {
            background: url(https://assets.corsair.com/image/upload/v1739850871/akamai/landing/Business%20Landing%20Page/hero-cod-warzone-without-icon.png);
            background-size: 2000px;
            background-repeat: no-repeat;
            background-position-x: center;
        }
    }

    @media (min-height: 1400px) {
        section.hero div span.cod-logo {
            margin-bottom: 15vh;
        }
    }