.post .back,.post header h1,.post header .post-swash,.post header .metaline{animation:post-rise .7s var(--ease-out-strong) both}.post header h1{animation-delay:60ms}.post header .metaline{animation-delay:.16s}.post .prose-notes{animation:post-fade .8s var(--ease-out-strong) .24s both}@keyframes post-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes post-fade{0%{opacity:0}}.post .post-swash{width:116px;height:13px;margin:-4px auto 14px;display:block;overflow:visible}.post .post-swash path{fill:none;stroke:var(--orchid);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:.7s ease-out .45s forwards swashdraw}.post-progress{display:none}@supports (animation-timeline:scroll()){.post-progress{z-index:60;background:var(--orchid);transform-origin:0;pointer-events:none;height:2px;animation:linear both post-progress;animation-timeline:scroll(root);display:block;position:fixed;inset:0 0 auto;transform:scaleX(0)}@keyframes post-progress{to{transform:scaleX(1)}}.prose-notes h2{animation:linear both post-rise;animation-timeline:view();animation-range:entry 10% entry 90%;position:relative}.prose-notes h2:after{content:"";background:var(--orchid);transform-origin:0;border-radius:2px;width:28px;height:2px;margin-top:8px;animation:linear both post-tick;animation-timeline:view();animation-range:entry 40% cover 30%;display:block}@keyframes post-tick{0%{transform:scaleX(0)}}.prose-notes pre,.prose-notes table,.prose-notes blockquote,.prose-notes img,.prose-notes figure{animation:linear both post-block;animation-timeline:view();animation-range:entry entry 70%}@keyframes post-block{0%{opacity:0;transform:translateY(14px)scale(.985)}}}.copy-prompt{transition:color .2s ease-out, border-color .2s ease-out, transform .16s var(--ease-out-strong)}.copy-prompt:active{transform:scale(.95)}.shareline a,.shareline button{background-image:linear-gradient(var(--orchid), var(--orchid));transition:background-size .3s var(--ease-out-strong), color .3s ease-out;background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}@media (hover:hover) and (pointer:fine){.shareline a:hover,.shareline button:hover{color:var(--orchid);background-size:100% 1px}}@media (prefers-reduced-motion:reduce){.post .back,.post header h1,.post header .post-swash,.post header .metaline,.post .prose-notes,.prose-notes h2,.prose-notes h2:after,.prose-notes pre,.prose-notes table,.prose-notes blockquote,.prose-notes img,.prose-notes figure{animation:none}.post .post-swash path{stroke-dashoffset:0;animation:none}.post-progress{display:none}}