/* ------------------------------------------------------------ *\
	Site Header
\* ------------------------------------------------------------ */

.site-header {
	position: absolute;
	top: var(--header-offset);
	left: 0;
	right: 0;
	z-index: 100;

	.site-header__inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding: 15px 75px;
		border-radius: 71px;
		background: var(--c-white);
	}

	.site-header__logo {
		flex: 0 0 auto;

		& img {
			width: 202px;
		}
	}
}

@media (max-width: 1023px) {
	.site-header {
		.site-header__inner {
			padding: 12px 30px;
		}

		.site-header__logo img {
			width: 170px;
		}
	}
}

@media (max-width: 575px) {
	.site-header {
		.site-header__inner {
			gap: 12px;
			padding: 12px 20px;
		}

		.site-header__logo img {
			width: 128px;
		}
	}
}