.blog-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.article-card{display:flex;flex-direction:column;background:#fff;border-radius:1.5rem;border:1px solid rgba(0,0,0,.1);overflow:hidden;text-decoration:none;transition:all .3s}.article-card:hover{box-shadow:0 10px 30px -5px #0000001a}.article-card-img-wrap{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden;background:linear-gradient(to bottom right,#f4faf9,#fff9f0)}.article-card-img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.article-card:hover .article-card-img{transform:scale(1.05)}.article-placeholder-img{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#fbf9f6}.article-placeholder-img img{max-height:70%;max-width:70%;object-fit:contain;transition:transform .5s}.article-card:hover .article-placeholder-img img{transform:scale(1.05)}.article-card-tag{position:absolute;top:1rem;left:1rem;z-index:10;border-radius:9999px;background:#fbf9f6e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1);padding:.125rem .625rem;font-family:monospace;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#332d55}.article-card-content{display:flex;flex-direction:column;flex:1;padding:1.25rem}.article-card-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:1.0625rem;font-weight:700;line-height:1.3;color:#332d55;transition:color .2s;margin:0}.article-card:hover .article-card-title{color:#0a5c5a}.article-card-excerpt{margin-top:.75rem;font-size:.75rem;color:#666;line-height:1.625;flex:1}.article-card-footer{margin-top:1rem;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.1)}.article-card-date{font-size:.625rem;color:#666;font-weight:600}.article-card-read{font-size:.75rem;font-weight:700;color:#0a5c5a}.article-card:hover .article-card-read{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/68/assets/blog-article-card.css.map */