/**
 * First-visit intro animation for the Home page.
 * All positioning and motion is driven by assets/js/intro-animation.js
 * (transform/opacity set directly on the SVG elements); this file only
 * covers layout, the background, and the reduced-motion fallback.
 */

.nk-intro {
	position: fixed;
	inset: 0;
	z-index: 9999;
	cursor: pointer;
	/*
	 * Safety net. The script removes this overlay after about 3.5 seconds; if it
	 * never runs — blocked, or failed to load — the front page would otherwise
	 * stay behind a blank curtain for good.
	 */
	animation: nk-intro-failsafe 400ms ease 6s forwards;
}

@keyframes nk-intro-failsafe {
	to {
		opacity: 0;
		visibility: hidden;
	}
}

.nk-intro__curtain {
	position: absolute;
	inset: 0;
	background: var(--wp--preset--color--paper);
	overflow: visible;
}

.nk-intro__scene {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
	.nk-intro {
		display: none;
	}
}