.camera-feature{
    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#000;
    color:#fff;
    overflow:hidden;

    padding:30px 0 80px;
}
.camera-feature__header{
    text-align:center;
    position:relative;
    z-index:5;
}

.camera-feature__category{
    color:#ff6a00;
    font-size:16px;
    font-weight:600;
    margin-bottom:10px;
}

.camera-feature__title{
    margin:0;
    font-size:88px;
    font-weight:700;
    line-height:1;
    letter-spacing:-3px;
    color:#fff;
}

.camera-feature__visual{
    max-width:1800px;
    margin:50px auto 0;

    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    align-items:center;

    gap:10px;
}

.camera-feature__image{
    margin-left:-120px;
}

.camera-feature__image img{
    display:block;
    width:100%;
    max-width:1100px;
    height:auto;
}

.camera-feature__stats{
    width:280px;

    display:flex;
    flex-direction:column;
    gap:60px;

    margin-left:-120px;
}

.camera-feature__stat-label{
    color:#c7cfdb;
    font-size:22px;
    margin-bottom:6px;
}

.camera-feature__stat-value{
    color:#ff6a00;
    font-size:62px;
    font-weight:700;
    line-height:1;
    margin-bottom:8px;
}

.camera-feature__stat-text{
    color:#c7cfdb;
    font-size:20px;
    line-height:1.4;
}

.camera-feature__description{
    max-width:760px;

    margin:60px auto 0;

    padding:0 20px;

    text-align:center;

    color:#b7bec9;
    font-size:18px;
    line-height:1.8;
}

@media (max-width:1600px){

    .camera-feature__title{
        font-size:72px;
    }

    .camera-feature__image img{
        max-width:950px;
    }

    .camera-feature__stats{
        margin-left:-80px;
    }
}

@media (max-width:1400px){

    .camera-feature__title{
        font-size:62px;
    }

    .camera-feature__image{
        margin-left:-60px;
    }

    .camera-feature__image img{
        max-width:850px;
    }

    .camera-feature__stats{
        width:250px;
        margin-left:-60px;
    }

    .camera-feature__stat-value{
        font-size:50px;
    }
}

@media (max-width:1200px){

    .camera-feature__visual{
        grid-template-columns:minmax(0,1fr) 220px;
        gap:0;
    }

    .camera-feature__image img{
        max-width:750px;
    }

    .camera-feature__stats{
        width:220px;
        margin-left:-40px;
    }
}

@media (max-width:991px){

    .camera-feature{
        padding:30px 0 50px;
    }

    .camera-feature__title{
        font-size:52px;
        letter-spacing:0;
    }

    .camera-feature__visual{
        display:block;
        margin-top:30px;
    }

    .camera-feature__image{
        margin-left:-80px;
    }

    .camera-feature__image img{
        width:140vw;
        max-width:none;
    }

    .camera-feature__stats{
        width:100%;
        margin:30px 0 0;

        flex-direction:row;
        justify-content:center;
        text-align:center;

        gap:50px;
    }

    .camera-feature__description{
        margin-top:40px;
    }
}

@media (max-width:767px){

    .camera-feature{
        padding:25px 0 40px;
    }

    .camera-feature__category{
        font-size:14px;
    }

    .camera-feature__title{
        font-size:36px;
        padding:0 15px;
    }

    .camera-feature__image{
        margin-left:-60px;
    }

    .camera-feature__image img{
        width:180vw;
    }

    .camera-feature__stats{
        flex-direction:column;
        text-align:left;
        gap:30px;
        padding:0 25px;
    }

    .camera-feature__stat-label{
        font-size:16px;
    }

    .camera-feature__stat-value{
        font-size:40px;
    }

    .camera-feature__stat-text{
        font-size:16px;
    }

    .camera-feature__description{
        margin-top:35px;
        padding:0 25px;
        font-size:15px;
        line-height:1.7;
    }
}