.vf-hero{background:var(--vf-bg-2)}.vf-hero__in{position:relative;max-width:var(--vf-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);min-height:clamp(680px,calc(100vh - 110px),820px)}.vf-hero__door{position:relative;margin:0;overflow:hidden;background:#2f3133;clip-path:inset(100% 0 0 0);animation:vfDoorOpen 1.6s var(--vf-ease) .15s forwards}.vf-hero__door>img,.vf-hero__door>.vf-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:vfDoorDrift 9s var(--vf-ease) .15s forwards}.vf-hero__door:after{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(255,255,255,.42);pointer-events:none;opacity:0;animation:vfFadeIn 1.2s var(--vf-ease) 1.3s forwards}.vf-hero__cap{position:absolute;left:calc(60% - 14px);bottom:28px;z-index:2;margin:0;transform-origin:left bottom;transform:rotate(-90deg);white-space:nowrap;font-size:12px;line-height:1;letter-spacing:2px;text-transform:uppercase;color:var(--vf-grey);opacity:0;animation:vfFadeIn 1s var(--vf-ease) 1.5s forwards}.vf-hero__cap b{font-weight:400;color:var(--vf-black)}@keyframes vfDoorOpen{to{clip-path:inset(0 0 0 0)}}@keyframes vfDoorDrift{to{transform:scale(1)}}@keyframes vfFadeIn{to{opacity:1}}@keyframes vfLineUp{to{transform:none}}@keyframes vfRiseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.vf .vf-hero__film{position:absolute;left:44px;bottom:44px;z-index:3;display:flex;align-items:center;gap:14px;color:#fff;font-size:12px;line-height:1;letter-spacing:2.2px;text-transform:uppercase;opacity:0;animation:vfFadeIn 1s var(--vf-ease) 1.7s forwards}.vf-hero__film small{display:block;margin-top:7px;font-size:12px;letter-spacing:2px;opacity:.75}.vf-hero__film-ic{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.75);flex:none;transition:background .45s var(--vf-ease)}.vf-hero__film-ic:before{content:"";position:absolute;left:50%;top:50%;margin:-6px 0 0 -3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #fff;transition:border-color .45s var(--vf-ease)}@media(hover:hover)and (pointer:fine){.vf .vf-hero__film:hover{color:#fff}.vf-hero__film:hover .vf-hero__film-ic{background:#fff}.vf-hero__film:hover .vf-hero__film-ic:before{border-left-color:#000}}.vf-hero__film:focus-visible{outline:1px solid #fff;outline-offset:6px}.vf-hero__copy{display:flex;flex-direction:column;padding:48px 72px 0 var(--vf-pad)}.vf-hero .vf-hero__eye{margin:0;line-height:1.5}.vf-hero__main{margin:auto 0;padding:32px 0;display:flex;flex-direction:column}.vf-hero h1{font-size:clamp(46px,4.7vw,70px);line-height:1.02;letter-spacing:-.6px;margin:0 0 30px}.vf-hero h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.vf-hero h1 .ln>span{display:block;transform:translateY(105%);animation:vfLineUp 1.1s var(--vf-ease) forwards}.vf-hero h1 .ln:nth-child(2)>span{animation-delay:.12s}.vf-hero__sub{max-width:30em;margin:0 0 40px;font-size:20px;line-height:1.45;color:var(--vf-ink);text-wrap:pretty;opacity:0;animation:vfRiseIn 1s var(--vf-ease) .35s forwards}.vf-hero__sub .sig{display:block;margin:0 0 8px;font-family:var(--vf-d);font-weight:var(--vf-d-weight);font-style:italic;font-size:26px;line-height:1.2;color:var(--vf-black)}.vf-hero__cta{display:grid;grid-template-columns:minmax(0,460px);gap:10px;opacity:0;animation:vfRiseIn 1s var(--vf-ease) .5s forwards}.vf-hero__cta .vf-cta{justify-content:space-between}.vf-hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid rgba(0,0,0,.09);opacity:0;animation:vfFadeIn 1.2s var(--vf-ease) .8s forwards}.vf-hero__proof>div{padding:22px 24px 30px;border-left:1px solid rgba(0,0,0,.09)}.vf-hero__proof>div:first-child{padding-left:0;border-left:0}.vf-hero__proof dt{margin:0 0 10px;font-size:12px;line-height:1;letter-spacing:2px;text-transform:uppercase;color:var(--vf-grey)}.vf-hero__proof .st{color:var(--vf-gold);font-size:12px;letter-spacing:3px}.vf-hero__proof dd{margin:0;display:flex;align-items:baseline;gap:12px;font-family:var(--vf-d);font-weight:var(--vf-d-weight);font-size:22px;line-height:1.1}.vf-hero__proof dd b{font-weight:var(--vf-d-weight);font-size:26px}.vf-hero__proof dd a{position:relative;font-family:var(--vf-b);font-size:12px;letter-spacing:2px;text-transform:uppercase;padding-bottom:3px;border-bottom:1px solid var(--vf-black)}.vf-hero__proof dd a:before{content:"";position:absolute;top:-14px;right:-8px;bottom:-14px;left:-8px}@media(max-width:991px){.vf-hero{padding-bottom:var(--vf-sec)}.vf-hero__in{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.vf-hero__door{order:-1;aspect-ratio:4/5}.vf-hero__door:after{top:12px;right:12px;bottom:12px;left:12px}.vf-hero__cap,.vf-hero .vf-hero__eye{display:none}.vf .vf-hero__film{left:24px;bottom:24px;gap:10px;font-size:12px;letter-spacing:1.8px}.vf-hero__film-ic{width:40px;height:40px}.vf-hero__copy{padding:18px 16px 0}.vf-hero__main{padding:0}.vf-hero h1{font-size:30px;line-height:1.06;letter-spacing:-.2px;margin-bottom:14px}.vf-hero__cta{order:2;grid-template-columns:minmax(0,1fr)}.vf-hero__sub{order:3;font-size:16px;line-height:1.5;margin:24px 0 0}.vf-hero__sub .sig{font-size:22px;margin-bottom:6px}.vf-hero__proof{grid-template-columns:1fr;margin-top:32px;border-top:1px solid var(--vf-bg-3)}.vf-hero__proof>div,.vf-hero__proof>div:first-child{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-left:0;border-bottom:1px solid var(--vf-bg-3)}.vf-hero__proof dt{margin:0;white-space:nowrap}.vf-hero__proof dd{font-size:18px;white-space:nowrap}.vf-hero__proof dd b{font-size:20px}}@media(prefers-reduced-motion:reduce){.vf-hero__door,.vf-hero__door>img,.vf-hero__door:after,.vf-hero__cap,.vf-hero__film,.vf-hero h1 .ln>span,.vf-hero__sub,.vf-hero__cta,.vf-hero__proof{animation:none;clip-path:none;transform:none;opacity:1}}.vf-hero__proof>div{padding-left:18px;padding-right:18px}.vf-hero__proof>div:first-child{padding-left:0}.vf-hero__proof dt{letter-spacing:.9px}@media(max-width:991px){.vf-hero__proof>div,.vf-hero__proof>div:first-child{padding-left:0;padding-right:0}.vf-hero__proof dt{letter-spacing:2px}}@media(max-width:991px){.vf-hero__door{aspect-ratio:auto;height:min(125vw,58vh);height:min(125vw,58svh)}}@media(max-width:420px){.vf-hero .vf-cta__l{padding:0 14px;gap:10px;letter-spacing:1.6px}.vf-hero .vf-cta__p{padding:0 14px;min-width:0;flex:none;letter-spacing:1.6px}}.vf-hero__door>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(min-width:992px){.vf-hero__in{min-height:clamp(540px,calc(100vh - 270px),640px)}}@media(max-width:991px){.vf-hero{padding-bottom:calc(var(--vf-sec) / 2)}.vf-hero__sub{margin-top:16px}.vf-hero__proof{margin-top:20px}.vf-hero__proof>div,.vf-hero__proof>div:first-child{padding:10px 0}}@media(min-width:992px){.vf-hero__copy{padding-top:32px}.vf-hero__main{padding:20px 0}.vf-hero h1{margin-bottom:20px}}@media(min-width:992px){.vf-hero__in{min-height:0}.vf-hero__copy{padding-top:36px}.vf-hero__main{margin:24px 0 0;padding:0}.vf-hero h1{margin-bottom:18px}.vf-hero__sub{margin-bottom:24px}.vf-hero__sub .sig{margin-bottom:4px}.vf-hero__proof{margin-top:32px}}.vf-hero__door>video{cursor:pointer}.vf .vf-hero__film{background:none;border:0;padding:0;font-family:inherit;cursor:pointer;text-align:left}@media(min-width:992px){.vf-hero__main{margin-top:16px}.vf-hero h1,.vf-hero__sub{margin-bottom:16px}.vf-hero__proof{margin-top:24px}}@media(max-width:991px){.vf-hero h1{margin-bottom:16px}.vf-hero__sub{margin-top:16px;margin-bottom:16px}}.vf .vf-hero__pause{position:absolute;left:44px;bottom:44px;z-index:3;width:40px;height:40px;margin:0;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:none;cursor:pointer;touch-action:manipulation;opacity:0;animation:vfFadeIn 1s var(--vf-ease) 1.7s forwards;transition:background .45s var(--vf-ease)}.vf-hero__pause:before,.vf-hero__pause:after{content:"";position:absolute;top:13px;width:2px;height:12px;background:#fff}.vf-hero__pause:before{left:15px}.vf-hero__pause:after{right:15px}.vf-hero__pause[aria-pressed=true]:after{display:none}.vf-hero__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-hero__pause:focus-visible{outline:1px solid #fff;outline-offset:4px}@media(hover:hover)and (pointer:fine){.vf .vf-hero__pause:hover{background:#ffffff24}}@media(max-width:991px){.vf .vf-hero__pause{left:22px;bottom:26px;width:36px;height:36px}.vf-hero__pause:before,.vf-hero__pause:after{top:11px}.vf-hero__pause:before{left:13px}.vf-hero__pause:after{right:13px}.vf-hero__pause[aria-pressed=true]:before{left:13px;top:10px}}.vf .vf-hero__pause~.vf-hero__film{left:100px}@media(max-width:991px){.vf .vf-hero__pause~.vf-hero__film{left:70px}}@media(prefers-reduced-motion:reduce){.vf .vf-hero__pause{animation:none;opacity:1}}@media(max-width:380px){.vf-hero .vf-cta__l{padding:0 10px 0 12px;gap:6px;letter-spacing:1.1px}.vf-hero .vf-cta__p{padding:0 10px;letter-spacing:1.1px}.vf-hero__cta .vf-cta{min-width:0;max-width:100%}}@media(max-width:400px){.vf-hero__proof>div,.vf-hero__proof>div:first-child{gap:12px}.vf-hero__proof dt{min-width:0;white-space:normal;letter-spacing:1.4px;line-height:1.4}.vf-hero__proof dd{font-size:17px}.vf-hero__proof dd b{font-size:19px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/vf-hero.css.map */
