.yfaq-section{position:relative;overflow:hidden;font-family:var(--body_font, var(--font-body-family, inherit));-webkit-font-smoothing:antialiased;background-color:var(--yfaq-bg, #F1F8F6);transition:background-color .3s ease;box-sizing:border-box}:where(.yfaq-wrap){width:100%;max-width:var(--page-width, 1440px);margin-inline:auto;padding-inline:clamp(20px,4vw,60px);box-sizing:border-box;position:relative;z-index:2}.yfaq-grid{display:grid;grid-template-columns:var(--yfaq-left-w, 28%) 1fr;gap:clamp(32px,5vw,64px);align-items:flex-start;width:100%}.yfaq-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:sticky;top:100px}.yfaq-heading{margin:0 0 18px;color:var(--yfaq-heading, #292C27);font-family:var(--headline_font, var(--font-heading-family, serif))!important;font-style:var(--font-heading-style, normal);font-size:var(--yfaq-heading-size, 40px);font-weight:500;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.yfaq-caption{margin:0 0 10px;color:var(--yfaq-caption, #B65F48);font-family:var(--body_font, var(--font-body-family, inherit));font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.yfaq-description{margin:0 0 20px;color:var(--yfaq-desc, #756F64);font-family:var(--body_font, var(--font-body-family, inherit));font-size:15px;font-weight:400;line-height:1.6;max-width:340px}.yfaq-description p{margin:0 0 .5em;color:inherit}.yfaq-description p:last-child{margin-bottom:0}.yfaq-media{margin-top:10px;display:flex;align-items:center;justify-content:flex-start;position:relative}.yfaq-media-img{width:var(--yfaq-img-w, 200px);max-width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 12px 24px rgba(41,44,39,.08));animation:yfaq-float-anim 4.8s ease-in-out infinite alternate;will-change:transform}.yfaq-media-placeholder{width:180px;height:180px;background:#01524e0d;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#01524e;animation:yfaq-float-anim 4.8s ease-in-out infinite alternate}.yfaq-media-placeholder svg{width:60px;height:60px;opacity:.4}@keyframes yfaq-float-anim{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.5deg)}to{transform:translateY(2px) rotate(1deg)}}.yfaq-right{width:100%}.yfaq-accordion-group{width:100%;background-color:var(--yfaq-closed-bg, #ffffff);border:1px solid var(--yfaq-border, #D8CCB8);border-radius:var(--yfaq-radius, 18px);overflow:hidden;box-shadow:0 4px 20px #292c2708;box-sizing:border-box;transition:box-shadow .3s ease}.yfaq-item{width:100%;background-color:var(--yfaq-closed-bg, #ffffff);border-bottom:1px solid var(--yfaq-border, #D8CCB8);box-sizing:border-box;transition:background-color .35s cubic-bezier(.2,.8,.2,1)}.yfaq-item:last-child{border-bottom:none}.yfaq-item.is-open{background-color:#fff}.yfaq-item__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;background:transparent;border:none;cursor:pointer;text-align:left;box-sizing:border-box;font-family:inherit;color:inherit;outline:none;transition:padding .25s ease}.yfaq-item.is-open .yfaq-item__header{padding:24px 28px 16px}.yfaq-item__header:focus-visible{outline:2px solid var(--yfaq-heading, #01524E);outline-offset:-2px}.yfaq-item__question{margin:0;color:var(--yfaq-heading, #292C27);font-family:var(--body_font, var(--font-body-family, inherit));font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.01em;transition:color .3s ease}.yfaq-item.is-open .yfaq-item__question{color:var(--yfaq-heading, #292C27)}.yfaq-item__icon-wrap{width:32px;height:32px;border-radius:50%;border:1px solid var(--yfaq-border, #D8CCB8);background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-sizing:border-box;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .3s ease,border-color .3s ease}.yfaq-item:hover .yfaq-item__icon-wrap{border-color:#01524e}.yfaq-item.is-open .yfaq-item__icon-wrap{background-color:#fff;border-color:var(--yfaq-border, #D8CCB8)}.yfaq-icon{width:16px;height:16px;display:block;position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}.yfaq-icon--plus{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.yfaq-icon--minus{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(.6)}.yfaq-item.is-open .yfaq-icon--plus{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(.6)}.yfaq-item.is-open .yfaq-icon--minus{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.yfaq-item__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1);overflow:hidden}.yfaq-item.is-open .yfaq-item__content{grid-template-rows:1fr}.yfaq-item__body{min-height:0;padding:0 28px;opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1),padding .3s ease;color:var(--yfaq-desc, #756F64);font-family:var(--body_font, var(--font-body-family, inherit));font-size:15px;font-weight:400;line-height:1.65}.yfaq-item.is-open .yfaq-item__body{opacity:1;transform:translateY(0);padding:0 28px 24px;transition:opacity .35s ease .06s,transform .38s cubic-bezier(.2,.8,.2,1) .06s}.yfaq-item__body p{margin:0 0 .6em;color:inherit;font-size:inherit;line-height:inherit}.yfaq-item__body p:last-child{margin-bottom:0}.yfaq-item__body a{color:#01524e;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:no-preference){.yfaq-section [data-yfaq-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)}.yfaq-section [data-yfaq-reveal-group]{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1) .15s,transform .9s cubic-bezier(.2,.7,.2,1) .15s}.yfaq-section.is-inview [data-yfaq-reveal],.yfaq-section.is-inview [data-yfaq-reveal-group]{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.yfaq-media-img,.yfaq-media-placeholder{animation:none!important}.yfaq-item__content,.yfaq-item__body,.yfaq-icon{transition:none!important}}@media(max-width:989px){.yfaq-grid{grid-template-columns:1fr;gap:36px}.yfaq-left{position:static;max-width:100%;align-items:center;text-align:center;margin-inline:auto}.yfaq-heading,.yfaq-caption{text-align:center}.yfaq-description{text-align:center;max-width:580px;margin-inline:auto}}@media(max-width:749px){.yfaq-section{padding-top:var(--yfaq-pt-m, 48px)!important;padding-bottom:var(--yfaq-pb-m, 48px)!important}.yfaq-wrap{padding-inline:18px}.yfaq-grid{gap:26px}.yfaq-left{align-items:center!important;text-align:center!important;margin-inline:auto;max-width:100%}.yfaq-heading{font-size:var(--yfaq-heading-size-m, 32px);text-align:center!important;margin-bottom:12px}.yfaq-caption{text-align:center!important;margin-bottom:8px}.yfaq-description{text-align:center!important;font-size:14px;line-height:1.55;margin:0 auto!important;max-width:480px}.yfaq-media{display:none!important}.yfaq-item__header{padding:18px 20px;gap:12px}.yfaq-item.is-open .yfaq-item__header{padding:18px 20px 14px}.yfaq-item__question{font-size:15px}.yfaq-item__body{padding:0 20px;font-size:14px}.yfaq-item.is-open .yfaq-item__body{padding:0 20px 20px}.yfaq-item__icon-wrap{width:30px;height:30px}.yfaq-icon{width:15px;height:15px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yarn-faq-section.css.map */
