/* Backlink Scout animated logo */

@font-face {
	font-family: 'LL Circular';
	src: url('../fonts/CircularStd-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

[data-bs-logo] {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

[data-bs-logo]:not([data-bs-logo-compact]) {
	container-type: inline-size;
}

.bs-logo-block [data-bs-logo] {
	padding: 0;
}

[data-bs-logo-compact] {
	width: 100%;
	aspect-ratio: 130 / 100;
}

.bs-lockup {
	--bs-scale: 0.5;
	--bs-mark-size: clamp(
		calc(5rem * var(--bs-scale)),
		min(calc(40cqi * var(--bs-scale)), calc(100cqi / 2.34 * var(--bs-scale))),
		calc(29.25rem * var(--bs-scale))
	);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: calc(var(--bs-mark-size) * 0.04);
	max-width: 100%;
	color: inherit;
}

[data-bs-logo]:not([data-bs-logo-compact]) .bs-lockup {
	color: #381d1d;
	justify-content: center;
	padding: clamp(2rem, 6vw, 6rem) clamp(1rem, 4vw, 3rem);
}

.bs-logo-section {
	background: url('../images/backlink-scout-background.webp') center / cover no-repeat;
}

.bs-lockup__mark {
	flex: 0 1 auto;
	width: var(--bs-mark-size);
	max-width: 100%;
	aspect-ratio: 130 / 100;
	height: auto;
}

.bs-lockup__wordmark {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	min-width: 0;
	margin-top: calc(var(--bs-mark-size) * 0.16);
	font-family: 'LL Circular', sans-serif;
	font-weight: 700;
	font-size: calc(var(--bs-mark-size) * 0.282);
	line-height: 0.92;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

[data-bs-logo] .bs-logo {
	display: block;
	width: 100%;
	height: 100%;
}

[data-bs-logo-compact] .bs-lockup {
	--bs-mark-size: 100%;
	width: 100%;
	height: 100%;
}

[data-bs-logo-compact] .bs-lockup__mark {
	width: 100%;
	height: 100%;
	max-width: none;
}

[data-bs-logo-compact] .bs-lockup__wordmark {
	display: none;
}

.bs-logo path {
	fill: currentColor;
}

@media (prefers-reduced-motion: reduce) {
	[data-bs-logo] .bs-logo-arm {
		transition: none;
	}
}