@layer sections{.c-header-announce{background-color:var(--color-brand-primary);color:var(--color-brand-purple);text-align:center;padding-block:.6rem;overflow:hidden;position:relative;min-height:3.2rem}.c-header-announce__track{position:relative;height:2rem}.c-header-announce__msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-brand-ui);font-size:clamp(1.1rem,.9rem + .5vw,1.3rem);font-weight:500;letter-spacing:.05em;white-space:nowrap;opacity:0;transform:translateY(50%)}.c-header-announce__link{color:inherit;text-decoration:underline}@media(prefers-reduced-motion:no-preference){.c-header-announce__msg{animation:c-header-announce-rotate 15s infinite}.c-header-announce__msg:nth-child(2){animation-delay:5s}.c-header-announce__msg:nth-child(3){animation-delay:10s}}@media(prefers-reduced-motion:reduce){.c-header-announce__msg:first-child{opacity:1;transform:translateY(0)}}@keyframes c-header-announce-rotate{0%,2%{opacity:0;transform:translateY(50%)}5%,28%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(-50%)}}.c-header-section{position:sticky;top:0;z-index:100;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--color-brand-cream)}@media(prefers-reduced-motion:reduce){.c-header-section{transition:none}}.c-header-section--hidden{transform:translateY(-100%);pointer-events:none}.c-header-section--sticky{box-shadow:0 2px 8px #febc2526;will-change:transform}.c-header-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:var(--bb-content-max-width);margin-inline:auto;padding-block:var(--space-l);padding-inline:var(--space-l);border-bottom:1px solid var(--color-border-light);position:relative;min-height:6rem}.c-header-bar header-drawer-v3{justify-self:start}@media(min-width:750px){.c-header-bar{padding-inline:var(--space-xl);min-height:7.2rem}}.c-header-bar--logo-left{justify-content:flex-start}.c-header-bar--logo-left .c-header-logo{margin-right:auto}.c-header-nav{display:none}@media(min-width:990px){.c-header-nav{display:flex;align-items:center;gap:clamp(2rem,3vw,5rem);list-style:none;margin:0;padding:0}.c-header-nav--left{grid-column:1;grid-row:1;justify-content:flex-end}.c-header-nav--right{grid-column:3;grid-row:1;justify-content:flex-start;padding-right:15rem}.c-header-bar header-drawer-v3{display:none}.c-header-icons{position:absolute;right:var(--space-xl);top:50%;transform:translateY(-50%)}}.c-header-nav__link{font-family:var(--font-brand-ui);font-size:clamp(1.3rem,1.1rem + .3vw,1.5rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:var(--color-text-primary);padding:var(--space-xs) 0;position:relative;white-space:nowrap}.c-header-nav__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-brand-primary);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}@media(prefers-reduced-motion:reduce){.c-header-nav__link:after{transition:none}}.c-header-nav__link:hover:after,.c-header-nav__link--active:after{transform:scaleX(1)}.c-header-nav__link:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:2px}.c-header-dropdown{position:relative}.c-header-dropdown__toggle{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-brand-ui);font-size:clamp(1.3rem,1.1rem + .3vw,1.5rem);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-primary);cursor:pointer;list-style:none;padding:var(--space-xs) 0;position:relative;white-space:nowrap}.c-header-dropdown__toggle::-webkit-details-marker{display:none}.c-header-dropdown__toggle::marker{display:none;content:""}.c-header-dropdown__toggle:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-brand-primary);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}@media(prefers-reduced-motion:reduce){.c-header-dropdown__toggle:after{transition:none}}.c-header-dropdown__toggle:hover:after{transform:scaleX(1)}.c-header-dropdown__toggle:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:2px}.c-header-dropdown__caret{width:1rem;height:.6rem;transition:transform .2s ease;flex-shrink:0}@media(prefers-reduced-motion:reduce){.c-header-dropdown__caret{transition:none}}.c-header-dropdown[open] .c-header-dropdown__caret{transform:rotate(180deg)}.c-header-dropdown__menu{position:absolute;top:calc(100% + var(--space-xs));left:50%;transform:translate(-50%);background-color:var(--color-brand-cream);border:1px solid var(--color-border-light);border-radius:4px;box-shadow:0 4px 12px var(--color-shadow-card);padding:var(--space-s) 0;min-width:20rem;list-style:none;margin:0;z-index:110}.c-header-dropdown__item{display:block;padding:var(--space-xs) var(--space-l);font-family:var(--font-brand-ui);font-size:1.3rem;font-weight:500;letter-spacing:.05em;color:var(--color-text-primary);text-decoration:none;white-space:nowrap;transition:background-color .15s ease}@media(prefers-reduced-motion:reduce){.c-header-dropdown__item{transition:none}}.c-header-dropdown__item:hover{background-color:var(--color-surface-placeholder)}.c-header-dropdown__item:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.c-header-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;justify-self:center;z-index:1;line-height:0}@media(min-width:990px){.c-header-logo{grid-column:2;grid-row:1;padding-inline:var(--space-2xl)}}.c-header-logo__link{display:inline-flex;align-items:center;text-decoration:none;color:var(--color-text-primary)}.c-header-logo__link:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:2px}.c-header-logo__img{display:block;height:auto;max-height:5rem;width:auto}@media(min-width:750px){.c-header-logo__img{max-height:6rem}}.c-header-logo__text{font-family:var(--font-brand-display);font-size:clamp(2rem,1.6rem + 1.2vw,2.8rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-purple);line-height:1}.c-header-icons{display:flex;align-items:center;justify-self:end;gap:var(--space-s)}@media(min-width:750px){.c-header-icons{gap:var(--space-m)}}.c-header-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;color:var(--color-text-primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:none;position:relative}@media not (min-width:750px){.c-header-icons{gap:var(--space-xs)}.c-header-icon{width:4.4rem;height:4.4rem}}.c-header-icon:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:2px}.c-header-icon__svg{width:2rem;height:2rem}@media(min-width:750px){.c-header-icon__svg{width:2.2rem;height:2.2rem}}.c-header-icon__svg--cart{width:2.4rem;height:2.4rem}@media(min-width:750px){.c-header-icon__svg--cart{width:2.6rem;height:2.6rem}}.c-header-cart-count{position:absolute;top:.2rem;right:0;display:flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;padding:0 .4rem;border-radius:100px;background-color:var(--color-brand-primary);color:var(--color-brand-purple);font-family:var(--font-brand-ui);font-size:1rem;font-weight:600;line-height:1}.c-header-mobile-toggle{display:inline-flex}@media(min-width:990px){.c-header-mobile-toggle{display:none}}.c-header-icon--account{display:none}@media(min-width:990px){.c-header-icon--account{display:inline-flex}}.c-header-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:199;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media(prefers-reduced-motion:reduce){.c-header-drawer__backdrop{transition:none}}.c-header-drawer__backdrop--open{opacity:1;visibility:visible}.c-header-drawer__panel{position:fixed;top:0;left:0;bottom:0;width:min(32rem,85vw);background-color:var(--color-brand-cream);z-index:200;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){.c-header-drawer__panel{transition:none}}.c-header-drawer__panel--open{transform:translate(0)}.c-header-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-m) var(--space-l);border-bottom:1px solid var(--color-border-light)}.c-header-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:0}@media not (min-width:750px){.c-header-drawer__close{width:4.4rem;height:4.4rem}}.c-header-drawer__close:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:2px}.c-header-drawer__close-icon{width:1.8rem;height:1.8rem}.c-header-drawer__nav{list-style:none;margin:0;padding:var(--space-m) 0;flex:1}.c-header-drawer__link{display:block;padding:var(--space-s) var(--space-l);font-family:var(--font-brand-ui);font-size:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);text-decoration:none;transition:background-color .15s ease}@media not (min-width:750px){.c-header-drawer__link{display:flex;align-items:center;min-height:4.4rem}}@media(prefers-reduced-motion:reduce){.c-header-drawer__link{transition:none}}.c-header-drawer__link:hover{background-color:var(--color-surface-placeholder)}.c-header-drawer__link:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.c-header-drawer__link--heading{font-family:var(--font-brand-display);font-weight:400;font-size:1.8rem;letter-spacing:.06em;color:var(--color-brand-purple);padding-top:var(--space-m);border-top:1px solid var(--color-border-light);margin-top:var(--space-s)}.c-header-drawer__footer{padding:var(--space-m) var(--space-l);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-m)}.c-header-drawer__footer-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-brand-ui);font-size:1.3rem;font-weight:500;color:var(--color-text-primary);text-decoration:none}@media not (min-width:750px){.c-header-drawer__footer-link{min-height:4.4rem}}.c-header-drawer__footer-link:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:2px}.c-header-drawer__footer-icon{width:1.8rem;height:1.8rem}.c-header-search{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}@media(prefers-reduced-motion:reduce){.c-header-search{transition:none}}.c-header-search--open{opacity:1;visibility:visible}.c-header-search__inner{background-color:var(--color-brand-cream);border-radius:8px;padding:var(--space-l);width:min(56rem,90vw);box-shadow:0 8px 32px #00000026;position:relative}.c-header-search__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-m)}.c-header-search__title{font-family:var(--font-brand-display);font-size:2rem;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand-purple)}.c-header-search__close{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:0}.c-header-search__close:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:2px}.c-header-search__close-icon{width:1.8rem;height:1.8rem}.c-header-search__form{display:flex;border:2px solid var(--color-border-light);border-radius:100px;overflow:hidden;transition:border-color .2s ease}@media(prefers-reduced-motion:reduce){.c-header-search__form{transition:none}}.c-header-search__form:focus-within{border-color:var(--color-brand-primary)}.c-header-search__input{flex:1;padding:var(--space-s) var(--space-l);font-family:var(--font-brand-body);font-size:1.6rem;color:var(--color-text-primary);background:transparent;border:none;outline:none}.c-header-search__input::placeholder{color:var(--color-text-subdued)}.c-header-search__submit{display:inline-flex;align-items:center;justify-content:center;width:5rem;background:none;border:none;cursor:pointer;color:var(--color-text-primary)}.c-header-search__submit:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}.c-header-search__submit-icon{width:2rem;height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-header-v3.css.map */