/* ── RESET & ROOT ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#2a97c1;--navy2:#165066;--navy3:#2a97c1;
  --gold:#f59e0b;--gold2:#d97706;--gold-light:#fff7e6;
  --slate:#64748b;--slate2:#475569;
  --light:#f8fafc;--border:#e2e8f0;--white:#ffffff;
  --r:8px;--rl:12px;
}
.project-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    padding-bottom: 30px;
}

.project-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    background:#fff;
    transition:all .4s ease;
}

.project-card:hover{
    transform:translateY(-10px);
}

.project-thumb{
    overflow:hidden;
}

.project-thumb img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:all .6s ease;
}

.project-card:hover img{
    transform:scale(1.08);
}

.project-content{
    padding:24px;
}

.project-title{
    font-size:22px;
    line-height:1.4;
}

.project-filter-wrap{
    display:flex;
    gap:12px;
    margin-bottom:40px;
    flex-wrap:wrap;
}

.project-filter{
    border:none;
  /*  padding:12px 22px;*/
    border-radius:999px;
    background:#f2f2f2;
    margin-right: 0;
    margin-bottom: 0;
    text-transform: none;
    font-weight: 400;
}

.project-filter.active{
    background:#111;
    color:#fff;
}

.single-project-wrap{
    padding:80px 0;
}

.single-project-gallery{
   /* margin-top:40px;*/
}

.single-project-related{
   /* margin-top:100px;*/
}
.project-pagination{
    margin-top:60px;
    text-align:center;
}

.project-pagination .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:999px;
    background:#f2f2f2;
    margin:0 4px;
    transition:all .3s ease;
}

.project-pagination .current{
    background:#111;
    color:#fff;
}

.project-pagination a:hover{
    background:#111;
    color:#fff;
}
.project-grid.loading{
    opacity:.5;
    pointer-events:none;
}
.project-gl-item img{width:100%;}
.project-info {
    margin-top: 15px;
}
.info-item {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.info-label {
    width: 140px;
    font-weight: 600;
    color: #333;
}
.info-value {
    flex: 1;
    color: #666;
}
.project-related{
    padding-bottom: 60px;
}
.single-project-gallery{
    margin-bottom:40px;
}

.single-project-gallery .gallery-item{
    width:100%;
}

.single-project-gallery .gallery-thumb{
    position:relative;
    overflow:hidden;
    border-radius:16px;
    background:#f3f3f3;
}

.single-project-gallery .gallery-thumb img{
    width:100%;
    height:560px;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}

.single-project-gallery .gallery-thumb:hover img{
    transform:scale(1.04);
}

.single-project-gallery .flickity-button{
    background:none;
    box-shadow:0 4px 20px rgba(0,0,0,.12);
}

.single-project-gallery .flickity-page-dots{
    bottom:-30px;
}

.single-project-gallery .flickity-page-dots .dot{
    width:10px;
    height:10px;
    opacity:.3;
}

.single-project-gallery .flickity-page-dots .dot.is-selected{
    opacity:1;
}
.single-project-gallery{
    margin-bottom:40px;
}

.single-project-gallery .img{
    padding:0;
}

.single-project-gallery .img-inner{
    overflow:hidden;
 /*   border-radius:18px;*/
}

.single-project-gallery img{
    width:100%;
    display:block;
    object-fit:cover;
    transition:.4s ease;
}

.single-project-gallery .img:hover img{
    transform:scale(1.03);
}
@media(max-width:849px){

    .single-project-gallery .gallery-thumb img{
        height:420px;
    }

}

@media(max-width:549px){

    .single-project-gallery .gallery-thumb img{
        height:260px;
        border-radius:10px;
    }

}
/* FEATURED PROJECTS */
.projects{background:var(--light);padding:88px 0}
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.proj-card{background:var(--white);border-radius:var(--rl);overflow:hidden;border:1px solid var(--border);transition:box-shadow .25s}
.proj-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.1)}
.proj-card__img{height:320px;background:linear-gradient(135deg,var(--navy2),var(--navy3));display:flex;align-items:center;justify-content:center;font-size:56px;position:relative}
.proj-card__img img{width:100%;height: 100%;}
.proj-card__badges{position:absolute;top:14px;left:14px;display:flex;gap:6px}
.badgect{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 12px;border-radius:50px;text-transform:uppercase}
.badge--green{background:#dcfce7;color:#166534}
.badge--dark{background:#e65f2b;color:#fff}
.badge--green:nth-child(2n+1){/*background: #dbeafe;
    color: #1e40af;*/}
.badge--yellow{background:#fef9c3;color:#854d0e}
.badge--blue{background:#dbeafe;color:#1e40af}
.proj-card__body{padding:24px 26px}
.proj-card__type{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}
.proj-card__title{font-size:1.1rem;font-weight:800;color:var(--navy2);margin-bottom:12px;line-height:1.3}
.proj-card__meta{display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    font-size: 14px;
    border-top: 1px solid #EEEEEE;
    padding-top: 15px;
    margin-bottom: 20px;}
section.project{
    background: #f8f9fa;
    padding: 0px 0;
}    
.home section.project{
    background: #f8f9fa;
    padding: 80px 0;
}
.proj-card__meta span{font-size:.82rem;color:var(--slate2);display:flex;align-items:center;gap:5px}
.proj-card__desc{font-size:16px;margin-bottom:20px}
.proj-card__link{font-size:13px;font-weight:700;color:var(--white);background:var(--navy);padding:9px 20px;border-radius:var(--r);display:inline-block;transition:background .2s}
.proj-card__link:hover{background:var(--navy2)}