.vf-atl{background:var(--vf-olive);color:#fff;padding:var(--vf-sec) 0}.vf-atl__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:96px;align-items:center}.vf-atl__stage{position:relative;aspect-ratio:7/6;background:radial-gradient(ellipse 55% 60% at 50% 30%,#ffecc417,#ffecc400 70%),#3a3724;overflow:hidden;--dw:31%}.vf-atl__stage:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(255,255,255,.14);pointer-events:none;z-index:5}.vf-atl__floor{position:absolute;display:block;left:0;right:0;bottom:0;height:9%;background:#2e2c1c}.vf-atl__door{position:absolute;display:block;left:50%;bottom:9%;width:var(--dw);height:80%;transform:translate(-50%);background:var(--door,#3B3E41);transition:background 1.4s var(--vf-ease);box-shadow:0 0 0 10px #4a4630,0 24px 40px #00000047}.vf-atl__door:before,.vf-atl__door:after{content:"";position:absolute;left:12%;right:12%;border:1px solid rgba(255,255,255,.1)}.vf-atl__door:before{top:5%;height:39%}.vf-atl__door:after{top:50%;height:45%}.vf-atl__door i{position:absolute;right:8%;top:53%;width:7px;height:7px;border-radius:50%;background:var(--vf-gold)}.vf-atl__wr{position:absolute;left:50%;top:31%;width:calc(var(--dw) * var(--k,.56));aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;transition:width 1.2s var(--vf-ease);filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}.vf-atl__wr .ly{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s var(--vf-ease)}.vf-atl__wr .ly.on{opacity:1}.vf-atl__wr img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.vf-atl__wr img:not([src]){visibility:hidden}.vf-atl__wr img.bw{inset:auto;left:68%;top:72%;width:50%;height:auto;transform:translate(-50%,-50%) rotate(-6deg)}.vf-atl__tag{position:absolute;top:18px;right:40px;z-index:6;padding:12px 14px 11px;background:var(--vf-bg);color:var(--vf-black);border-radius:0 0 3px 3px;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;line-height:1;transition:opacity .5s}.vf-atl__pg{display:flex;align-items:center;gap:16px;height:44px;color:var(--atl-ink,#fff)}.vf-atl__ct{font-size:12px;letter-spacing:2px;line-height:1;white-space:nowrap;opacity:.8}.vf-atl__ct b{font-weight:400;opacity:1}.vf-atl__bars{flex:1;display:flex;gap:6px}.vf-atl__bars button{flex:1;height:44px;display:flex;align-items:center}.vf-atl__bars i{position:relative;display:block;width:100%;height:1px;background:var(--atl-track,rgba(255,255,255,.22));overflow:hidden}.vf-atl__bars i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--atl-ink,#fff);transform:scaleX(0);transform-origin:left}.vf-atl__bars .done i:after{transform:scaleX(1)}.vf-atl__bars [aria-selected=true] i:after{animation:vfAtlFill var(--atl-dur,3.2s) linear forwards}.vf-atl.paused .vf-atl__bars [aria-selected=true] i:after{animation-play-state:paused}@keyframes vfAtlFill{to{transform:scaleX(1)}}.vf-atl__pp{width:44px;height:44px;margin-right:-12px;display:flex;align-items:center;justify-content:center}.vf-atl__pp span{width:7px;height:9px;border-left:1.5px solid currentColor;border-right:1.5px solid currentColor}.vf-atl.paused .vf-atl__pp span{width:0;height:0;border:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}.vf-atl__recipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid rgba(255,255,255,.16)}.vf-atl__recipe>div{padding:18px 20px 0;border-left:1px solid rgba(255,255,255,.16)}.vf-atl__recipe>div:first-child{padding-left:0;border-left:0}.vf-atl__recipe dt{margin:0 0 8px;font-size:12px;line-height:1.5;letter-spacing:2px;text-transform:uppercase;color:#fff9}.vf-atl__recipe dd{margin:0;font-family:var(--vf-d);font-weight:var(--vf-d-weight);font-style:italic;font-size:21px;line-height:1.15;transition:opacity .5s var(--vf-ease)}.vf-atl__recipe dd.fade,.vf-atl__line.fade{opacity:0}.vf-atl__line{display:none}.vf-atl__copy .vf-eyebrow{color:#ffffffb3}.vf-atl h2{font-size:clamp(40px,4vw,58px);line-height:1.03;letter-spacing:-.4px;margin:0 0 26px;color:#fff}.vf-atl h2 em{display:block}.vf-atl__body{margin:0 0 40px;max-width:27em;font-size:18px;line-height:1.55;color:#e6e2d6;text-wrap:pretty}.vf .vf-cta--light{background:#fff;color:#000;width:100%;max-width:460px;justify-content:space-between}.vf-cta--light .vf-cta__p{border-left-color:#00000024}.vf-atl__note{display:flex;align-items:center;gap:12px;margin:18px 0 0;font-size:13px;line-height:1.5;color:#ffffffa8}.vf-atl .vf-rv{transition-duration:1.1s}.vf-atl.in .vf-atl__copy .vf-rv:nth-child(2){transition-delay:.1s}.vf-atl.in .vf-atl__copy .vf-rv:nth-child(3){transition-delay:.2s}.vf-atl.in .vf-atl__copy .vf-rv:nth-child(4){transition-delay:.3s}@media(hover:hover)and (pointer:fine){.vf .vf-cta--light:hover{background:var(--vf-bg-3);color:#000}}.vf-atl--light{background:var(--vf-bg-2);color:var(--vf-black);--atl-ink:#000;--atl-track:rgba(0,0,0,.14)}.vf-atl--light .vf-atl__stage{background:radial-gradient(ellipse 55% 60% at 50% 30%,#ffffffe6,#fff0 70%),var(--vf-bg-3)}.vf-atl--light .vf-atl__stage:after{border-color:#00000014}.vf-atl--light .vf-atl__floor{background:#e6dfd6}.vf-atl--light .vf-atl__door{box-shadow:0 0 0 10px #e9e3da,0 24px 40px #3c321e29}.vf-atl--light .vf-atl__tag{background:#000;color:#fff}.vf-atl--light .vf-atl__recipe,.vf-atl--light .vf-atl__recipe>div{border-color:#0000001a}.vf-atl--light .vf-atl__recipe dt,.vf-atl--light .vf-atl__copy .vf-eyebrow,.vf-atl--light .vf-atl__note{color:var(--vf-grey)}.vf-atl--light h2{color:var(--vf-black)}.vf-atl--light .vf-atl__body{color:var(--vf-ink)}.vf .vf-atl--light .vf-cta--light,.vf-atl--light .vf-cta--light{background:#000;color:#fff}.vf-atl--light .vf-cta--light .vf-cta__p{border-left-color:#ffffff3d}@media(hover:hover)and (pointer:fine){.vf-atl--light .vf-cta--light:hover{background:var(--vf-olive);color:#fff}}@media(max-width:1180px){.vf-atl__in{gap:56px}.vf-atl__recipe dd{font-size:18px}}@media(max-width:991px){.vf-atl{padding:var(--vf-sec) 0}.vf-atl__in{grid-template-columns:minmax(0,1fr);gap:0}.vf-atl__copy{display:contents}.vf-atl__copy .vf-eyebrow{order:1;font-size:12px;letter-spacing:1.8px;margin-bottom:12px}.vf-atl__copy .vf-eyebrow:before{width:20px}.vf-atl h2{order:2;font-size:30px;line-height:1.06;margin-bottom:24px}.vf-atl__media{order:3}.vf-atl__body{order:4;font-size:16px;line-height:1.5;margin:24px 0 20px}.vf-atl__cta{order:5}.vf-atl__stage{aspect-ratio:1;--dw:46%}.vf-atl__stage:after{top:10px;right:10px;bottom:10px;left:10px}.vf-atl__pg{gap:12px;height:36px}.vf-atl__tag{top:10px;right:22px;padding:10px 11px 9px;font-size:12px;letter-spacing:1.8px}.vf-atl__recipe{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vf-atl__line{display:block;margin:0;padding:12px 0 0;border-top:1px solid rgba(0,0,0,.1);font-family:var(--vf-d);font-weight:var(--vf-d-weight);font-style:italic;font-size:17px;line-height:1.3;transition:opacity .5s var(--vf-ease)}.vf .vf-cta--light{max-width:none}.vf-atl__note{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/vf-atelier.css.map */