/* Northline Atelier — Architecture & Interior Design | NOCX Showcase Engine 4.4.7
 * This file is loaded only for /samples/architecture-interior-design/.
 * The original global sample.css intentionally contains photographs with
 * object-fit: contain !important. Override only the 9 requested image slots
 * using proportional cropping; do not stretch the sources or alter markup.
 */

/* Task 1: six 'How we can help' service photographs, no other gallery items. */
body.nx-sample-site.industry-architecture-interior-design
.sample-services .sample-service-grid > article > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Task 2: the About Northline Atelier photograph. */
body.nx-sample-site.industry-architecture-interior-design
.sample-about > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center 50% !important;
}

/* Task 3: the first two 'Spaces shaped with intention' featured photos. */
body.nx-sample-site.industry-architecture-interior-design
.sample-gallery .experience-feature-pair > article:nth-child(-n+2) > figure > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Task 4: transparent six-item gallery text grid wrapper.
 * Preserve child article backgrounds, border radius, gaps and breakpoints. */
body.nx-sample-site.industry-architecture-interior-design
.sample-gallery .experience-text-grid {
    background: transparent;
    border: none;
    box-shadow: none;
}