:root{--sc-announcement-height: 36px;--sc-header-height: 80px;--sc-header-beige: 223, 214, 205;--sc-header-ink: 29, 19, 12;--sc-header-tan: 131, 91, 63}.shopify-section-group-header-group{position:static!important}.announcement{position:fixed!important;z-index:81!important;top:0;right:0;left:0;height:var(--sc-announcement-height)!important;min-height:var(--sc-announcement-height);background:rgba(var(--sc-header-tan),.8)!important;transform:translateY(0);opacity:1;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,background-color .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1)}.site-header{position:fixed!important;z-index:80!important;top:var(--sc-announcement-height)!important;right:0;left:0;height:var(--sc-header-height)!important;color:rgb(var(--sc-header-ink));background:rgba(var(--sc-header-beige),.95)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 20px -4px rgba(var(--sc-header-ink),.1)!important;transition:top .35s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.4,0,.2,1),color .3s ease,box-shadow .5s cubic-bezier(.4,0,.2,1),backdrop-filter .5s cubic-bezier(.4,0,.2,1)!important}.announcement.is-scrolled{transform:translateY(-100%);opacity:0;pointer-events:none}.site-header.is-scrolled{top:0!important}.header-inner.container{width:min(100%,1440px);height:100%;padding-right:48px;padding-left:48px}.site-header .brand-logo,.site-header .desktop-nav a,.site-header .icon-link{transition:filter .5s cubic-bezier(.4,0,.2,1),color .3s ease,opacity .3s ease}body:not(.template-index) #MainContent{padding-top:calc(var(--sc-announcement-height) + var(--sc-header-height))}.template-index #MainContent{padding-top:0}.template-index .announcement:not(.is-scrolled){background:rgba(var(--sc-header-ink),.3)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-index .site-header:not(.is-scrolled){color:#faf8f5;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.template-index .site-header:not(.is-scrolled) .brand-logo{filter:brightness(0) invert(1)}.template-index .site-header:not(.is-scrolled) .desktop-nav a,.template-index .site-header:not(.is-scrolled) .icon-link{color:#faf8f5}.template-index .site-header:not(.is-scrolled) .desktop-nav a{opacity:.8}.template-index .site-header:not(.is-scrolled) .desktop-nav a:hover,.template-index .site-header:not(.is-scrolled) .desktop-nav a[aria-current=page]{opacity:1}body.template-index.menu-open .site-header,body.template-index.drawer-open .site-header{color:rgb(var(--sc-header-ink));background:rgba(var(--sc-header-beige),.95)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 20px -4px rgba(var(--sc-header-ink),.1)!important}body.template-index.menu-open .site-header .brand-logo,body.template-index.drawer-open .site-header .brand-logo{filter:none}body.template-index.menu-open .site-header .icon-link,body.template-index.drawer-open .site-header .icon-link{color:rgb(var(--sc-header-ink))}@media(max-width:1023px){:root{--sc-announcement-height: 32px;--sc-header-height: 64px}.announcement{padding:0 16px;font-size:10px;line-height:1.2}.header-inner.container{width:100%;grid-template-columns:minmax(94px,1fr) auto;padding-right:24px;padding-left:24px}.desktop-nav{display:none}.header-actions{grid-column:2}.mobile-menu-toggle{display:grid}.brand-logo{width:auto;height:40px;max-width:118px;object-fit:contain}.icon-link{width:44px;height:44px;min-width:44px;min-height:44px}body:not(.template-index) #MainContent{padding-top:calc(var(--sc-announcement-height) + var(--sc-header-height))}}@media(max-width:370px){.header-inner.container{padding-right:12px;padding-left:16px}.brand-logo{max-width:105px}.header-actions{gap:0}.icon-link{width:42px;min-width:42px}}@media(prefers-reduced-motion:reduce){.announcement,.site-header,.site-header .brand-logo,.site-header .desktop-nav a,.site-header .icon-link{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/header-scroll-ux.css.map */
