/* A paper veil and one measured architectural sketch, shared by document routes. */
html.page-drawing-in::after,html.page-drawing-out::after{content:'';position:fixed;inset:0;background:#f5f4f1;z-index:2147483000;pointer-events:none}
html.page-drawing-in::after{animation:page-paper-arrive .92s ease both}
html.page-drawing-out::after{animation:page-paper-leave .32s ease both}
.page-drawing{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:center;pointer-events:none;color:#66745a}
.page-drawing-study{width:min(360px,66vw);animation:page-study-arrive .92s ease both}
.page-drawing svg{display:block;width:100%;height:auto;overflow:visible}
.page-drawing-guides{stroke:currentColor;stroke-width:.6;opacity:.18}
.page-drawing-guides ellipse{stroke-dasharray:2 5}
.page-drawing-strokes{stroke:currentColor;stroke-width:.8;stroke-linejoin:round;stroke-linecap:round}
.page-drawing-strokes path{stroke-dasharray:1;stroke-dashoffset:1;animation:page-ink .62s cubic-bezier(.25,.5,.3,1) forwards}
.page-drawing-strokes path:nth-child(2){animation-delay:.07s;stroke-width:1.05}
.page-drawing-strokes path:nth-child(3){animation-delay:.14s;opacity:.55}
.page-drawing-nodes{fill:currentColor;animation:page-nodes .55s ease both}
.page-drawing-caption{display:flex;justify-content:space-between;gap:20px;padding:10px 30px 0;font:8px/1.6 'Barlow',sans-serif;letter-spacing:.2em;color:#87917d}
.page-drawing-destination{text-align:right}
.page-drawing-out .page-drawing-study{animation:page-study-leave .32s ease both}
.page-drawing-out .page-drawing-strokes path{animation-duration:.32s;animation-delay:0s}
@keyframes page-paper-arrive{0%,60%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes page-paper-leave{from{opacity:0}to{opacity:1}}
@keyframes page-study-arrive{0%{opacity:0}15%,64%{opacity:1}100%{opacity:0}}
@keyframes page-study-leave{from{opacity:0}to{opacity:1}}
@keyframes page-ink{to{stroke-dashoffset:0}}
@keyframes page-nodes{0%,20%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){html.page-drawing-in::after,html.page-drawing-out::after,.page-drawing{display:none!important}}
