/* Carbon weave + photo overlays */
:root{
/* 2x2 twill weave, modeled on the 1.5K weave visible on the shaft renders. Tile = --carbon-tile. */
--carbon-weave:
 linear-gradient(27deg,rgba(255,255,255,.022) 5px,transparent 5px) 0 5px,
 linear-gradient(207deg,rgba(255,255,255,.022) 5px,transparent 5px) 10px 0,
 linear-gradient(27deg,rgba(0,0,0,.11) 5px,transparent 5px) 0 10px,
 linear-gradient(207deg,rgba(0,0,0,.11) 5px,transparent 5px) 10px 5px,
 linear-gradient(90deg,rgba(255,255,255,.02) 10px,transparent 10px),
 linear-gradient(rgba(255,255,255,.015) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.08) 75%,rgba(255,255,255,.018) 75%); /* @kind other */
--carbon-tile:20px 20px; /* @kind other */
/* Photo overlays — text protection */
--overlay-hunting:linear-gradient(90deg,rgba(14,12,8,.88) 0%,rgba(20,15,8,.62) 38%,rgba(20,15,8,0) 70%),linear-gradient(0deg,rgba(14,15,17,.7) 0%,rgba(14,15,17,0) 40%); /* @kind other */
--overlay-target:linear-gradient(90deg,rgba(8,12,18,.9) 0%,rgba(10,16,24,.66) 38%,rgba(10,16,24,0) 70%),linear-gradient(0deg,rgba(14,15,17,.75) 0%,rgba(14,15,17,0) 40%); /* @kind other */
--overlay-bottom:linear-gradient(0deg,rgba(14,15,17,.92) 0%,rgba(14,15,17,.55) 45%,rgba(14,15,17,0) 80%); /* @kind other */
--overlay-scrim:rgba(14,15,17,.55);
--filter-hunting:saturate(1.05) sepia(.08) contrast(1.02); /* @kind other */
--filter-target:saturate(.85) hue-rotate(-6deg) contrast(1.06) brightness(.97); /* @kind other */
}
.vx-carbon{background:var(--carbon-weave);background-color:var(--carbon-950);background-size:var(--carbon-tile)}
.vx-carbon--raised{background-color:var(--carbon-900)}
.vx-carbon-fade{position:relative}
.vx-carbon-fade::before{content:"";position:absolute;inset:0;background:var(--carbon-weave);background-size:var(--carbon-tile);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}