/**
 * Homepage opening reveal. Deliberately NOT gated behind the `.js` class
 * that the rest of the motion system uses -- this must resolve on its
 * own via animation-fill-mode even if JS never runs, so it can never
 * trap real content behind it. `.bcc-intro-skip` (already seen this
 * session) and reduced-motion both skip it outright.
 */
.bcc-intro {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bcc-purple-900);
	animation: bcc-intro-out .35s ease-in .7s forwards;
}

.bcc-intro img {
	max-width: 60vw;
	width: 320px;
	height: auto;
	opacity: 0;
	transform: scale(.92);
	animation: bcc-intro-in .45s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes bcc-intro-in {
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes bcc-intro-out {
	to {
		opacity: 0;
		visibility: hidden;
	}
}

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

html.bcc-intro-skip .bcc-intro {
	display: none;
}