/* A painting gradually separates from the landscape's faded colour.
   This changes only the seasonal display; the archive and full viewer stay faithful. */
.spring{--landscape-wash:#9c9979;--print-sepia:.35}
.summer{--landscape-wash:#82968b;--print-sepia:.24}
.autumn{--landscape-wash:#b29b73;--print-sepia:.43}
.winter{--landscape-wash:#c6ccbc;--print-sepia:.16}
.colour-enabled .season .paint{--colour-presence:0}
.colour-enabled .season .paint,
.colour-enabled.js-motion .season:not(.entered) .paint{opacity:1;translate:none;transition:none}
.colour-enabled .season .paint-image{isolation:isolate;opacity:calc(.83 + var(--colour-presence)*.17);border-color:#b0a98c66!important;box-shadow:0 1px 2px #20291d18,0 5px 15px #1e2b2226;transition:opacity 2.6s var(--slow),box-shadow 2.6s var(--slow);transform:none}
.colour-enabled .season .paint-image img{filter:grayscale(calc((1 - var(--colour-presence))*.76)) sepia(calc((1 - var(--colour-presence))*var(--print-sepia))) saturate(calc(.52 + var(--colour-presence)*.48)) contrast(calc(.82 + var(--colour-presence)*.18)) brightness(calc(.97 + var(--colour-presence)*.03));transition:filter 2.6s var(--slow)}
.colour-enabled .season .paint-image:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(145deg,var(--landscape-wash),transparent 78%);opacity:calc((1 - var(--colour-presence))*.28);transition:opacity 2.6s var(--slow)}
.colour-enabled .season .paint:hover .paint-image,
.colour-enabled .season .paint:focus-visible .paint-image{opacity:1;transform:none;box-shadow:0 1px 3px #20291d22,0 6px 19px #1e2b2233}
.colour-enabled .season .paint:is(:hover,:focus-visible) .paint-image img{filter:none;transition-duration:.8s}
.colour-enabled .season .paint:is(:hover,:focus-visible) .paint-image:after{opacity:0;transition-duration:.8s}
.colour-enabled .season .paint:focus-visible{outline-color:#e3d9bc;outline-offset:8px}
.colour-enabled .winter .paint:focus-visible{outline-color:#405549}
/* Pausing motion gives immediate access to the original colours. */
.no-motion.colour-enabled .season .paint-image{opacity:1}
.no-motion.colour-enabled .season .paint-image img{filter:none}
.no-motion.colour-enabled .season .paint-image:after{opacity:0}
@media(prefers-reduced-motion:reduce){
 .colour-enabled .season .paint-image{opacity:1;transition:none}
 .colour-enabled .season .paint-image img{filter:none;transition:none}
 .colour-enabled .season .paint-image:after{opacity:0;transition:none}
}