@font-face{font-family:InterBlack;src:url(Inter-Black.ttf) format("truetype");font-weight:900;font-display:swap}.cine,.cine *,.cine *:before,.cine *:after{box-sizing:border-box}.cine{--top-inset:0px;display:block;position:relative;background:#0b0b0b;color:#fff;isolation:isolate}.cine__stage{position:relative;height:100svh;min-height:620px;display:flex;align-items:center;padding:110px 4vw 90px;overflow:hidden}.cine[data-ready=true] .cine__stage{position:sticky;top:0}.cine__viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.cine__viewport canvas{display:block;width:100%;height:100%}.cine__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 62% 50%,transparent 55%,rgba(0,0,0,.55))}.cine__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.cine__copy{position:relative;z-index:2;width:40%;max-width:600px;pointer-events:none;text-shadow:0 2px 18px #000}.cine__eyebrow{font:11px/1.5 monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 22px;color:#bbb;display:flex;align-items:center;gap:12px}.cine__eyebrow:before{content:"";width:36px;height:1px;background:#fff}.cine__title{font-family:InterBlack,sans-serif;font-weight:900;font-size:clamp(44px,4.4vw,80px);line-height:1;letter-spacing:-.025em;white-space:pre-line;margin:0 0 24px;text-transform:none}.cine__description{font-size:15px;line-height:1.65;max-width:330px;margin:0;color:#e6e6e6}.cine__copy{transition:opacity .45s}.cine__copy.is-gone{opacity:0}.cine__copy.is-in .cine__eyebrow{animation:cine-fade .7s .05s both}.cine__copy.is-in .cine__title{animation:cine-rise .9s cubic-bezier(.2,.8,.2,1) both}.cine__copy.is-in .cine__description{animation:cine-rise .9s .12s cubic-bezier(.2,.8,.2,1) both}@keyframes cine-rise{0%{opacity:0;transform:translateY(.45em);clip-path:inset(-.35em -50% 100% 0)}to{opacity:1;transform:none;clip-path:inset(-.35em -50% -.35em 0)}}@keyframes cine-fade{0%{opacity:0}to{opacity:1}}.cine__pin{position:absolute;z-index:2;transform:translate(-50%,-50%);min-width:30px;height:30px;border-radius:50%;background:#fff;color:#111;font:11px/30px monospace;text-align:center;pointer-events:none}.cine__pin:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:1px solid rgba(255,255,255,.7);border-radius:50%;animation:cine-ping 2s ease-out infinite}@keyframes cine-ping{0%{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}.cine__rail{position:absolute;z-index:3;right:4vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.cine__rail button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:10px;height:26px;font:10px/1 monospace;letter-spacing:.08em;color:#666}.cine__rail button:after{content:"";width:14px;height:1px;background:currentColor;transition:width .4s,background .4s}.cine__rail button:hover,.cine__rail button:focus-visible{color:#fff}.cine__rail button[aria-current]{color:#fff}.cine__rail button[aria-current]:after{width:42px}.cine__bar{position:absolute;z-index:3;left:0;bottom:0;height:2px;width:100%;background:#fff;transform-origin:left;transform:scaleX(var(--progress,0))}.cine__status{position:absolute;left:4vw;bottom:40px;z-index:3;color:#ccc;font-size:12px}.cine [hidden]{display:none!important}.cine__bg,.cine__grain{position:absolute;pointer-events:none}.cine__bg{top:-3%;right:-3%;bottom:-3%;left:-3%;z-index:0;background:#2a3432 url(bs-garment-landscape.jpg) center 58%/cover;transform:translate3d(calc(var(--progress,0) * -1.6%),calc(var(--progress,0) * 1.2%),0) scale(1.03)}.cine__grain{top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;opacity:.16;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:cine-grain .6s steps(4) infinite}@keyframes cine-grain{0%{transform:translate(0)}25%{transform:translate(-7%,4%)}50%{transform:translate(5%,-6%)}75%{transform:translate(-3%,-8%)}to{transform:translate(0)}}.cine[data-scene=landscape] .cine__viewport canvas{filter:contrast(.94) brightness(1.02)}.cine[data-scene=landscape] .cine__viewport:after{background:linear-gradient(90deg,rgba(8,10,8,.55),rgba(8,10,8,.22) 36%,transparent 58%)}.cine[data-scene=landscape] .cine__copy{text-shadow:0 2px 24px rgba(0,0,0,.45)}.cine[data-scene=landscape] .cine__rail button{color:#cfd6d2}@media(max-width:749px){.cine[data-scene=landscape] .cine__viewport:after{background:linear-gradient(to bottom,rgba(8,10,8,.6),rgba(8,10,8,.2) 34%,transparent 50%)}.cine__bg{background-position:22% 58%}.cine__stage{align-items:flex-start;padding:96px 20px 70px;min-height:0}.cine__copy{width:100%;max-width:360px}.cine__eyebrow{font-size:9px;margin-bottom:12px}.cine__title{font-size:38px;margin-bottom:12px}.cine__description{font-size:12px;line-height:1.5}.cine__viewport:after{background:radial-gradient(ellipse 90% 70% at 50% 62%,transparent 55%,rgba(0,0,0,.55))}.cine__rail{display:none}}@media(max-width:749px)and (max-height:700px){.cine__title{font-size:32px}.cine__stage{padding-top:82px}}@media(prefers-reduced-motion:reduce){.cine__copy.is-in *{animation:none!important}.cine__pin:after,.cine__grain{animation:none}.cine__bg{transform:none}}.cine[data-ready=true] .cine__stage{top:var(--header-height,0px);height:calc(100svh - var(--header-height,0px))}.cine__stage{min-height:0}
/*# sourceMappingURL=/cdn/shop/t/308/assets/bs-garment-cinematic.css.map */