/**
 * The exit overlay -- shown the instant a visitor clicks a same-site,
 * same-tab link, on every page including the homepage. See
 * page-transitions.js for how/when this actually gets shown, and
 * docs/superpowers/specs/2026-08-28-site-wide-page-transitions-design.md
 * for the full design. Two looks: the default (white background +
 * centered signature + subtitle) for every destination except the
 * homepage, and .jrh-page-transition--black (plain black, no logo) for
 * landing on the homepage -- matching the existing Gallery -> home
 * behavior exactly. Ported from jrh-curtain-hero/curtain.css and
 * jrh-gallery-filters/gallery-filters.css, which each used to build their
 * own single-direction copy of this same overlay.
 */
.jrh-page-transition {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	transition: opacity 900ms ease;
}

.jrh-page-transition.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.jrh-page-transition-logo {
	max-width: min(70vw, 340px);
	height: auto;
}

.jrh-page-transition-subtitle {
	color: #1a1a1a;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 18px;
	margin: 14px 0 0;
}

/* The homepage-bound variant -- plain black, no signature/subtitle, same
   look Gallery -> home already had before this plugin existed. The logo/
   subtitle elements are still in the DOM either way (page-transitions.js
   builds one overlay and reuses it for every navigation); this just hides
   them for this one variant rather than needing two separate overlay
   builds. */
.jrh-page-transition--black {
	background: #000;
}

.jrh-page-transition--black .jrh-page-transition-logo,
.jrh-page-transition--black .jrh-page-transition-subtitle {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.jrh-page-transition {
		transition-duration: 0.01ms;
	}
}