.pf{--pf-bg:#0b0b0c;--pf-fg:#ecebe6;--pf-dim:#ecebe694;--pf-faint:#ecebe652;--pf-line:#ecebe61f;--pf-accent:#c8f560;--pf-out:cubic-bezier(.16, 1, .3, 1);background:var(--pf-bg);min-height:100svh;color:var(--pf-fg)}.pf ::selection{background:var(--pf-accent);color:var(--pf-bg)}.pf a:focus-visible,.pf button:focus-visible{outline:2px solid var(--pf-accent);outline-offset:4px}.pf-rise{animation:pf-rise .9s var(--pf-out) calc(var(--i,0) * 80ms) both}@keyframes pf-rise{0%{opacity:0;transform:translateY(28px)}}.pf-line{padding-bottom:.08em;display:block;overflow:hidden}.pf-line>span{animation:pf-line 1.1s var(--pf-out) calc(var(--i,0) * .11s + .1s) both;display:block}@keyframes pf-line{0%{transform:translateY(105%)}}.pf-rule{background:var(--pf-line);transform-origin:0;height:1px;animation:pf-rule 1.2s var(--pf-out) calc(var(--i,0) * 80ms) both}@keyframes pf-rule{0%{transform:scaleX(0)}}.pf-link{position:relative}.pf-link:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--pf-out);background:currentColor;position:absolute;bottom:-.15em;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.pf-link:hover:after{transform-origin:0;transform:scaleX(1)}}.pf-link:focus-visible:after{transform:scaleX(1)}.pf-study-photo{transition:transform 1.2s var(--pf-out)}.pf-study-arrow{transition:transform .5s var(--pf-out)}.pf-study-bar{transform-origin:0;transition:transform .7s var(--pf-out);transform:scaleX(0)}@media (hover:hover){.pf-study:hover .pf-study-photo{transform:scale(1.05)}.pf-study:hover .pf-study-arrow{transform:translate(4px,-4px)}.pf-study:hover .pf-study-bar{transform:scaleX(1)}}.pf-study:focus-visible .pf-study-bar{transform:scaleX(1)}.pf-row-title{transition:transform .5s var(--pf-out), color .3s}@media (hover:hover){.pf-row:hover .pf-row-title{color:var(--pf-accent);transform:translate(10px)}}@media (prefers-reduced-motion:reduce){.pf-rise,.pf-line>span,.pf-rule{animation:none}.pf-link:after,.pf-study-photo,.pf-study-arrow,.pf-study-bar,.pf-row-title{transition:none}}
