.stp-header-logo {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	color: var(--stp-header-text);
	text-decoration: none;
}

.stp-header-logo:hover,
.stp-header-logo:focus {
	color: var(--stp-header-text);
	background: transparent;
	text-decoration: none;
}

.stp-header-logo__mark {
	display: inline-block;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	background:
		repeating-linear-gradient(135deg, var(--stp-header-orange) 0 5px, transparent 5px 9px),
		linear-gradient(135deg, rgba(255, 121, 0, 0.12), rgba(255, 121, 0, 0));
	border-radius: 50%;
}

.stp-header-logo__text {
	display: grid;
	gap: 0;
	line-height: 1;
	text-transform: uppercase;
}

.stp-header-logo__kicker {
	justify-self: end;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.stp-header-logo__name {
	font-size: 25px;
	font-weight: 900;
	letter-spacing: -0.05em;
}

@media (max-width: 640px) {
	.stp-header-logo__mark {
		flex-basis: 20px;
		width: 20px;
		height: 20px;
	}

	.stp-header-logo__kicker {
		font-size: 6px;
	}

	.stp-header-logo__name {
		font-size: 11px;
	}
}