/* An engraved pen belongs to this archive; touch keeps its native gestures. */
.archive-cursor,.archive-cursor-particles{position:fixed;pointer-events:none!important;user-select:none;z-index:100}
.archive-cursor{left:0;top:0;width:38px;height:42px;visibility:hidden;transform:translate3d(-100px,-100px,0)}
.archive-cursor img{display:block;width:38px;height:auto;max-width:none;transform-origin:3.2px 3.2px;transform:rotate(-8deg);transition:transform 160ms ease,filter 160ms ease;filter:drop-shadow(1px 2px 2px #0007)}
.archive-cursor.is-active{visibility:visible}
.archive-cursor.is-link img{transform:rotate(4deg) scale(1.14);filter:drop-shadow(0 0 3px #e0bba3) drop-shadow(1px 2px 2px #0007)}
.archive-cursor.is-down img{transform:rotate(-18deg) scale(.92)}
.archive-cursor::before,.archive-cursor::after{content:'';position:absolute;background:#e9cb8b;box-shadow:0 0 3px #182321;transform:rotate(45deg);animation:quill-glint 2.8s ease-in-out infinite;opacity:.25}
.archive-cursor::before{width:3px;height:3px;left:31px;top:5px}
.archive-cursor::after{width:2px;height:2px;left:9px;top:37px;animation-delay:-1.4s;background:#c54832}
.archive-cursor:not(.is-active)::before,.archive-cursor:not(.is-active)::after{animation-play-state:paused}
.archive-cursor-particles{inset:0;width:100%;height:100%}
@media(hover:hover) and (pointer:fine){html.has-archive-cursor,html.has-archive-cursor *{cursor:none!important}}
@keyframes quill-glint{0%,100%{opacity:.2;transform:rotate(45deg) scale(.7)}50%{opacity:.85;transform:rotate(70deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.archive-cursor::before,.archive-cursor::after{animation:none}.archive-cursor img{transition:none}.archive-cursor-particles{display:none}}
@media print{.archive-cursor,.archive-cursor-particles{display:none!important}}
