/*
 * Temporary texture preview.
 * This file is intentionally separate from the core visual system so the
 * clean black-and-paper version can be restored by disabling one stylesheet.
 */

body,
.site-header,
.site-footer {
  background-color: var(--ink);
  background-image:
    linear-gradient(#101012dc, #101012dc),
    url('./custom/texture-dark.webp');
  background-position: center top;
  background-repeat: repeat;
  background-size: auto, 1700px auto;
}

.welcome-gateway,
.home-about,
.home-all-work,
.home-intro-section,
.panel-light,
.about-page,
.work-page .page-hero,
.archive-page .page-hero,
.contact-page .page-hero,
.case-story,
.collection-description,
.logo-sheet {
  background-color: var(--paper);
  background-image:
    linear-gradient(#f2f0ebe6, #f2f0ebe6),
    url('./custom/texture-light.webp');
  background-position: center top;
  background-repeat: repeat;
  background-size: auto, 1650px auto;
}

/* Let the home logo sheet share the section texture instead of sitting on a solid plate. */
.home-all-work .work-index-card.index-logo-group .work-index-art,
.home-all-work .work-index-card.index-logo-group .archive-logo-preview,
.home-all-work .work-index-card.index-logo-group .archive-logo-preview-item {
  background-color: transparent;
  background-image: none;
}

.home-all-work .work-index-card.index-logo-group .work-index-art,
.home-all-work .work-index-card.index-logo-group:is(:hover,:focus-visible) .work-index-art {
  filter: none !important;
}

.home-all-work .work-index-card.index-logo-group .archive-logo-preview-item img {
  filter: none;
  mix-blend-mode: multiply;
}