.yhs-section{position:relative;overflow:hidden;font-family:var(--font-body-family, inherit);-webkit-font-smoothing:antialiased;background-color:var(--yhs-bg, #FBF0EB);transition:background-color .3s ease}.yhs-wrap{width:100%;max-width:var(--page-width, 1400px);margin-inline:auto;padding-inline:24px;box-sizing:border-box;position:relative;z-index:2}.yhs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;position:relative}.yhs-content{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:3}.yhs-caption{margin:0 0 16px;color:var(--yhs-caption, #B65F48);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.yhs-heading{margin:0 0 20px;max-width:540px;color:var(--yhs-heading, #292C27);font-family:var(--headline_font, var(--font-heading-family, serif))!important;font-style:var(--font-heading-style, normal);font-size:var(--yhs-heading-size, 46px);font-weight:600;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.yhs-description{margin:0 0 28px;max-width:480px;color:var(--yhs-desc, #756F64);font-family:var(--body_font, var(--font-body-family, inherit));font-size:16px;font-weight:400;line-height:1.65}.yhs-actions{margin:0 0 32px}.yhs-btn{--yhs-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(--yhs-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(--yhs-duration) cubic-bezier(.785,.135,.15,.86),background-position var(--yhs-duration) step-end,color var(--yhs-duration) cubic-bezier(.785,.135,.15,.86),border-color var(--yhs-duration) cubic-bezier(.785,.135,.15,.86),box-shadow .3s ease;background-color:transparent;background-image:linear-gradient(rgb(var(--yhs-btn-rgb, 101, 67, 33)),rgb(var(--yhs-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(--yhs-btn-text-rgb, 255, 255, 255))}.yhs-btn:hover{color:rgb(var(--yhs-btn-rgb, 101, 67, 33));background-position:var(--hover-background-position);background-size:0 101%,101% 101%;border-color:rgb(var(--yhs-btn-rgb, 101, 67, 33))!important;box-shadow:0 6px 18px #6543212e}.yhs-btn:focus-visible{outline:2px solid rgb(var(--yhs-btn-rgb, 101, 67, 33));outline-offset:3px}.yhs-btn__arrow{flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.yhs-btn:hover .yhs-btn__arrow{transform:translate(4px)}.yhs-playful{position:relative;width:100%;max-width:520px;margin-top:8px;display:block}.yhs-yarn-wrap{position:relative;width:100%;z-index:1;display:block;line-height:0}.yhs-yarn-img{display:block;width:100%;height:auto;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 6px 16px rgba(101,67,33,.08))}.yhs-cat-wrap{position:absolute;left:var(--yhs-cat-x, 180px);bottom:var(--yhs-cat-y, 0px);width:var(--yhs-cat-w, 130px);z-index:3;animation:yhsCatFloat var(--yhs-cat-speed, 4s) ease-in-out infinite;will-change:transform}.yhs-cat-img,.yhs-cat-video,.yhs-cat-video video{display:block;width:100%;height:auto;object-fit:contain}.yhs-cat-video video{background:transparent}@keyframes yhsCatFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.8deg)}}.yhs-media{position:relative;width:100%;z-index:2}.yhs-image-card{position:relative;width:100%;height:624px;border-radius:100px 24px 24px;overflow:hidden;box-shadow:0 20px 48px #2b2f2c1a;background-color:#ede8e1;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}.yhs-image-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px #2b2f2c29}.yhs-main-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.yhs-image-card:hover .yhs-main-img{transform:scale(1.04)}.yhs-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6543210d,#6543211f)}.yhs-image-placeholder svg{width:45%;height:45%;opacity:.35;fill:#654321}.yhs-section.is-offscreen .yhs-cat-wrap,.yhs-section.is-offscreen .yhs-yarn-wrap,.yhs-section.is-offscreen .yhs-thread-svg{animation-play-state:paused}@media(prefers-reduced-motion:no-preference){.yhs-section [data-yhs-reveal]{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * .12s)}.yhs-section [data-yhs-reveal-media]{opacity:0;transform:translate(30px) scale(.98);transition:opacity 1s cubic-bezier(.2,.7,.2,1) .15s,transform 1.1s cubic-bezier(.2,.7,.2,1) .15s}.yhs-section.is-inview [data-yhs-reveal],.yhs-section.is-inview [data-yhs-reveal-media]{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.yhs-cat-wrap,.yhs-yarn-wrap,.yhs-thread-svg{animation:none!important}.yhs-image-card,.yhs-main-img,.yhs-btn,.yhs-btn__arrow{transition:none!important}}@media(max-width:1080px){.yhs-grid{grid-template-columns:1fr;gap:48px}.yhs-image-card{height:480px;border-radius:80px 20px 20px}.yhs-content{align-items:center;text-align:center}.yhs-heading,.yhs-description{margin-left:auto;margin-right:auto}.yhs-actions{align-items:center}.yhs-playful{justify-content:center}.yhs-thread-svg{left:0}}@media(max-width:749px){.yhs-wrap{padding-inline:18px}.yhs-grid{gap:36px}.yhs-content{display:flex;flex-direction:column;align-items:center!important;text-align:center!important;margin-inline:auto;max-width:100%}.yhs-caption{text-align:center!important;margin-inline:auto}.yhs-heading{text-align:center!important;font-size:var(--yhs-heading-size-m, 32px);margin-inline:auto}.yhs-description{text-align:center!important;font-size:15px;max-width:500px;margin-inline:auto}.yhs-actions{justify-content:center!important;width:100%;margin-inline:auto}.yhs-btn{width:100%;max-width:320px;margin-inline:auto}.yhs-playful{position:relative;width:100%;max-width:320px;min-height:160px;margin:24px auto 0;display:flex;align-items:flex-end;justify-content:center}.yhs-yarn-wrap{position:relative;width:100%;max-width:300px;margin:0 auto}.yhs-yarn-img{width:100%;height:auto}.yhs-cat-wrap{position:absolute;left:24%!important;transform:translate(-35%);bottom:40px!important;width:110px!important;z-index:3;margin:0}.yhs-cat-img,.yhs-cat-video,.yhs-cat-video video{width:100%;height:auto;padding:0!important}.yhs-image-card{height:360px;border-radius:60px 18px 18px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yarn-haberdashery-section.css.map */