/* ==========================================
   Philosophy
========================================== */

.philosophy{

    padding: 140px 0;

    background: #FFFFFF;

}


/* ==========================================
   Section Header
========================================== */

.section-header{

    max-width: 760px;

    margin: 0 auto 90px;

    text-align: center;

}

.section-subtitle{

    display: inline-block;

    margin-bottom: 20px;

    font-family: "Montserrat", sans-serif;

    font-size: .90rem;

    letter-spacing: 4px;

    text-transform: uppercase;

    color: #C9A14A;

}

.section-title{

    font-family: "Cormorant Garamond", serif;

    font-size: clamp(2.5rem,5vw,4rem);

    line-height: 1.15;

    color: #222;

}


/* ==========================================
   Philosophy Content
========================================== */

.philosophy-content{

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 70px;

}

.philosophy-item{

    text-align: center;

}

.philosophy-item h3{

    margin-bottom: 25px;

    font-family: "Cormorant Garamond", serif;

    font-size: 2rem;

    color: #222;

}

.philosophy-item p{

    font-family: "Montserrat", sans-serif;

    font-size: 1rem;

    line-height: 1.9;

    color: #666;

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:900px){

    .philosophy{

        padding:80px 0;

    }

    .philosophy-content{

        grid-template-columns:1fr;

        gap:60px;

    }

    .philosophy-item{

        width:100%;

        text-align:center;

    }

    .philosophy-item h3{

        font-size:2rem;

    }

}