/* Shared navigation for the catalogue and quiz. */
.header nav{gap:18px}.header nav a{font-size:12px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.header .brand{flex-shrink:0;letter-spacing:0}.header .brand img{width:62px;height:62px}.header.is-compact .brand img{width:var(--header-compact-logo);height:var(--header-compact-logo)}
.header nav a[aria-current="page"]::after{transform:scaleX(1);background:var(--color-brand)}
.header .nav-order{font-weight:700;text-transform:uppercase;white-space:nowrap}
@media(max-width:1200px) and (min-width:1001px){.header{gap:14px}.header nav{gap:8px}.header .brand .brand-name{font-size:17px!important}.header .nav-order span{margin-left:10px}}
@media(max-width:1000px){
 .header{clip-path:none;box-shadow:none;isolation:isolate;gap:var(--space-4)}
 .header::before{content:'';position:absolute;inset:0 calc(-1 * var(--page-gutter));background:var(--color-background);border-bottom:1px solid var(--color-border);z-index:-1}
 .header .brand span{display:block;font-size:var(--text-min)!important;letter-spacing:.8px;line-height:1.5}
 .header .brand small{display:none}.header .brand{gap:var(--space-2);min-width:0}
 .header .brand .brand-name{font-size:var(--brand-name-mobile-size)!important;letter-spacing:-.4px;line-height:1.2}
 .header.mobile-nav-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-width:98px;min-height:44px;padding:10px 12px;border:1px solid var(--color-border);background:transparent;font-family:var(--font-body);font-size:var(--text-min);font-weight:var(--weight-bold);text-transform:var(--button-case)}
 .menu-icon{display:flex;flex-direction:column;gap:4px;width:18px}.menu-icon i{display:block;width:18px;height:2px;background:var(--color-text);transition:transform var(--motion-hover),opacity var(--motion-hover)}
 .menu-open .menu-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-open .menu-icon i:nth-child(2){opacity:0}.menu-open .menu-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .header nav{position:absolute;top:100%;left:calc(-1 * var(--page-gutter));width:calc(100% + var(--page-gutter)*2);display:flex;flex-direction:column;gap:0;padding:var(--space-3) var(--page-gutter) var(--space-6);background:var(--color-background);box-shadow:var(--shadow-mobile-menu);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--color-border)}
 .header.mobile-nav-ready:not(.menu-open) nav{display:none}
 .header nav a,.header nav a:last-child,.header nav .mobile-contact{display:flex;min-height:52px;width:100%;padding:var(--space-3) var(--space-2);font-size:var(--text-body)!important;justify-content:flex-start}
 .header nav a::after{left:var(--space-2);right:var(--space-2);bottom:6px}
 .header nav .mobile-contact{margin-top:var(--space-3);background:var(--color-button);color:var(--color-on-button);padding-left:var(--space-4)}
 .header nav .mobile-contact:hover{color:var(--color-on-button)}
 .header nav .mobile-contact::after{display:none}

.header .nav-order{display:none}.header nav a[aria-current="page"]::after{background:var(--color-brand)}
.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:19;background:var(--color-menu-backdrop)}
.header.is-compact{padding-top:6px;padding-bottom:6px}.header.is-compact .brand img{width:36px;height:36px}
}