.page-transition-shell { opacity: 1; transition: opacity var(--transition-page) var(--ease-out); }
.page-transition-shell.is-exiting, .page-transition-shell.is-entering { pointer-events: none; opacity: 0; }
[data-reveal] { opacity: 1; transform: none; }
.js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 520ms var(--ease-out), transform 520ms var(--ease-out); }
.js [data-reveal].is-revealed { opacity: 1; transform: none; }
.desktop-work-navigation a, .desktop-site-navigation a { transition: color 180ms ease, opacity 180ms ease, transform 220ms var(--ease-out); }
.home-social-link { transition: opacity 180ms var(--ease-out); }
@media (min-width: 801px) and (hover: hover) {
	.desktop-work-navigation a:hover, .desktop-work-navigation a:focus-visible, .desktop-site-navigation a:hover, .desktop-site-navigation a:focus-visible { opacity: .45; transform: translateX(8px); }
}
.home-social-link:hover, .home-social-link:focus-visible { opacity: .45; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.page-transition-shell { transition: none; }
	.js [data-reveal] { opacity: 1; transform: none; }
}