/**
 * Portfolio page — spacing after hero + centered project images
 */

body.neoxweb-site.case-study-page .cs-index-hero.hero-section--premium + .cs-section {
    padding-top: clamp(2.5rem, 5vw, 4rem) !important;
    margin-top: 0 !important;
}

body.neoxweb-site.case-study-page .cs-section .cs-container {
    padding-top: 0;
}

body.neoxweb-site.case-study-page .nx-portfolio-showcase {
    gap: 0;
    margin-top: 0;
}

body.neoxweb-site.case-study-page .nx-portfolio-showcase .nx-portfolio-row {
    align-items: center !important;
    align-content: center !important;
    padding: clamp(1.75rem, 3.5vw, 2.75rem) 0 !important;
}

body.neoxweb-site.case-study-page .nx-portfolio-row__media,
body.neoxweb-site.case-study-page .nx-portfolio-row__media--full {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    min-height: clamp(160px, 22vw, 260px) !important;
    max-width: min(360px, 42vw) !important;
    padding: 0.65rem !important;
    margin-top: 0 !important;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 0.75rem;
}

body.neoxweb-site.case-study-page .nx-portfolio-row__media img,
body.neoxweb-site.case-study-page .nx-portfolio-row__media--full img {
    width: 100% !important;
    height: auto !important;
    max-height: min(280px, 38vw) !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: auto !important;
    display: block !important;
}

body.neoxweb-site.case-study-page .nx-testimonial-row .nx-portfolio-row__media img {
    max-height: min(200px, 28vw) !important;
}

@media (max-width: 640px) {
    body.neoxweb-site.case-study-page .nx-portfolio-row__media,
    body.neoxweb-site.case-study-page .nx-portfolio-row__media--full {
        max-width: 100% !important;
        min-height: clamp(140px, 40vw, 200px) !important;
    }
}