/* Reference pages from round 5 (builder B): Badrumsrenovering hos Tommy och Ingrid, Fasadmålning hos
   Claes-Göran and Marcus, Köksrenovering hos Beatrice, Emelie och Conrad, Hodo and Jenny och Theodor.
   Loaded after ny_design.css, ny_design_listor.css and ny_design_inspiration.css on those pages only;
   everything is scoped to their own classes. */

/* ---------- Hero pictures that need another crop than the center ----------
   Emelie och Conrad: a man stands at the sink, and the 3:1 crop from the middle would cut his head.
   Beatrice: the only after picture is upright, so the strip shows the blue cabinet and the sink. */
.nd_page.nd_ref_b_emelie_page .nd_project_hero_image {
    object-position: 50% 15%;
}
.nd_page.nd_ref_b_beatrice_page .nd_project_hero_image {
    object-position: 50% 40%;
}

/* ---------- A picture in the gallery cropped from the top ----------
   The painter's head is at the very top of the photo; the 4:5 crop keeps it. */
.nd_page .nd_project_gallery .nd_ref_b_top img {
    object-position: 50% 0;
}

/* ---------- Drawings side by side (Tommy och Ingrid) ----------
   The measured drawings are shown whole, never cropped to 4:3. */
.nd_page .nd_ref_b_drawings .nd_image_pair img {
    object-fit: contain;
}

/* ---------- The customer's words without a portrait (Beatrice, Emelie och Conrad) ----------
   The dashed frame of "Projektledarens citat", with the customers' names in the caption. */
.nd_page .nd_ref_b_customer_quote figcaption {
    margin-top: 0;
}

/* ---------- Text sections without a picture (Emelie och Conrad) ----------
   "Prisvärt sätt att få ett vackert kök" and the customers' tips run at most 860 px wide, as the
   hero's text does, so the lines stay readable. */
.nd_page.nd_ref_b_emelie_page .nd_text_column {
    max-width: 860px;
}

/* ---------- A long project fact on phones (Beatrice, Emelie och Conrad) ----------
   The material lists are wider than a phone, so on those two pages a fact may wrap instead of
   pushing the page sideways. */
@media (max-width: 767px) {
    .nd_page.nd_ref_b_beatrice_page .nd_project_facts > span,
    .nd_page.nd_ref_b_emelie_page .nd_project_facts > span {
        white-space: normal;
    }
}