/* Page-level overrides for the About Us template only.
   Section styling itself lives in each section's own classes/[name]/[name].css. */

/* content_banner --story ("Built in Norwich, built for you") — left heading +
   star divider, right body. The "Our Philosophy" section uses the dedicated
   statement_banner class, not content_banner. */
.content-banner--story .content-banner__body {
    color: var(--color-dark);
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

/* Drop the default italic from the heading-font body treatment on this page. */
.content-banner__body {
    font-style: normal;
}

/* The gallery sits flush against its neighbours on this page — no vertical
   padding at any breakpoint (image-gallery.css only sets it on the base rule,
   so one override covers desktop, laptop, tablet and mobile). */
.image-gallery {
    padding-top: 0;
    padding-bottom: 0;
}

/* The events carousel below the statement banner only renders when there are
   upcoming events. With no carousel the banner is the last section on the page,
   so it takes the larger bottom padding instead of the tight same-colour one. */
main > .statement-banner:last-child {
    padding-bottom: var(--pad-y-alt);
}