.vf-film{--vff-bg:var(--vf-bg);background:var(--vff-bg);padding:var(--vf-sec) 0}.vf-film[data-bg=bg-2]{--vff-bg:var(--vf-bg-2)}.vf-film[data-bg=bg-3]{--vff-bg:var(--vf-bg-3)}.vf-film__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:end;gap:48px;margin:0 0 40px}.vf-film .vf-eyebrow{line-height:1}.vf-film h2{font-size:clamp(36px,3.6vw,52px);line-height:1.04;letter-spacing:-.4px}.vf-film__lede{font-size:16px;line-height:1.55;color:#333;text-wrap:pretty}.vf-film__f{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;background:#1b1b1b}.vf-film__f:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(255,255,255,.42);pointer-events:none;z-index:2;transition:opacity .6s var(--vf-ease)}.vf-film__f:before{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;z-index:1;background:linear-gradient(to top,#00000061,#0000);pointer-events:none;transition:opacity .6s var(--vf-ease)}.vf-film__f.is-full:after,.vf-film__f.is-full:before{opacity:0}.vf-film__v{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vf-film__play{position:absolute;left:44px;bottom:44px;z-index:3;display:flex;align-items:center;gap:16px;text-align:left;color:#fff;font-size:12px;line-height:1;letter-spacing:2.2px;text-transform:uppercase;transition:opacity .5s var(--vf-ease)}.vf .vf-film__play{color:#fff}.vf-film__ic{position:relative;width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.75);flex:none;transition:background .45s var(--vf-ease),border-color .45s var(--vf-ease)}.vf-film__ic:before{content:"";position:absolute;left:50%;top:50%;margin:-7px 0 0 -4px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff;transition:border-color .45s var(--vf-ease)}.vf-film__play:focus-visible .vf-film__ic{background:#fff;border-color:#fff}.vf-film__play:focus-visible .vf-film__ic:before{border-left-color:#000}.vf .vf-film__play:focus-visible{outline:1px solid #fff;outline-offset:6px}.vf-film__l small{display:block;margin-top:8px;font-size:12px;letter-spacing:2px;opacity:.75}.vf-film__f.is-full .vf-film__play,.vf-film__f.is-full .vf-film__pause,.vf-film__f.is-full .vf-film__cap{opacity:0;pointer-events:none}.vf-film__pause{position:absolute;right:44px;bottom:44px;z-index:3;width:40px;height:40px;border:1px solid rgba(255,255,255,.6);border-radius:50%;transition:opacity .5s var(--vf-ease),background .45s var(--vf-ease)}.vf .vf-film__pause{border:1px solid rgba(255,255,255,.6)}.vf-film__pause:before,.vf-film__pause:after{content:"";position:absolute;top:13px;width:2px;height:12px;background:#fff}.vf-film__pause:before{left:15px}.vf-film__pause:after{right:15px}.vf-film__pause[aria-pressed=true]:after{display:none}.vf-film__pause[aria-pressed=true]:before{left:15px;top:12px;width:0;height:0;background:none;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}.vf .vf-film__pause:focus-visible{outline:1px solid #fff;outline-offset:4px}@media(hover:hover)and (pointer:fine){.vf-film__play:hover .vf-film__ic{background:#fff;border-color:#fff}.vf-film__play:hover .vf-film__ic:before{border-left-color:#000}.vf-film__pause:hover{background:#ffffff24}}.vf-film__cap{position:absolute;right:100px;bottom:56px;z-index:3;margin:0;font-size:12px;line-height:1;letter-spacing:2px;text-transform:uppercase;color:#ffffffd9;transition:opacity .5s var(--vf-ease)}.vf-film__foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:22px 0 14px;font-size:14px;line-height:1.5;color:var(--vf-grey)}.vf-film__foot a{position:relative;display:inline-flex;align-items:center;gap:12px;padding:6px 0;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;white-space:nowrap;color:var(--vf-black)}.vf-film__foot a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .5s var(--vf-ease)}@media(hover:hover)and (pointer:fine){.vf-film__foot a:hover{color:var(--vf-black)}.vf-film__foot a:hover:after{transform:scaleX(0);transform-origin:right}}.vf-film.in .vf-film__f,.vf-film.in .vf-film__foot{transition-delay:.12s}@media(max-width:991px){.vf-film{padding:var(--vf-sec) 0}.vf-film>.vf-wrap{padding:0}.vf-film__head{grid-template-columns:minmax(0,1fr);gap:14px;margin:0 16px 28px}.vf-film .vf-eyebrow{font-size:12px;letter-spacing:1.8px;gap:10px;margin-bottom:12px}.vf-film .vf-eyebrow:before{width:20px}.vf-film h2{font-size:30px;line-height:1.06}.vf-film__lede{font-size:15px}.vf-film__f{margin:0 16px;aspect-ratio:4/5;transition:aspect-ratio .6s var(--vf-ease)}.vf-film__f.is-full{aspect-ratio:16/9}.vf-film__f:after{top:10px;right:10px;bottom:10px;left:10px}.vf-film__play{left:24px;bottom:22px;gap:12px;font-size:12px;letter-spacing:1.8px}.vf-film__ic{width:48px;height:48px}.vf-film__ic:before{margin:-6px 0 0 -3px;border-width:6px 0 6px 10px}.vf-film__l small{display:none}.vf-film__pause{right:22px;bottom:26px;width:36px;height:36px}.vf-film__pause:before,.vf-film__pause:after{top:11px}.vf-film__pause:before{left:13px}.vf-film__pause:after{right:13px}.vf-film__pause[aria-pressed=true]:before{left:13px;top:10px}.vf-film__cap{display:none}.vf-film__foot{margin:16px 16px 0;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}}.vf-film__v{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/28/assets/vf-film.css.map */
