/* Load-in: everything rises and fades in like the tiles do. Only active when js/boot.js has run (html.rv). */
html.rv:not(.rv-fail) :is(.nav-logo, .nav-links > a, .pj-logo, .pj-links > a, .hero h1, .hero-statement, .hero-now, .about-photo, .about-copy > *, .experience h2, .exp-item, .free-time > .eyebrow, .pbtn, .project-page .pj-back, .project-page :is(h1,h2,h3,h4,p,li,figure,video,blockquote,img,.section-label,.meta-item,.prototype-button,.blue-prototype-button,.red-prototype-button), .site-footer .footer-brand, .site-footer .footer-local, .site-footer .footer-note, .site-footer .footer-email, .site-footer .footer-links a, .site-footer .footer-sig):not(.rv-in) { opacity: 0; }
html.rv :is(.nav-logo, .nav-links > a, .pj-logo, .pj-links > a, .hero h1, .hero-statement, .hero-now, .about-photo, .about-copy > *, .experience h2, .exp-item, .free-time > .eyebrow, .pbtn, .project-page .pj-back, .project-page :is(h1,h2,h3,h4,p,li,figure,video,blockquote,img,.section-label,.meta-item,.prototype-button,.blue-prototype-button,.red-prototype-button), .site-footer .footer-brand, .site-footer .footer-local, .site-footer .footer-note, .site-footer .footer-email, .site-footer .footer-links a, .site-footer .footer-sig).rv-in { animation: rv-up .85s cubic-bezier(.2,.7,.2,1) var(--rd, 0s) backwards; }
html.rv .rv-skip { animation: none !important; }
@keyframes rv-up { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html.rv :is(.nav-logo, .nav-links > a, .pj-logo, .pj-links > a, .hero h1, .hero-statement, .hero-now, .about-photo, .about-copy > *, .experience h2, .exp-item, .free-time > .eyebrow, .pbtn, .project-page .pj-back, .project-page :is(h1,h2,h3,h4,p,li,figure,video,blockquote,img,.section-label,.meta-item,.prototype-button,.blue-prototype-button,.red-prototype-button), .site-footer .footer-brand, .site-footer .footer-local, .site-footer .footer-note, .site-footer .footer-email, .site-footer .footer-links a, .site-footer .footer-sig) { opacity: 1 !important; animation: none !important; }
}