.container{
    width:100%;
    max-width:1300px;
	padding-left:20px;
	padding-right:20px;
    margin:auto;
}

/* ARCHIVE */

.projects-archive-page{
    padding:80px 0;
    background:#fff;
}

.archive-hero{
    padding:100px 20px;
    text-align:center;
    background-color:#111;
	background-image:url('/wp-content/uploads/2026/05/hero-project.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
    color:#fff;
	position:relative;
}
.archive-hero:before{
	position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.50); content:'';
}

.archive-hero h1{
    font-size:56px; font-weight:700;
    margin-bottom:20px; font-family: "Crimson Text", Sans-serif;  position:relative;
}
.archive-hero p{
	font-size:20px; 
	max-width: 900px;
    margin-left: auto;
    margin-right: auto;   position:relative;
}

.projects-section{
    margin-bottom:100px;
}

.section-heading{
    text-align:center;
    margin-bottom:50px;
}

.section-heading span{
    display:block;
    color:#3aa6e8;
    font-size:16px;
    letter-spacing:2px;
    margin-bottom:12px;
    font-weight:700;
	text-transform:uppercase;
}

.section-heading h2{
    font-size:52px;
    margin:0;
	font-weight:700;
    margin-bottom:20px; font-family: "Crimson Text", Sans-serif; 
}

.projects-grid{
    display:flex;
    flex-direction:column;
    gap:40px;
}

.project-card{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);
	max-width:1020px; 
	margin-left:auto;
	margin-right:auto;
}

.project-content{
    padding:40px;
}

.project-content h3{
    font-size:40px;
    line-height:1.1;
	font-weight:700;
    margin-top: 0;
    margin-bottom: 15px;
	font-family: "Crimson Text", Sans-serif;
}

.project-cats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:25px;
}

.project-cats span{
    background:#008CE41A;
    color:#008CE4;
    padding:8px 14px;
    border-radius:50px;
    font-size:12px;
    font-weight:600;
}
.project-cats span:nth-child(){}

.project-excerpt{
    color:#5C6370;
    margin-bottom:30px;
	font-size:16px;
}
.po-project-excerpt{
	color:#5C6370;
	font-size:16px;
}

.project-btn{
    display:inline-block;
    padding:10px 20px;
    border:2px solid #008CE4;
    border-radius:6px;
    color:#008CE4;
    text-decoration:none;
    font-weight:500;
	font-size:14px;
	text-decoration:none !important;
}
.project-btn:hover{
	color:#008CE4;
}

.project-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
	max-height:420px;
}


/* SINGLE */

.single-project-page{
    background:#fff;
}

.project-featured-image img{
    width:100%;
    height:600px;
    object-fit:cover;
    display:block;
}

.project-content-wrapper{
   
}

.project-header{
    margin-bottom:60px;
}

.project-header h1{
    font-size:68px;
    line-height:1.1;
    margin-top:20px;
}

.project-meta{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.project-meta span{
    background:#eef7ff;
    color:#3aa6e8;
    padding:8px 16px;
    border-radius:50px;
    font-size:12px;
    font-weight:600;
}

.project-content{
    max-width:1000px;
}

.project-content img{
    max-width:100%;
    height:auto;
    border-radius:20px;
}

.project-content h2{
    font-size:42px;
    margin-top:50px;
}

.project-content p{
    font-size:16px;
    line-height:1.5;
    color:#5C6370;
}

@media(max-width:768px){

    .project-card{
        grid-template-columns:1fr;
    }

    .project-content{
        padding:30px;
    }

    .project-content h3{
        font-size:32px;
    }

    .archive-hero h1{
        font-size:42px;
    }
	.archive-hero p{font-size:16px; }

    .section-heading h2{
        font-size:36px;
    }

    .project-header h1{
        font-size:42px;
    }
	
	.project-image img{ height:300px; }

    .project-featured-image img{
        height:350px;
    }
}