/* =========================================================
   SVD PROJECTS V1
   ========================================================= */

.svd-projects-hero{
    padding:64px 0 48px;
    background:
        radial-gradient(circle at 85% 20%,rgba(201,154,56,.16),transparent 30%),
        linear-gradient(135deg,#101813,#17251c);
    color:#fff;
}

.svd-projects-hero__eyebrow{
    margin-bottom:10px;
    color:#d4aa4b;
    font-size:13px;
    line-height:1;
    font-weight:900;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.svd-projects-hero h1{
    margin:0;
    max-width:850px;
    font-size:clamp(42px,6vw,72px);
    line-height:.98;
}

.svd-projects-hero p{
    max-width:780px;
    margin:20px 0 0;
    color:rgba(255,255,255,.76);
    font-size:18px;
    line-height:1.55;
}

.svd-projects-main{
    padding:44px 0 70px;
    background:#f6f6f3;
}

.svd-project-filters,
.svd-project-directions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px;
}

.svd-project-directions{
    margin-bottom:30px;
}

.svd-project-filters a,
.svd-project-directions a{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:8px 14px;
    border:1px solid #ded6c6;
    border-radius:999px;
    background:#fff;
    color:#273129;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}

.svd-project-filters a.is-active,
.svd-project-directions a.is-active,
.svd-project-filters a:hover,
.svd-project-directions a:hover{
    border-color:#c79a3a;
    background:#f7ecd1;
    color:#6f4e08;
}

.svd-project-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.svd-project-grid--home{
    margin-top:24px;
}

.svd-project-card{
    position:relative;
    overflow:hidden;
    min-height:330px;
    border:1px solid #e1dacd;
    border-radius:20px;
    background:#fff;
    box-shadow:0 12px 34px rgba(24,31,26,.06);
    transition:transform .18s ease,box-shadow .18s ease;
}

.svd-project-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(24,31,26,.10);
}

.svd-project-card__link{
    position:absolute;
    inset:0;
    z-index:3;
}

.svd-project-card__image{
    height:190px;
    background-size:cover;
    background-position:center;
}

.svd-project-card__body{
    position:relative;
    z-index:2;
    padding:23px 24px 25px;
}

.svd-project-card__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
}

.svd-project-status{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:5px 9px;
    border-radius:999px;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.035em;
    text-transform:uppercase;
}

.svd-project-status--active{
    background:#e6f4e9;
    color:#276238;
}

.svd-project-status--planned{
    background:#f7ecd1;
    color:#79570b;
}

.svd-project-status--completed{
    background:#e9ecef;
    color:#596168;
}

.svd-project-count{
    color:#818780;
    font-size:12px;
    font-weight:700;
}

.svd-project-card__directions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:10px;
}

.svd-project-card__directions span{
    color:#a4761c;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.055em;
}

.svd-project-card h2,
.svd-project-card h3{
    margin:0 0 10px;
    color:#172019;
    line-height:1.08;
}

.svd-project-card h2{
    font-size:27px;
}

.svd-project-card h3{
    font-size:23px;
}

.svd-project-card p{
    margin:0;
    color:#69706b;
    font-size:15px;
    line-height:1.5;
}

.svd-project-card__more{
    display:inline-block;
    margin-top:18px;
    color:#a87819;
    font-size:13px;
    font-weight:900;
}

.svd-projects-empty,
.svd-projects-empty-small{
    padding:34px;
    border:1px solid #e3d9c5;
    border-radius:18px;
    background:#fff;
}

.svd-projects-empty strong,
.svd-projects-empty span{
    display:block;
}

.svd-projects-empty strong{
    margin-bottom:7px;
    color:#172019;
    font-size:23px;
}

.svd-projects-empty span{
    color:#737a75;
}


/* SINGLE */

.svd-project-single-hero{
    padding:55px 0 62px;
    background:
        radial-gradient(circle at 86% 20%,rgba(202,159,65,.18),transparent 30%),
        #122018;
    color:#fff;
    background-size:cover;
    background-position:center;
}

.svd-project-back{
    display:inline-block;
    margin-bottom:28px;
    color:rgba(255,255,255,.72);
    text-decoration:none;
    font-size:14px;
    font-weight:800;
}

.svd-project-single-hero h1{
    max-width:930px;
    margin:15px 0 0;
    font-size:clamp(40px,6vw,70px);
    line-height:1;
}

