/* SidelineAssistant — duotone image filter (forest shadows + brass highlights).
Apply via class="duotone" on ![]()
. SVG defined inline at the bottom of
the page (see 's hidden svg defs in the HTML templates). */
.duotone {
filter: url(#duotone-forest-brass);
}
/* Optional alt: cooler version for mid-page imagery */
.duotone-cool {
filter: url(#duotone-forest-mist);
}
/* Photo with gradient overlay + brass mix-blend */
.photo-treated {
position: relative;
overflow: hidden;
border-radius: var(--radius-lg);
}
.photo-treated img {
width: 100%;
height: 100%;
object-fit: cover;
}
.photo-treated::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, rgb(13 42 34 / 0.55) 0%, transparent 60%);
pointer-events: none;
}
.photo-treated::before {
content: "";
position: absolute;
inset: 0;
background: var(--color-accent);
mix-blend-mode: multiply;
opacity: 0.06;
pointer-events: none;
}