/* Westmark Assurance: the pictures.
   ==================================================================
   EVERY picture on the site is set here and nowhere else. To change
   one, edit the single line marked ACTIVE inside its block. Nothing
   else needs touching, and the change reaches every page that uses
   that picture.

   Each block holds two lines. One is ACTIVE. The other sits under it
   inside a comment, ready to use. To swap them over, move the comment
   marks from one line to the other.

     ACTIVE now:  a photograph on Unsplash, free to use under the
                  Unsplash licence with no attribution required.
                  Every one was taken in the United Kingdom and the
                  location is named below so it can be checked. Keep
                  to that rule if you choose a different one.

     READY:       a Westmark panel, drawn in the brand colours and
                  held in the images folder. Nothing is fetched from
                  anywhere else, which is the stricter privacy
                  position.

   BECAUSE THE PHOTOGRAPHS ARE LIVE, the site now loads something
   from another company's server. The privacy notice says so under
   "This website", and the _headers file allows images.unsplash.com
   and no other outside address. If you switch every slot back to a
   Westmark panel, take that paragraph out of the privacy notice
   again.

   A photograph of your own is better than either. Put the file in the
   images folder and write:
        background-image: url("images/your-picture.jpg");
   Landscape, at least 1400 pixels wide, under 400KB once saved for
   the web.

   Cropping. Each picture fills its frame and is centred. To move the
   crop, change background-position: "center top" favours the top,
   "30% center" favours the left.

   Removing a picture. Delete the background-image line and the frame
   becomes a plain stone panel. The page still works.
   ================================================================== */


/* HOME, beside the headline. --------------------------------------
   ACTIVE: Buchanan Street, Glasgow, by Jason Briscoe on Unsplash.
           https://unsplash.com/photos/jAE0R8jVOAA
   READY:  Westmark panel.                                          */
.img-home > i {
  /* The Westmark panel sits underneath as a second layer, so the frame is
     never empty if the photograph cannot be fetched. */
  background-image: url("https://images.unsplash.com/photo-1472981829543-002249be3300?auto=format&fit=crop&w=1400&q=72"), url("images/panel-home.svg");
  background-position: center;
}

/* DEFENCE SUPPLIER MARK, beside the headline. ---------------------
   ACTIVE: The Gherkin, Saint Mary Axe, London, by Nick Fewings on
           Unsplash. https://unsplash.com/photos/jBmNAt2p8-s
   READY:  Westmark panel.                                          */
.img-dsm > i {
  /* The Westmark panel sits underneath as a second layer, so the frame is
     never empty if the photograph cannot be fetched. */
  background-image: url("https://images.unsplash.com/photo-1576242112365-49e5d83e1b31?auto=format&fit=crop&w=1400&q=72"), url("images/panel-dsm.svg");
  background-position: center;
}

/* PROTECTED PREMISES MARK, beside the headline. -------------------
   ACTIVE: Hostile vehicle mitigation bollards along a government
           frontage, Horse Guards Road, London. Photograph by Ross
           Macdonald, held by Ross Macdonald Consultancy Ltd, so no
           outside credit is due and nothing is fetched from another
           host for this one. Cropped so that no departmental signage
           or crest appears, because the site disclaims any government
           endorsement and the picture must not undo that.
   WAS:    Oxford Circus station, by Emre Ucar on Unsplash,
           https://unsplash.com/photos/wVo-epsy3Iw                  */
.img-ppm > i {
  background-image: url("images/bollard-line.jpg");
  background-position: center;
}

/* HOW ASSESSMENT WORKS, beside the headline. ----------------------
   ACTIVE: Tower Bridge, London, by Jocelyn Allen on Unsplash.
           https://unsplash.com/photos/cd-H7KNsn9A
   READY:  Westmark panel.                                          */
.img-how > i {
  /* The Westmark panel sits underneath as a second layer, so the frame is
     never empty if the photograph cannot be fetched. */
  background-image: url("https://images.unsplash.com/photo-1736793705510-22d78eb33a5e?auto=format&fit=crop&w=1400&q=72"), url("images/panel-how.svg");
  background-position: center;
}

/* COUNCILS, beside the headline. ----------------------------------
   ACTIVE: Sheffield City Hall. Photograph by Ross Macdonald, held by
           Ross Macdonald Consultancy Ltd, so no outside credit is due
           and nothing is fetched from another host for this one.
   WAS:    Belfast City Hall and then Manchester Town Hall, both from
           Unsplash. Replaced by our own photograph.                */
.img-councils > i {
  background-image: url("images/sheffield-city-hall.jpg");
  background-position: center;
}

/* ABOUT, beside the headline. -------------------------------------
   ACTIVE: A lit classical frontage at night, Waterloo Place, London.
           Photograph by Ross Macdonald, held by Ross Macdonald
           Consultancy Ltd. No signage or occupier is identifiable in
           the frame, which is deliberate.
   WAS:    Mistley, Essex, by David Walker on Unsplash,
           https://unsplash.com/photos/xg9d2LXCclY                  */
.img-about > i {
  background-image: url("images/lit-facade-at-night.jpg");
  background-position: center;
}

/* A spare slot, ready for a further picture. Nothing uses it yet. - */
.img-spare > i {
  background-image: none;
  background-position: center;
}