/* ==========================================================================
   Imagery layer
   Hero, Industries and Alliances backgrounds are local owner-supplied files. The office
   and industry-card photos are hotlinked from iolgenius.com in index.html.
   Each section also has a solid fallback colour in styles.css.
   ========================================================================== */

:root {
  --img-hero:  url('../assets/hero-earth.jpg');  /* owner-supplied hi-res, 2026-09-24 */
  --img-industries: url('../assets/industries-bg.jpg');  /* supplied by owner, 2026-09-23 */
  --img-alliances: url('../assets/alliances-bg.jpg');    /* supplied by owner, 2026-09-24 */
}

/* Industry card fronts with local photos. Declared here (not inline in the
   HTML) so the relative path resolves from css/, where the var() is used. */
.card-healthcare { --card-img: url('../assets/industry-healthcare.jpg'); }  /* owner-supplied, 2026-09-24 */
.card-insurance { --card-img: url('../assets/industry-insurance.jpg'); }   /* owner-supplied, 2026-09-24 */
.card-transport { --card-img: url('../assets/industry-transport.jpg'); }   /* owner-supplied, 2026-09-24 */
.card-integration { --card-img: url('../assets/industry-integration.jpg'); }   /* owner-supplied, 2026-09-24 */
.card-mobile { --card-img: url('../assets/industry-mobile.jpg'); }   /* owner-supplied, 2026-09-24 */
.card-web { --card-img: url('../assets/industry-web.jpg'); }   /* owner-supplied, 2026-09-24 */