/* Client and accreditation strips. */

.logo-strip-section__eyebrow {
	margin-bottom: 10px; /* eyebrow box 888-914, logo row starts 924 */
	padding-inline: var(--gutter);
}

.logo-strip-section__marquee {
	--logo-gap: clamp(60px, 48.34px + 2.990vw, 100px);
}

/* The track is wider than the browser will rasterise in one go, and an
   unpainted tile shows as a blank band sweeping through the row. */
.logo-strip-section__marquee .marquee__track { will-change: transform; }

.logo-strip-section__marquee .marquee__group {
	gap: var(--logo-gap);
	padding-right: var(--logo-gap); /* keeps the seam between the two copies even */
}

.logo-strip-section__item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	height: var(--row-h);
}

/* Each logo is drawn at its own size in the design - 230x35 for British Airways
   against 104x104 for Bobbejaanland - so each carries its own clamp
   rather than a share of one row height. `contain` then fills the box exactly,
   because the source artwork is trimmed to its ink; a mark with transparent
   padding round it renders visibly smaller than its neighbours (IAAPA's ink
   filled 50% x 31% of its canvas and read as half the size the design draws). */
.logo-strip-section__item img {
	width: auto;
	max-width: none;
	height: var(--logo-h, var(--row-h));
	object-fit: contain;
}

.logo-strip-section__item--boxed img {
	width: var(--logo-w);
}