/* =========================================================
   GIZMOO CORE
   Single Project Page
   ========================================================= */

.gizmoo-project-article-header {

    padding: var(--gizmoo-space-6) 0 var(--gizmoo-space-5);

    background: var(--gizmoo-bg-soft);

    border-bottom: var(--gizmoo-border-width) solid var(--gizmoo-border);

    text-align: center;
}


.gizmoo-project-article-header .gizmoo-page-title {

    max-width: 720px;

    margin: var(--gizmoo-space-3) auto var(--gizmoo-space-5);
}


.gizmoo-project-back-link {

    display: inline-flex;

    align-items: center;

    gap: var(--gizmoo-space-2);

    color: var(--gizmoo-text-muted);

    font-size: var(--gizmoo-font-size-sm);

    font-weight: 600;

    text-decoration: none;

    transition: color var(--gizmoo-transition-base);
}


.gizmoo-project-back-link:hover {

    color: var(--gizmoo-primary);
}


/* Featured Image (never deforms — natural ratio, capped height) */

.gizmoo-project-article-thumbnail {

    margin-bottom: var(--gizmoo-space-8);
}


.gizmoo-project-article-thumbnail .container {

    overflow: hidden;

    border-radius: var(--gizmoo-radius-lg);
}


.gizmoo-project-article-thumbnail img {

    display: block;

    width: 100%;

    max-height: 520px;

    object-fit: cover;

    object-position: center;
}


/* Content */

.gizmoo-project-article-content {

    padding-bottom: var(--gizmoo-space-9);
}


.gizmoo-project-article-content .container {

    max-width: 760px;

    color: var(--gizmoo-text);

    font-size: var(--gizmoo-font-size-base);

    line-height: var(--gizmoo-line-height-body);
}


.gizmoo-project-article-content p {

    margin: 0 0 var(--gizmoo-space-5);
}


.gizmoo-project-article-content img {

    display: block;

    max-width: 100%;

    height: auto;

    border-radius: var(--gizmoo-radius-md);
}


@media (max-width: 600px) {

    .gizmoo-project-article-header {

        padding: var(--gizmoo-space-5) 0 var(--gizmoo-space-4);
    }

    .gizmoo-project-article-thumbnail img {

        max-height: 320px;
    }

}