/* Remove the first analysis board's empty margins, preserving its full width. */
.back-as-front-page .back-site-study-visual {
    position: relative;
    aspect-ratio: 2200 / 2065;
    overflow: hidden;
}

.back-as-front-page .back-site-study-visual img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-3.0909090909%);
}

/* Frame the complete occupant grid, excluding only the outer blank paper. */
.back-as-front-page .back-occupants-visual {
    position: relative;
    aspect-ratio: 1931 / 1250;
    overflow: hidden;
}

.back-as-front-page .back-occupants-visual img {
    position: absolute;
    max-width: none;
    width: 113.9306059037%;
    height: auto;
    left: -7.7684619379%;
    top: 0;
    transform: translateY(-6.0393258427%);
}

html[lang^="zh"] .back-as-front-page .back-occupants-visual {
    aspect-ratio: 1369 / 886;
}

html[lang^="zh"] .back-as-front-page .back-occupants-visual img {
    width: 113.8787436085%;
    left: -7.7428780131%;
    transform: translateY(-6.0455896928%);
}

/* The replacement plans have no scale stamp to mask. */
.back-as-front-page .porch-plan-switch .porch-drawing::after {
    content: none;
}

/* Crop only the four perspectives; captions stay outside the square images. */
.back-as-front-page .interior-project-image-row img:is([data-image-slot="07"], [data-image-slot="08"], [data-image-slot="09"], [data-image-slot="10"]) {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: 50% 50%;
}

/* Keep the observing group and habitat wall together in the first view. */
.back-as-front-page .interior-project-image-row img[data-image-slot="07"] {
    object-position: 40% 50%;
}

/* Center the family, dining tables and service counter in the cafe view. */
.back-as-front-page .interior-project-image-row img[data-image-slot="09"] {
    object-position: 60% 50%;
}

/* Four original sections, left to right, all at the same drawing scale. */
.back-as-front-page .back-section-segments {
    display: grid;
    grid-template-columns: minmax(0, 254fr) minmax(0, 401fr) minmax(0, 440fr) minmax(0, 167fr);
    gap: clamp(8px, 1.25vw, 16px);
    align-items: start;
}

.back-as-front-page .back-section-segment {
    display: block;
    position: relative;
    min-width: 0;
    aspect-ratio: var(--section-width) / 941;
    overflow: hidden;
}

.back-as-front-page .back-section-segment > img {
    position: absolute;
    top: 0;
    left: calc(-100% * var(--section-start) / var(--section-width));
    width: calc(100% * 1280 / var(--section-width));
    max-width: none;
    height: auto;
}