/* Açılış animasyonu (orijinal logo): SURELA → yedi renkli kare soldan sağa → FILM → perde kalkar */

.pv-intro {
	position: fixed; inset: 0; z-index: 200;
	display: grid; place-items: center;
	background: #0b0b0b; color: #fff;
	cursor: pointer;
	animation: pv-intro-out .9s cubic-bezier(.7, 0, .2, 1) 3s forwards;
}
.pv-intro--b { background: #fff; color: #111; }
.pv-intro.is-done { animation: pv-intro-out .6s cubic-bezier(.7, 0, .2, 1) forwards; }

.pv-intro .logo svg { width: clamp(260px, 44vw, 600px); height: auto; overflow: visible; }
.pv-intro .logo path { transform-box: fill-box; transform-origin: center; }

.pv-intro .lg-w {
	opacity: 0; transform: translateY(30%);
	animation: pv-intro-in .9s cubic-bezier(.2, .7, .2, 1) .2s forwards;
}
.pv-intro .lg-s {
	opacity: 0; transform: scale(0);
	animation: pv-intro-in .42s cubic-bezier(.3, 1.6, .5, 1) forwards;
	animation-delay: calc(1s + var(--i) * .12s);
}
.pv-intro .lg-f {
	opacity: 0; transform: translateX(-12%);
	animation: pv-intro-in .6s cubic-bezier(.2, .7, .2, 1) 2s forwards;
}

@keyframes pv-intro-in { to { opacity: 1; transform: none; } }
@keyframes pv-intro-out { to { transform: translateY(-100%); visibility: hidden; } }

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