.post{display:flex;flex-direction:column;text-decoration:none}.post__media{aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius);background:var(--color-bg-secondary)}.post__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.post:hover .post__media img{transform:scale(1.03)}.post__cat{margin-top:20px;font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-red)}.post__title{margin-top:10px;font-size:clamp(1.25rem,1.05rem + .7vw,1.625rem);font-weight:700;line-height:1.12;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.post__excerpt{margin-top:10px;font-size:.9375rem;color:var(--color-text-secondary);max-width:40ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.post .link-arrow{margin-top:16px;align-self:flex-start}.post__meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-top:20px}.post__meta .post__cat{margin-top:0}.post__meta time,.post__meta .post__read{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.post[hidden]{display:none}.post .post__title{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color var(--t-fast)}.post:hover .post__title,.post:focus-visible .post__title{text-decoration-color:currentColor}.post:hover .link-arrow,.post:focus-visible .link-arrow{gap:16px}.post:focus-visible{outline:2px solid var(--color-brown);outline-offset:6px;border-radius:var(--radius)}.blog-grid,.arelated{align-items:stretch}.blog-grid>.post:not(.post--feature):not(.post--note) .post__excerpt,.arelated>.post .post__excerpt{margin-bottom:16px}.blog-grid>.post:not(.post--feature):not(.post--note) .link-arrow,.arelated>.post .link-arrow{margin-top:auto}.arelated{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,56px) clamp(16px,2.4vw,40px)}@media(max-width:767px){.arelated{grid-template-columns:1fr;gap:36px}}@media(min-width:1024px){.arelated--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.post:hover .post__media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-article-card.css.map */
