/* ========================================
   PROJECTS PAGE
======================================== */


/* ========================================
   INTRODUCTION
======================================== */


.projects-introduction{

    max-width:1100px;
    margin:35px auto 70px;
    padding:0 25px;

}


.projects-intro-text{

    text-align:left;
}


.projects-intro-text h1{

    font-family:'Montserrat',sans-serif;
    font-size:56px;
    font-weight:700;
    color:var(--navy);
    margin-bottom:15px;

}


.projects-intro-text h2{

    font-family:'Montserrat',sans-serif;
    font-size:40px;
    line-height:1.25;
    color:var(--navy);
    margin-bottom:25px;

}


.projects-lead {
    font-size:25px;
    font-weight:600;
    line-height:1.55;
    color:var(--green);
    margin-bottom:25px;
}

.projects-lead:last-child {
    margin-bottom:0;
}

/* INTRO IMAGE */

.projects-intro-image{

    margin-top:45px;

}


.projects-intro-image img{

    width:100%;
    height:auto;
    object-fit:contain;
    border-radius:24px;

}


/* ========================================
   SELECTED WORK
======================================== */


.selected-work{

    max-width:1200px;
    margin:50px auto;
    padding:45px 25px;
    border-top:1px solid var(--border);

}


.selected-work h2{

    font-family:'Montserrat',sans-serif;
    font-size:42px;
    color:var(--navy);
    text-align:center;
    margin-bottom:50px;

}



/* ========================================
   PROJECT FEATURES - EDITORIAL LAYOUT
======================================== */

.project-feature {

    scroll-margin-top:120px;

    max-width:1100px;

    margin:0 auto 90px;

    background:white;

    padding:55px;

    border-radius:24px;

    border:1px solid var(--border);

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}


/* Remove forced image/text columns */

.project-feature-image {

    position:relative;

    margin-bottom:35px;

}


.project-feature-image img {

    width:100%;

    max-height:500px;

    object-fit:cover;

    border-radius:20px;

}


/* Optional: hide images on selected projects */

.project-feature.no-image .project-feature-image {

    display:none;

}



/* CONTENT */

.project-feature-content {

    max-width:900px;

    margin:auto;

    text-align:left;

}



.project-category {

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

    font-size:14px;

    font-weight:700;

    letter-spacing:1.5px;

    text-transform:uppercase;

    color:var(--green);

    margin-bottom:18px;

}



.project-feature-content h3 {

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

    font-size:34px;

    line-height:1.25;

    color:var(--navy);

    margin-bottom:15px;

}



.project-role {

    font-size:18px;

    font-weight:600;

    color:var(--green);

    margin-bottom:35px;

}



.project-feature-content h4 {

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

    font-size:22px;

    color:var(--navy);

    margin-top:35px;

    margin-bottom:15px;

}



.project-feature-content h5 {

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

    font-size:19px;

    color:var(--navy);

    margin-top:25px;

    margin-bottom:8px;

}



.project-feature-content p {

    font-size:18px;

    line-height:1.8;

    color:var(--light-text);

    margin-bottom:20px;

}



.project-feature-content ul {

    padding-left:25px;

    margin-bottom:25px;

}



.project-feature-content li {

    font-size:18px;

    line-height:1.7;

    margin-bottom:10px;

    color:var(--light-text);

}



/* EXPERTISE TAGS */

.project-tags {

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:35px;

}



.project-tags span {

    background:var(--sage);

    color:var(--navy);

    padding:9px 16px;

    border-radius:20px;

    font-size:14px;

    font-weight:600;

}



/* ========================================
   FEATURED IMAGE VARIATION
======================================== */


/* Larger hero image projects */

.project-feature.featured-image {

    padding-top:0;

}


.project-feature.featured-image .project-feature-image img {

    border-radius:24px 24px 0 0;

}



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

@media(max-width:800px){

    .projects-intro-text h1{

        font-size:42px;
        

    }

    .projects-intro-image img{

    width:100%;
    height:auto;
    object-fit:contain;

}


    .projects-intro-text h2{

        font-size:30px;

    }


    .projects-lead{

        font-size:20px;

    }


    .project-feature {

        padding:30px;

        margin-bottom:50px;

    }


    .project-feature-content h3 {

        font-size:27px;

    }


    .project-feature-content p,
    .project-feature-content li {

        font-size:16px;

    }
    

}


/* ========================================
   SECTION TITLE UNDERLINE
======================================== */

.research-section-title h2::after,
.project-section-title h2::after{

    content:"";

    display:block;

    width:70px;

    height:4px;

    background:var(--green);

    margin:18px auto 0;

}

/* ========================================
   PROJECT SECTION HEADINGS
======================================== */


.research-section-title,
.project-section-title{

    text-align:center;

    margin:70px auto 40px;

}


.research-section-title h2,
.project-section-title h2{

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

    font-size:36px;

    line-height:1.3;

    color:var(--navy);

    margin:0 auto;

}

/* ========================================
   PROJECTS CTA
======================================== */


.projects-cta{

    background:var(--sage);

    padding:45px 20px;

    text-align:center;

}


.projects-cta h2{

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

    font-size:42px;

    color:var(--navy);

    margin-bottom:20px;

}


.projects-cta p{

    max-width:750px;

    margin:0 auto 30px;

    font-size:21px;

    line-height:1.7;

    color:var(--light-text);

}