/* Reference pages built by builder D (Frida och Erik, Jakob, Julia och John, Klas & Sandra,
   Mattias och Kim, Patrik, Ulrika och Martin). Only what the template's CSS does not cover. */

/* A quote from the old page's quote block (the customer's words, or a short word from the advisor),
   inside the text beside a picture: Bold 18/28 as the project lead's quote (nd_project_quote),
   with who said it under it in Space Mono, and the short dashed line of a gallery caption above it. */
.nd_page .nd_rich .nd_ref_d_quote {
    margin: 32px 0 0;
    padding: 0;
}
.nd_page .nd_rich .nd_ref_d_quote::before {
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    margin-bottom: 16px;
    background-image: linear-gradient(to right, var(--nd_gray_dash) 50%, transparent 50%);
    background-size: 6px 100%;
}
.nd_page .nd_rich .nd_ref_d_quote p {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-wrap: pretty;
}
.nd_page .nd_rich .nd_ref_d_quote .nd_ref_d_quote_by {
    margin-top: 12px;
    font-family: var(--nd_mono);
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    color: var(--nd_gray_text);
}

/* Patrik's before and after are landscape photos (2000 x 1357), so the frame keeps 4:3 instead of the
   snippet's 4:5, as a landscape motif is never cropped to portrait (PLAYBOOK 11). nd_before_after.html
   has no option for this yet. */
.nd_page .nd_before_after:has(img[src*="h2vXFPDNLjOz_forebiorum"]) {
    aspect-ratio: 4 / 3;
}

/* Mattias och Kim's "Helrenovering av villan" is text without a picture (nd_text_section.html): at most
   860 px wide, as the hero's text, so its lines do not run the full 1360 px. */
.nd_page.nd_project_page .nd_text_column {
    max-width: 860px;
}