.xusp {
	position: fixed;
	inset: 0;
	z-index: 100000;
	pointer-events: none;
}
html.xusp-skip .xusp { display: none !important; }

.xusp__bg {
	position: absolute;
	inset: 0;
	background: var(--xusp-bg, #ffffff);
}
.xusp__inner {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1.5em;
}
.xusp__logo {
	display: inline-flex;
	opacity: 0;
	will-change: transform, opacity;
}
.xusp__logo img {
	width: var(--xusp-logo-width, 150px);
	height: auto;
	display: block;
}
.xusp__message {
	margin: 0;
	max-width: 80%;
	text-align: center;
	line-height: 1.7;
	opacity: 0;
	/* PC 60px / SP 40px(fluid clamp。~375px で 40px、~1280px で 60px に到達) */
	font-size: clamp(40px, 31.7px + 2.2vw, 60px);
	/* 英字フォント Montserrat(テーマの en ファミリーを参照、無ければ直接指定) */
	font-family: var(--wp--preset--font-family--en, 'Montserrat', 'Helvetica Neue', Arial, sans-serif);
	/* 文字色 brand-600 */
	color: var(--wp--preset--color--brand-600, #4a88f7);
	will-change: opacity;
}

@media ( prefers-reduced-motion: reduce ) {
	.xusp__logo, .xusp__message { opacity: 1; }
}