/* Thin gold diamond lattice. Always a transition device between sections —
   never a flat fill behind body copy at full strength. */
:root{
  --diamond-size:34px;
  --diamond-line:rgba(211,190,134,.34);
  --diamond-line-soft:rgba(211,190,134,.20);
  --diamond-line-inverse:rgba(211,190,134,.30);
}
.rds-diamonds{
  background-image:
    repeating-linear-gradient(45deg,transparent 0,transparent calc(var(--diamond-size) - 1px),var(--diamond-line) calc(var(--diamond-size) - 1px),var(--diamond-line) var(--diamond-size)),
    repeating-linear-gradient(-45deg,transparent 0,transparent calc(var(--diamond-size) - 1px),var(--diamond-line) calc(var(--diamond-size) - 1px),var(--diamond-line) var(--diamond-size));
  background-position:center;
}
.rds-diamonds--fade-down{-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 48%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 48%,transparent 100%)}
.rds-diamonds--fade-up{-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 48%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 48%,transparent 100%)}
.rds-diamonds--fade-center{-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.4) 55%,transparent 82%);mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.4) 55%,transparent 82%)}