/* ---- Partners: a slow logo band under its one-line title ---- */
.section.partenaires {
	padding-top: 72px;
	padding-bottom: 88px;
	overflow: hidden;
}
.section.partenaires .headline-home-a-work {
	margin-bottom: 40px;
}
.partenaires-marquee {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(
		90deg,
		transparent,
		#000 8%,
		#000 92%,
		transparent
	);
	mask-image: linear-gradient(
		90deg,
		transparent,
		#000 8%,
		#000 92%,
		transparent
	);
}
.partenaires-track {
	display: flex;
	width: max-content;
	animation: partenaires-scroll 36s linear infinite;
}
.partenaires-set {
	display: flex;
	align-items: center;
	gap: clamp(56px, 8vw, 128px);
	margin: 0;
	padding: 0 clamp(56px, 8vw, 128px) 0 0;
	list-style: none;
}
.partenaires-set img {
	display: block;
	width: auto;
	height: clamp(56px, 6vw, 84px);
}
.partenaires-set img.is-wordmark {
	height: clamp(26px, 2.6vw, 36px);
}
.partenaires-marquee:hover .partenaires-track,
.partenaires-marquee.is-paused .partenaires-track {
	animation-play-state: paused;
}
@keyframes partenaires-scroll {
	to {
		transform: translateX(-50%);
	}
}
@media (max-width: 767px) {
	.section.partenaires {
		padding-top: 48px;
		padding-bottom: 56px;
	}
	.section.partenaires .headline-home-a-work {
		margin-bottom: 24px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.partenaires-track {
		animation: none;
	}
}

/* ---- Pragma: the hummingbird hovers beside the wordmark, now and then darting forward ---- */
.partenaire-pragma {
	display: flex;
	align-items: center;
	gap: 12px;
}
.pragma-colibri-flight {
	display: block;
	animation: colibri-dart 7.5s cubic-bezier(0.45, 0, 0.2, 1) infinite;
}
.partenaires-set img.pragma-colibri {
	height: clamp(40px, 4vw, 56px);
	transform-origin: 60% 45%;
	animation: colibri-hover 2.6s ease-in-out infinite;
}
@keyframes colibri-hover {
	0%,
	100% {
		transform: translateY(0) rotate(-3deg);
	}
	50% {
		transform: translateY(-4px) rotate(1deg);
	}
}
@keyframes colibri-dart {
	0%,
	84%,
	100% {
		transform: translateX(0);
	}
	89% {
		transform: translateX(8px);
	}
	94% {
		transform: translateX(5px);
	}
}
@media (prefers-reduced-motion: reduce) {
	.pragma-colibri-flight,
	.partenaires-set img.pragma-colibri {
		animation: none;
	}
}
