/* Keep the original font, spacing and accessible heading throughout the reveal. */
.layer-center h1.ink-rendered .ink-line{position:relative}
.ink-rendered .ink-original{visibility:hidden}
.ink-lettering{position:absolute;left:50%;top:0;transform:translateX(-50%);height:1.2em;max-width:none;overflow:visible;color:#fff;pointer-events:none}
.ink-rendered{text-shadow:none!important}
.ink-stroke{stroke-dasharray:1;stroke-dashoffset:1;animation:ink-write linear both}
@keyframes ink-write{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ink-lettering{display:none}.ink-rendered .ink-original{visibility:visible}}
/* Fixed clipping contains the supplied PNG while it enters/exits the viewport. */
.ink-hand-stage{position:fixed;inset:0;z-index:80;overflow:hidden;pointer-events:none;user-select:none;contain:strict}
.ink-hand{position:absolute;left:0;top:0;width:clamp(500px,78vw,1100px);aspect-ratio:3/2;transform-origin:0 0;will-change:transform;opacity:0;pointer-events:none}
.ink-hand>img{position:absolute;left:-27.864583%;top:-43.847656%;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
@media(prefers-reduced-motion:reduce){.ink-hand-stage{display:none}}
/* Soften only the cropped end of the supplied short sleeve. */
.ink-hand>img{-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}