#global-header{z-index:100000;position:fixed;top:0;left:0;display:flex;width:100%;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);color:var(--color-black);transition:transform .3s ease-in-out .25s}#global-header .global-logo{transition:all .3s ease-in-out .25s;padding:var(--spacing-3) var(--spacing-4);width:4rem;height:auto}#global-header a,#global-header a:link,#global-header a:active,#global-header a:visited{color:var(--color-black);line-height:1.15}#global-header a:hover{color:var(--color-grey-70);text-decoration:none}.main-nav{font-family:var(--font-mono);text-transform:uppercase;transition:all .3s ease-in-out .25s;padding:0 var(--spacing-5);list-style:none;display:flex;gap:var(--spacing-6)}.main-nav-item{font-size:var(--font-size-2);color:var(--color-black);align-self:center;letter-spacing:-.03em}#global-header.hidden{transform:translateY(-100%)}#global-header.hero{background:transparent}#global-header.hero .global-logo{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}#global-header.hero.invert{color:var(--color-off-white);background:transparent}#global-header.hero.invert .global-logo{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}#global-header.hero.invert .global-logo img{filter:invert(1)}#global-header.hero .main-nav,#global-header.hero.invert .main-nav{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}#global-header.hero.invert .main-nav-item,#global-header.hero.invert a,#global-header.hero.invert a:link,#global-header.hero.invert a:active,#global-header.hero.invert a:visited{color:var(--color-off-white)}#global-header.hero.invert a:hover{color:var(--color-grey-30)}@media(min-width:768px){#global-header{justify-content:space-between;padding:var(--spacing-2) var(--spacing-3)}.main-nav{list-style:none;display:flex;gap:var(--spacing-10)}}@media(min-width:1024px){#global-header{justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}#global-header .global-logo{width:5rem;height:auto}.main-nav{gap:var(--spacing-10)}}@media(min-width:1600px){#global-header{justify-content:space-between;padding:var(--spacing-4) var(--spacing-8)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-header.css.map */