/**
 * Home hero — experience strip marquee (.hero-exp-item-wrap).
 */

.hero-exp-with-shape {
	flex-wrap: nowrap;
	min-width: 0;
}

.hero-exp-item-wrap.hero-exp-marquee {
	flex: 1 1 auto;
	min-width: 0;
	max-width: min(480px, 42vw);
	width: auto;
	overflow: hidden;
}

.hero-exp-item-wrap.hero-exp-marquee.wr-marquee-ready {
	display: block;
}

.hero-exp-item-wrap.hero-exp-marquee.wr-marquee-ready > .wr-marquee-track {
	align-items: center;
}

.hero-exp-item-wrap.hero-exp-marquee .wr-marquee-set {
	align-items: center;
	column-gap: var(--_common-spacing---s20);
}

.hero-exp-marquee-item {
	display: flex;
	flex: none;
	align-items: center;
	column-gap: var(--_common-spacing---s20);
	white-space: nowrap;
}

.hero-exp-marquee-item .h6 {
	margin: 0;
	white-space: nowrap;
}

.hero-exp-separator {
	flex: none;
	width: auto;
	height: auto;
	display: block;
	animation: wr-hero-exp-separator-spin 5s linear infinite;
	transform-origin: 50% 50%;
}

@keyframes wr-hero-exp-separator-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.hero-exp-separator {
		animation: none;
	}
}

@media (max-width: 991px) {
	.hero-exp-item-wrap.hero-exp-marquee {
		max-width: min(360px, 72vw);
	}
}

@media (max-width: 479px) {
	.hero-exp-item-wrap.hero-exp-marquee {
		max-width: min(280px, 78vw);
	}
}