@layer utilities{.article-reading-shell{inset-inline:0;z-index:40;border-bottom:1px solid var(--role-line);position:fixed;top:3.5625rem}.article-reading-progress{background:var(--role-accent);pointer-events:none;transform-origin:0 0;width:100%;height:2px;transform:scaleX(var(--article-reading-progress,0));will-change:transform;position:absolute;top:0;left:0}@media (min-width:64rem){.article-reading-shell{top:4.5625rem}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.article-reveal-heading{animation:linear both article-reveal-up;animation-timeline:view();animation-range:entry entry 25%}.article-reveal-prose{animation:linear both article-reveal-fade;animation-timeline:view();animation-range:entry entry 20%}.article-reveal-blockquote{animation:linear both article-reveal-blockquote-enter;animation-timeline:view();animation-range:entry entry 30%}.article-hero-parallax{overflow:hidden}.article-hero-parallax>img{will-change:transform;animation:linear article-parallax;animation-timeline:scroll(root);animation-range:0 80vh}}}@keyframes article-reveal-up{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes article-reveal-fade{0%{opacity:0;transform:translateY(.5rem)}}@keyframes article-reveal-blockquote-enter{0%{opacity:0;transform:translate(-.5rem)}}@keyframes article-parallax{0%{transform:scale(1.1)translateY(-2%)}to{transform:scale(1.1)translateY(3%)}}}