.bb-scroll-reveal{--bb-progress:0;--bb-split:0;--bb-reveal:0;--bb-burst:0;position:relative;height:var(--bb-reveal-length,280vh);min-height:280vh;background:var(--bb-reveal-bg,#050505);color:#fff;isolation:isolate;overflow:visible}.bb-scroll-reveal *{box-sizing:border-box}.bb-scroll-reveal__canvas{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 54%,rgba(110,28,12,.34) 0%,rgba(45,10,6,.18) 22%,rgba(10,7,7,.96) 62%,var(--bb-reveal-bg,#050505) 100%)}.bb-scroll-reveal__glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(255,83,28,.22),transparent 28%),radial-gradient(circle at 50% 55%,rgba(255,125,68,.11),transparent 45%);opacity:calc(.22 + var(--bb-reveal)*.78);filter:blur(22px);transform:scale(calc(.92 + var(--bb-reveal)*.08))}.bb-scroll-reveal__flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,rgba(255,125,55,.4),transparent 24%);opacity:calc(var(--bb-burst)*.65);mix-blend-mode:screen}.bb-scroll-reveal__copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-44%);width:min(92vw,860px);text-align:center;z-index:8;pointer-events:none;opacity:calc(1 - var(--bb-progress)*2.9);filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.bb-scroll-reveal__eyebrow{margin:0 0 14px;font-size:clamp(10px,1vw,15px);font-weight:800;letter-spacing:.28em;color:#ff7b4d;text-transform:uppercase}.bb-scroll-reveal__heading{margin:0;font-family:Anton,Impact,Arial Narrow,sans-serif;font-size:clamp(34px,4.6vw,78px);line-height:.94;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 8px 30px rgba(0,0,0,.45)}.bb-scroll-reveal__stage{position:relative;z-index:4;width:min(94vw,1500px);height:min(74vh,74vw*.563);max-height:780px;display:flex;align-items:center;justify-content:center;margin-top:clamp(58px,10vh,120px)}.bb-scroll-reveal__scene{position:relative;width:100%;height:100%}.bb-scroll-reveal__end-stage{--bb-edge-blur:clamp(70px,9vw,150px);position:absolute;left:50%;top:50%;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;opacity:var(--bb-reveal);transform:translate(-50%,-50%) scale(calc(.9 + var(--bb-reveal)*.16));clip-path:inset(0 calc((1 - var(--bb-reveal))*50%) 0 calc((1 - var(--bb-reveal))*50%) round 18px);overflow:visible}.bb-scroll-reveal__end-stage:before,.bb-scroll-reveal__end-stage:after{content:"";position:absolute;top:-4%;bottom:-4%;width:var(--bb-edge-blur);pointer-events:none;z-index:2;filter:blur(18px);opacity:calc((1 - var(--bb-reveal)) * .95 + .18)}.bb-scroll-reveal__end-stage:before{left:calc(50% - (var(--bb-reveal) * 50%) - var(--bb-edge-blur));background:linear-gradient(to right,#05050500,#050505fa 78%,#050505)}.bb-scroll-reveal__end-stage:after{right:calc(50% - (var(--bb-reveal) * 50%) - var(--bb-edge-blur));background:linear-gradient(to left,#05050500,#050505fa 78%,#050505)}.bb-scroll-reveal__end-img{display:block;width:100vw;height:100vh;object-fit:cover;object-position:center center;filter:blur(calc((1 - var(--bb-reveal))*14px)) saturate(calc(.84 + var(--bb-reveal)*.16)) brightness(calc(.62 + var(--bb-reveal)*.38)) drop-shadow(0 20px 40px rgba(0,0,0,.45))}.bb-scroll-reveal__packet-base,.bb-scroll-reveal__packet-layer{position:absolute;left:50%;top:50%;width:clamp(280px,25vw,430px);aspect-ratio:720/945;transform:translate(-50%,-50%)}.bb-scroll-reveal__packet-base{z-index:6;opacity:calc(1 - var(--bb-split)*1.45);filter:drop-shadow(0 16px 28px rgba(0,0,0,.45));transform:translate(-50%,-50%) scale(calc(1 + var(--bb-burst)*.035))}.bb-scroll-reveal__packet-base img{display:block;width:100%;height:100%;object-fit:contain}.bb-scroll-reveal__packet-layer{z-index:7;opacity:calc(1 - var(--bb-reveal));pointer-events:none}.bb-scroll-reveal__half,.bb-scroll-reveal__half img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.bb-scroll-reveal__half{will-change:transform,opacity;backface-visibility:hidden;filter:drop-shadow(0 16px 26px rgba(0,0,0,.45))}.bb-scroll-reveal__half--left{clip-path:polygon(0 0,52% 0,48% 9%,54% 18%,48% 29%,55% 41%,47% 52%,56% 63%,48% 74%,54% 85%,49% 93%,52% 100%,0 100%);transform:translate3d(calc(var(--bb-split)*-35vw),calc(var(--bb-split)*-5vh),0) rotateY(calc(var(--bb-split)*-28deg)) rotate(calc(var(--bb-split)*-16deg)) scale(calc(1 - var(--bb-split)*.08))}.bb-scroll-reveal__half--right{clip-path:polygon(48% 0,100% 0,100% 100%,51% 100%,54% 93%,48% 85%,54% 74%,46% 63%,53% 52%,45% 41%,52% 29%,46% 18%,52% 9%);transform:translate3d(calc(var(--bb-split)*35vw),calc(var(--bb-split)*-4vh),0) rotateY(calc(var(--bb-split)*28deg)) rotate(calc(var(--bb-split)*16deg)) scale(calc(1 - var(--bb-split)*.08))}.bb-scroll-reveal__tear{position:absolute;top:50%;width:clamp(130px,14vw,260px);opacity:calc(var(--bb-reveal)*.9);pointer-events:none;z-index:5;filter:blur(calc((1 - var(--bb-reveal))*4px)) drop-shadow(0 16px 26px rgba(0,0,0,.28))}.bb-scroll-reveal__tear img{display:block;width:100%;height:auto}.bb-scroll-reveal__tear--left{left:50%;transform:translate(calc(-50% - 18vw - var(--bb-split)*14vw),calc(-50% - 4vh - var(--bb-split)*2vh)) rotate(calc(-18deg - var(--bb-split)*16deg)) scale(calc(.78 + var(--bb-reveal)*.22))}.bb-scroll-reveal__tear--right{left:50%;transform:translate(calc(-50% + 18vw + var(--bb-split)*14vw),calc(-50% - 5vh - var(--bb-split)*1vh)) rotate(calc(18deg + var(--bb-split)*16deg)) scale(calc(.78 + var(--bb-reveal)*.22))}.bb-scroll-reveal__footer{position:absolute;left:50%;bottom:clamp(18px,5vh,46px);transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:min(100%,980px);padding:0 16px;z-index:9}.bb-scroll-reveal__hint{position:absolute;bottom:0;margin:0;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;opacity:calc(1 - var(--bb-progress)*1.5);pointer-events:none}.bb-scroll-reveal__hint span{display:inline-block;margin-left:7px;animation:bb-scroll-nudge 1.8s infinite}.bb-scroll-reveal__button{display:inline-flex;align-items:center;gap:0;background:#e7431d;color:#fff!important;text-decoration:none!important;padding:14px 22px;border-radius:3px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:var(--bb-reveal);pointer-events:none;transform:translateY(calc((1 - var(--bb-reveal))*14px));transition:background .2s,opacity .2s,transform .2s}.bb-scroll-reveal.is-revealed .bb-scroll-reveal__button{pointer-events:auto}.bb-scroll-reveal__button:hover{background:#ff5d2b}.bb-scroll-reveal__progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#ffffff14;z-index:10}.bb-scroll-reveal__progress span{display:block;height:100%;background:#ff4d23;transform-origin:left;transform:scaleX(var(--bb-progress))}@keyframes bb-scroll-nudge{50%{transform:translateY(6px)}}@media(max-width:989px){.bb-scroll-reveal__packet-base,.bb-scroll-reveal__packet-layer{width:clamp(250px,33vw,380px)}.bb-scroll-reveal__tear{width:clamp(100px,16vw,190px)}}@media(max-width:749px){.bb-scroll-reveal__stage{width:min(98vw,780px);height:min(48vh,98vw*.563);margin-top:clamp(28px,6vh,76px)}.bb-scroll-reveal__copy{top:52%;transform:translate(-50%,-48%)}.bb-scroll-reveal__heading{font-size:clamp(28px,8vw,46px)}.bb-scroll-reveal__packet-base,.bb-scroll-reveal__packet-layer{width:clamp(190px,42vw,280px)}.bb-scroll-reveal__tear{width:clamp(90px,18vw,150px)}.bb-scroll-reveal__tear--left{transform:translate(calc(-50% - 24vw - var(--bb-split)*16vw),calc(-50% - 3vh - var(--bb-split)*2vh)) rotate(calc(-18deg - var(--bb-split)*16deg)) scale(calc(.78 + var(--bb-reveal)*.22))}.bb-scroll-reveal__tear--right{transform:translate(calc(-50% + 24vw + var(--bb-split)*16vw),calc(-50% - 4vh - var(--bb-split)*1vh)) rotate(calc(18deg + var(--bb-split)*16deg)) scale(calc(.78 + var(--bb-reveal)*.22))}}@media(prefers-reduced-motion:reduce){.bb-scroll-reveal{height:auto!important;min-height:100svh!important;--bb-progress:1!important;--bb-reveal:1!important;--bb-split:1!important}.bb-scroll-reveal__canvas{position:relative!important}.bb-scroll-reveal__packet-layer,.bb-scroll-reveal__packet-base,.bb-scroll-reveal__hint{display:none}.bb-scroll-reveal__end-stage{opacity:1!important;transform:none!important;clip-path:none!important}.bb-scroll-reveal__end-img{filter:none!important}.bb-scroll-reveal__button{pointer-events:auto!important;opacity:1!important}}body.template-index.bb-reveal-over-header .header-section .site-header.overlay-header:not(.force-hover),body.template-index.bb-reveal-over-header .header-section.sticky-header.sticked .site-header.overlay-header:not(.force-hover),body.template-index.bb-reveal-over-header .header-section .site-header.overlay-header:not(.force-hover) .site-header__wrapper{background-color:transparent!important}.bb-scroll-reveal__end-stage .bb-scroll-reveal__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none;opacity:0;z-index:1;filter:blur(calc((1 - var(--bb-reveal))*14px)) saturate(calc(.84 + var(--bb-reveal)*.16)) brightness(calc(.62 + var(--bb-reveal)*.38))}.bb-scroll-reveal.has-video-ready .bb-scroll-reveal__video{opacity:1}@media(prefers-reduced-motion:reduce){.bb-scroll-reveal__video{display:none!important}}.bb-scroll-reveal__tap{display:none}@media(max-width:749px){.bb-scroll-reveal{height:100svh!important;min-height:100svh!important}.bb-scroll-reveal__canvas{position:relative;height:100svh}.bb-scroll-reveal__tap{position:absolute;z-index:20;display:block;bottom:clamp(42px,10svh,94px);left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.6);border-radius:3px;padding:13px 22px;background:#000000c7;color:#fff;font-size:13px;font-weight:800;line-height:1.2;font-family:inherit;letter-spacing:.15em;white-space:nowrap;cursor:pointer}.bb-scroll-reveal__tap:focus-visible{outline:3px solid #ff7645;outline-offset:3px}.bb-scroll-reveal.is-tap-revealed .bb-scroll-reveal__tap,.bb-scroll-reveal__hint{display:none}.bb-scroll-reveal__button{transition:opacity .25s,background .2s}}@media(prefers-reduced-motion:reduce)and (max-width:749px){.bb-scroll-reveal__tap{display:none}}.bb-scroll-reveal__end-stage{clip-path:none!important;-webkit-mask-image:linear-gradient(to right,transparent 0,black 200px,black calc(100% - 200px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 200px,black calc(100% - 200px),transparent 100%);-webkit-mask-size:calc(280px + var(--bb-reveal) * 100%) 100%;mask-size:calc(280px + var(--bb-reveal) * 100%) 100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bb-scroll-reveal__end-stage:before,.bb-scroll-reveal__end-stage:after{display:none!important}.bb-scroll-reveal__canvas{background:#000!important}.bb-scroll-reveal__glow{opacity:calc(var(--bb-reveal) * .85)!important}.bb-scroll-reveal__end-stage{opacity:var(--bb-reveal)!important}.bb-scroll-reveal__canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 45% 45% at 50% 55%,rgba(215,45,10,.3),transparent 85%);opacity:var(--bb-reveal)}.bb-scroll-reveal__end-stage{transform:translate(-50%,-50%) scale(calc(1 + var(--bb-reveal) * .03))!important}.bb-scroll-reveal__end-stage{height:100svh!important;min-height:100svh!important}.bb-scroll-reveal__end-stage video,.bb-scroll-reveal__end-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}.bb-scroll-reveal__end-stage{margin-top:calc(-1*clamp(29px,5vh,60px))}.bb-scroll-reveal__tear--left,.bb-scroll-reveal__tear--right{filter:blur(1px) drop-shadow(0 16px 26px rgba(0,0,0,.28))}
/*# sourceMappingURL=/cdn/shop/t/31/assets/bbcrew-scroll-reveal.css.map */