/* A shared olive-and-ink texture system. Decoration never covers controls or copy. */
.dc-brand-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.dc-brand-footer::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: min(55%, 620px);
  height: 28px;
  background: url('../assets/dealerclaw-stipple.webp') right bottom / cover no-repeat;
  mix-blend-mode: screen;
  opacity: .55;
  pointer-events: none;
}
.article-head {
  background-color: var(--bone, #f3f3ef);
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.article-head::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 20px;
  bottom: 20px;
  right: 0;
  width: min(440px, calc((100% - 780px) / 2 - 24px));
  background: url('../assets/dealerclaw-filament-light.webp') right center / auto 100% no-repeat;
  mask-image: linear-gradient(to right, transparent, #000 45%);
  mix-blend-mode: multiply;
  opacity: .6;
  pointer-events: none;
}
@media (max-width: 1000px) {
  .article-head::after { display: none; }
}
@media (max-width: 800px) {
    .dc-brand-footer::after { width: 65%; height: 18px; opacity: .4; }
}