.yarn-tools{position:relative;overflow:hidden;font-family:var(--body_font, var(--font-body-family, inherit));-webkit-font-smoothing:antialiased;background-color:var(--yts-bg, #ffffff);transition:background-color .3s ease}.yarn-tools__bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background-repeat:var(--yts-bg-repeat, no-repeat);background-position:calc(var(--yts-bg-pos-x, 50%) + var(--yts-bg-offset-x, 0px)) calc(var(--yts-bg-pos-y, 50%) + var(--yts-bg-offset-y, 0px));background-size:var(--yts-bg-size, cover);opacity:var(--yts-bg-opacity, 1);transition:opacity .3s ease}.yarn-tools__artboard-canvas{position:absolute;top:50%;left:50%;width:var(--yts-artboard-w, 1440px);max-width:none;height:var(--yts-artboard-h, 100%);transform:translate(calc(-50% + var(--yts-bg-offset-x, 0px)),calc(-50% + var(--yts-bg-offset-y, 0px))) scale(var(--yts-bg-scale, 1));transform-origin:center center;pointer-events:none;z-index:1;display:flex;align-items:center;justify-content:center}.yarn-tools__artboard-img{width:100%;height:100%;object-fit:contain;object-position:center center;display:block;opacity:var(--yts-bg-opacity, 1)}.yarn-tools__wrap>.yarn-tools__bg-layer{left:0;right:0;top:0;bottom:0;width:100%;height:100%}:where(.yarn-tools__wrap){width:100%;max-width:var(--page-width, 1400px);margin-inline:auto;padding-inline:24px;box-sizing:border-box;position:relative;z-index:2}.yarn-tools--contained .yarn-tools__wrap{background-color:var(--yts-bg, #ffffff);border-radius:24px;padding:48px 36px}.yarn-tools__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(36px,5vw,80px);position:relative}.yarn-tools--reversed .yarn-tools__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.yarn-tools--reversed .yarn-tools__media-col{order:2}.yarn-tools--reversed .yarn-tools__content-col{order:1}.yarn-tools__media-col{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.yarn-tools__composition{position:relative;width:100%;max-width:var(--yts-comp-max-w, 590px);aspect-ratio:591 / 590;display:block;transform:translate(var(--yts-comp-offset-x, 0px),var(--yts-comp-offset-y, 0px));transition:transform .3s ease}.yarn-tools__parallax{position:relative;width:100%;height:100%;transform:translate3d(var(--yts-px, 0),var(--yts-py, 0),0);transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform}.yarn-tools__card--big{position:absolute;top:0;left:0;width:68.86%;height:85.93%;border-radius:var(--yts-radius, 24px);overflow:hidden;background-color:#ede8e1;z-index:2;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}.yarn-tools--shadow .yarn-tools__card--big{box-shadow:0 16px 40px #292c2714}.yarn-tools__card--small{position:absolute;top:38.98%;left:52.79%;width:47.2%;height:61.01%;border-radius:var(--yts-radius, 24px);overflow:hidden;background-color:#ede8e1;z-index:3;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}.yarn-tools--shadow .yarn-tools__card--small{box-shadow:0 20px 48px #292c2724}.yarn-tools__card--big:hover{transform:translateY(-4px)}.yarn-tools__card--small:hover{transform:translateY(-6px)}.yarn-tools__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.yarn-tools__card:hover .yarn-tools__img{transform:scale(1.04)}.yarn-tools__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6543210f,#6543211f)}.yarn-tools__placeholder svg{width:50%;height:50%;opacity:.35;fill:#654321}.yarn-tools__left-rope{position:absolute;right:calc(100% - 4px);top:var(--yts-rope-top, 25%);width:var(--yts-rope-width, 240px);transform:translate(var(--yts-rope-offset-x, 0px),var(--yts-rope-offset-y, 0px));pointer-events:none;z-index:1;display:block}.yarn-tools__left-rope-img{width:100%;height:auto;display:block}.yarn-tools__right-needle{position:absolute;right:var(--yts-needle-right, -40px);bottom:var(--yts-needle-bottom, -20px);width:var(--yts-needle-width, 360px);pointer-events:none;z-index:3;display:block}.yarn-tools__right-needle-img{width:100%;height:auto;display:block}.yarn-tools__content-col{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.yarn-tools__caption{margin:0 0 16px;color:var(--yts-caption, #B65F48);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.08em}.yarn-tools__caption--upper{text-transform:uppercase}.yarn-tools__heading{margin:0 0 20px;max-width:540px;color:var(--yts-heading, #292C27);font-family:var(--headline_font, var(--font-heading-family, serif))!important;font-style:var(--font-heading-style, normal);font-size:var(--yts-heading-size, 46px);font-weight:600;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.yarn-tools__description{margin:0 0 28px;max-width:480px;color:var(--yts-desc, #756F64);font-family:var(--body_font, var(--font-body-family, inherit));font-size:16px;font-weight:400;line-height:1.65}.yarn-tools__description p{margin:0 0 .8em;color:var(--yts-desc, #756F64)}.yarn-tools__description p:last-child{margin-bottom:0}.yarn-tools__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px}.yarn-tools__btn{--yts-duration: var(--duration-medium, .4s);--transform-origin-start: left;--transform-origin-end: right;--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 32px;border:1px solid rgb(var(--yts-btn-rgb, 101, 67, 33))!important;border-bottom:1px solid rgb(var(--yts-btn-rgb, 101, 67, 33))!important;border-radius:999px;box-sizing:border-box;font-family:var(--body_font, var(--font-body-family, inherit));font-size:14px;font-weight:500;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:background-size var(--yts-duration) cubic-bezier(.785,.135,.15,.86),background-position var(--yts-duration) step-end,color var(--yts-duration) cubic-bezier(.785,.135,.15,.86),border-color var(--yts-duration) cubic-bezier(.785,.135,.15,.86),box-shadow .3s ease;background-color:transparent;background-image:linear-gradient(rgb(var(--yts-btn-rgb, 101, 67, 33)),rgb(var(--yts-btn-rgb, 101, 67, 33))),linear-gradient(transparent,transparent);background-size:101% 101%,0 101%;background-position:var(--initial-background-position);background-repeat:no-repeat;color:rgb(var(--yts-btn-text-rgb, 255, 255, 255))}.yarn-tools__btn:hover{color:rgb(var(--yts-btn-rgb, 101, 67, 33));background-position:var(--hover-background-position);background-size:0 101%,101% 101%;border-color:rgb(var(--yts-btn-rgb, 101, 67, 33))!important;border-bottom-color:rgb(var(--yts-btn-rgb, 101, 67, 33))!important;box-shadow:0 6px 18px #6543212e}.yarn-tools__btn:focus-visible{outline:2px solid rgb(var(--yts-btn-rgb, 101, 67, 33));outline-offset:3px}.yarn-tools__btn-arrow{flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.yarn-tools__btn:hover .yarn-tools__btn-arrow{transform:translate(4px)}.yarn-tools__note{margin:0;color:var(--yts-note-color, #B65F48);font-family:var(--yts-note-font, "Caveat", cursive, serif);font-style:var(--yts-note-style, normal);font-weight:var(--yts-note-weight, 400);font-size:var(--yts-note-size, 20px);line-height:1.35;letter-spacing:var(--yts-note-spacing, .01em)}@media(prefers-reduced-motion:no-preference){.yarn-tools [data-yts-reveal]{opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * .11s)}.yarn-tools [data-yts-reveal-media]{opacity:0;transform:scale(.96) translateY(20px);transition:opacity .95s cubic-bezier(.2,.7,.2,1) .15s,transform .95s cubic-bezier(.2,.7,.2,1) .15s}.yarn-tools.is-inview [data-yts-reveal],.yarn-tools.is-inview [data-yts-reveal-media]{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.yarn-tools__parallax,.yarn-tools__card--big,.yarn-tools__card--small,.yarn-tools__img,.yarn-tools__btn,.yarn-tools__btn-arrow{transition:none!important}}@media(max-width:989px){.yarn-tools__grid{grid-template-columns:1fr;gap:48px}.yarn-tools--reversed .yarn-tools__media-col{order:1}.yarn-tools--reversed .yarn-tools__content-col{order:2}.yarn-tools--mobile-content-first .yarn-tools__grid{display:flex;flex-direction:column-reverse}.yarn-tools__media-col{max-width:520px;margin-inline:auto}.yarn-tools__content-col{align-items:center;text-align:center}.yarn-tools__heading,.yarn-tools__description{margin-left:auto;margin-right:auto}.yarn-tools__actions{justify-content:center}.yarn-tools--contained .yarn-tools__wrap{padding:36px 24px}}@media(max-width:749px){.yarn-tools__wrap{padding-inline:18px}.yarn-tools__grid{gap:36px}.yarn-tools__heading{font-size:var(--yts-heading-size-m, 32px)}.yarn-tools__description{font-size:15px}.yarn-tools__media-col{max-width:100%;padding-inline:4px}.yarn-tools__btn{width:100%;max-width:340px}.yarn-tools__note{font-size:calc(var(--yts-note-size, 20px) * .9)}.yarn-tools--contained .yarn-tools__wrap{padding:24px 16px}.yarn-tools__left-rope{width:calc(var(--yts-rope-width, 240px) * .7)}.yarn-tools__right-needle{width:calc(var(--yts-needle-width, 360px) * .7)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yarn-tools-section.css.map */