.ybl-section{position:relative;overflow:hidden;font-family:var(--body_font, var(--font-body-family, inherit));-webkit-font-smoothing:antialiased;background-color:var(--ybl-bg, #F1F8F6);transition:background-color .3s ease;box-sizing:border-box}:where(.ybl-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}.ybl-header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,4vw,48px)}.ybl-header__content{max-width:680px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.ybl-caption{margin:0 0 10px;color:var(--ybl-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}.ybl-heading{margin:0 0 14px;color:var(--ybl-heading, #292C27);font-family:var(--headline_font, var(--font-heading-family, serif))!important;font-style:var(--font-heading-style, normal);font-size:var(--ybl-heading-size, 42px);font-weight:500;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.ybl-description{margin:0;color:var(--ybl-desc, #756F64);font-family:var(--body_font, var(--font-body-family, inherit));font-size:15px;font-weight:400;line-height:1.6}.ybl-description p{margin:0 0 .5em;color:inherit}.ybl-description p:last-child{margin-bottom:0}.ybl-header__action{flex-shrink:0;margin-bottom:6px}.ybl-btn{--ybl-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:8px;min-height:48px;padding:0 32px;border:1px solid var(--ybl-btn-bg, #654321)!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!important;cursor:pointer;background-color:transparent;background-image:linear-gradient(var(--ybl-btn-bg, #654321),var(--ybl-btn-bg, #654321)),linear-gradient(transparent,transparent);background-size:101% 101%,0 101%;background-position:var(--initial-background-position);background-repeat:no-repeat;color:var(--ybl-btn-text, #ffffff)!important;transition:background-size var(--ybl-duration) cubic-bezier(.785,.135,.15,.86),background-position var(--ybl-duration) step-end,color var(--ybl-duration) cubic-bezier(.785,.135,.15,.86),border-color var(--ybl-duration) cubic-bezier(.785,.135,.15,.86),transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.ybl-btn:hover{color:var(--ybl-btn-bg, #654321)!important;background-position:var(--hover-background-position);background-size:0 101%,101% 101%;border-color:var(--ybl-btn-bg, #654321)!important;transform:translateY(-2px);box-shadow:0 6px 20px #65432140;text-decoration:none!important}.ybl-btn:focus-visible{outline:2px solid var(--ybl-btn-bg, #654321);outline-offset:3px}.ybl-grid{display:grid;grid-template-columns:repeat(var(--ybl-cols, 3),minmax(0,1fr));gap:clamp(20px,3vw,36px);width:100%}.ybl-card{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;box-sizing:border-box;position:relative;height:100%}.ybl-card__media{position:relative;width:100%;aspect-ratio:16 / 10.5;border-radius:var(--ybl-radius, 16px);overflow:hidden;background-color:#2f343b;box-shadow:0 8px 24px #292c270f}.ybl-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.ybl-card:hover .ybl-card__img{transform:scale(1.05)}.ybl-card__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#373d44;color:#fff;padding:20px;box-sizing:border-box}.ybl-placeholder-brand{display:flex;align-items:center;gap:10px}.ybl-placeholder-logo{width:44px;height:44px}.ybl-placeholder-text{font-family:var(--headline_font, var(--font-heading-family, serif));font-size:26px;font-weight:500;letter-spacing:.02em}.ybl-card__meta{margin:16px 0 8px;color:var(--ybl-caption, #B65F48);font-family:var(--body_font, var(--font-body-family, inherit));font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ybl-card__meta-dot{opacity:.7}.ybl-card__title{margin:0 0 12px;color:var(--ybl-heading, #292C27);font-family:var(--headline_font, var(--font-heading-family, serif))!important;font-style:var(--font-heading-style, normal);font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.01em;transition:color .3s ease}.ybl-card:hover .ybl-card__title{color:var(--ybl-caption, #B65F48)}.ybl-card__title-link{color:inherit;text-decoration:none}.ybl-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:var(--ybl-caption, #B65F48);font-family:var(--body_font, var(--font-body-family, inherit));font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:color .3s ease}.ybl-card__arrow{flex:none;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ybl-card:hover .ybl-card__arrow{transform:translate(4px)}.ybl-dots{display:none;justify-content:center;align-items:center;gap:8px;margin-top:24px}.ybl-dot{width:8px;height:8px;border-radius:50%;background-color:#01524e33;border:none;padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.ybl-dot.is-active{background-color:var(--ybl-caption, #B65F48);transform:scale(1.3)}@media(prefers-reduced-motion:no-preference){.ybl-section [data-ybl-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)}.ybl-section [data-ybl-reveal-card]{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--card-i, 0) * .12s + .1s)}.ybl-section.is-inview [data-ybl-reveal],.ybl-section.is-inview [data-ybl-reveal-card]{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ybl-card__img,.ybl-card__arrow,.ybl-btn{transition:none!important}}@media(max-width:989px){.ybl-header{flex-direction:column;align-items:flex-start;gap:20px}.ybl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:749px){.ybl-wrap{padding-inline:18px}.ybl-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.ybl-heading{font-size:var(--ybl-heading-size-m, 32px)}.ybl-header__action{width:100%}.ybl-btn{width:100%;max-width:100%}.ybl-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:4px;margin-inline:-18px;padding-inline:18px}.ybl-grid::-webkit-scrollbar{display:none}.ybl-card{flex:0 0 86vw;max-width:86vw;scroll-snap-align:start;box-sizing:border-box}.ybl-dots{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/yarn-blog-section.css.map */