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

.philosophy{

    padding:5rem 0;

    background:#f7f4ee;

}

.container{

    width:min(1100px,90%);

    margin:0 auto;

}



.philosophy__content{
    

    width:min(90%,900px);

    margin-inline:auto;
}
/* ==========================================================
   Section Header
========================================================== */

.section-header{

    margin-bottom:3.5rem;
    text-align:center;

}

.section-header__en{

    margin-bottom:.75rem;

    font-size:.82rem;

    letter-spacing:.22em;

    text-transform:uppercase;

    color:#8c857d;

}

.section-header__title{

    font-family:var(--font-title);

    font-size:clamp(1.5rem,2vw,2rem);

    font-weight:400;

    color:var(--color-text);

    margin-bottom:4rem;
   

}



/* ==========================================================
   Intro
========================================================== */

.philosophy__intro{

    max-width:760px;

}

.philosophy__lead{

    margin-bottom:2.5rem;

    font-family:var(--font-title);

    font-size:clamp(1.8rem,2.6vw,2.8rem);

    font-weight:400;

    line-height:1.8;

    letter-spacing:.08em;

    color:var(--color-text);

}

.philosophy__text {
    margin-bottom: 2rem;
    text-align:left;
    
    font-size:1.05rem;

    line-height:2.4;

    letter-spacing:.06em;

}

.philosophy__text--last {
    margin-top: 3rem;
    margin-bottom: 0;
}

@media(max-width:768px){

    .philosophy{

        padding:4rem 0;

    }

}