.film-section{--film-inset-x:var(--gutter,var(--bb-gutter,24px));--film-inset-bottom:12.5%;--film-scale:.875;--film-radius:0px;position:relative;z-index:2;view-timeline-name:--film-entry;view-timeline-axis:block}.film-viewport{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 var(--film-inset-x) var(--film-inset-bottom) round var(--film-radius));overflow:hidden}.film-art{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(var(--film-scale));transform-origin:top center;will-change:transform}.play-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);translate:0 calc((var(--film-scale) - 1) * var(--film-height) / 2);width:70px;height:70px;padding:0;border-radius:50%;background:transparent}.play-indicator{pointer-events:none}@keyframes open-film-frame{0%{clip-path:inset(0 var(--film-inset-x) var(--film-inset-bottom) round var(--film-radius))}to{clip-path:inset(0 0px 0% round 0px)}}@keyframes grow-film{0%{transform:scale(var(--film-scale))}to{transform:scale(1)}}@keyframes center-film-play{0%{translate:0 calc((var(--film-scale) - 1) * var(--film-height) / 2)}to{translate:0 0}}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]):not([data-scroll-fallback]) .film-viewport{animation:open-film-frame linear both;animation-timeline:--film-entry;animation-range:entry var(--film-entry-start,0px) entry var(--film-entry-end,100%)}html:not([data-motion=off]):not([data-scroll-fallback]) .film-art{animation:grow-film linear both;animation-timeline:--film-entry;animation-range:entry var(--film-entry-start,0px) entry var(--film-entry-end,100%)}html:not([data-motion=off]):not([data-scroll-fallback]) .play-indicator{animation:center-film-play linear both;animation-timeline:--film-entry;animation-range:entry var(--film-entry-start,0px) entry var(--film-entry-end,100%)}}}@media(prefers-reduced-motion:reduce){.film-viewport{clip-path:none}.film-art{transform:none;will-change:auto}.play-indicator{translate:none}}html[data-motion=off] .film-viewport{clip-path:none}html[data-motion=off] .film-art{transform:none;will-change:auto}html[data-motion=off] .play-indicator{translate:none}.bb-home [data-film-player] .film-poster.bb-film-poster,[data-film-player] .bb-team-travel>img.bb-film-poster,[data-film-player] .film-art>img.bb-film-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;height:100%;max-width:none;transform:none;rotate:none;translate:none;scale:none;object-fit:cover;object-position:center}.bb-film-trigger{cursor:pointer;border:0;padding:0;background:transparent;color:#fff;z-index:2;min-width:44px;min-height:44px}.bb-home [data-film-player] .play-indicator.bb-film-trigger{pointer-events:auto}.bb-film-trigger:focus-visible{outline:3px solid #fff;outline-offset:6px;box-shadow:0 0 0 9px #1b1b1b}.bb-film-trigger img{display:block;width:100%;height:100%}.bb-film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%}.bb-film-credit{position:absolute;right:16px;bottom:12px;z-index:2;margin:0;max-width:calc(100% - 32px);padding:4px 8px;background:#000a;color:#fff;font-size:12px;line-height:1.4}.bb-film-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#000;color:#fff;overflow:hidden}[data-film-player] :has(>.bb-film-panel:not([hidden]))>.bb-film-credit{visibility:hidden}.bb-film-panel .bb-film-credit-playing{z-index:4;top:12px;bottom:auto}.bb-film-panel[hidden],.bb-film-trigger[hidden]{display:none}.bb-film-media{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}[data-film-player] .bb-film-panel .bb-film-video{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#000;transform:none}.bb-film-video:focus-visible{outline:3px solid #fff;outline-offset:-3px}.bb-film-status-row{position:absolute;inset:12px 12px auto;pointer-events:none}.bb-film-status-row p{margin:0;width:fit-content;background:#000b;font-size:14px;line-height:20px}.bb-film-status-row p:empty{display:none}.bb-film-retry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin-top:8px;padding:8px 12px;border:0;background:#262626;color:#fff;font:inherit;font-size:16px;line-height:24px;cursor:pointer;pointer-events:auto}.bb-film-retry:focus-visible{outline:2px solid #fff;outline-offset:2px}.bb-film-retry[hidden]{display:none}.bb-film-dim{position:fixed;z-index:2147483000;pointer-events:none;background:transparent;box-shadow:0 0 0 200vmax #000b;opacity:0;transition:opacity .24s cubic-bezier(.2,.7,.2,1)}.bb-film-dim[data-active=true]{opacity:1;transition-duration:.32s}@media(prefers-reduced-motion:reduce){.bb-film-dim{transition-duration:.1s!important}}html[data-motion=off] .bb-film-dim{transition-duration:.1s!important}[data-film-player].film-section{width:100%;max-width:calc(var(--bb-width,1440px) + 300px);height:auto;aspect-ratio:8/3;margin-inline:auto}.bb-home .hero-art:after{background:linear-gradient(#0006,transparent 30%,transparent 48%,var(--bb-ink,#1b1b1b) 100%)}.bb-home [data-film-player].film-section:before{top:calc(var(--hero-overlap) - 1px);left:calc(-1 * var(--film-outset,0px));right:calc(-1 * var(--film-outset,0px));background:var(--bb-ink,#1b1b1b)}@media(max-width:760px){[data-film-player].film-section{aspect-ratio:16/9}}@media(max-width:760px){.bb-film-play{width:56px;height:56px}.bb-film-credit{right:8px;bottom:8px;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bb-film.css.map */