header{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-header)}header-bar{display:block;position:var(--header-position);top:0;left:0;right:0;width:100%;height:var(--header-height);border-bottom:1px solid transparent;transition-property:color,background,border-color;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease);pointer-events:auto}header-bar[menu-open=true]{border-color:var(--color-border)}header-bar:not(.transparent):not(.scrolled){background:var(--color-bg)}header-bar:not([menu-open=true]).transparent:not(.scrolled){color:var(--color-transparent, var(--color-text))}header-bar.scrolled{color:var(--color-scrolled, var(--color-text));background:var(--color-bg);border-color:var(--color-border)}.header-bar--container{position:relative}.header-bar--container,.header-bar--actions{display:flex;align-items:center;justify-content:space-between;height:100%}.header-bar--actions{width:100%;gap:1.25rem}.header-bar--logo,.header-bar--actions{z-index:10}.header-bar--logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.header-bar--logo .chamberlain{width:9.25rem;height:.75rem}.header-bar--logo .john-chamberlain{width:11rem;height:1rem}.header-bar--hamburger{display:flex;align-items:center;justify-content:center;width:calc(1rem + calc(var(--container-gutter) * 2));height:calc(1rem + calc(var(--container-gutter) * 2));margin:calc(var(--container-gutter) * -1);overflow:hidden;transition-property:width,margin;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease);z-index:1}.header-bar--nav-shop{display:flex;align-items:flex-end;gap:1.25rem}.header-bar--nav-shop li{display:flex}.header-bar--nav-primary{display:flex;align-items:center;gap:1.5rem;z-index:1}header a.active{text-decoration:underline;text-underline-offset:1px}.header-bar--nav-expanded{display:none;visibility:hidden;position:absolute;top:var(--header-height);transition:opacity var(--transition-duration) var(--transition-ease);line-height:1}.header-bar--nav-expanded.visible{visibility:visible}header-bar.scrolled .header-bar--nav-expanded{opacity:0}header-menu{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;width:100%;height:100%;padding-top:var(--header-height);background:var(--color-bg);color:var(--color-text);transform:translate(-100%);transition:transform var(--transition-duration) var(--transition-ease);z-index:9}header-menu[open=true]{transform:translate(0)}.header-menu--container{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.header-menu--nav{display:flex;flex-direction:column;justify-content:center;height:100%;overflow:auto;z-index:1}.header-menu--nav a,.header-menu--nav button{font-size:2.5rem;text-transform:uppercase}.header-menu--nav-secondary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border);border-bottom:1px solid;margin-bottom:-1px}.header-menu--nav-secondary li{width:50%}.header-menu--nav-secondary li:not(:last-child){border-right:1px solid var(--color-border)}.header-menu--nav-secondary a{display:block;width:100%;padding:1.5rem 0;text-align:center}.header-menu--overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}@media (max-width: 1023px){.header-bar--logo svg{height:.75rem}.header-bar--nav-shop li:not(.cart){display:none}.header-bar--nav-primary{display:none}}@media (min-width: 1024px){header-bar.reverse .header-bar--container{flex-direction:row-reverse}.header-bar--actions{width:fit-content}.header-bar--actions{flex-direction:row-reverse;gap:0}.header-bar--hamburger{margin:0;width:calc(1rem + var(--container-gutter));transform:translateY(1px)}header-bar.expanded:not(.scrolled) .header-bar--hamburger{width:0px!important}header-bar:not(.reverse) .hamburger{padding-left:0}header-bar.reverse .hamburger{padding-right:0}.header-bar--nav-expanded{display:flex;flex-direction:column}header-bar:not(.reverse) .header-bar--nav-expanded{left:0;top:1.25rem}header-bar.reverse .header-bar--nav-expanded{right:0;text-align:right}header-menu{background:transparent;transform:none}header-menu[open=true]{transform:none!important}body:has(header-menu[open=true]){overflow:hidden}body section,body footer{transition:transform var(--transition-duration) var(--transition-ease)}body:has(header-bar.reverse header-menu[open=true]) section,body:has(header-bar.reverse header-menu[open=true]) footer{transform:translate(-20rem)}body:has(header-bar:not(.reverse) header-menu[open=true]) section,body:has(header-bar:not(.reverse) header-menu[open=true]) footer{transform:translate(20rem)}.header-menu--container{--margin: calc(calc(calc(100vw - var(--container-width)) / 2) - var(--container-gutter));width:fit-content;min-width:20rem;background:var(--color-bg);transition:transform var(--transition-duration) var(--transition-ease)}header-bar:not(.reverse) .header-menu--container{border-right:1px solid var(--color-border);margin-left:var(--margin);margin-right:auto;transform:translate(-100%)}header-bar.reverse .header-menu--container{border-left:1px solid var(--color-border);text-align:right;margin-right:var(--margin);margin-left:auto;transform:translate(100%)}header-menu[open=true] .header-menu--container{transform:none!important}.header-menu--nav{width:100%;justify-content:flex-start;padding-top:1rem;padding-bottom:1rem}.header-menu--nav .shop{display:none}header-bar.reverse .header-menu--nav{padding-right:var(--container-gutter);padding-left:3rem}header-bar:not(.reverse) .header-menu--nav{padding-left:var(--container-gutter);padding-right:3rem}.header-menu--nav a,.header-menu--nav button{font-size:2.25rem}.header-menu--nav-secondary{display:none}.header-menu--overlay{display:block}.header-bar--logo .chamberlain{width:13rem;height:1rem}.header-bar--logo .john-chamberlain{width:20rem;height:2rem;transition-property:width,height;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-ease)}.header-bar--hamburger{z-index:0}header-bar.scrolled .header-bar--logo .john-chamberlain{width:11.8rem;height:1rem}}@media (min-width: 1920px){.header-bar--nav{padding-top:2.25rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/header.css.map */