/*==========================================
            BRAND STORY
==========================================*/

.brand-story{
    padding:120px 0;
    background:#faf9f5;
}

.story-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.story-image{
    position:relative;
}

.story-image img{
    width:100%;
    border-radius:30px;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    transition:.5s;
}

.story-image:hover img{
    transform:scale(1.03);
}

.story-content h2{
    font-size:48px;
    margin:20px 0;
    color:#222;
}

.story-content p{
    font-size:17px;
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
}

.story-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:40px;
}

.story-item{
    background:#fff;
    padding:18px 22px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.3s;
}

.story-item:hover{
    transform:translateY(-6px);
}

@media(max-width:992px){

    .story-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .story-points{
        grid-template-columns:1fr;
    }

    .story-content h2{
        font-size:38px;
    }

}