/* Textures from the Webomat texture library (v1), recoloured by blend mode
   rather than by shipping a tinted copy of each one.

   All four are tileable at 512px and served WebP with an AVIF sibling where
   one exists. They carry no meaning, so they are applied to ::before layers
   that are aria-hidden by construction and never to an <img>. */

.tex-metal,
.tex-blueprint,
.tex-concrete,
.tex-hatch { position: relative; isolation: isolate; }

.tex-metal > *,
.tex-blueprint > *,
.tex-concrete > *,
.tex-hatch > * { position: relative; z-index: 1; }

.tex-metal::before,
.tex-blueprint::before,
.tex-concrete::before,
.tex-hatch::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-repeat: repeat;
}

/* Brushed metal: the site header and the stat band, where the eye reads it as
   the material rather than as a pattern. Overlay keeps the steel underneath. */
.tex-metal::before {
    background-image: url(/textures/brushed-metal.webp);
    background-size: 320px;
    mix-blend-mode: overlay;
    opacity: 0.35;
}

/* Blueprint rules on the light heritage band: the drawing under the building. */
.tex-blueprint::before {
    background-image: url(/textures/blueprint.webp);
    background-size: 420px;
    mix-blend-mode: multiply;
    opacity: 0.09;
}

/* Concrete on raised dark sections: tooth without pattern. */
.tex-concrete::before {
    background-image: url(/textures/concrete.webp);
    background-size: 460px;
    mix-blend-mode: overlay;
    opacity: 0.16;
}

/* Diagonal hatch on the CTA band, echoing the logo's parallelogram. */
.tex-hatch::before {
    background-image: url(/textures/hatch.webp);
    background-size: 260px;
    mix-blend-mode: overlay;
    opacity: 0.10;
}

/* A texture is decoration. If the visitor has asked for less, or the display
   cannot render blend modes usefully, the page loses nothing by dropping it. */
@media (prefers-reduced-motion: reduce), (prefers-contrast: more) {
    .tex-metal::before,
    .tex-blueprint::before,
    .tex-concrete::before,
    .tex-hatch::before { display: none; }
}