.brand-building-video-scroll{--bbvs-paper: #f4f4f2;--bbvs-ink: #0d0d0d;--bbvs-guide: #e8746a;--bbvs-top-pad: var(--bbvs-mobile-top, 16px);--bbvs-bottom-pad: var(--bbvs-mobile-bottom, 28px);--bbvs-card-top: 0px;--bbvs-card-width: 689px;--bbvs-card-aspect-ratio: 689 / 475;--bbvs-brand-offset: var(--spacing-40);--bbvs-frame-gap-x: var(--spacing-62);--bbvs-sticky-top: 0px;--bbvs-cluster-lift: 0px;--bbvs-content-lift: 60px;--bbvs-cluster-min-height: 65;--bbvs-cluster-height: 65dvh;background:var(--color-grey-extra-light);color:var(--bbvs-ink);padding-bottom:var(--bbvs-bottom-pad);overflow-x:clip}.brand-building-video-scroll__track{position:relative;height:calc(max(2,var(--bbvs-slide-count, 2))*280vh);overflow-x:clip}.brand-building-video-scroll__stage{position:relative;min-height:100%;overflow:visible;background:var(--color-grey-extra-light)}.brand-building-video-scroll__intro{position:relative;padding:var(--bbvs-top-pad) 42px 0;z-index:3;will-change:opacity,transform}.brand-building-video-scroll__cluster{position:sticky;top:calc(var(--bbvs-sticky-top) - var(--bbvs-cluster-lift));height:var(--bbvs-cluster-height);margin-top:var(--bbvs-card-top);left:0;right:0;overflow-x:clip;margin-bottom:60px;perspective:1200px;perspective-origin:center center}.brand-building-video-scroll__eyebrow{margin:0;color:var(--color-grey-medium);font-family:var(--font-body--family);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);letter-spacing:.1em;line-height:1.28;text-transform:uppercase;font-variation-settings:var(--font-expand)}.brand-building-video-scroll__heading{max-width:40rem;margin:var(--spacing-30) 0 0;color:var(--color-black);font-family:var(--font-heading--family);font-size:var(--font-size-45);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;font-variation-settings:var(--font-expand);line-height:var(--spacing-50)}.brand-building-video-scroll__lede{max-width:520px;margin-top:var(--spacing-22);color:var(--color-grey-medium);font-family:var(--font-body--family);font-size:var(--font-size-16);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-normal);line-height:var(--spacing-22)}.brand-building-video-scroll__lede p{margin:0}.brand-building-video-scroll__card{position:absolute;z-index:10;overflow:hidden;max-width:100vw;max-height:100dvh;background:var(--color-jet-black);box-shadow:0 4px 15.6px #00000063;backface-visibility:hidden;transform-origin:center top;will-change:transform,opacity}.brand-building-video-scroll__card--next{z-index:8;pointer-events:none;transition:opacity .26s ease-out,visibility .26s ease-out}.brand-building-video-scroll__media-stack{position:absolute;top:0;right:0;bottom:0;left:0}.brand-building-video-scroll__media-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .42s ease-out}.brand-building-video-scroll__media-layer.is-active{opacity:1}.brand-building-video-scroll__video{display:block;width:100%;height:100%;object-fit:cover}.brand-building-video-scroll__video--mobile{display:none}@media screen and (max-width:989px){.brand-building-video-scroll__video--desktop{display:none}.brand-building-video-scroll__video--mobile{display:block}}.brand-building-video-scroll__video--placeholder{background:radial-gradient(120% 90% at 60% 18%,rgba(120,120,130,.5),transparent 55%),radial-gradient(140% 120% at 35% 85%,rgba(80,80,90,.45),transparent 60%),linear-gradient(160deg,#2a2a2e,#141417 45%,#050506);filter:grayscale(1) contrast(1.05)}.brand-building-video-scroll__ownedtag{position:absolute;z-index:12;color:#fffc;font-family:var(--font-body--family);font-size:clamp(14px,1.1vw,14px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);line-height:1.2;text-transform:uppercase;white-space:nowrap}.brand-building-video-scroll__expand{display:none;position:absolute;right:var(--spacing-22);bottom:var(--spacing-22);z-index:12;width:var(--spacing-24);height:var(--spacing-24);color:#ffffffd9}.brand-building-video-scroll__expand svg{width:100%;height:100%}.brand-building-video-scroll__expand.is-hidden{opacity:0}.brand-building-video-scroll__handles{position:absolute;z-index:14;pointer-events:none;visibility:hidden;transform-origin:center top;backface-visibility:hidden}.brand-building-video-scroll__frame-line{position:absolute;background:#fffffff5}.brand-building-video-scroll__frame-line--h-top,.brand-building-video-scroll__frame-line--h-bottom{left:50%;width:100vw;height:1px;transform:translate(-50%)}.brand-building-video-scroll__frame-line--h-top{top:0}.brand-building-video-scroll__frame-line--h-bottom{bottom:0}.brand-building-video-scroll__frame-line--v-left,.brand-building-video-scroll__frame-line--v-right{top:0;bottom:0;width:1px}.brand-building-video-scroll__frame-line--v-left{left:0}.brand-building-video-scroll__frame-line--v-right{right:0}.brand-building-video-scroll__handle{position:absolute;width:var(--spacing-7);height:var(--spacing-7)}.brand-building-video-scroll__handle--tl{top:0;left:0;background:var(--color-brand-green)}.brand-building-video-scroll__handle--tr{top:0;right:0;background:var(--color-brand-cyan)}.brand-building-video-scroll__handle--bl{bottom:0;left:0;background:var(--color-brand-red)}.brand-building-video-scroll__handle--br{bottom:0;right:0;background:var(--color-brand-blue)}.brand-building-video-scroll__brand{position:absolute;left:0;right:0;z-index:16;padding:0 clamp(16px,4vw,48px);text-align:center;transition:opacity .22s ease-out}.brand-building-video-scroll__brand-num{margin-bottom:var(--size-10);color:#9a9a9a;font-family:var(--font-heading--family);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);letter-spacing:.3em;line-height:1.2;text-transform:uppercase}.brand-building-video-scroll__brand-name{font-family:var(--font-heading--family);font-size:clamp(30px,5vw,35px);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);line-height:1;text-transform:uppercase;font-variation-settings:var(--font-expand);opacity:1}.brand-building-video-scroll__brand-tick{display:none;width:1px;height:var(--spacing-34);margin:var(--spacing-14) auto;background:currentColor;opacity:.35}.brand-building-video-scroll__brand-ghost{margin-top:var(--spacing-6);font-family:var(--font-heading--family);font-size:clamp(30px,5vw,42px);line-height:1;text-transform:uppercase;font-variation-settings:var(--font-expand);opacity:.3}.brand-building-video-scroll__brand-desc{max-width:690px;margin:var(--spacing-20) auto 0;font-family:var(--font-body--family);font-size:clamp(14px,1.5vw,16px);line-height:var(--spacing-27);color:var(--color-grey-medium)}.brand-building-video-scroll__brand-desc p{margin:0}.brand-building-video-scroll__brand-btn{display:inline-block;margin-top:var(--spacing-20);padding-bottom:var(--spacing-4);color:inherit;font-family:var(--font-heading--family);font-size:var(--font-size-10);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-regular);line-height:var(--spacing-13);text-decoration:none;text-transform:uppercase;border-bottom:1px solid currentColor}@media screen and (min-width:990px){.brand-building-video-scroll{--bbvs-top-pad: var(--bbvs-desktop-top, 32px);--bbvs-bottom-pad: var(--bbvs-desktop-bottom, 40px)}.brand-building-video-scroll__lede{position:absolute;top:var(--spacing-4);right:42px;width:min(34vw,389px);margin-top:var(--spacing-50)}}@media screen and (max-width:989px){.brand-building-video-scroll__track{height:calc(max(2,var(--bbvs-slide-count, 2))*220vh)}}@media screen and (max-width:989px){.brand-building-video-scroll{padding-bottom:var(--bbvs-mobile-bottom);--bbvs-card-width: 275px;--bbvs-card-aspect-ratio: 1 / 1;--bbvs-brand-offset: var(--spacing-30);--bbvs-frame-gap-x: var(--spacing-44);--bbvs-cluster-min-height: 65;--bbvs-sticky-top: 0px;--bbvs-content-lift: 180px}.brand-building-video-scroll__track{height:calc(max(2,var(--bbvs-slide-count, 2))*180vh)}.brand-building-video-scroll__card--next,.brand-building-video-scroll__handles{display:none}.brand-building-video-scroll__intro{margin-right:var(--spacing-16);margin-left:var(--spacing-16);padding:var(--bbvs-top-pad) 0px 0}.brand-building-video-scroll__heading{margin-top:var(--spacing-30);font-size:var(--font-size-35);letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-medium);line-height:var(--spacing-40)}.brand-building-video-scroll__eyebrow{font-size:var(--font-size-12)}.brand-building-video-scroll__lede{margin-top:var(--spacing-20);font-size:var(--font-size-14);line-height:1.28}.brand-building-video-scroll__expand{display:none}.brand-building-video-scroll__ownedtag{left:0;right:0;text-align:center}.brand-building-video-scroll__brand{display:flex;flex-direction:column;align-items:center}.brand-building-video-scroll__brand-num{order:1}.brand-building-video-scroll__brand-name{order:2}.brand-building-video-scroll__brand-desc{order:3}.brand-building-video-scroll__brand-btn{order:4}.brand-building-video-scroll__brand-tick{order:5}.brand-building-video-scroll__brand-ghost{order:6}.brand-building-video-scroll__brand.is-mobile-above-card .brand-building-video-scroll__brand-ghost{order:1;margin:0 0 var(--spacing-20)}.brand-building-video-scroll__brand.is-mobile-above-card .brand-building-video-scroll__brand-tick{order:2;margin:0 auto var(--spacing-18)}.brand-building-video-scroll__brand.is-mobile-above-card .brand-building-video-scroll__brand-num{order:3}.brand-building-video-scroll__brand.is-mobile-above-card .brand-building-video-scroll__brand-name{order:4}.brand-building-video-scroll__brand-desc{max-width:100%;line-height:1.45;margin:var(--spacing-24) 0 0}.brand-building-video-scroll__brand.is-mobile-above-card .brand-building-video-scroll__brand-desc{order:5}.brand-building-video-scroll__brand.is-mobile-above-card .brand-building-video-scroll__brand-btn{order:6}.brand-building-video-scroll__brand-btn{margin-top:var(--spacing-24)}.brand-building-video-scroll__brand-num{font-family:var(--font-body--family);margin-bottom:var(--spacing-15);font-size:var(--font-size-12);letter-spacing:var(--letter-spacing-regular)}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/brand-building-video-scroll.css.map */