html {
    scroll-behavior: smooth;
}

#main {
    padding: 0;
    position: relative;
}

#main .title {
    text-align: center;
    padding: 3.75rem 0 3.75rem 0;
}

@media screen and (min-width: 992px) {
    #main .title {
        text-align: left;
        top: 16%;
        position: absolute;
        width: 36%;
        height: 100%;
    }
}

@media screen and (min-width: 2493px) {
    #main .title {
        width: 24%;
    }
}

@media screen and (min-width: 2772px) {
    #main .title {
        width: 20%;
    }
}

#intro {
    background: url('https://cdn.originpc.com/img/landing/2026/intel-arrow-lake/intro-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}

#focus {
    background: url('https://cdn.originpc.com/img/landing/2026/intel-arrow-lake/focus-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}

#speed {
    background: url('https://cdn.originpc.com/img/landing/2026/intel-arrow-lake/speed-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}

    #speed ul li {
        border-bottom: solid 1px #333;
    }

#ai {
    background: linear-gradient(#000, #000, transparent 30%), url("https://cdn.originpc.com/img/landing/2026/intel-arrow-lake/ai-bg.jpg") no-repeat center;
    background-size: cover;
}

@media screen and (max-width: 576px) {
    #focus {
        background: none;
    }

    #speed {
        background: none;
    }
}