.blog-chip{display:inline-flex;align-items:center;min-height:var(--chip-height, 3.6rem);padding:0 1.6rem;font-size:1.2rem;font-weight:500;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--radius-pill, 10rem);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.blog-chip.is-active{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}@media(hover:hover)and (pointer:fine){.blog-chip:not(.is-active):hover{border-color:rgb(var(--color-foreground))}}.blog-chip:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:none}.blog-card{position:relative;display:flex;flex-direction:column;height:100%}.blog-card__media{position:relative;overflow:hidden;aspect-ratio:3 / 2;background-color:var(--packshot-bg, #f3f4f6)}.blog-card__media--16-9{aspect-ratio:16 / 9}.blog-card__media--4-3{aspect-ratio:4 / 3}.blog-card__media--1-1{aspect-ratio:1 / 1}.blog-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.6,.3,1)}.blog-card__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-size:2rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(var(--color-foreground),.35)}.blog-card__content{display:flex;flex-direction:column;flex:1 1 auto;gap:1rem;padding-top:1.6rem}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:0;font-size:1.2rem;line-height:1.4;color:rgb(var(--color-foreground-secondary))}.blog-card__tag{font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground))}.blog-card__title{margin:0;font-family:var(--font-heading-family);font-size:1.7rem;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;overflow-wrap:anywhere;word-break:normal}.blog-card__link{display:inline;color:inherit;text-decoration:none}.blog-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.blog-card__link:focus-visible{outline:none;box-shadow:none}.blog-card:has(.blog-card__link:focus-visible){outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.blog-card__excerpt{display:-webkit-box;margin:0;overflow:hidden;font-size:1.5rem;line-height:1.6;color:rgb(var(--color-foreground-secondary));-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card__tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:0 1.2rem;margin:0;padding:0;list-style:none;font-size:1.2rem;line-height:1.4}.blog-card__tags-link{display:inline-flex;align-items:center;min-width:2.4rem;min-height:2.4rem;color:rgb(var(--color-foreground-secondary));text-decoration:underline;text-underline-offset:.3rem}.blog-card__tags-link:hover{color:rgb(var(--color-foreground))}.blog-card__more{display:inline-flex;align-items:center;gap:.8rem;margin-top:auto;padding-top:.4rem;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground))}.blog-card__more .icon{width:1.8rem;height:1.8rem;transition:transform .3s ease}@media screen and (min-width:990px){.blog-card__title{font-size:1.8rem}}@media(hover:hover)and (pointer:fine){.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card:hover .blog-card__title{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem}.blog-card:hover .blog-card__more .icon{transform:translate(.4rem)}}.blog-card--featured .blog-card__content{gap:1.4rem;padding-top:2rem}.blog-card--featured .blog-card__title{font-size:clamp(2.2rem,1.4rem + 1.6vw,3.6rem);line-height:1.15;text-transform:uppercase;text-wrap:balance}.blog-card--featured .blog-card__excerpt{font-size:1.6rem;-webkit-line-clamp:4}.blog-card--featured .blog-card__more{margin-top:.8rem}@media screen and (min-width:990px){.blog-card--featured{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(3.2rem,4vw,8rem)}.blog-card--featured .blog-card__content{padding-top:0}}@media(prefers-reduced-motion:reduce){.blog-card__image,.blog-card__more .icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-blog-card.css.map */