/*=====================================================
=            Imago Single Project
=====================================================*/

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

.imago-container{
    max-width: 1440px;
    margin:0 auto;
}

/*=====================================================
=            Featured Image
=====================================================*/

.imago-project-featured-image{
    margin-bottom:60px;
}

.imago-project-featured-image img{
    display:block;
    width:100%;
    height:auto;
    border-radius:10px;
}

/*=====================================================
=            Title
=====================================================*/

.imago-project-title{
    font-size:clamp(2.2rem,5vw,3.5rem);
    line-height:1.15;
    margin-bottom:50px;
}

/*=====================================================
=            Meta
=====================================================*/

.imago-project-meta{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;

    padding:30px 0;

    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;

    margin-bottom:70px;

}

.imago-meta-item span{

    display:block;

    margin-bottom:10px;

    color:#777;

    font-size:.75rem;

    text-transform:uppercase;

    letter-spacing:.12em;

}

.imago-meta-item strong{

    display:block;

    font-size:1.125rem;

    font-weight:600;

}

/*=====================================================
=            Content
=====================================================*/

.imago-project-content{

    margin:80px 0;

    line-height:1.8;

}

.imago-project-content > * + *{
    margin-top:1.5rem;
}

/*=====================================================
=            Gallery
=====================================================*/

.imago-project-gallery{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    margin-top:80px;

}

.imago-gallery-item img{

    width:100%;

    display:block;

    border-radius:10px;

}

/*=====================================================
=            Related Projects
=====================================================*/

.imago-related-projects{

    padding:120px 0;

}

.imago-related-heading{

    margin-bottom:50px;

    font-size:2rem;

}

.imago-related-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:40px;

}

.imago-related-card{

    display:block;

    color:inherit;

    text-decoration:none;

}

.imago-related-image{

    overflow:hidden;

    border-radius:10px;

}

.imago-related-image img{

    display:block;

    width:100%;

    transition:transform .45s ease;

}

.imago-related-card:hover .imago-related-image img{

    transform:scale(1.06);

}

.imago-related-title{

    margin-top:20px;

    font-size:1.35rem;

    line-height:1.35;

}

/*=====================================================
=            Responsive
=====================================================*/

@media (max-width:1024px){

    .imago-project-meta{

        grid-template-columns:repeat(2,1fr);

    }

    .imago-related-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:767px){

    .imago-single-project{

        padding:50px 0;

    }

    .imago-project-title{

        font-size:2rem;

        margin-bottom:35px;

    }

    .imago-project-meta{

        grid-template-columns:1fr;

        gap:20px;

    }

    .imago-project-gallery{

        grid-template-columns:1fr;

    }

    .imago-related-grid{

        grid-template-columns:1fr;

    }

}




/*==========================================
=            Imago Project Archive
==========================================*/



/* ── Archive page background ── */
body.post-type-archive-your-cpt,
.imago-project-archive {
    background: #f2ede4;
}

/* ── Intro paragraph ── */
.imago-project-archive > p {
    font-family: 'Georgia', serif;
    font-size: 20px;
    color: #000;
    line-height: 1.5;
    max-width: 540px;
    margin: 40px auto 52px;
    text-align: center;
    letter-spacing: 0.01em;
}

/* ── Outer container ── */
.imago-project-archive .imago-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 200px 30px;
}

/* ── Two-column staggered grid ── */
.imago-project-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    align-items: start;
}

/* Right column drops down to create the offset effect */
.imago-project-grid .imago-project-card:nth-child(even) {
    margin-top: 0px;
	  
}


/* ── Individual card ── */
.imago-project-card {
    margin-bottom: 32px;
}

/* ── Link wrapper — remove underline ── */
.imago-project-link {
    text-decoration: none;
    display: block;
}

/* ── Image container ── */
.imago-project-image {
    overflow: hidden;
}

.imago-project-image img {
    width: 100%;	
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* Odd cards — tall */
.imago-project-grid .imago-project-card:nth-child(odd) .imago-project-image img {
    height: 650px;
}

/* Even cards — shorter */
.imago-project-grid .imago-project-card:nth-child(even) .imago-project-image img {
    height: 450px;
}

.imago-project-link:hover .imago-project-image img {
    transform: scale(1.03);
}

/* ── Project name label ── */
.imago-project-content {
    margin-top: 8px;
}

.imago-project-title {
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 9px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #999;
    margin: 0;
    padding-left: 2px;
}

/* ── Mobile ── */
@media (max-width: 640px) {
    .imago-project-grid {
        grid-template-columns: 1fr;
    }
    .imago-project-grid .imago-project-card:nth-child(even) {
        margin-top: 0;
    }
	
	
	/* Odd cards — tall */
.imago-project-grid .imago-project-card:nth-child(odd) .imago-project-image img {
    height: 450px;
}

/* Even cards — shorter */
.imago-project-grid .imago-project-card:nth-child(even) .imago-project-image img {
    height: 450px;
}

	
	
}