:root{--m-bg: #FAFAF8;--m-bg-alt: #F2F0EC;--m-bg-dark: #1A1A1A;--m-bg-darker: #111111;--m-text: #1A1A1A;--m-text-secondary: #6B6560;--m-text-light: #FAFAF8;--m-accent: #8B7355;--m-accent-hover: #74603F;--m-accent-light: #C4B5A0;--m-border: #E2DFD9;--m-white: #FFFFFF;--m-gold: #C8963E;--m-font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--m-font-heading: "IBM Plex Sans", sans-serif;--m-font-mono: "IBM Plex Mono", monospace;--m-radius: 12px;--m-radius-sm: 6px;--m-transition: all .35s cubic-bezier(.25, .1, .25, 1);--m-container: 1280px}.m-announcement{position:fixed;top:0;left:0;right:0;height:33px;background:var(--m-bg-dark);color:var(--m-text-light);z-index:1001;display:flex;align-items:center;overflow:hidden;transition:transform .4s ease}.m-announcement.hidden{transform:translateY(-100%)}.m-announcement__track{display:flex;align-items:center;white-space:nowrap;animation:m-marquee 22s linear infinite;will-change:transform}.m-announcement:hover .m-announcement__track{animation-play-state:paused}.m-announcement__msg{display:inline-flex;align-items:center;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:0 2.5rem;margin:0}.m-announcement__msg:after{content:"\2022";margin-left:2.5rem;opacity:.5}@keyframes m-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.m-header{position:fixed;top:23px;left:0;right:0;height:70px;z-index:1000;background:transparent;transition:top .4s cubic-bezier(.25,.1,.25,1),background .4s ease,backdrop-filter .4s ease,border-color .4s ease,box-shadow .4s ease;display:flex;align-items:center;border-bottom:1px solid transparent}.m-header.scrolled,.m-header--solid{background:#fafaf88c;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(226,223,217,.4);box-shadow:0 1px #ffffff80 inset,0 8px 32px #1a1a1a0a}.m-header.scrolled{top:0}@supports not (backdrop-filter: blur(20px)){.m-header.scrolled,.m-header--solid{background:#fafaf8f0}}.m-header__inner{width:100%;max-width:var(--m-container);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.m-header__logo{font-family:var(--m-font-heading);font-size:1.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--m-white);transition:color .35s ease;z-index:10}.m-header.scrolled .m-header__logo,.m-header--solid .m-header__logo{color:var(--m-text)}.m-header__nav{display:flex;gap:2.5rem;align-items:center}.m-header__nav a{font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9;transition:color .35s ease;position:relative}.m-header__nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:currentColor;transition:width .3s ease}.m-header__nav a:hover:after,.m-header__nav a:focus-visible:after{width:100%}.m-header.scrolled .m-header__nav a,.m-header--solid .m-header__nav a{color:var(--m-text)}.m-header__actions{display:flex;gap:1.25rem;align-items:center}.m-header__actions a,.m-header__actions button{color:#ffffffd9;transition:color .35s ease;display:flex;align-items:center}.m-header.scrolled .m-header__actions a,.m-header.scrolled .m-header__actions button,.m-header--solid .m-header__actions a,.m-header--solid .m-header__actions button{color:var(--m-text)}.m-header__cart{position:relative}.m-header__cart-count{position:absolute;top:-6px;right:-8px;background:var(--m-accent);color:#fff;font-size:.6rem;font-weight:600;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.m-header__cart-count[hidden]{display:none}.m-header__hamburger{display:none;flex-direction:column;gap:5px;padding:4px;z-index:10;background:none;border:0;cursor:pointer}.m-header__hamburger span{display:block;width:22px;height:2px;background:var(--m-white);border-radius:2px;transition:var(--m-transition)}.m-header.scrolled .m-header__hamburger span,.m-header--solid .m-header__hamburger span{background:var(--m-text)}.m-header__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.m-header__hamburger.active span:nth-child(2){opacity:0}.m-header__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.m-header__hamburger.active span,.m-header--solid .m-header__hamburger.active span,.m-header.scrolled .m-header__hamburger.active span{background:var(--m-white)}.m-mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--m-bg-dark);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;opacity:0;pointer-events:none;transition:opacity .4s ease}.m-mobile-menu.open{opacity:1;pointer-events:all}.m-mobile-menu__nav{display:flex;flex-direction:column;align-items:center;gap:2rem}.m-mobile-menu__nav a{font-family:var(--m-font-heading);font-size:1.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--m-text-light);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,color .2s ease}.m-mobile-menu.open .m-mobile-menu__nav a{opacity:1;transform:translateY(0)}.m-mobile-menu.open .m-mobile-menu__nav a:nth-child(1){transition-delay:.1s}.m-mobile-menu.open .m-mobile-menu__nav a:nth-child(2){transition-delay:.15s}.m-mobile-menu.open .m-mobile-menu__nav a:nth-child(3){transition-delay:.2s}.m-mobile-menu.open .m-mobile-menu__nav a:nth-child(4){transition-delay:.25s}.m-mobile-menu.open .m-mobile-menu__nav a:nth-child(5){transition-delay:.3s}.m-mobile-menu__nav a:hover{color:var(--m-accent-light)}.m-header-spacer{height:110px}@media(max-width:900px){.m-header__nav{display:none}.m-header__hamburger{display:flex}.m-header__inner{padding:0 1.25rem}}@media(max-width:768px){.m-header__actions .m-header__account{display:none}.m-header__logo{font-size:1.05rem;letter-spacing:.14em}.m-header__actions{gap:1.1rem}.m-header__actions svg{width:19px;height:19px}}@media(max-width:400px){.m-header__logo{font-size:1.2rem;letter-spacing:.09em}.m-header__actions{gap:.9rem}.m-header__inner{padding:0 1rem}}@media(prefers-reduced-motion:reduce){.m-announcement__track{animation:none}.m-header,.m-mobile-menu,.m-mobile-menu__nav a{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/m-header.css.map */
