.blog-featured-grid{background:var(--bfg-bg, var(--color-white));padding:var(--spacing-lg) var(--spacing-base)}.blog-featured-grid__container{max-width:1176px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}.blog-featured-grid__main{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.blog-featured-card{display:flex;flex-direction:column}.blog-featured-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.blog-featured-card__image-wrapper{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:16px;background:var(--color-blue-lightest)}.blog-featured-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-featured-card__link:hover .blog-featured-card__image{transform:scale(1.05)}.blog-featured-card__placeholder{width:100%;height:100%;background:var(--color-grey-lightest)}.blog-featured-card__content{padding:var(--spacing-base) 0;display:flex;flex-direction:column;flex:1}.blog-featured-card__date{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-charcoal);opacity:.6;display:block;margin-bottom:4px}.blog-featured-card__title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:700;color:var(--color-charcoal);margin:0 0 var(--spacing-sm);line-height:1.3}.blog-featured-card__excerpt{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;color:var(--color-charcoal);margin:0 0 var(--spacing-base);line-height:1.5}.blog-featured-card__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:var(--color-charcoal);border-radius:100px;font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;color:var(--color-white);transition:background .2s ease;width:fit-content}.blog-featured-card__link:hover .blog-featured-card__button{background:var(--color-black)}.blog-featured-grid__sidebar{display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-sidebar-link{border-bottom:1px solid var(--color-grey-lightest);padding-bottom:var(--spacing-md)}.blog-sidebar-link:last-child{border-bottom:none;padding-bottom:0}.blog-sidebar-link__link{display:block;text-decoration:none;color:inherit}.blog-sidebar-link__date{font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-charcoal);opacity:.6;display:block;margin-bottom:4px}.blog-sidebar-link__title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--spacing-sm);line-height:1.3;transition:opacity .2s ease}.blog-sidebar-link--pink .blog-sidebar-link__title{color:var(--color-pink)}.blog-sidebar-link--blue .blog-sidebar-link__title{color:var(--color-blue)}.blog-sidebar-link--yellow .blog-sidebar-link__title{color:var(--color-yellow)}.blog-sidebar-link__link:hover .blog-sidebar-link__title{opacity:.8}.blog-sidebar-link__excerpt{font-family:var(--font-primary);font-size:var(--text-base);font-weight:300;color:var(--color-charcoal);margin:0 0 var(--spacing-sm);line-height:1.5}.blog-sidebar-link__more{font-family:var(--font-primary);font-size:var(--text-base);font-weight:700;color:var(--color-charcoal)}@media(max-width:999px){.blog-featured-grid__container{grid-template-columns:1fr;gap:var(--spacing-lg)}.blog-featured-grid__main{grid-template-columns:repeat(2,1fr)}.blog-featured-grid__sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.blog-sidebar-link{border-bottom:none;padding-bottom:0}}@media(max-width:779px){.blog-featured-grid{padding:var(--spacing-md) var(--spacing-base)}.blog-featured-grid__main,.blog-featured-grid__sidebar{grid-template-columns:1fr}.blog-sidebar-link{border-bottom:1px solid var(--color-grey-lightest);padding-bottom:var(--spacing-md)}.blog-sidebar-link:last-child{border-bottom:none;padding-bottom:0}}@media(max-width:459px){.blog-featured-card__title{font-size:var(--text-md)}.blog-featured-card__button{font-size:var(--text-sm);padding:8px 20px}.blog-sidebar-link__title{font-size:var(--text-md)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/blog-featured-grid.css.map */