/* Five poses of the same hoplite; preserve the original colors. */
.quote-card[data-watermark]::before{background-image:var(--quote-watermark);background-position:center;background-size:contain;background-repeat:no-repeat;filter:grayscale(1) invert(1);opacity:.18;mask-image:linear-gradient(#000 65%,transparent);width:190px;height:225px;pointer-events:none}
.quote-card[data-watermark="hoplite-1"]{--quote-watermark:url("assets/images/hoplit-postoj-1.png")}
.quote-card[data-watermark="hoplite-2"]{--quote-watermark:url("assets/images/hoplit-postoj-2.png")}
.quote-card[data-watermark="hoplite-3"]{--quote-watermark:url("assets/images/hoplit-postoj-3.png")}
.quote-card[data-watermark="hoplite-4"]{--quote-watermark:url("assets/images/hoplit-postoj-4.png")}
.quote-card[data-watermark="hoplite-5"]{--quote-watermark:url("assets/images/hoplit-postoj-5.png")}
.quote-track{animation-name:watermark-belt;animation-duration:110s}
@keyframes watermark-belt{to{transform:translateX(calc(-50% - 16px))}}
@media(prefers-reduced-motion:reduce){.quote-track{animation:none}}