/* ==========================================================================
   ICONS — every icon is a single-colour PNG (Flaticon, "Those Icons" set)
   or an SVG stand-in, applied as a CSS mask so the colour comes from the
   `background` of the element: --paper on light bands, --ink on dark,
   --green where it is the accent. Swap a file, nothing else changes.
   Paths are root-relative so the same stylesheet works at every depth.
   ========================================================================== */
.ico{
  display:inline-block; width:1em; height:1em; flex:none;
  background:currentColor;
  -webkit-mask:var(--ico) center/contain no-repeat; mask:var(--ico) center/contain no-repeat;
}
.ico--pin{ --ico:url("/assets/img/icons/pin.png"); }
.ico--materials{ --ico:url("/assets/img/icons/materials.png"); }
.ico--factory{ --ico:url("/assets/img/icons/factory.png"); }
.ico--truck{ --ico:url("/assets/img/icons/truck.png"); }
.ico--badge{ --ico:url("/assets/img/icons/badge.png"); }
.ico--terrain{ --ico:url("/assets/img/icons/terrain.png"); }
.ico--washed{ --ico:url("/assets/img/icons/washed.png"); }
.ico--kiln{ --ico:url("/assets/img/icons/kiln.png"); }
.ico--thermal{ --ico:url("/assets/img/icons/thermal.png"); }
.ico--fill{ --ico:url("/assets/img/icons/fill.png"); }
.ico--turf{ --ico:url("/assets/img/icons/turf.png"); }
.ico--flocculant{ --ico:url("/assets/img/icons/flocculant.png"); }
.ico--bulka{ --ico:url("/assets/img/icons/bulka.png"); }
.ico--drymix{ --ico:url("/assets/img/icons/drymix.png"); }
.ico--wind{ --ico:url("/assets/img/icons/wind.png"); }
.ico--datacentre{ --ico:url("/assets/img/icons/datacentre.png"); }
.ico--power{ --ico:url("/assets/img/icons/power.png"); }
.ico--civil{ --ico:url("/assets/img/icons/civil.png"); }
.ico--concrete{ --ico:url("/assets/img/icons/concrete.png"); }
.ico--spraycrete{ --ico:url("/assets/img/icons/spraycrete.png"); }
.ico--landscape{ --ico:url("/assets/img/icons/landscape.png"); }
.ico--water{ --ico:url("/assets/img/icons/water.png"); }
.ico--sport{ --ico:url("/assets/img/icons/sport.png"); }
.ico--equestrian{ --ico:url("/assets/img/icons/equestrian.png"); }
.ico--tiling{ --ico:url("/assets/img/icons/tiling.png"); }
.ico--rail{ --ico:url("/assets/img/icons/rail.png"); }
.ico--foundry{ --ico:url("/assets/img/icons/foundry.png"); }
.ico--golf{ --ico:url("/assets/img/icons/golf.png"); }
.ico--info{ --ico:url("/assets/img/icons/info.png"); }
.ico--list{ --ico:url("/assets/img/icons/list.svg"); }
.ico--ruler{ --ico:url("/assets/img/icons/ruler.svg"); }
.ico--book{ --ico:url("/assets/img/icons/book.svg"); }
.ico--buildings{ --ico:url("/assets/img/icons/buildings.svg"); }
.ico--phone{ --ico:url("/assets/img/icons/phone.svg"); }
.ico--email{ --ico:url("/assets/img/icons/email.svg"); }