.brand-header-wrapper{position:relative;display:block;background-color:rgb(var(--color-background));z-index:4}.brand-header-wrapper--border{border-bottom:1px solid var(--brand-line)}brand-sticky-header{position:sticky;top:0}.brand-header{position:relative}.brand-header__grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand-header__col{display:flex;align-items:center;min-width:0}.brand-header__col--left{justify-content:flex-start;gap:8px}.brand-header__col--center{justify-content:center}.brand-header__col--right{justify-content:flex-end;gap:20px}.brand-header__heading{margin:0;font-size:inherit;line-height:0}.brand-header__logo-link{display:block;line-height:0;text-decoration:none}.brand-header__logo{display:block;height:var(--brand-logo-height, 44px);width:auto;max-width:100%}.brand-header__logo-text{font-family:var(--brand-font-display);font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--color-foreground));line-height:1.1;white-space:nowrap}@media screen and (min-width:750px){.brand-header__logo-text{font-size:24px}}.brand-nav{display:none}@media screen and (min-width:1200px){.brand-nav{display:block}}.brand-nav__list{display:flex;align-items:center;gap:20px;margin:0;padding:0;list-style:none}.brand-nav__item{display:flex}.brand-nav__disclosure{display:block}.brand-nav__disclosure details{position:static}.brand-nav__disclosure summary{list-style:none;cursor:pointer}.brand-nav__disclosure summary::-webkit-details-marker{display:none}.brand-nav__link{display:inline-flex;align-items:center;gap:5px;padding:8px 0;font-family:var(--brand-font-body);font-size:16px;font-weight:500;line-height:20px;letter-spacing:normal;color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;transition:color var(--brand-duration) var(--brand-ease)}.brand-nav__link:hover,.brand-nav__link.is-active{color:var(--brand-tan)}.brand-nav__caret{display:inline-flex;transition:transform var(--brand-duration) var(--brand-ease)}.brand-nav__caret svg{width:10px;height:10px;fill:currentColor}details[open]>.brand-nav__link .brand-nav__caret{transform:rotate(180deg)}details[open]>.brand-nav__link{color:var(--brand-tan)}.brand-header__cta{display:none;align-items:center;justify-content:center;padding:13px 22px;background-color:var(--brand-black);color:var(--brand-white);font-family:var(--brand-font-body);font-size:14px;font-weight:600;letter-spacing:.18px;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color var(--brand-duration) var(--brand-ease)}.brand-header__cta:hover{background-color:var(--brand-tan-deep)}@media screen and (min-width:1400px){.brand-header__cta{display:inline-flex}}.brand-header__icons{display:flex;align-items:center;gap:4px}.brand-header__icon,.brand-header .header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:rgb(var(--color-foreground));text-decoration:none;position:relative;background:none;border:0;cursor:pointer}.brand-header__icon .svg-wrapper,.brand-header .header__icon .svg-wrapper{width:20px;height:20px}.brand-header__icon svg,.brand-header .header__icon svg{width:20px;height:20px}.brand-header__icon--cart .svg-wrapper,.brand-header__icon--cart .svg-wrapper svg,.brand-header__icon--cart svg{width:38px;height:38px}.brand-header__icon:hover,.brand-header .header__icon:hover{color:var(--brand-tan)}.brand-header .cart-count-bubble{position:absolute;top:4px;right:3px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:16px;background-color:var(--brand-tan-deep);color:var(--brand-white);font-size:10px;font-weight:700;line-height:1}.brand-header .header__search{display:flex}.brand-mega{position:absolute;top:100%;left:0;right:0;z-index:5;background-color:rgb(var(--color-background));border-top:1px solid var(--brand-line);box-shadow:0 18px 30px #0000000f;opacity:0;transform:translateY(-6px);animation:brand-mega-in .2s var(--brand-ease) forwards}@keyframes brand-mega-in{to{opacity:1;transform:translateY(0)}}.brand-mega__inner{display:flex;align-items:stretch;justify-content:space-between;gap:40px;padding-top:34px;padding-bottom:40px}.brand-mega__columns{display:flex;flex:1 1 auto;min-width:0}.brand-mega__column{flex:0 1 auto;min-width:170px;padding:0 28px;border-right:1px solid var(--brand-line)}.brand-mega__column:first-child{padding-left:0}.brand-mega__column:last-child{border-right:0}.brand-mega__column-title{margin:0 0 18px;font-family:var(--brand-font-body);font-size:12px;font-weight:400;color:var(--brand-muted);text-decoration:none;display:block}.brand-mega__column-title--link{color:rgb(var(--color-foreground));text-transform:uppercase;letter-spacing:.04em;margin-bottom:0}.brand-mega__column-title--link:hover{color:var(--brand-tan)}.brand-mega__links{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}.brand-mega__link{font-family:var(--brand-font-body);font-size:14px;color:rgb(var(--color-foreground));text-decoration:none;transition:color var(--brand-duration) var(--brand-ease)}.brand-mega__link:hover,.brand-mega__link.is-current{color:var(--brand-tan)}.brand-mega__links li:last-child .brand-mega__link{color:var(--brand-tan);text-decoration:underline;text-underline-offset:3px}.brand-mega__promo{flex:0 0 300px;align-self:stretch;margin:-34px -50px -40px 0}.brand-mega__promo-link{position:relative;display:block;height:100%;text-decoration:none}.brand-mega__promo-image{width:100%;height:100%;object-fit:cover;display:block}.brand-mega__promo-heading{position:absolute;left:20px;bottom:20px;color:var(--brand-white);font-size:15px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.4)}.brand-header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--brand-header-bottom, 0);background-color:#00000040;opacity:0;pointer-events:none;transition:opacity var(--brand-duration) var(--brand-ease);z-index:3}.brand-header-wrapper.has-open-menu .brand-header__overlay{opacity:1;pointer-events:auto}.brand-header__overlay[hidden]{display:none}@media screen and (max-width:1199px){.brand-header__col--right{gap:0}.brand-header header-drawer{display:block;margin-left:-10px}}@media screen and (min-width:1200px){.brand-header header-drawer{display:none}}@media screen and (max-width:749px){.brand-header__grid{gap:8px}.brand-header__icon,.brand-header .header__icon{width:36px;height:36px}.brand-header__icon--cart .svg-wrapper,.brand-header__icon--cart .svg-wrapper svg,.brand-header__icon--cart svg{width:34px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-brand-header.css.map */
