.bb-hero{--delay-hero-copy: .12s;--delay-hero-badge-top: .4s;--delay-hero-badge-bottom: .48s;--scale-hero-media-in: .97;--line-height-hero: 1.1;--letter-spacing-hero: -.005em;--font-size-subtext: var(--font-size-14);--line-height-subtext: 1.5;--font-size-badge: var(--font-size-14);--font-weight-badge: 400;--line-height-badge: 1.5;--space-card: var(--space-card-feature);--space-card-gap: 48px;--space-content-gap: 16px;--space-cta-offset: 20px;--width-media: var(--width-media-feature);--width-content: 720px;--width-subtext: 640px;--offset-badge: 24px;--opacity-video-dim: .5;background:var(--color-surface-raised);color:var(--color-text-primary);font-family:var(--font-family-body);padding:var(--space-hero-top, var(--space-hero-block)) var(--space-page-inline) var(--space-section-block-lg)}.bb-hero *,.bb-hero *:before,.bb-hero *:after{box-sizing:border-box}.bb-hero p,.bb-hero__title{margin:0}.bb-hero__card{display:flex;flex-direction:column;gap:var(--space-card-gap);background:var(--color-surface-page);border-radius:var(--radius-card);padding:var(--space-card)}.bb-hero__media{order:-1;position:relative;align-self:center;width:100%;max-width:var(--width-media)}.bb-hero__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-content-gap);width:100%;max-width:var(--width-content);margin-inline:auto;text-align:center;text-wrap:balance}.bb-hero__eyebrow{display:none;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.bb-hero__copy{display:flex;flex-direction:column;align-items:inherit;gap:16px}.bb-hero .bb-hero__title{font-family:var(--font-family-display);font-weight:var(--font-weight-hero);font-size:var(--font-size-hero);line-height:var(--line-height-hero);letter-spacing:var(--letter-spacing-hero);text-transform:none;color:var(--color-text-primary)}.bb-hero__subtext{max-width:var(--width-subtext);font-size:var(--font-size-subtext);font-weight:400;line-height:var(--line-height-subtext);letter-spacing:0;color:var(--color-text-secondary)}.bb-hero__ctas{order:1;display:flex;flex-direction:column;align-self:stretch;gap:16px;margin-top:var(--space-cta-offset)}.bb-hero__video{display:block}.bb-hero__image-wrap{aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-image);background:var(--color-surface-raised)}.bb-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.bb-hero__badge{position:absolute;left:50%;display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--color-amber-border);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-badge);font-size:var(--font-size-badge);font-weight:var(--font-weight-badge);line-height:var(--line-height-badge);color:var(--color-text-accent);white-space:nowrap}.bb-hero__badge-icon{flex-shrink:0}.bb-hero__badge--top{top:0;left:calc(50% + var(--offset-badge));translate:-50% -50%}.bb-hero__badge--bottom{bottom:0;left:calc(50% - var(--offset-badge));translate:-50% 50%}@media screen and (max-width:699px){.bb-hero{--space-card-gap: 36px;--offset-badge: 0px;--font-size-hero: clamp(1.5rem, 10vw - 6px, 2.25rem);--space-cta-offset: 8px;--height-hero-media-min: 180px;--height-hero-fit: calc( 100svh - var(--announcement-bar-height, 0px) - var(--header-height, 0px) - var(--height-promo-banner, 0px) - var(--space-hero-top, var(--space-hero-block)) - var(--space-hero-block) )}.bb-hero__card{display:grid;grid-template-rows:minmax(var(--height-hero-media-min),1fr) auto;min-height:var(--height-hero-fit)}.bb-hero__media{align-self:stretch;max-width:none}.bb-hero__media>.bb-hero__video,.bb-hero__media>.bb-fade-carousel{position:absolute;top:0;right:0;bottom:0;left:0}.bb-hero__slide,.bb-hero__image-wrap{height:100%}.bb-hero__media>.bb-fade-carousel{grid-template-rows:100%}.bb-hero__image-wrap{aspect-ratio:auto}}@media screen and (min-width:700px){.bb-hero{--font-size-subtext: var(--font-size-17);--line-height-subtext: 1.6;--font-size-badge: var(--font-size-16);--font-weight-badge: 500;--line-height-badge: 1.6}.bb-hero__eyebrow{display:flex}.bb-hero__ctas{flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:auto}}@media screen and (min-width:1150px){.bb-hero{--line-height-hero: 1.05;--letter-spacing-hero: -.01em;--space-content-gap: 36px;--space-cta-offset: 0px}.bb-hero__card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.bb-hero__media{order:0;justify-self:end}.bb-hero__content{align-items:flex-start;margin-inline:0;text-align:start}.bb-hero__eyebrow,.bb-hero__ctas{justify-content:flex-start}.bb-hero__ctas{order:0}.bb-hero__badge{translate:none}.bb-hero__badge--top{top:-31px;right:24px;left:auto}.bb-hero__badge--bottom{bottom:-20px;left:-48px}}.bb-hero__image-wrap--video{position:relative}.bb-hero__image-wrap--video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-overlay);opacity:var(--opacity-video-dim);pointer-events:none}.bb-hero__mute{position:absolute;z-index:1;right:var(--space-media-inset);bottom:var(--space-media-inset);color:var(--color-text-inverse);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(prefers-reduced-motion:no-preference){.bb-hero__media{animation:bb-hero-media-in var(--duration-entrance) var(--motion-ease-out) both}.bb-hero__content>*{animation:bb-hero-rise var(--duration-entrance) var(--motion-ease-out) both;animation-delay:calc(var(--delay-hero-copy) + var(--hero-step, 0) * var(--stagger-reveal))}.bb-hero__content>:nth-child(2){--hero-step: 1}.bb-hero__content>:nth-child(3){--hero-step: 2}.bb-hero__content>:nth-child(4){--hero-step: 3}.bb-hero__content>:nth-child(5){--hero-step: 4}.bb-hero__slide.is-selected .bb-hero__badge{animation:bb-hero-fade-up var(--motion-duration-base) var(--motion-ease-out) both}.bb-hero__slide.is-selected .bb-hero__badge--top{animation-delay:var(--delay-hero-badge-top)}.bb-hero__slide.is-selected .bb-hero__badge--bottom{animation-delay:var(--delay-hero-badge-bottom)}.bb-hero__image-wrap--video .bb-hero__image{animation:bb-fade-carousel-settle var(--duration-settle) var(--motion-ease-out) both}}@keyframes bb-hero-rise{0%{opacity:0;transform:translateY(var(--distance-reveal));filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes bb-hero-media-in{0%{opacity:0;scale:var(--scale-hero-media-in)}}@keyframes bb-hero-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/section-bb-hero.css.map */