.header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 18px 0 0;
	height: 80px;
	z-index: 99;
	width: 100%;
	font-size: 16px;
	isolation: isolate;
	transition: 500ms ease-in;

	transform: translateY(-100%);
}

.header.scrolled {
	transform: translateY(0);
}

.header.noamimation {
	transform: translateY(0);
}

.header a {
	color: #ffffff;
	text-decoration: none;
}

.header a:hover {
	color: #ffffff;
}

.header__bg {
	backdrop-filter: blur(20px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(92, 59, 35, 0.4);
	z-index: -1;
}

.header__container {
	max-width: calc(1230px + 40px);
	padding: 0 20px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 100%;
}

.nav {
	display: flex;
	gap: 88px;
	width: 598px;
}

.header__logo {
	width: 126px;
	margin-bottom: 20px;
}
.header__logo img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.nav__text {
	color: #ffffff;
	cursor: pointer;
	padding-bottom: 18px;
}

.nav__dropping {
	position: fixed;
	top: 79px;
	left: 0;
	width: 100%;
	transition: 200ms ease-in;
	border-top: 1px solid rgba(245, 245, 245, 0.5);
	padding: 36px 0 48px;
	background: rgba(92, 59, 35, 0.4);
	backdrop-filter: blur(20px);
	opacity: 0;
	pointer-events: none;
}

.nav__link:hover > .nav__dropping {
	transform: translateY(0);
	pointer-events: all;
	opacity: 1;
}

.nav__droppingcontent {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.nav__droppingcontent--first {
	width: 330px;
	margin-left: auto;
	width: 598px;
}

.nav__droppingcontent--last {
	margin-left: auto;
	width: 272px;
	margin-right: -30px;
}

.nav__sublink {
	position: relative;
	padding-left: 15px;
}

.nav__sublink::before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
}

.nav--btn,
.nav--mobile {
	display: none;
}
@media (max-width: 1024px) {
	.nav {
		display: none;
	}
	.nav--btn {
		display: block;
		position: absolute;
		top: 55%;
		right: 20px;
		transform: translateY(-50%);
	}
	.header {
		height: 78px;
		padding: 34px 0 20px;
	}
	.header__logo {
		margin: 0;
		width: 118px;
	}

	.nav__text {
		padding-bottom: 0;
	}

	.nav--mobile {
		position: fixed;
		top: 78px;
		min-height: calc(100vh - 78px);
		padding: 60px 20px;
		display: flex;
		flex-direction: column;
		gap: 40px;
		border-top: 1px solid rgba(245, 245, 245, 0.5);
		background: rgba(92, 59, 35, 0.4);
		backdrop-filter: blur(20px);
		width: 100%;

		display: none;
	}

	.navmobile__linkcontent {
		margin: 40px 0;
		padding: 40px 0;
		border-top: 1px solid rgba(245, 245, 245, 0.5);
		border-bottom: 1px solid rgba(245, 245, 245, 0.5);
		display: flex;
		flex-direction: column;
		gap: 26px;
		display: none;
	}
}