.bb-video-hero{position:relative;display:grid;--hero-available-height: max(0px, calc(100svh - var(--hero-header-height, var(--header-height, 0px))));height:min(var(--hero-height, 90svh),var(--hero-available-height));min-height:0;grid-template-rows:minmax(0,1fr);width:100%;isolation:isolate;overflow:hidden;background:var(--bb-ink);color:var(--hero-text-color, #fff)}.bb-video-hero__media,.bb-video-hero__shade,.bb-video-hero__poster,.bb-video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bb-video-hero__media{z-index:-2}.bb-video-hero__poster,.bb-video-hero__video{object-fit:cover;object-position:var(--hero-position, 65% center)}.bb-video-hero__video{opacity:0;transition:opacity .35s ease}.bb-video-hero.is-ready .bb-video-hero__video{opacity:1}.bb-video-hero .bb-video-hero__shade{display:block;z-index:-1;background:linear-gradient(90deg,rgb(0 0 0 / 45%),transparent 85%),linear-gradient(0deg,rgb(0 0 0 / 25%),transparent 65%),rgb(0 0 0 / var(--hero-overlay))}.bb-video-hero__content{width:100%;display:flex;flex-direction:column;justify-content:safe flex-end;min-height:0;overflow-y:auto;gap:clamp(24px,calc(var(--hero-available-height) * .1),110px);padding-top:clamp(24px,calc(var(--hero-available-height) * .12),100px);padding-bottom:clamp(64px,calc(var(--hero-available-height) * .1),100px)}.bb-video-hero__content>*{flex-shrink:0}.bb-video-hero__heading{max-width:900px;margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--bb-type-display);line-height:var(--bb-heading-leading);letter-spacing:var(--bb-heading-tracking)}.bb-video-hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.bb-video-hero__intro{max-width:620px}.bb-video-hero__text{font-size:var(--bb-type-lead);line-height:1.45;margin-bottom:28px}.bb-video-hero__text>:first-child{margin-top:0}.bb-video-hero__text>:last-child{margin-bottom:0}.bb-video-hero__text a{color:inherit}.bb-video-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;padding:14px 28px;border:2px solid var(--hero-button-background, #fff);border-radius:999px;background:var(--hero-button-background, #fff);color:var(--hero-button-color, var(--bb-ink));font-size:var(--bb-type-small);line-height:1.3;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.bb-video-hero__button--outline{background:transparent;color:var(--hero-text-color, #fff)}.bb-video-hero__button:hover{background:var(--bb-first-tint);border-color:var(--bb-first-tint);color:var(--bb-ink)}.bb-video-hero__toggle{position:absolute;bottom:18px;right:max(20px,calc((100vw - var(--page-width)) / 2 + 50px));display:grid;place-content:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / 65%);border-radius:50%;color:var(--hero-text-color, #fff);background:#00000059;cursor:pointer;font:inherit}.bb-video-hero__toggle[hidden],.bb-video-hero__pause-icon,.bb-video-hero.is-playing .bb-video-hero__play-icon{display:none}.bb-video-hero.is-playing .bb-video-hero__pause-icon{display:block}.bb-video-hero__button:focus-visible,.bb-video-hero__toggle:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(max-width:749px){.bb-video-hero{height:min(var(--hero-mobile-height, 85svh),var(--hero-available-height))}.bb-video-hero__content{padding:clamp(24px,calc(var(--hero-available-height) * .1),80px) 24px 72px;gap:clamp(24px,calc(var(--hero-available-height) * .07),48px)}.bb-video-hero__heading{font-size:var(--bb-type-display)}.bb-video-hero__bottom{align-items:flex-start;flex-direction:column;gap:20px}.bb-video-hero__text{font-size:var(--bb-type-lead);max-width:32ch;margin-bottom:24px}.bb-video-hero__button{min-height:50px;padding:12px 24px;font-size:var(--bb-type-small)}.bb-video-hero__shade{background:linear-gradient(0deg,rgb(0 0 0 / 60%),transparent),rgb(0 0 0 / var(--hero-overlay))}}@media(prefers-reduced-motion:reduce){.bb-video-hero__video,.bb-video-hero__button{transition:none}}.bb-video-hero--center .bb-video-hero__content{text-align:center}.bb-video-hero--center .bb-video-hero__heading{margin-inline:auto}.bb-video-hero--center .bb-video-hero__bottom{justify-content:center;flex-wrap:wrap}.bb-video-hero--right .bb-video-hero__content{text-align:right}.bb-video-hero--right .bb-video-hero__heading{margin-left:auto}.bb-video-hero--right .bb-video-hero__bottom{justify-content:flex-end}@media(max-width:749px){.bb-video-hero--center .bb-video-hero__bottom{align-items:center}.bb-video-hero--right .bb-video-hero__bottom{align-items:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bb-video-hero.css.map */