.article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;margin:0;padding:0;list-style:none}@media(min-width:40em){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media(min-width:64em){.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.article-card{display:flex;position:relative;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background-color:var(--color-background);list-style:none;transition:border-color .15s,box-shadow .15s}.article-card:hover,.article-card:focus-within{border-color:var(--color-brand-blue);box-shadow:0 10px 15px -3px #0000001a}.article-card:has(.article-card__link:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.article-card__media{display:block;position:relative;z-index:1;aspect-ratio:16 / 10;overflow:hidden;background-color:color-mix(in srgb,var(--color-brand-blue) 8%,var(--color-muted))}.article-card__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-card__image{transform:scale(1.03)}.article-card--contain .article-card__media{background-color:color-mix(in srgb,var(--color-muted) 40%,transparent)}.article-card--contain .article-card__image{padding:1rem;object-fit:contain}.article-card__placeholder{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;color:color-mix(in srgb,var(--color-brand-blue) 45%,transparent)}.article-card__read{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;border:1px solid var(--color-border);border-radius:9999px;background-color:#ffffffeb;color:var(--color-brand-blue);font-size:.75rem;font-weight:500;line-height:1.5}.article-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.625rem;padding:1.25rem 1.25rem 1.375rem}.article-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;line-height:1.3333;color:var(--color-muted-foreground)}.article-card__tag+.article-card__date:before{content:"";display:inline-block;width:.25rem;height:.25rem;margin-inline-end:.5rem;border-radius:9999px;background-color:var(--color-brand-red);vertical-align:middle}.article-card__tag{position:relative;z-index:1;padding-block:.25rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase;color:var(--color-brand-red);text-decoration:none}.article-card__tag:hover{text-decoration:underline}.article-card__tag:before{content:"";position:absolute;top:-.625rem;right:-.375rem;bottom:-.625rem;left:-.375rem}.article-card__title{font-size:1.125rem;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--color-brand-blue);text-wrap:balance}.article-card__link{text-decoration:none}.article-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.article-card__link:focus-visible{outline:none}.article-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.9375rem;line-height:1.6;color:var(--color-muted-foreground)}.article-card__more{margin-block-start:auto;padding-block-start:.375rem;font-size:.875rem}.article-card__more .icon{transition:transform .15s}.article-card:hover .article-card__more .icon{transform:translate(3px)}.article-card:hover .article-card__more{text-decoration:underline}.article-card--featured .article-card__body{gap:.75rem;padding:1.5rem}.article-card--featured .article-card__eyebrow{margin-block-end:.125rem}.article-card--featured .article-card__title{font-size:1.5rem;letter-spacing:-.02em}.article-card--featured .article-card__excerpt{-webkit-line-clamp:4;font-size:1rem}@media(min-width:48em){.article-card--featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.article-card--featured .article-card__media{aspect-ratio:4 / 3;height:auto}.article-card--featured .article-card__image,.article-card--featured .article-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.article-card--featured .article-card__body{justify-content:center;padding:2rem}.article-card--featured .article-card__more{margin-block-start:.5rem}}@media(min-width:64em){.article-card--featured .article-card__media{aspect-ratio:3 / 2}.article-card--featured.article-card--contain .article-card__image{padding:2rem}.article-card--featured .article-card__body{padding:2.5rem 3rem}.article-card--featured .article-card__title{font-size:2rem;line-height:1.2}.article-card--featured .article-card__excerpt{font-size:1.0625rem;line-height:1.65}}@media(min-width:40em)and (max-width:63.99em){.article-grid>.article-card:last-child:nth-child(odd){display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.article-grid>.article-card:last-child:nth-child(odd) .article-card__media{aspect-ratio:4 / 3;height:auto}.article-grid>.article-card:last-child:nth-child(odd) .article-card__image,.article-grid>.article-card:last-child:nth-child(odd) .article-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.article-grid>.article-card:last-child:nth-child(odd) .article-card__body{justify-content:center;padding:1.5rem 2rem}.article-grid>.article-card:last-child:nth-child(odd) .article-card__more{margin-block-start:.5rem}}@media(min-width:64em){.article-grid>.article-card:last-child:nth-child(3n+1){display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.article-grid>.article-card:last-child:nth-child(3n+1) .article-card__media{aspect-ratio:4 / 3;height:auto}.article-grid>.article-card:last-child:nth-child(3n+1) .article-card__image,.article-grid>.article-card:last-child:nth-child(3n+1) .article-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.article-grid>.article-card:last-child:nth-child(3n+1) .article-card__body{justify-content:center;padding:2rem 2.5rem}.article-grid>.article-card:last-child:nth-child(3n+1) .article-card__more{margin-block-start:.5rem}.article-grid>.article-card:last-child:nth-child(3n+1) .article-card__title{font-size:1.5rem;letter-spacing:-.02em}.article-grid>.article-card:last-child:nth-child(3n+1) .article-card__excerpt{font-size:1rem}}@media(prefers-reduced-motion:reduce){.article-card,.article-card__image,.article-card__more .icon{transition:none}.article-card:hover .article-card__image,.article-card:hover .article-card__more .icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-article-card.css.map */