/* ===================================
   TIK.R — "TIK.R IS" Marquee
   =================================== */

.tikr-is {
	padding: clamp(45px, 6vw, 80px) 0;
	/* purple→pink gradient background */
	background: linear-gradient(
		135deg,
		var(--purple) 0%,
		#9b23e8 50%,
		var(--pink) 100%
	);
	overflow: hidden;
	position: relative;
}

.tikr-is-track {
	display: flex;
	align-items: center;
	white-space: nowrap;
	animation: tikr-marquee 20s linear infinite;
}

.tikr-is-chunk {
	display: flex;
	align-items: baseline;
	gap: 28px;
	padding: 0 28px;
	flex-shrink: 0;
}

.tikr-is-label-sm {
	font-family: var(--font-ui);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	position: relative;
	top: -8px;
}

.tikr-is-word {
	font-family: var(--font-display);
	font-size: clamp(60px, 10vw, 130px);
	line-height: 1;
	letter-spacing: 0.01em;
	color: #fff;
}

.tikr-is-word.outlined {
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(255, 214, 0, 0.8); /* gold outline */
}

.tikr-is-sep {
	font-size: clamp(28px, 4vw, 55px);
	color: var(--gold);
	opacity: 0.9;
	padding: 0 8px;
}

@keyframes tikr-marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}