.article-posts--item{display:flex;flex-direction:column}.article-posts--image{display:block;position:relative;overflow:hidden;text-decoration:none;color:inherit}.article-posts--image .media-ratio{position:relative;width:100%;padding-bottom:var(--media-ratio, 75%);overflow:hidden}.article-posts--image .media-ratio img,.article-posts--image .media-ratio svg,.article-posts--image .media-ratio .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article-posts--image .effect-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--transition-base)}.article-posts--image .effect-image-hover{transition:opacity var(--transition-base)}.article-posts--image:hover .effect-image{opacity:0}.article-posts--image .placeholder-svg{width:100%;height:100%;object-fit:cover;background-color:rgb(var(--color-dry-wood))}.article-post-content{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-16)}.article-posts-publish{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--text-xsmall);line-height:var(--leading-body);opacity:.7}.article-posts-publish .author{font-weight:var(--font-body-weight-bold)}.article-separator{display:inline-block;width:3px;height:3px;border-radius:50%;background-color:currentColor;opacity:.5;vertical-align:middle}.article-posts-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);text-transform:uppercase;margin:0;text-box-trim:both;text-box-edge:cap alphabetic}.article-posts-description{font-size:var(--text-small);line-height:var(--leading-body);opacity:.75;margin:0}.article-posts-button{margin-top:var(--space-4)}.article-posts-button .underline--link{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;font-family:var(--font-heading);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:-.24px;line-height:normal;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer;transition:color var(--transition-base);text-box-trim:both;text-box-edge:cap alphabetic}.article-posts-button .underline--link:hover{color:#2b2b2b}
/*# sourceMappingURL=/cdn/shop/t/17/assets/blog-post.css.map */