/* ========================= NAVIGATION ========================= */
.aa-nav{ display:flex; align-items:center; gap:clamp(18px,2vw,38px) }
.aa-nav__list{ display:flex; gap:clamp(16px,1.8vw,34px) }
.aa-nav__link{ opacity:.72; transition:opacity var(--dur-fast) var(--ease-out) }
.aa-nav__link:hover{ opacity:1 }
.aa-nav__cta{
	padding:.75em 1.5em;
	border:1px solid currentColor;
	border-radius:999px;
	opacity:.85;
	transition:opacity var(--dur-fast) linear, background var(--dur-fast) linear;
}
.aa-nav__cta:hover{ opacity:1; background:rgb(127 168 255 / .12) }

@media (max-width:900px){ .aa-nav{ display:none } }

/* --- モバイルナビ --- */
.aa-mobile-nav{
	position:fixed;
	inset:0;
	z-index:var(--z-nav);
	background:rgb(247 249 252 / .92);
	backdrop-filter:blur(24px) saturate(1.3);
	-webkit-backdrop-filter:blur(24px) saturate(1.3);
	display:grid;
	align-content:center;
}
.aa-mobile-nav[hidden]{ display:none }
.aa-mobile-nav__panel{ padding:var(--gutter); display:grid; gap:clamp(32px,6svh,64px) }
.aa-mobile-nav__list{ display:grid; gap:clamp(14px,2.6svh,26px) }
.aa-mobile-nav__list a{
	font-family:var(--font-display);
	font-size:clamp(1.5rem,7vw,2.4rem);
	font-weight:500;
	letter-spacing:.04em;
}
.aa-mobile-nav__foot{ display:grid; gap:1.6em; justify-items:start }
.aa-mobile-nav__tagline{
	font-family:var(--font-mono);
	font-size:.6rem;
	letter-spacing:.16em;
	line-height:2;
	color:var(--c-ink-sub);
}
body.is-nav-open{ overflow:hidden }

/* コースページ：CTAのみのヘッダー */
.aa-nav--course{ display:flex }
.aa-body--course .aa-burger{ display:none }