/* =======================================================================
   MOSAICA PLUS — "full building" render treatment
   -----------------------------------------------------------------------
   Building renders must never be cropped (the whole structure has to be
   visible). object-fit:cover crops the render to fill its frame, so we
   switch the render to object-fit:contain and place a softly blurred,
   dimmed copy of the same image behind it to fill the frame instead of
   leaving empty bars. Applied automatically by fullbuilding.js to hero
   slides, project cubes and project cards.
   ======================================================================= */

/* Softly blurred backdrop that fills the frame behind a "contain" render so
   there are no empty bars. Kept bright and lightly saturated so it reads as a
   seamless frosted extension of the render — never a dark band. */
.fb-blur {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: blur(34px) brightness(0.97) saturate(1.12);
    transform: scale(1.25);
    z-index: 0;
    pointer-events: none;
}

/* The render itself: show it whole, centered, above the backdrop. */
img.fb-contain {
    object-fit: contain !important;
    object-position: center !important;
    z-index: 1;
}

/* Hero renders sit slightly higher than dead-center so the building base
   clears the bottom-left headline block. */
.hero-image.fb-contain {
    object-position: center 42% !important;
}