/* =========================================================
   POLLARD CAD PROJECTS PAGE ENHANCEMENTS

   Works with:
   style.css
   cards.css
   buttons.css
   hero.css

========================================================= */


/* =========================================================
   PROJECT PAGE HERO
========================================================= */


.page-hero.projects {

    min-height:
    560px;

    display:
    flex;

    align-items:
    center;

    background:

    linear-gradient(
        rgba(15,23,42,.78),
        rgba(15,23,42,.78)
    ),

    url("/assets/images/projects/20-minute-lake/hero.jpg");

    background-size:
    cover;

    background-position:
    center;

}



.page-hero.projects > div {

    max-width:
    900px;

    margin:
    auto;

    padding:
    40px 20px;

}



.page-hero.projects h1 {

    color:
    white;

    font-size:
    48px;

    line-height:
    1.15;

    margin-bottom:
    20px;

}



.page-hero.projects p {

    color:
    rgba(255,255,255,.9);

    max-width:
    750px;

    font-size:
    20px;

    line-height:
    1.7;

    margin-bottom:
    30px;

}




/* =========================================================
   PROJECT INTRO SECTIONS
========================================================= */


.highlight {

    padding:
    75px 20px;

}



.highlight h2 {

    font-size:
    36px;

}



.highlight p {

    max-width:
    900px;

    margin:
    auto;

    line-height:
    1.8;

}




/* =========================================================
   PROJECT METRICS
========================================================= */


.trust-bar {

    margin-top:
    -50px;

}



.trust-item h3 {

    font-size:
    42px;

}



.trust-item p {

    font-size:
    15px;

}




/* =========================================================
   PROJECT CONTENT SECTIONS
========================================================= */


.container {

    max-width:
    1200px;

    margin:
    auto;

}



.container h2 {

    text-align:
    center;

}




/* =========================================================
   PROJECT IMAGE CARDS
========================================================= */


.card img {

    height:
    250px;

}



.card-content {

    min-height:
    150px;

}




/* =========================================================
   EXPERIENCE CARDS WITHOUT IMAGES
========================================================= */


.container .card:not(:has(img)) {

    padding:
    30px;

}



.container .card:not(:has(img)) h3 {

    color:
    var(--primary-blue);

}




/* =========================================================
   SECTOR EXPERIENCE
========================================================= */


.highlight .grid {

    max-width:
    1200px;

    margin:
    40px auto 0;

}



.highlight .card h3 {

    font-size:
    20px;

    color:
    var(--primary-dark);

}




/* =========================================================
   SOFTWARE SECTION
========================================================= */


.container:last-of-type .grid {

    text-align:
    center;

}



.container:last-of-type .card h3 {

    color:
    var(--primary-blue);

    font-size:
    24px;

}




/* =========================================================
   FINAL CTA
========================================================= */


.highlight:last-of-type {

    background:
    var(--primary-dark);

    color:
    white;

}



.highlight:last-of-type h2 {

    color:
    white;

}



.highlight:last-of-type p {

    color:
    rgba(255,255,255,.85);

}



.highlight:last-of-type .btn {

    margin-top:
    15px;

}




/* =========================================================
   FOOTER SPACING
========================================================= */


footer {

    margin-top:
    0;

}





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


@media(max-width:768px){


.page-hero.projects {

    min-height:
    480px;

}



.page-hero.projects h1 {

    font-size:
    34px;

}



.page-hero.projects p {

    font-size:
    17px;

}



.highlight {

    padding:
    50px 20px;

}



.highlight h2 {

    font-size:
    28px;

}



.trust-bar {

    margin:
    20px;

}



.card img {

    height:
    220px;

}


/* FIX PROJECT CARD EMPTY SPACE */

.card-content {

    min-height:
    auto;

}


.card {

    height:
    auto;

}


}