
.mc-navtoggle{ display:none; }

.mc-header nav.mc-menu--mobile{ display:none; }
@media (max-width:1024px){
	.mc-js .mc-header nav.mc-menu--mobile:has(.wp-block-navigation__container){ display:flex; }
	.mc-js .mc-header:has(nav.mc-menu--mobile .wp-block-navigation__container) nav.mc-menu--main{ display:none; }
}

@media (max-width:1024px){
	.mc-js .mc-navtoggle{
		display:inline-grid; place-items:center; flex:none;
		width:44px; height:44px; margin-right:-10px; padding:0;
		appearance:none; border:0; border-radius:var(--mc-r-full);
		background:transparent; color:var(--mc-bone); cursor:pointer;
		-webkit-tap-highlight-color:transparent;
		transition:color var(--mc-dur-quick);
	}
	.mc-navtoggle:focus-visible{ outline:2px solid var(--mc-creek-bright); outline-offset:2px; }
	.mc-navtoggle__box{ position:relative; display:block; width:24px; height:14px; }
	.mc-navtoggle__box > span{
		position:absolute; right:0; width:100%; height:2px;
		border-radius:2px; background:currentColor;
		transform-origin:center;
		transition:transform var(--mc-dur-smooth) var(--mc-ease),
		           opacity var(--mc-dur-instant), width var(--mc-dur-quick) var(--mc-ease);
	}
	.mc-navtoggle__box > span:nth-child(1){ top:0; }
	.mc-navtoggle__box > span:nth-child(2){ top:6px; width:68%; }
	.mc-navtoggle__box > span:nth-child(3){ top:12px; }
	.is-nav-open .mc-navtoggle__box > span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
	.is-nav-open .mc-navtoggle__box > span:nth-child(2){ opacity:0; transform:scaleX(0); }
	.is-nav-open .mc-navtoggle__box > span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

	.mc-js .mc-header .mc-nav .wp-block-navigation__container{
		position:fixed; left:0; right:0; top:100%;
		height:calc(100dvh - var(--mc-nav-h));
		display:flex; flex-direction:column; flex-wrap:nowrap;
		align-items:stretch; justify-content:flex-start; gap:0;
		margin:0; list-style:none;
		padding:clamp(8px,2vw,20px) max(var(--mc-gutter), calc((100% - var(--mc-max)) / 2))
		        calc(var(--mc-gutter) + env(safe-area-inset-bottom, 0px));
		background:
			radial-gradient(120% 60% at 100% 0%, var(--mc-creek-a35) 0%, transparent 60%),
			var(--mc-ink);
		overflow-y:auto; overscroll-behavior:contain;
		visibility:hidden; opacity:0;
		clip-path:inset(0 0 100% 0);
		transition:clip-path var(--mc-dur-smooth) var(--mc-ease),
		           opacity var(--mc-dur-quick) var(--mc-ease),
		           visibility 0s linear var(--mc-dur-smooth);
	}
	.mc-js .mc-header.is-nav-open .mc-nav .wp-block-navigation__container{
		visibility:visible; opacity:1; clip-path:inset(0 0 0 0);
		transition:clip-path var(--mc-dur-slow) var(--mc-ease-out),
		           opacity var(--mc-dur-quick) var(--mc-ease-out),
		           visibility 0s;
	}

	.mc-js .mc-header .mc-nav .wp-block-navigation__container > li{
		width:100%; border-bottom:1px solid var(--mc-rule); background:transparent;
		opacity:0; transform:translateY(14px);
		transition:opacity var(--mc-dur-quick) var(--mc-ease), transform var(--mc-dur-quick) var(--mc-ease);
	}
	.mc-js .mc-header.is-nav-open .mc-nav .wp-block-navigation__container > li{
		opacity:1; transform:none;
		transition:opacity var(--mc-dur-smooth) var(--mc-ease-out), transform var(--mc-dur-slow) var(--mc-ease-out);
		transition-delay:calc(90ms + var(--i, 0) * 40ms);
	}
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content{
		display:flex; align-items:center; gap:16px; width:100%;
		min-height:64px; padding:10px 0;
		font-family:var(--mc-display); font-size:clamp(28px,7.2vw,42px); font-weight:600;
		letter-spacing:var(--mc-track-snug); line-height:1.05;
		color:var(--mc-bone); opacity:1;
		transition:color var(--mc-dur-quick);
	}
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content::after{
		content:"\2192"; content:"\2192" / ""; position:static; margin-left:auto; height:auto; background:none;
		font-family:var(--mc-sans); font-size:.55em; font-weight:400;
		color:var(--mc-creek-bright); opacity:0; transform:translateX(-10px);
		transition:opacity var(--mc-dur-quick), transform var(--mc-dur-quick) var(--mc-ease);
	}
	.mc-js .mc-header .mc-nav .wp-block-navigation-item__label{
		display:inline-block; transition:transform var(--mc-dur-quick) var(--mc-ease);
	}
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content[aria-current],
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .current-menu-item > .wp-block-navigation-item__content{
		color:var(--mc-creek-bright);
	}
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content[aria-current]::after,
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .current-menu-item > .wp-block-navigation-item__content::after{
		opacity:1; transform:none;
	}
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content:focus-visible{
		outline:2px solid var(--mc-creek-bright); outline-offset:-2px;
	}

	html:not(.mc-js) .mc-header__inner{ flex-wrap:wrap; }
	html:not(.mc-js) .mc-nav .wp-block-navigation__container{ flex-wrap:wrap; gap:6px 18px; }
}

@media (max-width:1024px) and (hover:hover){
	.mc-navtoggle:hover{ color:var(--mc-creek-bright); }
	.mc-navtoggle:hover .mc-navtoggle__box > span:nth-child(2){ width:100%; }
	.is-nav-open .mc-navtoggle:hover .mc-navtoggle__box > span:nth-child(2){ width:100%; }
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content:hover{ color:var(--mc-creek-bright); }
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content:hover::after{ opacity:1; transform:none; }
	.mc-js .mc-header .mc-nav .wp-block-navigation__container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label{ transform:translateX(8px); }
}

html.mc-nav-lock{ overflow:hidden; scrollbar-gutter:stable; }

@media (prefers-reduced-motion:reduce){
	.mc-js .mc-header .mc-nav .wp-block-navigation__container,
	.mc-js .mc-header .mc-nav .wp-block-navigation__container > li,
	.mc-navtoggle__box > span{ transition-duration:0.01ms !important; transition-delay:0s !important; }
	.mc-js .mc-header .mc-nav .wp-block-navigation__container > li{ transform:none; }
}
