.page-transition { position: fixed; inset: 0; pointer-events: none; z-index: 9999; background: rgba(0,0,0,.75); opacity:0; transition: opacity var(--duration-page-transition) var(--ease-standard); display:grid; place-items:center; }
.page-transition.is-active { opacity:1; }
.page-transition.is-instant { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .page-transition, .page-transition.is-active { transition: none; } }

 .page-transition__inner { position:relative; display:grid; place-items:center; }
 .page-transition .hero-watermark__svg { width:min(60vmin, 540px); filter:none; stroke: var(--color-accent); }
/* Subtle orange glow during logo phase */
.page-transition.is-logo .hero-watermark__svg {
	filter: drop-shadow(0 0 .7rem rgba(255,122,0,.45)) drop-shadow(0 0 1.2rem rgba(255,122,0,.25));
}
html[data-theme="light"] .page-transition { background: rgba(245,245,247,.9); }
html[data-theme="light"] .page-transition .hero-watermark__svg { stroke: var(--color-accent); }

/* Subtle orange glow while overlay is visible */
.page-transition.is-active .hero-watermark__svg {
	filter: drop-shadow(0 0 .7rem rgba(255,122,0,.45)) drop-shadow(0 0 1.2rem rgba(255,122,0,.25));
}