/* Every content element is visible before JavaScript and without vendor libraries. */
.hero-flash { position: absolute; inset: 0; z-index: 2; background: var(--paper); opacity: 0; pointer-events: none; }
.project-transition { position: fixed; z-index: 100; overflow: hidden; pointer-events: none; background: var(--paper); }
.project-transition img { width: 100%; height: 100%; object-fit: cover; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
	.hero-flash { display: none; }
	.horizontal-track { scroll-snap-type: none; }
}