.biin-home {
	background: #f2ebe3;
}

.biin-brand-divider {
	position: relative;
	z-index: 10;
	width: 100%;
	height: 96px;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
	transform: none;
	background: #f2ebe3;
}

.biin-brand-divider::after {
	position: absolute;
	z-index: 4;
	inset: auto 0 0;
	height: 18px;
	content: "";
	pointer-events: none;
	background: linear-gradient(to bottom, transparent, #f2ebe3);
}

.biin-brand-divider__anchor {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.biin-brand-divider__ribbon {
	display: block;
	width: max(2080px, calc(100vw + 160px));
	height: auto;
	animation: biin-brand-ribbon-drift 20s cubic-bezier(.45, 0, .55, 1) infinite alternate;
	will-change: transform;
}

.biin-brand-divider__logo-cloud {
	position: absolute;
	z-index: 1;
	inset: 0;
	pointer-events: none;
	background-image: url('../../images/biin-wordmark-transparent.png');
	background-repeat: repeat-x;
	background-position: center 12px;
	background-size: 440px 240px;
	opacity: .16;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 14%, #000 30%, #000 68%, transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, transparent 14%, #000 30%, #000 68%, transparent 100%);
}

.biin-brand-divider__mobile-band {
	display: none;
}

.biin-brand-divider__desktop-band {
	position: absolute;
	z-index: 1;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.biin-brand-divider__desktop-fill { fill: #f2ebe3; }
.biin-brand-divider__desktop-logos { display: none; }
.biin-brand-divider__desktop-line {
	fill: none;
	stroke: #756f5a;
	stroke-width: 1;
	stroke-opacity: .42;
	vector-effect: non-scaling-stroke;
}

.biin-brand-divider__anchor,
.biin-brand-divider::after {
	display: none;
}

.biin-brand-divider__logo-cloud {
	position: absolute;
	z-index: 2;
	inset: 24px 0 22px;
	display: block;
	background-position: center -40px;
	background-size: 270px 147px;
	opacity: .34;
	filter: invert(42%) sepia(10%) saturate(730%) hue-rotate(13deg) brightness(95%);
	-webkit-mask-image: none;
	mask-image: none;
}


@keyframes biin-brand-ribbon-drift {
	from {
		transform: translate3d(-38px, -3px, 0);
	}

	to {
		transform: translate3d(38px, 3px, 0);
	}
}

@media (max-width: 767px) {
	.biin-brand-divider {
		height: 88px;
	}

	.biin-brand-divider__ribbon {
		width: 1450px;
		animation-duration: 24s;
	}
}

@media (max-width: 700px) {
	.biin-brand-divider {
		height: 82px;
		margin-top: -24px;
		margin-bottom: -58px;
		transform: none;
		background: transparent;
	}

	.biin-brand-divider::after,
	.biin-brand-divider__anchor {
		display: none;
	}

	.biin-brand-divider__desktop-band { display: none; }

	.biin-brand-divider__mobile-band {
		position: absolute;
		z-index: 1;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		overflow: visible;
	}

	.biin-brand-divider__mobile-fill {
		fill: #f2ebe3;
		fill-opacity: .96;
	}

	.biin-brand-divider__mobile-logos {
		display: none;
	}

	.biin-brand-divider__logo-cloud {
		inset: 23px 0 20px;
		display: block;
		background-position: center -27px;
		background-size: 190px 104px;
		opacity: .4;
	}

	.biin-brand-divider__mobile-line {
		fill: none;
		stroke: #756f5a;
		stroke-width: 1;
		stroke-opacity: .42;
		vector-effect: non-scaling-stroke;
	}
}

@media (prefers-reduced-motion: reduce) {
	.biin-brand-divider__ribbon {
		animation: none;
		will-change: auto;
	}
}