.site-header-wrapper{position: sticky;top: 0;z-index: var(--z-header)}.announcement-bar{background-color: var(--color-ink);color: var(--color-ink-inverse);padding-block: var(--space-2);overflow: hidden;max-height: 3rem;transition: max-height var(--duration-slow) var(--ease-out),padding var(--duration-slow) var(--ease-out)}.announcement-bar.is-hidden{max-height: 0;padding-block: 0}.announcement-bar__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);min-height: 1.5rem}.announcement-bar__pills{display: flex;align-items: center;gap: var(--space-2);flex-shrink: 0}.announcement-pill{font-family: var(--font-body);font-size: var(--text-xs);font-weight: 500;letter-spacing: 0.07em;text-transform: uppercase;padding: 0.1875rem var(--space-3);border-radius: var(--radius-full);white-space: nowrap;line-height: 1.4}.announcement-pill-crypto{background-color: var(--color-gold);color: var(--color-ink)}.announcement-bar__message{font-family: var(--font-body);font-size: var(--text-xs);font-weight: 500;letter-spacing: 0.07em;text-transform: uppercase;color: var(--color-ink-secondary);flex: 1;text-align: center}.announcement-bar__dismiss{display: none;align-items: center;justify-content: center;background: none;border: none;color: var(--color-ink-secondary);cursor: pointer;padding: var(--space-1);line-height: 1;flex-shrink: 0;width: 1.5rem;height: 1.5rem}.announcement-bar__dismiss svg{width: 0.875rem;height: 0.875rem}@media (max-width: 767px){.announcement-bar__dismiss{display: flex}.announcement-bar__message{display: none}}.site-header{background-color: var(--color-bg);border-bottom: 1px solid var(--color-border);padding-block: var(--space-3)}.site-header__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-8)}.site-logo{display: flex;align-items: center;text-decoration: none;flex-shrink: 0}.site-logo__img{display: block;width: auto;height: var(--logo-h);transition: opacity var(--duration-base) var(--ease-base)}.site-logo:hover .site-logo__img{opacity: 0.78}.primary-nav{display: none}@media (min-width: 1024px){.primary-nav{display: block}}.primary-nav__list{display: flex;align-items: center;gap: var(--space-8);list-style: none;margin: 0;padding: 0}.primary-nav__link{font-family: var(--font-body);font-size: var(--text-sm);font-weight: 500;letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-ink);text-decoration: none;transition: color var(--duration-fast) var(--ease-base)}.primary-nav__link:hover{color: var(--color-ink-secondary)}.header-actions{display: flex;align-items: center;gap: var(--space-4);flex-shrink: 0}.header-cart-link,.header-account-link{display: flex;align-items: center;color: var(--color-ink);text-decoration: none;position: relative}.header-cart-icon{width: 1.25rem;height: 1.25rem;flex-shrink: 0}.header-cart-count{position: absolute;top: -6px;right: -8px;background-color: var(--color-ink);color: var(--color-ink-inverse);font-family: var(--font-mono);font-size: 0.625rem;min-width: 1rem;height: 1rem;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center}.header-cart-count[data-count="0"]{display: none}.mobile-menu-toggle{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;background: none;border: none;cursor: pointer;color: var(--color-ink);border-radius: var(--radius-sm)}.mobile-menu-toggle__bars{display: flex;flex-direction: column;justify-content: center;gap: 4px;width: 20px}.mobile-menu-toggle__bar{display: block;width: 20px;height: 1.5px;background-color: var(--color-ink)}@media (min-width: 1024px){.mobile-menu-toggle{display: none}}@media (max-width: 767px){.header-account-link,.header-cart-link{justify-content: center;min-width: 44px;min-height: 44px}.header-actions{gap: var(--space-1)}.site-logo__img{width: 140px;height: auto}}body.is-menu-open{overflow: hidden}@media (max-width: 767px){html.is-menu-open{overflow: hidden}}.mobile-menu{position: fixed;inset: 0;background-color: var(--color-paper);z-index: var(--z-menu);display: flex;flex-direction: column;padding-inline: var(--grid-margin);padding-block: var(--space-6);overflow-y: auto;overscroll-behavior: contain;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity var(--duration-base) var(--ease-base),transform var(--duration-base) var(--ease-base),visibility 0s linear var(--duration-base)}.mobile-menu.is-open{opacity: 1;visibility: visible;transform: translateY(0);transition: opacity var(--duration-base) var(--ease-base),transform var(--duration-base) var(--ease-base),visibility 0s linear 0s}@media (prefers-reduced-motion: reduce){.mobile-menu{transition: none}}@media (min-width: 1024px){.mobile-menu{display: none !important}}.mobile-menu__header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-12)}.mobile-menu__close{display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;background: none;border: none;cursor: pointer;color: var(--color-ink);border-radius: var(--radius-sm)}.mobile-menu__close svg{width: 1.25rem;height: 1.25rem}.mobile-menu__label{margin-bottom: var(--space-4)}.mobile-nav__list{list-style: none;display: flex;flex-direction: column;gap: 0}.mobile-nav__link{display: block;font-family: var(--font-display);font-size: var(--text-3xl);font-weight: 700;color: var(--color-ink);text-decoration: none;letter-spacing: -0.02em;padding-block: var(--space-4);border-bottom: 1px solid var(--color-border);line-height: 1.15}.mobile-menu__secondary{display: flex;gap: var(--space-6);margin-top: var(--space-8)}.mobile-menu__secondary-link{font-family: var(--font-body);font-size: var(--text-base);font-weight: 500;color: var(--color-ink);text-decoration: none;padding-block: var(--space-2)}.mobile-menu__secondary-link:hover{color: var(--color-ink-soft)}@media (min-width: 768px){.site-header{transition: background-color var(--duration-base) var(--ease-base),border-color var(--duration-base) var(--ease-base),box-shadow var(--duration-base) var(--ease-base)}.site-header-wrapper.is-overlay{position: sticky;top: 0;z-index: var(--z-header)}.site-header-wrapper.is-overlay .site-header{background-color: transparent;border-bottom-color: transparent}.site-header-wrapper.is-scrolled .site-header{box-shadow: 0 1px 16px color-mix(in srgb,var(--color-ink) 7%,transparent)}.site-header-wrapper.is-overlay.is-scrolled .site-header{background-color: var(--color-paper);border-bottom-color: var(--color-border)}}