.mf-blog-grid{padding:var(--padding-top, var(--mf-space-xl)) 0 var(--padding-bottom, var(--mf-space-xl)) 0;color:var(--mf-text)}.mf-blog-grid--bg-white{background:#fff}.mf-blog-grid--bg-gray{background:#f5f5f7}.mf-blog-grid__header-wrapper{margin-bottom:var(--mf-space-md)}.mf-blog-grid__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--mf-space-sm);width:100%}.mf-blog-grid__header-text{display:flex;flex-direction:column;gap:var(--mf-space-xs);width:100%}.mf-blog-grid__heading{font-size:var(--mf-text-4xl);font-weight:700;margin:0;color:var(--mf-text);line-height:1.2;letter-spacing:-.02em}.mf-blog-grid__subheading{font-size:var(--mf-text-base);font-weight:400;margin:0;color:var(--mf-text);line-height:1.4}.mf-blog-grid__cta-wrapper{width:100%;max-width:320px;margin:var(--mf-space-xs) auto 0}.mf-blog-grid__cta{display:inline-block;width:100%;background:var(--mf-black);color:var(--mf-white);font-weight:700;font-size:var(--mf-text-sm);padding:14px 28px;border-radius:var(--mf-radius-sm);text-decoration:none;letter-spacing:.5px;text-transform:uppercase;text-align:center;transition:all var(--mf-transition-base);border:2px solid transparent}.mf-blog-grid__cta:hover{background:var(--mf-primary);border-color:var(--mf-primary);transform:scale(1.02)}.mf-blog-grid__content{display:grid;grid-template-columns:1fr;gap:var(--mf-space-md);margin-bottom:var(--mf-space-md)}@media (max-width: 749px){.mf-blog-grid{position:relative;padding-bottom:var(--mf-space-xl)}.mf-blog-grid__content{display:flex;flex-direction:row;gap:var(--mf-space-sm);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--mf-gutter-mobile);-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100vw;margin-left:calc(-1 * var(--page-width-margin, 1.5rem));margin-top:var(--mf-space-md);margin-bottom:0;padding-bottom:0}.mf-blog-grid__content::-webkit-scrollbar{display:none}.mf-blog-grid__content .mf-blog-card{min-width:85vw;max-width:85vw;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0}.mf-blog-grid__content .mf-blog-card:first-child{margin-left:var(--mf-gutter-mobile)}.mf-blog-grid__content .mf-blog-card:last-child{margin-right:var(--mf-gutter-mobile)}.mf-blog-grid__progress-container{position:absolute;bottom:var(--mf-space-sm);left:50%;transform:translate(-50%);width:70vw;height:5px;background:var(--mf-border);border-radius:var(--mf-radius-xs);overflow:hidden}.mf-blog-grid__progress-bar{height:100%!important;background:var(--mf-primary)!important;border-radius:var(--mf-radius-xs)!important;min-width:2px!important;transition:width var(--mf-transition-fast)!important;will-change:width;display:block!important;opacity:1!important;z-index:2}}.mf-blog-card{background:transparent;border-radius:0;overflow:visible;box-shadow:none;transition:none;display:flex;flex-direction:column;height:100%}.mf-blog-card:hover{box-shadow:none;transform:none}.mf-blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.mf-blog-card__link--placeholder{pointer-events:none;opacity:.6}.mf-blog-card__image-wrapper{position:relative;width:100%;overflow:hidden;background:var(--mf-bg-light);border-radius:0;margin-bottom:var(--mf-space-sm)}.mf-blog-card__image-wrapper--landscape,.mf-blog-card__image-wrapper--portrait,.mf-blog-card__image-wrapper--square{aspect-ratio:1 / 1}.mf-blog-card__image{width:100%;height:100%;object-fit:var(--mf-blog-image-fit, cover);object-position:var(--mf-blog-image-position, center);display:block;transition:none}.mf-blog-card:hover .mf-blog-card__image{transform:none}.mf-blog-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--mf-bg-light)}.mf-blog-card__placeholder-svg{width:60%;height:60%;opacity:.3}.mf-blog-card__content{padding:0;background:transparent;display:flex;flex-direction:column;gap:8px;flex:1;text-align:left}.mf-blog-card__date{font-size:var(--mf-text-sm);font-weight:400;color:var(--mf-text-muted);display:block;margin:0 0 4px;letter-spacing:.02em}.mf-blog-card__title{font-size:var(--mf-text-base);font-weight:500;margin:0;color:var(--mf-text);line-height:1.4;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;min-height:2.8em;max-height:calc(1.4em * 3)}.mf-blog-card__excerpt{font-size:var(--mf-text-sm);font-weight:400;color:var(--mf-text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.mf-blog-card__cta{display:inline-flex;align-items:center;gap:10px;font-size:var(--mf-text-lg);font-weight:700;color:var(--mf-text);margin-top:12px;letter-spacing:.5px;text-transform:uppercase;position:relative;width:fit-content;transition:none}.mf-blog-card__cta:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--mf-primary);transition:width var(--mf-transition-base)}.mf-blog-card:hover .mf-blog-card__cta:after{width:100%}.mf-blog-card__cta-arrow{display:block;flex-shrink:0;color:var(--mf-text);transition:all var(--mf-transition-base)}.mf-blog-card:hover .mf-blog-card__cta-arrow{transform:translate(4px);color:var(--mf-primary)}@media (min-width: 900px){.mf-blog-grid{padding:var(--padding-top, 60px) 0 var(--padding-bottom, 60px) 0}.mf-blog-grid__header{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}.mf-blog-grid__header-text{max-width:65%}.mf-blog-grid__heading{font-size:var(--mf-text-5xl)}.mf-blog-grid__subheading{font-size:var(--mf-text-lg)}.mf-blog-grid__cta-wrapper{width:auto;max-width:none;margin:0}.mf-blog-grid__cta{width:auto;padding:var(--mf-space-sm) var(--mf-space-xl)}.mf-blog-grid__content{display:grid;grid-template-columns:repeat(var(--mf-blog-cols, 3),1fr);gap:28px;overflow-x:visible;margin-left:0;margin-top:0;margin-bottom:var(--mf-space-md);width:auto;padding-bottom:0}.mf-blog-grid__content .mf-blog-card{min-width:auto;max-width:none;scroll-snap-align:none;scroll-snap-stop:auto;flex-shrink:1}.mf-blog-card__content{padding:0}.mf-blog-card__title{font-size:var(--mf-text-lg)}.mf-blog-card__cta{font-size:var(--mf-text-xl)}.mf-blog-grid__progress-container{display:none}}@media (min-width: 750px) and (max-width: 899px){.mf-blog-grid__content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--mf-space-lg);overflow-x:visible}.mf-blog-grid__content .mf-blog-card{min-width:auto;max-width:none;scroll-snap-align:none;scroll-snap-stop:auto;flex-shrink:1}.mf-blog-grid__progress-container{display:none}.mf-blog-grid__heading{font-size:2.25rem}.mf-blog-grid__cta-wrapper{max-width:100%}}@media (max-width: 400px){.mf-blog-grid__heading{font-size:var(--mf-text-3xl)}.mf-blog-grid__subheading{font-size:var(--mf-text-sm)}.mf-blog-card__content{padding:0}.mf-blog-card__title{font-size:var(--mf-text-base)}}@media (prefers-reduced-motion: reduce){.mf-blog-card__cta:after,.mf-blog-card__cta-arrow,.mf-blog-grid__cta{transition:none}}.mf-blog-card__link:focus-visible{outline:2px solid var(--mf-primary);outline-offset:4px;border-radius:var(--mf-radius-md)}.mf-blog-grid__cta:focus-visible{outline:2px solid var(--mf-white);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-mf-blog-grid.css.map */