.genitec-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 12%, transparent); background: color-mix(in srgb, var(--wp--preset--color--surface) 96%, transparent); backdrop-filter: blur(12px); }.genitec-header__inner { display: grid; grid-template-columns: auto 1fr auto; gap: var(--wp--preset--spacing--6); align-items: center; min-height: var(--header-height); }.genitec-brand img { display:block; width:auto; max-height:2.55rem; }.genitec-primary-navigation { justify-self:center; }.genitec-menu { display:flex; flex-wrap:wrap; gap:clamp(1rem,2vw,2.25rem); margin:0; padding:0; list-style:none; }.genitec-menu a { color:var(--wp--preset--color--ink); font-size:var(--wp--preset--font-size--sm); font-weight:700; }.genitec-menu a:hover,.genitec-menu .current-menu-item>a { color:var(--wp--preset--color--signal); }.genitec-menu-toggle,.genitec-menu-close { display:none; border:0; color:var(--wp--preset--color--ink); background:none; cursor:pointer; }.genitec-menu-toggle { width:3rem; height:3rem; padding:.8rem; }.genitec-menu-toggle span:not(.screen-reader-text) { display:block; width:100%; height:2px; margin:.35rem 0; background:currentColor; }.genitec-mobile-menu,.genitec-menu-backdrop { display:none; }
@media (max-width:900px) { .genitec-header__inner{grid-template-columns:1fr auto}.genitec-primary-navigation,.genitec-header__cta{display:none}.genitec-menu-toggle{display:block}.genitec-menu-backdrop{position:fixed;z-index:59;inset:0;background:rgb(16 32 44 / .55)}.genitec-menu-backdrop.is-open{display:block}.genitec-mobile-menu{position:fixed;z-index:60;top:0;right:0;display:flex;flex-direction:column;gap:var(--wp--preset--spacing--6);width:min(25rem,88vw);height:100dvh;padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--4);overflow-y:auto;color:var(--wp--preset--color--surface);background:var(--wp--preset--color--ink);transform:translateX(100%);transition:transform .2s ease}.genitec-mobile-menu.is-open{transform:translateX(0)}.genitec-mobile-menu .genitec-menu{flex-direction:column;gap:0}.genitec-mobile-menu .genitec-menu li{padding:.85rem 0;border-bottom:1px solid rgb(255 255 255 / .18)}.genitec-mobile-menu .genitec-menu a,.genitec-menu-close{color:inherit}.genitec-menu-close{display:block;align-self:flex-end;font-size:2.25rem;line-height:1} }
@media (max-width:999px){.genitec-header{--header-height:5rem}.genitec-menu{gap:var(--space-4)}}
@media (prefers-reduced-motion:reduce){.genitec-mobile-menu{transition:none}}
body.genitec-menu-open{overflow:hidden}