/* ============================================================================================
	SPLASH SCREEN / PATTERN
============================================================================================ */
/* reveal animation is common in style.css */
.matsunaga-splash-screen {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100lvh;
	z-index: 99999;
	overflow: hidden;
	pointer-events: none;
	animation: fadeOut 2s forwards 2.8s;
}

/* title: per-character reveal */
.matsunaga-splash-screen-catch {
	opacity: 0;
	letter-spacing: 1px;
	text-indent: 1px;
	animation: showing .1s forwards .4s
}
.matsunaga-splash-char {
	opacity: 0;
	display: inline-block;
	animation: showing .4s ease-out forwards
}
.matsunaga-splash-screen-title {
	width: 50%;
	max-width: 250px;
	animation-delay: 1.8s
}
body:has(.matsunaga-navigation-default) {
	padding-top: 0 !important
}