bb-hero{display:block}.bb-hero{--bb-header-fallback: 64px;--bb-hero-offset: calc(var(--header-height, var(--bb-header-fallback)) + var(--announcement-bar-height, 0px));--bb-hero-ui: var(--bb-fig);position:relative;overflow:hidden;min-height:480px;background-color:var(--bb-linen);color:var(--bb-hero-ui)}.bb-hero[data-tone=light]{--bb-hero-ui: var(--bb-cream)}.bb-hero--h-full{height:calc(100vh - var(--bb-hero-offset));height:calc(100svh - var(--bb-hero-offset))}.bb-hero--h-large{height:80vh;height:80svh}.bb-hero--h-medium{height:65vh;height:65svh}@media screen and (min-width:768px){.bb-hero{--bb-header-fallback: 96px;min-height:540px}}@media screen and (max-width:767px){.bb-hero--mh-full{height:calc(100vh - var(--bb-hero-offset));height:calc(100svh - var(--bb-hero-offset))}.bb-hero--mh-large{height:80vh;height:80svh}.bb-hero--mh-medium{height:65vh;height:65svh}}.bb-hero__viewport,.bb-hero__track{position:absolute;top:0;right:0;bottom:0;left:0}.bb-hero__track{touch-action:pan-y}.bb-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0}.bb-hero--fade .bb-hero__slide{opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}.bb-hero--fade .bb-hero__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}.bb-hero--slide .bb-hero__track{display:flex;transition:transform .8s cubic-bezier(.65,0,.35,1)}.bb-hero--slide .bb-hero__slide{position:relative;flex:0 0 100%;height:100%}.bb-hero--single .bb-hero__slide{opacity:1;visibility:visible}.bb-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.bb-hero__media picture{display:contents}.bb-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--bb-focal, center)}.bb-hero__placeholder{background-color:var(--bb-linen);fill:rgb(var(--bb-fig-rgb) / .25)}.bb-hero__slide{--bb-fade-rgb: var(--bb-cream-rgb);--bb-fade-a: 0}.bb-hero__slide--tone-light{--bb-fade-rgb: var(--bb-fig-deep-rgb)}.bb-hero__slide--fade-soft{--bb-fade-a: .72}.bb-hero__slide--fade-strong{--bb-fade-a: .9}.bb-hero__fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bb-hero__slide--left .bb-hero__fade{background:linear-gradient(90deg,rgb(var(--bb-fade-rgb) / var(--bb-fade-a)),rgb(var(--bb-fade-rgb) / calc(var(--bb-fade-a) * .65)) 32%,rgb(var(--bb-fade-rgb) / 0) 62%)}.bb-hero__slide--right .bb-hero__fade{background:linear-gradient(270deg,rgb(var(--bb-fade-rgb) / var(--bb-fade-a)),rgb(var(--bb-fade-rgb) / calc(var(--bb-fade-a) * .65)) 32%,rgb(var(--bb-fade-rgb) / 0) 62%)}.bb-hero__slide--center .bb-hero__fade{background:radial-gradient(ellipse 55% 60% at 50% 50%,rgb(var(--bb-fade-rgb) / var(--bb-fade-a)),rgb(var(--bb-fade-rgb) / calc(var(--bb-fade-a) * .5)) 55%,rgb(var(--bb-fade-rgb) / 0))}.bb-hero__slide--tone-dark{--bb-hero-heading: var(--bb-fig);--bb-hero-accent: var(--bb-fig);--bb-hero-body: var(--bb-black);--bb-btn-bg: var(--bb-fig);--bb-btn-fg: var(--bb-cream)}.bb-hero__slide--tone-light{--bb-hero-heading: var(--bb-cream);--bb-hero-accent: var(--bb-cream);--bb-hero-body: var(--bb-cream);--bb-btn-bg: var(--bb-cream);--bb-btn-fg: var(--bb-fig)}.bb-hero__content-wrap{position:relative;z-index:2;display:flex;align-items:center;box-sizing:border-box;height:100%;max-width:calc(var(--bb-container) + var(--bb-gutter) * 2);margin-inline:auto;padding:48px var(--bb-gutter) 80px}.bb-hero__slide--left .bb-hero__content-wrap{justify-content:flex-start}.bb-hero__slide--center .bb-hero__content-wrap{justify-content:center;text-align:center}.bb-hero__slide--right .bb-hero__content-wrap{justify-content:flex-end}.bb-hero__content{max-width:34rem}.bb-hero__eyebrow{margin:0 0 18px;font-family:var(--bb-font-body);font-size:var(--bb-fs-micro);font-weight:500;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--bb-hero-accent)}.bb-hero__heading{margin:0 0 22px;font-family:var(--bb-font-heading);font-size:var(--bb-fs-display);font-style:italic;font-weight:400;line-height:1;letter-spacing:-.02em;text-transform:none;color:var(--bb-hero-heading)}.bb-hero__text{max-width:30rem;margin:0 0 30px;font-family:var(--bb-font-body);font-size:var(--bb-fs-body);font-weight:400;line-height:1.65;color:var(--bb-hero-body)}.bb-hero__slide--center .bb-hero__text{margin-inline:auto}.bb-hero__buttons{display:flex;flex-wrap:wrap;gap:12px}.bb-hero__slide--center .bb-hero__buttons{justify-content:center}.bb-hero:not(.bb-hero--single) .bb-hero__content>*{transition:opacity .7s ease,transform .7s ease}.bb-hero:not(.bb-hero--single) .bb-hero__slide:not(.is-active) .bb-hero__content>*{opacity:0;transform:translateY(14px)}.bb-hero__slide.is-active .bb-hero__content>:nth-child(1){transition-delay:.25s}.bb-hero__slide.is-active .bb-hero__content>:nth-child(2){transition-delay:.35s}.bb-hero__slide.is-active .bb-hero__content>:nth-child(3){transition-delay:.45s}.bb-hero__slide.is-active .bb-hero__content>:nth-child(4){transition-delay:.55s}.bb-hero__chrome{position:absolute;inset-inline:0;bottom:22px;z-index:3;pointer-events:none}.bb-hero__chrome-inner{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;max-width:calc(var(--bb-container) + var(--bb-gutter) * 2);margin-inline:auto;padding-inline:var(--bb-gutter)}.bb-hero__chrome-inner>*{pointer-events:auto}.bb-hero__controls{display:flex;align-items:center;gap:4px;margin-inline-start:-8px}.bb-hero__counter{display:flex;align-items:baseline;gap:5px;margin:0 4px;font-family:var(--bb-font-body);font-size:var(--bb-fs-micro);font-weight:400;line-height:1;letter-spacing:.06em;color:var(--bb-hero-ui)}.bb-hero__counter-current{font-size:calc(var(--bb-fs-micro) + 2px);font-weight:500}.bb-hero__ctrl{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--bb-hero-ui);cursor:pointer;opacity:.8;transition:opacity .2s ease}.bb-hero__ctrl:hover{opacity:1}.bb-hero__ctrl:focus-visible,.bb-hero__scroll:focus-visible{outline:2px solid var(--bb-hero-ui);outline-offset:2px}.bb-hero__ctrl--prev svg{transform:scaleX(-1)}.bb-hero__ctrl--pause[aria-pressed=false] .bb-hero__icon-play,.bb-hero__ctrl--pause[aria-pressed=true] .bb-hero__icon-pause{display:none}.bb-hero__scroll{display:inline-flex;align-items:center;gap:10px;margin-inline-start:auto;font-family:var(--bb-font-body);font-size:var(--bb-fs-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--bb-hero-ui)}.bb-hero__scroll-arrow{display:inline-block;font-size:1.3em;line-height:1;animation:bb-hero-nudge 2s ease-in-out infinite}@keyframes bb-hero-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.bb-hero-empty{padding:60px 20px;background:var(--bb-linen);color:var(--bb-fig);font-family:var(--bb-font-body);text-align:center}@media screen and (max-width:767px){.bb-hero__img{object-position:var(--bb-focal-m, var(--bb-focal, center))}.bb-hero__content-wrap{align-items:flex-end;padding:32px var(--bb-gutter) 72px}.bb-hero__slide--right .bb-hero__content-wrap{justify-content:flex-start}.bb-hero__content{max-width:100%}.bb-hero__eyebrow{margin-bottom:12px}.bb-hero__heading{margin-bottom:14px}.bb-hero__text{margin-bottom:22px}.bb-hero .bb-hero__slide .bb-hero__fade{background:linear-gradient(0deg,rgb(var(--bb-fade-rgb) / var(--bb-fade-a)),rgb(var(--bb-fade-rgb) / calc(var(--bb-fade-a) * .75)) 38%,rgb(var(--bb-fade-rgb) / 0) 72%)}.bb-hero__chrome{bottom:14px}.bb-hero__scroll{display:none}}@media(prefers-reduced-motion:reduce){.bb-hero__slide,.bb-hero--fade .bb-hero__slide,.bb-hero--fade .bb-hero__slide.is-active,.bb-hero--slide .bb-hero__track,.bb-hero .bb-hero__content>*{transition:none!important}.bb-hero__scroll-arrow{animation:none}}:root{--bb-header-radius: 14px}@media screen and (min-width:768px){:root{--bb-header-radius: 20px}}.bb-hero{--bb-hero-offset: calc(var(--header-height, var(--bb-header-fallback)) + var(--announcement-bar-height, 0px) - var(--bb-header-radius))}.bb-hero__chrome{bottom:calc(22px + var(--bb-header-radius))}.bb-hero__content-wrap{padding-bottom:calc(80px + var(--bb-header-radius))}@media screen and (max-width:767px){.bb-hero__chrome{bottom:calc(14px + var(--bb-header-radius))}.bb-hero__content-wrap{padding-bottom:calc(72px + var(--bb-header-radius))}}.shopify-section--bb-hero~.shopify-section--header{margin-top:calc(var(--bb-header-radius) * -1)}.shopify-section--bb-hero~.shopify-section--header,.shopify-section--bb-hero~.shopify-section--header>height-observer>.header{border-start-start-radius:var(--bb-header-radius);border-start-end-radius:var(--bb-header-radius);transition:border-radius .3s ease}html.bb-hero-passed .shopify-section--bb-hero~.shopify-section--header,html.bb-hero-passed .shopify-section--bb-hero~.shopify-section--header>height-observer>.header{border-start-start-radius:0;border-start-end-radius:0}@media(prefers-reduced-motion:reduce){.shopify-section--bb-hero~.shopify-section--header,.shopify-section--bb-hero~.shopify-section--header>height-observer>.header{transition:none}}.bb-hero-sentinel{display:block;height:1px;margin-bottom:-1px;pointer-events:none}.bb-hero__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bb-hero__slide-link:focus-visible{outline:2px solid var(--bb-hero-ui);outline-offset:-6px}.bb-hero__content-wrap{pointer-events:none}.bb-hero__content a,.bb-hero__buttons{pointer-events:auto}.shopify-section--bb-hero~.shopify-section--announcement-bar{position:relative;margin-top:calc(var(--bb-header-radius) * -1);border-start-start-radius:var(--bb-header-radius);border-start-end-radius:var(--bb-header-radius);overflow:clip;transition:border-radius .3s ease}.shopify-section--bb-hero~.shopify-section--announcement-bar~.shopify-section--header{margin-top:0}.shopify-section--bb-hero~.shopify-section--announcement-bar~.shopify-section--header,.shopify-section--bb-hero~.shopify-section--announcement-bar~.shopify-section--header>height-observer>.header{border-start-start-radius:0;border-start-end-radius:0}html.bb-hero-passed .shopify-section--bb-hero~.shopify-section--announcement-bar{border-start-start-radius:0;border-start-end-radius:0}@media(prefers-reduced-motion:reduce){.shopify-section--bb-hero~.shopify-section--announcement-bar{transition:none}}@media screen and (min-width:768px){.bb-hero--fit-natural{height:auto!important;min-height:0;aspect-ratio:var(--bb-hero-ar, 2)}}.shopify-section--bb-hero~.shopify-section--announcement-bar~.shopify-section--header{margin-top:-1px}.shopify-section--bb-hero~.shopify-section--header{box-shadow:0 1px 0 0 var(--bb-cream, #f5f2ec)}.shopify-section--bb-hero~#main{margin-top:-1px}html.bb-hero-passed .shopify-section--bb-hero bb-hero{visibility:hidden}.shopify-section--bb-hero~#main{box-shadow:0 -6px 0 0 var(--bb-cream, #f5f2ec)}.shopify-section--bb-hero~#main{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/29/assets/bb-hero.css.map */