/* Separate torn print fragments, composed with real letters on a white artboard. */
.cutout-home .sheet{position:relative;overflow:hidden}
.ch-collage{position:absolute;inset:5%;pointer-events:none}
.ch-art{display:block;width:100%;height:100%;overflow:visible}
.ch-letter{filter:drop-shadow(1px 2px .9px #30251938)}
.ch-scrap{filter:drop-shadow(1px 2px 1px #30251920)}
.ch-wire{display:none}
@keyframes ch-nudge{0%,6%{transform:translate(-5px,-9px) rotate(-4deg)}10%,16%{transform:translate(4px,2px) rotate(2.5deg)}20%,27%{transform:translate(-1px,1px) rotate(-1deg)}31%,64%{transform:translate(0,0) rotate(0)}68%,74%{transform:translate(2px,-4px) rotate(1.5deg)}78%,100%{transform:translate(0,0) rotate(0)}}
@keyframes ch-scrap-nudge{0%,8%{transform:translate(-2px,-3px) rotate(-1deg)}12%,20%{transform:translate(1px,1px) rotate(.6deg)}24%,66%{transform:translate(0,0) rotate(0)}70%,78%{transform:translate(1px,-2px) rotate(.5deg)}82%,100%{transform:translate(0,0) rotate(0)}}
.cutout-home:is(:hover,:focus-visible) .ch-letter{animation:ch-nudge 2.8s steps(1,end) calc(0ms - var(--beat)) infinite}
.cutout-home:is(:hover,:focus-visible) .ch-scrap{animation:ch-scrap-nudge 2.8s steps(1,end) calc(0ms - var(--beat)) infinite}
.root[data-debug=true] .ch-letter image,.root[data-debug=true] .ch-scrap image{visibility:hidden}
.root[data-debug=true] .ch-wire{display:block;fill:none;stroke:var(--wire);stroke-width:1}
.root[data-debug=true] :is(.ch-letter,.ch-scrap){filter:none}
@media(prefers-reduced-motion:reduce){.cutout-home :is(.ch-letter,.ch-scrap){animation:none!important}}