/* PROmaterials — brand imagery.
   These are our OWN catalogue photographs: ARKLAM large-format porcelain and the
   fabric collections we actually sell, exported from the ERP. Own origin only —
   a remote background-image is a transfer that happens before the page paints
   (CLAUDE.md §14). */
.c-materials {
  --hero-img:  url("img/hero-900.webp");
  --panel-img: url("img/panel-900.webp");
}
@media (min-width: 901px) {
  .c-materials { --hero-img: url("img/hero-1600.webp"); }
}