.softone-site-header {
	position: relative;
	z-index: 20;
	border-block-end: 1px solid color-mix(in srgb, var(--softone-color-text-primary) 12%, transparent);
	background: var(--softone-color-background-primary);
	color: var(--softone-color-text-primary);
}

.softone-site-header__inner {
	display: flex;
	inline-size: min(
		calc(100% - (var(--softone-gutter-mobile) * 2)),
		var(--softone-container-width)
	);
	min-block-size: var(--softone-space-16);
	align-items: center;
	justify-content: space-between;
	gap: var(--softone-space-6);
	margin-inline: auto;
	padding-block: var(--softone-space-4);
}

.softone-site-header__brand {
	display: inline-flex;
	min-inline-size: 0;
	align-items: center;
	gap: var(--softone-space-3);
	color: inherit;
	text-decoration: none;
}

.softone-site-header__mark {
	display: inline-grid;
	inline-size: 36px;
	block-size: 36px;
	flex: 0 0 auto;
	overflow: hidden;
	place-items: center;
}

.softone-site-header__mark img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	transform: scale(1.92);
}

.softone-site-header__name {
	overflow: hidden;
	font-family: var(--softone-font-display);
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.softone-site-header__nav {
	min-inline-size: 0;
}

.softone-site-header__links,
.softone-site-header__links ul {
	display: flex;
	align-items: center;
	gap: var(--softone-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.softone-site-header__links a,
.softone-site-header__action {
	display: inline-flex;
	min-block-size: 38px;
	align-items: center;
	color: var(--softone-color-text-secondary);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	text-decoration-color: transparent;
	text-underline-offset: 0.28em;
	transition:
		color var(--softone-duration-fast) var(--softone-ease-standard),
		text-decoration-color var(--softone-duration-fast) var(--softone-ease-standard);
}

.softone-site-header__links a:hover,
.softone-site-header__action:hover {
	color: var(--softone-color-text-primary);
	text-decoration-line: underline;
	text-decoration-color: color-mix(in srgb, var(--softone-color-text-primary) 36%, transparent);
}

.softone-site-header__action {
	flex: 0 0 auto;
	color: var(--softone-color-text-primary);
}

@media (min-width: 768px) {
	.softone-site-header__inner {
		inline-size: min(
			calc(100% - (var(--softone-gutter-tablet) * 2)),
			var(--softone-container-width)
		);
	}
}

@media (min-width: 1100px) {
	.softone-site-header__inner {
		inline-size: min(
			calc(100% - (var(--softone-gutter-desktop) * 2)),
			var(--softone-container-width)
		);
	}
}

@media (max-width: 760px) {
	.softone-site-header__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.softone-site-header__links,
	.softone-site-header__links ul {
		flex-wrap: wrap;
		gap: var(--softone-space-2) var(--softone-space-4);
	}
}

@media (prefers-reduced-motion: reduce) {
	.softone-site-header__links a,
	.softone-site-header__action {
		transition: none;
	}
}