/* Home page: less empty space between sections (owner, 2026-11-14: "too much scrolling between one heading and
   the next"). Loads after the other part-*.css files, so these values win. */
body.bm-calm .bm-section,
body .bm-section {
    padding-top: 32px;
    padding-bottom: 32px;
}
@media (min-width: 1024px) {
    body.bm-calm .bm-section,
    body .bm-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}
body .bm-head,
body.bm-calm .bm-logos .bm-head {
    margin-bottom: 18px;
}
@media (min-width: 1024px) {
    body .bm-head,
    body.bm-calm .bm-logos .bm-head {
        margin-bottom: 24px;
    }
}
.bm-logos .bm-logos__more {
    margin-top: 14px;
}
/* The brand strip inside the home brands section brings no extra space of its own. */
section.barami-brands.barami-brands--home {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
section.barami-brands--home .barami-brands__list {
    margin: 0;
}
/* Intro and showroom sections. */
body.bm-calm .bm-intro {
    padding-top: 40px;
    padding-bottom: 0;
}
@media (min-width: 1024px) {
    body.bm-calm .bm-intro {
        padding-top: 56px;
    }
}

/* Tighter still (round 2). */
body.bm-calm .bm-section, body .bm-section { padding-top: 22px; padding-bottom: 22px; }
@media (min-width: 1024px) { body.bm-calm .bm-section, body .bm-section { padding-top: 30px; padding-bottom: 30px; } }
body .bm-section .bm-title, body.bm-calm .bm-section .bm-title { margin-top: 0; }