/*
 * Rebuilt background photographs - sharper, and lighter to download.
 *
 * Muse exported several of the full-width background photographs badly: most
 * at roughly a third of the width they are stretched across, so they arrive
 * soft and blurred, and two of them as very heavy PNGs. Each has been rebuilt
 * to suit the width it is actually displayed at (1920px, the design width of
 * the layout), keeping the framing, crop and colour of the original. The Muse
 * originals are left in place, untouched, beside the new files.
 *
 * Done here rather than in the Muse pagesheets so the export itself stays
 * untouched: these rules can be lifted out again, and a fresh export from Muse
 * will not quietly bring the soft images back with it. Only the image is
 * swapped - the "cover" positioning set by the export still applies.
 *
 * Sister file to hero-overlay.css, which does the same for the home page hero.
 */

/*
 * Enforcement officer, behind the lower half of the home and About Us pages.
 * Muse exported it at 769x795; enf-officer-hd.jpg is the same photograph at
 * 1920x1985, the same 769:795 shape, so "cover" crops it identically.
 *
 * The page already shows this one at 22% opacity, so it is saved at a modest
 * JPEG quality: nothing of the compression survives being faded that far.
 */
#u2855, /* home */
#u4837 /* about us */ {
  background-image: url("../images/enf-officer-hd.jpg");
}

/*
 * Boardroom photograph across the How We Work banner. Muse exported it at
 * 850x567; teamwork-march-hd.jpg is the same photograph at 1920x1281, the same
 * 850:567 shape.
 *
 * Muse baked the fade into its PNG - the whole file is 16.5% opaque, showing
 * the solid #1E2B33 band behind it through the photograph. Carrying that alpha
 * channel at full size would have cost about 2.5MB, so the fade is mixed into
 * the new file instead: the photograph at 16.5% over #1E2B33, which is exactly
 * what the browser was drawing before, in 158KB.
 */
#u6634 {
  background-image: url("../images/teamwork-march-hd.jpg");
}

/*
 * The two rules below are about weight rather than sharpness. Muse saved these
 * two photographs as PNG - the wrong format for a photograph - so each one
 * arrived at roughly 890KB, and they are among the first things a visitor's
 * browser downloads. Both carry the same baked-in fade as the banners above:
 * the whole file is 16.5% opaque, letting the solid #1E2B33 band behind it
 * show through. Both replacements mix that fade in at exactly the 16.5%
 * over #1E2B33 the browser was drawing before, then save as JPEG. Framing,
 * crop and colour are otherwise untouched.
 */

/*
 * Customer-care photograph, behind the page-title banner on Our Promise, Our
 * Guarantee, Customer Charter and FAQs. Muse exported it at 2349x1566 - wider
 * than the 1920px the layout ever stretches it across - so customer-care-lite
 * is the same photograph resampled to 1920x1280, the same 3:2 shape, and
 * "cover" therefore crops it identically. 887KB -> 86KB.
 */
#u9325 {
  background-image: url("../images/customer-care-lite.jpg");
}

/*
 * Landing photograph behind the Contact Us banner. Kept at its original
 * 1258x562 rather than resampled: the export is already narrower than the
 * width it is displayed at, and stretching it here would only add bytes
 * without adding any detail the browser is not already inventing. Sharpening
 * this one is a separate job; this change is purely 896KB -> 86KB.
 */
#u5396 {
  background-image: url("../images/landing3-lite.jpg");
}