/* One small watercolor canvas, with the real brush tip registered to each stroke. */
.hero-keepsake{animation:none!important;transform:rotate(-4deg)}
.hero-painting{position:relative;aspect-ratio:5/7;isolation:isolate;background:#faf3e5 url('assets/cotton-paper.webp') center/cover}
.hero-painting>[data-keepsake-portrait],.hero-painting>.hero-sketch,.hero-painting>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hero-painting>canvas,.hero-painting>.hero-sketch{opacity:0;pointer-events:none}
.hero-painting.is-looping>[data-keepsake-portrait]{opacity:0}
.hero-painting.is-looping>.hero-sketch{opacity:.43}
.hero-painting.is-looping>canvas{opacity:1}
.hero-painting.is-static>[data-keepsake-portrait]{opacity:1}
.hero-painting.is-static>.hero-sketch,.hero-painting.is-static>canvas{opacity:0!important}
.hero-fine-brush{position:absolute;z-index:5;left:0;top:0;width:62px;height:auto;transform-origin:3.4946% 98.9%;pointer-events:none;filter:drop-shadow(2px 3px 1px #68543528);opacity:0}
.hero-painting.is-looping .hero-fine-brush{opacity:1}
.hero-painting.is-static .hero-fine-brush{display:none}
.hero-portrait .portrait-tape{z-index:6;pointer-events:none}
.hero-small-note{z-index:6;pointer-events:none}
.hero-portrait{padding-bottom:61px}
.hero-portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;left:13px;right:13px;bottom:9px;font-size:23px;line-height:1.05;min-height:42px;text-align:left}
.hero-portrait figcaption [data-painting-caption]{max-width:230px}
.painting-count{font:9px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#92846e;flex:0 0 auto;white-space:nowrap}
@media(max-width:360px){.hero-fine-brush{width:56px}}
@media(prefers-reduced-motion:reduce){.hero-painting>[data-keepsake-portrait]{opacity:1!important}.hero-painting>canvas,.hero-painting>.hero-sketch,.hero-fine-brush{display:none!important}}