.site-header-group{position:sticky;top:0;z-index:var(--z-header);background:var(--color-ground-elevated)}.template-index .site-header-group--overlay{position:absolute;inset-inline:0;top:0;background:transparent}.template-index .site-header-group--overlay.is-scrolled{position:fixed;inset-inline:0;top:0;background:var(--color-ground-elevated);box-shadow:var(--shadow-subtle)}.site-header{background:var(--color-ground-elevated);border-bottom:1px solid var(--color-border);transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.template-index .site-header-group--overlay:not(.is-scrolled) .site-header.is-overlay{background:#f6f2ebeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.site-header.is-overlay{position:relative;top:auto}.site-header__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);min-height:3.75rem;padding:var(--space-3) var(--page-gutter)}.site-header__brand{font-family:var(--font-display);font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:var(--weight-display-em);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--color-ink);white-space:nowrap}.site-header__nav{display:none}.site-header__utilities{display:flex;align-items:center;gap:var(--space-5);font-size:var(--text-ui-md);font-weight:var(--weight-ui-medium);color:var(--color-ink)}.site-header__utilities a{color:inherit;border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-out)}.site-header__utilities a:hover{border-bottom-color:var(--color-accent)}.site-header__menu-toggle{background:none;border:0;padding:var(--space-2) 0;font-family:var(--font-ui);font-size:var(--text-ui-md);font-weight:var(--weight-ui-medium);color:var(--color-ink);cursor:pointer}.site-header__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);pointer-events:none}.site-header__drawer.is-open{pointer-events:auto}.site-header__drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1b1966;border:0;opacity:0;transition:opacity var(--duration-base) var(--ease-out);cursor:pointer}.site-header__drawer.is-open .site-header__drawer-backdrop{opacity:1}.site-header__drawer-panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(24rem,90vw);background:var(--color-ground-elevated);box-shadow:var(--shadow-drawer);transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);padding:var(--space-8) var(--space-6);overflow-y:auto}.site-header__drawer.is-open .site-header__drawer-panel{transform:translate(0)}.site-header__drawer-nav{display:grid;gap:var(--space-2);margin-top:var(--space-8)}.site-header__drawer-nav a{display:block;padding:var(--space-3) 0;font-size:var(--text-ui-lg);font-weight:var(--weight-ui-medium);color:var(--color-ink);border-bottom:1px solid var(--color-border)}.site-header__drawer-nav a:last-child{border-bottom:0}.announcement-bar{background:var(--color-ground-muted);border-bottom:1px solid var(--color-border);text-align:center;padding:var(--space-2) var(--page-gutter);font-size:var(--text-ui-xs);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--color-ink-secondary)}.template-index .site-header-group--overlay:not(.is-scrolled) .announcement-bar{background:#ede8dfeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(min-width:990px){.site-header__bar{grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr);min-height:4rem;padding-block:var(--space-4)}.site-header__menu-toggle{display:none}.site-header__nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2) var(--space-5);justify-self:center;max-width:52rem}.site-header__nav a{font-size:var(--text-ui-md);font-weight:var(--weight-ui-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);padding:var(--space-1) 0;border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-out);white-space:nowrap}.site-header__nav a:hover,.site-header__nav a[aria-current=page]{border-bottom-color:var(--color-accent)}.site-header__utilities{justify-self:end}.site-header__brand{justify-self:start}}@media(min-width:1200px){.site-header__nav{gap:var(--space-6)}.site-header__nav a{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zeus-header.css.map */