.site-header{position:sticky;top:0;z-index:150;background-color:var(--colour-black)}.section-header .wrapper{display:flex;padding:1.5rem 0;align-items:center}@media(max-width:1023.98px){.section-header .wrapper{padding-right:.5rem;gap:3rem}}.section-header .logo{flex-grow:2}.section-header .logo img{height:3rem;width:21rem;object-fit:contain}@media(min-width:1024px){.section-header .logo img{height:4rem;width:28.8rem}}.section-header ol.user{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:2rem}@media(min-width:1024px){.section-header ol.user{position:relative;padding-left:2.5rem;margin-left:2.5rem}}@media(min-width:1024px){.section-header ol.user:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:32px;width:1px;background:linear-gradient(180deg,var(--colour-brand-light) 0%,var(--colour-brand-dark) 100%)}}@media(max-width:767.98px){.section-header ol.user li:not(.btn-icon){display:none}}.section-header ol.user li a,.section-header ol.user li button{padding:0;margin:0;display:flex;cursor:pointer;color:var(--colour-white)}.section-header ol.user li a.account,.section-header ol.user li a.cart,.section-header ol.user li a.login-form-open,.section-header ol.user li button.account,.section-header ol.user li button.cart,.section-header ol.user li button.login-form-open{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none}.section-header ol.user li a.account:focus,.section-header ol.user li a.cart:focus,.section-header ol.user li a.login-form-open:focus,.section-header ol.user li button.account:focus,.section-header ol.user li button.cart:focus,.section-header ol.user li button.login-form-open:focus{outline:none}.section-header ol.user li a.account:hover,.section-header ol.user li a.cart:hover,.section-header ol.user li a.login-form-open:hover,.section-header ol.user li button.account:hover,.section-header ol.user li button.cart:hover,.section-header ol.user li button.login-form-open:hover{text-decoration:none;outline:none}.section-header ol.user li a.account:disabled,.section-header ol.user li a.cart:disabled,.section-header ol.user li a.login-form-open:disabled,.section-header ol.user li button.account:disabled,.section-header ol.user li button.cart:disabled,.section-header ol.user li button.login-form-open:disabled{opacity:.5;pointer-events:none}.section-header ol.user li a svg,.section-header ol.user li button svg{fill:currentColor;height:1.125rem;width:1.125rem}.section-header ol.user a{font-size:.875rem}.section-header ol.user a svg{height:1rem;width:1rem}.section-header ol.user a.cart{display:flex;align-items:center;gap:.5rem}.section-header .menu-open{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;margin:0;height:20px;width:20px;position:relative;z-index:110}.section-header .menu-open:focus{outline:none}.section-header .menu-open:hover{text-decoration:none;outline:none}.section-header .menu-open:disabled{opacity:.5;pointer-events:none}@media(min-width:1024px){.section-header .menu-open{display:none}}.section-header .menu-open:before,.section-header .menu-open:after{content:"";position:absolute;left:0;width:20px;height:2px;background-color:var(--colour-white);border-radius:1px;transform:none;transition:.3s}.section-header .menu-open:before{top:5px}.section-header .menu-open:after{top:13px}.section-header .menu-open.is-active:before{top:9px;transform:rotate(45deg) scaleX(1.25)}.section-header .menu-open.is-active:after{top:9px;transform:rotate(-45deg) scaleX(1.25)}.section-header .menu{z-index:100;background-color:var(--colour-black);padding:6rem 1.5rem 4rem}@media(max-width:1023.98px){.section-header .menu{position:fixed;top:0;left:0;height:100%;width:100%;transform:translateY(100%);transition:all var(--transition-duration) var(--transition-timing) 0s}}@media(min-width:768px){.section-header .menu{padding-left:16vw;padding-right:16vw}}@media(min-width:1024px){.section-header .menu{padding:0}}.section-header .menu ul{list-style:none;padding:0;margin:0}.section-header .menu ul.tier-1{display:flex;gap:1.5rem}@media(max-width:1023.98px){.section-header .menu ul.tier-1{flex-direction:column}}.section-header .menu ul.tier-1>li{margin-bottom:0}@media(max-width:1023.98px){.section-header .menu ul.tier-1>li{transform:translateY(2rem);opacity:0;transition:all var(--transition-duration) var(--transition-timing) 0s;transition-delay:0}}@media(min-width:1024px){.section-header .menu ul.tier-1>li:hover.has-dropdown .dropdown,.section-header .menu ul.tier-1>li:focus.has-dropdown .dropdown{display:block}}.section-header .menu ul.tier-1>li.has-dropdown .dropdown{position:fixed;top:0;left:0;width:100%;padding:6rem 1.5rem 4rem;z-index:1;background-color:var(--colour-black);transform:translate(-100%);transition:all var(--transition-duration) var(--transition-timing) 0s}@media(max-width:1023.98px){.section-header .menu ul.tier-1>li.has-dropdown .dropdown{height:100%}.section-header .menu ul.tier-1>li.has-dropdown .dropdown.is-visible{transform:translate(0)}}@media(min-width:1024px){.section-header .menu ul.tier-1>li.has-dropdown .dropdown{display:none}}.section-header .menu ul.tier-1>li.has-dropdown .dropdown .go-back{display:flex;align-items:center;gap:.5rem;position:absolute;top:2.25rem;z-index:2;font-family:var(--font-family-heading);line-height:1.1;letter-spacing:.12em;text-transform:uppercase}.section-header .menu ul.tier-1>li.has-dropdown .dropdown .go-back svg{width:1rem;height:1rem;fill:var(--colour-white)}@media(min-width:1024px){.section-header .menu ul.tier-1>li.has-dropdown .dropdown .go-back{display:none}}.section-header .menu ul.tier-1>li.has-dropdown .dropdown .menu-title{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1.5rem;font-family:var(--font-family-heading);line-height:1.1;letter-spacing:.12em;text-transform:uppercase;background-image:linear-gradient(to right,var(--colour-grey),var(--colour-grey) 33.33333%,var(--colour-brand-light) 66.66666%,var(--colour-brand-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 100%;background-position:top left 100%;margin-bottom:1rem}@media(min-width:1024px){.section-header .menu ul.tier-1>li.has-dropdown .dropdown .menu-title{display:none}}@media(min-width:1024px){.section-header .menu ul.tier-1>li.has-dropdown{position:relative}.section-header .menu ul.tier-1>li.has-dropdown .dropdown{position:absolute;top:100%;padding:0;width:-webkit-max-content;width:max-content;left:50%;transform:translate(-50%)}.section-header .menu ul.tier-1>li.has-dropdown .dropdown ul.tier-2{display:flex;flex-direction:column;gap:.5rem;background-color:var(--colour-white);padding:.5rem;margin-top:1rem}.section-header .menu ul.tier-1>li.has-dropdown .dropdown ul.tier-2 li a{color:var(--colour-black)}}.section-header .menu.is-visible{transform:none}@media(max-width:1023.98px){.section-header .menu.is-visible ul.tier-1>li{opacity:1;transform:none}.section-header .menu.is-visible ul.tier-1>li:nth-child(1){transition-delay:.7s}.section-header .menu.is-visible ul.tier-1>li:nth-child(2){transition-delay:.8s}.section-header .menu.is-visible ul.tier-1>li:nth-child(3){transition-delay:.9s}.section-header .menu.is-visible ul.tier-1>li:nth-child(4){transition-delay:1s}.section-header .menu.is-visible ul.tier-1>li:nth-child(5){transition-delay:1.1s}.section-header .menu.is-visible ul.tier-1>li:nth-child(6){transition-delay:1.2s}.section-header .menu.is-visible ul.tier-1>li:nth-child(7){transition-delay:1.3s}.section-header .menu.is-visible ul.tier-1>li:nth-child(8){transition-delay:1.4s}.section-header .menu.is-visible ul.tier-1>li:nth-child(9){transition-delay:1.5s}.section-header .menu.is-visible ul.tier-1>li:nth-child(10){transition-delay:1.6s}}@media(min-width:1024px){.section-header ol.user,.section-header .menu ul.tier-1{gap:2rem}}.section-header ol.user>li:not(.btn-icon) button,.section-header ul.tier-1>li:not(.btn-icon) button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none}.section-header ol.user>li:not(.btn-icon) button:focus,.section-header ul.tier-1>li:not(.btn-icon) button:focus{outline:none}.section-header ol.user>li:not(.btn-icon) button:hover,.section-header ul.tier-1>li:not(.btn-icon) button:hover{text-decoration:none;outline:none}.section-header ol.user>li:not(.btn-icon) button:disabled,.section-header ul.tier-1>li:not(.btn-icon) button:disabled{opacity:.5;pointer-events:none}.section-header ol.user>li:not(.btn-icon) a,.section-header ol.user>li:not(.btn-icon) button,.section-header ul.tier-1>li:not(.btn-icon) a,.section-header ul.tier-1>li:not(.btn-icon) button{display:block}.section-header ol.user>li:not(.btn-icon)>a,.section-header ol.user>li:not(.btn-icon)>button,.section-header ul.tier-1>li:not(.btn-icon)>a,.section-header ul.tier-1>li:not(.btn-icon)>button{font-size:.875rem;font-weight:400;letter-spacing:.12em;line-height:1;text-transform:uppercase;text-decoration:none;text-align:center;position:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,var(--colour-white),var(--colour-white) 33.33333%,var(--colour-brand-light) 66.66666%,var(--colour-brand-dark));background-size:300% 100%;background-position:top left}.section-header ol.user>li:not(.btn-icon)>a.is-active,.section-header ol.user>li:not(.btn-icon)>button.is-active,.section-header ul.tier-1>li:not(.btn-icon)>a.is-active,.section-header ul.tier-1>li:not(.btn-icon)>button.is-active{background-position:top left 100%}.section-header ol.user>li:not(.btn-icon):hover>a,.section-header ol.user>li:not(.btn-icon):hover>button,.section-header ol.user>li:not(.btn-icon):focus>a,.section-header ol.user>li:not(.btn-icon):focus>button,.section-header ul.tier-1>li:not(.btn-icon):hover>a,.section-header ul.tier-1>li:not(.btn-icon):hover>button,.section-header ul.tier-1>li:not(.btn-icon):focus>a,.section-header ul.tier-1>li:not(.btn-icon):focus>button{background-position:top left 100%}.section-header ol.user>li,.section-header ul.tier-1>li{color:var(--colour-white)}.section-header ol.user>li ul li a,.section-header ul.tier-1>li ul li a{position:relative;margin-bottom:1rem;text-decoration:none}@media(min-width:1024px){.section-header ol.user>li ul li a,.section-header ul.tier-1>li ul li a{margin-bottom:unset;color:var(--colour-black);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,var(--colour-black),var(--colour-black) 33.33333%,var(--colour-brand-light) 66.66666%,var(--colour-brand-dark));background-size:300% 100%;background-position:top left}}.section-header ol.user>li ul li:hover a,.section-header ol.user>li ul li:focus a,.section-header ul.tier-1>li ul li:hover a,.section-header ul.tier-1>li ul li:focus a{background-position:top left 100%}.section-header ol.user .btn-icon svg,.section-header ul.tier-1 .btn-icon svg{fill:var(--colour-white)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-header.css.map */
