.site-header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:var(--header-height);
	z-index:1000;
	width: 100%;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(12px);
	display:flex;
	align-items:center;
	height: 80px;
	padding:0 40px;
	transition:
		background-color var(--transition),
        backdrop-filter var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}
.site-header.is-scrolled{
	background:rgba(255,255,255,.65);
	box-shadow:0 4px 22px rgba(0,0,0,.08)
}
.brand{
	display:flex;
	align-items:center;
	gap:10px;
	flex-shrink:0
}
.brand-name{
	font-family:"Bodoni Moda","Times New Roman",serif;
	font-size:36px;
	font-weight:700;
	letter-spacing:4px;
	color:var(--color-dark);
	line-height:1
}
.brand-line{
	width:42px;
	height:2px;
	border-radius:8px
}
.brand-line-left{
	background:linear-gradient(90deg,transparent,var(--color-green) 28%,#fff 52%,var(--color-red) 78%,transparent)
}
.brand-line-right{
	background:linear-gradient(90deg,transparent,var(--color-red) 22%,#fff 48%,var(--color-green) 72%,transparent)
}
.menu-toggle{
	display:none;
	margin-left:auto;
	width:44px;
	height:44px;
	padding:9px;
	border:0;
	background:transparent;
	cursor:pointer
}
.menu-toggle span{
	display:block;
	width:26px;
	height:2px;
	margin:5px auto;
	background:
	var(--color-dark);
	transition:transform var(--transition),opacity var(--transition)
}
.menu-toggle[aria-expanded="true"] span:nth-child(1){
	transform:translateY(7px) rotate(45deg)
}
.menu-toggle[aria-expanded="true"] span:nth-child(2){
	opacity:0
}
.menu-toggle[aria-expanded="true"] span:nth-child(3){
	transform:translateY(-7px) rotate(-45deg)
}