.svd-project-single-lead{
    max-width:760px;
    margin:20px 0 0;
    color:rgba(255,255,255,.78);
    font-size:19px;
    line-height:1.55;
}

.svd-project-single-main{
    padding:42px 0 75px;
    background:#f7f7f4;
}

.svd-project-results{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:30px;
}

.svd-project-results > div{
    padding:22px;
    border:1px solid #e2d7c1;
    border-radius:16px;
    background:#fff;
}

.svd-project-results strong,
.svd-project-results span{
    display:block;
}

.svd-project-results strong{
    color:#b28121;
    font-size:32px;
    line-height:1;
}

.svd-project-results span{
    margin-top:8px;
    color:#687069;
    font-size:13px;
    line-height:1.3;
}

.svd-project-info-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-bottom:22px;
}

.svd-project-info-grid > div{
    padding:20px 22px;
    border:1px solid #e5dfd4;
    border-radius:15px;
    background:#fff;
}

.svd-project-info-grid small{
    display:block;
    margin-bottom:7px;
    color:#ac7b1b;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.svd-project-info-grid p{
    margin:0;
    color:#374038;
    line-height:1.5;
}

.svd-project-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0 0 25px;
}

.svd-project-tags span{
    padding:7px 11px;
    border-radius:999px;
    background:#eee5d2;
    color:#79570e;
    font-size:12px;
    font-weight:800;
}

.svd-project-description{
    padding:30px;
    border-radius:18px;
    background:#fff;
    color:#283029;
    font-size:17px;
    line-height:1.65;
}

.svd-project-section{
    margin-top:48px;
}

.svd-project-section__head{
    margin-bottom:20px;
}

.svd-project-section__head span{
    display:block;
    color:#b2801e;
    font-size:12px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.svd-project-section__head h2{
    margin:5px 0 0;
    color:#172019;
    font-size:34px;
}

.svd-project-branches{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.svd-project-branches > div{
    padding:10px 14px;
    border:1px solid #ded7ca;
    border-radius:11px;
    background:#fff;
    color:#313a33;
    font-size:14px;
    font-weight:800;
}

.svd-project-news{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.svd-project-news article{
    display:grid;
    grid-template-columns:150px 1fr;
    overflow:hidden;
    min-height:145px;
    border:1px solid #e0d9cc;
    border-radius:16px;
    background:#fff;
}

.svd-project-news__image{
    display:block;
    height:100%;
}

.svd-project-news__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.svd-project-news article > div{
    padding:17px;
}

.svd-project-news time{
    color:#9c7b39;
    font-size:11px;
    font-weight:800;
}

.svd-project-news h3{
    margin:6px 0 7px;
    font-size:18px;
    line-height:1.15;
}

.svd-project-news h3 a{
    color:#172019;
    text-decoration:none;
}

.svd-project-news p{
    margin:0;
    color:#747a75;
    font-size:13px;
    line-height:1.4;
}


/* MOBILE */

@media(max-width:780px){

    .svd-projects-hero{
        padding:40px 0 34px;
    }

    .svd-projects-hero p{
        font-size:16px;
    }

    .svd-projects-main{
        padding:28px 0 48px;
    }

    .svd-project-grid,
    .svd-project-news,
    .svd-project-info-grid{
        grid-template-columns:1fr;
    }

    .svd-project-card{
        min-height:0;
    }

    .svd-project-card__image{
        height:180px;
    }

    .svd-project-card__body{
        padding:19px;
    }

    .svd-project-card h2{
        font-size:23px;
    }

    .svd-project-results{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .svd-project-single-hero{
        padding:36px 0 42px;
    }

    .svd-project-single-lead{
        font-size:16px;
    }

    .svd-project-single-main{
        padding:28px 0 50px;
    }

    .svd-project-description{
        padding:21px 18px;
        font-size:16px;
    }

    .svd-project-section{
        margin-top:38px;
    }

    .svd-project-section__head h2{
        font-size:27px;
    }

    .svd-project-news article{
        grid-template-columns:110px 1fr;
        min-height:125px;
    }

}

@media(max-width:480px){

    .svd-project-results{
        grid-template-columns:1fr 1fr;
        gap:9px;
    }

    .svd-project-results > div{
        padding:17px;
    }

    .svd-project-results strong{
        font-size:26px;
    }

    .svd-project-news article{
        grid-template-columns:1fr;
    }

    .svd-project-news__image{
        height:180px;
    }

}