.l-header { position: sticky; z-index: 100; top: 0; height: var(--header-height); background: rgba(255,255,255,.97); border-bottom: 1px solid var(--color-border); transition: box-shadow .2s; }
.l-header.is-scrolled { box-shadow: var(--shadow); }
.l-header__inner { display: flex; align-items: center; height: 100%; gap: 12px; }
.l-header__brand { margin-right: auto; }
.l-header__nav { display: none; }
.l-mobile-nav { position: fixed; inset: var(--header-height) 0 0; padding: 24px 0; overflow: auto; background: var(--color-white); }
.l-mobile-nav[hidden] { display: none; }
.l-mobile-nav ul { padding: 0; margin: 24px 0; list-style: none; }
.l-mobile-nav a { display: block; padding: 14px 0; border-bottom: 1px solid var(--color-border); font-weight: 600; text-decoration: none; }
.c-logo { display: block; }
.c-logo img { width: 168px; height: auto; }
.c-icon-button, .c-menu-button { display: grid; width: 44px; height: 44px; place-items: center; color: var(--color-heading); background: transparent; border: 0; text-decoration: none; }
.c-icon-button { font-size: 30px; }
.c-menu-button { gap: 4px; padding: 12px; }
.c-menu-button > span:not(.screen-reader-text) { display: block; width: 22px; height: 2px; background: currentcolor; transition: .2s; }
.c-menu-button[aria-expanded="true"] > span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.c-menu-button[aria-expanded="true"] > span:nth-child(2) { opacity: 0; }
.c-menu-button[aria-expanded="true"] > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
@media (min-width: 1024px) {
	.l-header__nav { display: block; }
	.l-header__menu { display: flex; padding: 0; margin: 0; gap: 28px; list-style: none; }
	.l-header__menu a { color: var(--color-heading); font-size: 14px; font-weight: 600; text-decoration: none; }
	.c-menu-button { display: none; }
	.c-logo img { width: 222px; }
}