.wf-co{--wf-co-ink: #0b0d10;--wf-co-ink-2: #55606c;--wf-co-bg: #f5f5f7;--wf-co-card: #ffffff;--wf-co-green: #39b54a;--wf-co-ease: cubic-bezier(.22, 1, .36, 1);--wf-co-blend: multiply;--wf-co-radius: 2.2rem;position:relative;background:var(--wf-co-bg);color:var(--wf-co-ink);font-family:var(--font-body-family);padding:var(--wf-co-pt, 24px) 0 var(--wf-co-pb, 56px);overflow:hidden}.wf-co--dark{--wf-co-ink: #f5f5f7;--wf-co-ink-2: #a4acb6;--wf-co-bg: #0b0d10;--wf-co-card: #171a1f;--wf-co-blend: screen}.wf-co--dark .wf-co__img{filter:invert(1) hue-rotate(180deg)}.wf-co__head{text-align:center;margin:0 auto 2.4rem;max-width:70rem}.wf-co__eyebrow{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--wf-co-green)}.wf-co__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.6rem,4vw,4.4rem);line-height:1.05;letter-spacing:-.03em;font-weight:700;color:var(--wf-co-ink)}.wf-co__sub{margin:.8rem auto 0;max-width:52rem;font-size:1.55rem;line-height:1.45;color:var(--wf-co-ink-2)}.wf-co__grid{display:grid;grid-template-columns:repeat(var(--wf-co-cols, 6),minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none;perspective:1200px}.wf-co__item{min-width:0}.wf-co__card{--rx: 0deg;--ry: 0deg;--px: 0px;--py: 0px;position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--wf-co-radius);background:var(--wf-co-card);color:inherit;text-decoration:none;overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-style:preserve-3d;transition:transform .7s var(--wf-co-ease),box-shadow .7s var(--wf-co-ease);box-shadow:0 1px #0b0d1008,0 10px 30px -18px #0b0d102e;will-change:transform}.wf-co__card:hover,.wf-co__card:focus-visible{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-6px,0);box-shadow:0 1px #0b0d1008,0 30px 50px -22px #0b0d1047}.wf-co__card:focus-visible{outline:2px solid var(--wf-co-green);outline-offset:4px}.wf-co__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#fff0 30%,#ffffff8c,#fff0 70%);transform:translate(-120%);pointer-events:none;mix-blend-mode:screen}.wf-co__card:hover:after{transition:transform 1.1s var(--wf-co-ease);transform:translate(120%)}.wf-co__media{position:relative;display:block;flex:0 0 auto;aspect-ratio:1 / 1;padding:10%;background:var(--wf-co-card)}.wf-co__img{position:absolute;left:10%;top:10%;width:80%;height:80%;max-width:none;object-fit:contain;mix-blend-mode:var(--wf-co-blend);transform:translate3d(var(--px),var(--py),0) translate(var(--wf-cx, 0%),var(--wf-cy, 0%)) scale(1);transition:transform .7s var(--wf-co-ease)}.wf-co__card:hover .wf-co__img{transform:translate3d(var(--px),var(--py),0) translate(var(--wf-cx, 0%),var(--wf-cy, 0%)) scale(1.06)}.wf-co__body{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:0 1.4rem 1.4rem;margin-top:-.4rem}.wf-co__name{margin:0;min-width:0;font-family:var(--font-heading-family);font-size:clamp(1.25rem,1.15vw,1.6rem);line-height:1.2;letter-spacing:-.01em;font-weight:700;color:var(--wf-co-ink);overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}.wf-co__row{position:relative;display:flex;align-items:center;min-height:2.6rem;padding-right:3rem}.wf-co__count{min-width:0;font-size:clamp(1.05rem,.85vw,1.2rem);line-height:1.3;color:var(--wf-co-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-co__arrow{position:absolute;right:0;top:50%;margin-top:-1.3rem;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:var(--wf-co-bg);color:var(--wf-co-ink);transform:translate3d(-6px,0,0);opacity:0;transition:transform .6s var(--wf-co-ease),opacity .6s var(--wf-co-ease),background .6s var(--wf-co-ease),color .6s var(--wf-co-ease);z-index:1}.wf-co__arrow svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wf-co__card:hover .wf-co__arrow,.wf-co__card:focus-visible .wf-co__arrow{opacity:1;transform:translateZ(0);background:var(--wf-co-green);color:#fff}.wf-co__card--photo .wf-co__media{padding:0;aspect-ratio:1 / 1;overflow:hidden}.wf-co__card--photo .wf-co__img{left:0;top:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;transform:translate3d(calc(var(--px) * .6),calc(var(--py) * .6),0) scale(1.04)}.wf-co__card--photo:hover .wf-co__img{transform:translate3d(calc(var(--px) * .6),calc(var(--py) * .6),0) scale(1.1)}.wf-co__card--photo .wf-co__body{margin-top:0;padding-top:1.2rem}.wf-co-js .wf-co:not(.is-in) .wf-co__head,.wf-co-js .wf-co:not(.is-in) .wf-co__item{opacity:0;transform:translate3d(0,22px,0)}.wf-co__head,.wf-co__item{transition:opacity .9s var(--wf-co-ease),transform .9s var(--wf-co-ease)}.wf-co.is-in .wf-co__item{transition-delay:calc(.1s + var(--i, 0) * .08s)}@media screen and (max-width:1280px)and (min-width:750px){.wf-co__row{padding-right:0}.wf-co__count{white-space:normal;overflow:visible;text-overflow:clip;padding-right:.4rem}}@media screen and (max-width:989px){.wf-co__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.wf-co{--wf-co-radius: 1.8rem;padding-bottom:calc(var(--wf-co-pb, 56px) * .7)}.wf-co__head{margin-bottom:1.8rem}.wf-co__eyebrow{font-size:1.05rem}.wf-co__title{font-size:2.5rem}.wf-co__sub{font-size:1.4rem}.wf-co__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;perspective:none}.wf-co__card{transform:none;transition:transform .3s var(--wf-co-ease)}.wf-co__card:active{transform:scale(.97)}.wf-co__media{padding:12%}.wf-co__img{left:12%;top:12%;width:76%;height:76%}.wf-co__card--photo .wf-co__media{padding:0;aspect-ratio:1 / 1}.wf-co__body{padding:0 1.2rem 1.2rem;gap:.2rem}.wf-co__name{font-size:1.4rem}.wf-co__row{min-height:2.2rem;padding-right:2.6rem}.wf-co__count{font-size:1.1rem}.wf-co__arrow{width:2.2rem;height:2.2rem;margin-top:-1.1rem;opacity:1;transform:none}.wf-co__card:after{display:none}}@media(prefers-reduced-motion:reduce){.wf-co__card,.wf-co__img,.wf-co__arrow,.wf-co__head,.wf-co__item{transition:none!important}.wf-co__card:after{display:none}.wf-co-js .wf-co:not(.is-in) .wf-co__head,.wf-co-js .wf-co:not(.is-in) .wf-co__item{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/wf-collections.css.map */