:root{
    --primary:#691C2C;
    --bg:#D6D3CC;
    --text:#222;
    --white:#ffffff;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'IBM Plex Sans',sans-serif;
    background:var(--bg);
    color:var(--text);
}

img{
    width:100%;
    display:block;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

h1,h2{
    font-family:'Merriweather',serif;
}

/* HERO */

.mission-hero{
    width:100%;
    margin-bottom:80px;
}

.mission-hero img{
    width:100%;
    display:block;
    border:1px solid #222;
}

/* MISSION VISION */

.mission-vision{
    padding:80px 0;
}

.mv-grid{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:50px;
    align-items:center;
}

.divider{
    width:1px;
    height:140px;
    background:#b9a8a8;
}

.mv-card h2{
    color:var(--primary);
    margin-bottom:15px;
    font-size:2.4rem;
}

.mv-card p{
    max-width:420px;
    line-height:1.8;
}

/* SECTION TITLE */

.section-title{
    font-size:3rem;
    color:var(--primary);
    margin-bottom:40px;
}

/* APPROACH */

.approach{
    padding:80px 0;
}

.approach-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.approach-card{
    background:var(--primary);
    overflow:hidden;
    border-radius:6px;
}

.card-content{
    padding:20px;
    color:white;
}

.card-content h3{
    margin-bottom:10px;
}

.card-content p{
    font-size:.95rem;
    line-height:1.6;
}

/* VALUES */

.values{
    padding:80px 0;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    text-align:center;
}

.value img{
    width:60px;
    margin:auto;
    margin-bottom:20px;
}

.value h3{
    margin-bottom:15px;
}

.value p{
    line-height:1.7;
    font-size:.95rem;
}

/* CTA */

.cta-section{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    margin-top:80px;
}

.cta-content{
    background:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:60px;
}

.cta-content h2{
    font-size:3rem;
    color:#222;
    margin-bottom:30px;
}

.cta-btn{
    display:inline-block;
    background:var(--primary);
    color:white;
    text-decoration:none;
    padding:16px 28px;
    width:fit-content;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:.85rem;
}

/* MOBILE */

@media(max-width:768px){

    .hero-content,
    .mv-grid,
    .cta-section{
        grid-template-columns:1fr;
    }

    .approach-grid,
    .values-grid{
        grid-template-columns:1fr 1fr;
    }

    .divider{
        display:none;
    }

    .hero-text h1{
        font-size:2.8rem;
    }

    .section-title{
        font-size:2.2rem;
    }

    .cta-content h2{
        font-size:2rem;
    }
}

@media(max-width:576px){

    .approach-grid,
    .values-grid{
        grid-template-columns:1fr;
    }

    .hero-text h1{
        font-size:2.2rem;
    }
}