.marquee-wrap {
	position: absolute;
	bottom: 2.5rem;
	left: 0;
	right: 0;
	overflow: hidden;
	pointer-events: none;
	/* Только на desktop */
	display: flex;
	animation: blurIn 1s cubic-bezier(0.22, 1, 0.36, 1) both;
	animation-delay: 0.8s;
	/* Маски по краям — плавное исчезновение */
	-webkit-mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 12%,
			black 88%,
			transparent 100%
	);
	mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 12%,
			black 88%,
			transparent 100%
	);
}

.marquee-track {
	display: flex;
	gap: 0;
	white-space: nowrap;
	animation: marquee 18s linear infinite;
	will-change: transform;
}

.marquee-track:hover {
	animation-play-state: paused;
}

@keyframes marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

.marquee-item {
	display: inline-flex;
	align-items: center;
	gap: 1.2rem;
	padding: 0 2.5rem;
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(17, 24, 39, 0.18);
	user-select: none;
}

.marquee-item .dot {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(91, 44, 44, 0.25);
	flex-shrink: 0;
}

@media (max-width: 768px) {
	.marquee-wrap {
		display: none;
	}
}