.blog-articles--photo-first{display:grid;grid-template-columns:repeat(auto-fit,minmax(32rem,1fr));gap:3.2rem;max-width:120rem;margin:0 auto;padding:0}@media screen and (max-width:749px){.blog-articles--photo-first{gap:2.4rem}}.blog-articles--photo-first .blog-articles__article{margin:0;padding:0}.article-card-photo-first{position:relative;display:flex;flex-direction:column;background-color:rgb(var(--color-background));border-radius:.8rem;overflow:hidden;box-shadow:0 .1rem .2rem rgba(var(--color-foreground),.06);transition:box-shadow .2s ease,transform .2s ease}.article-card-photo-first__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.article-card-photo-first__link:hover,.article-card-photo-first__link:focus,.article-card-photo-first__link:focus-visible{text-decoration:none}@media(hover:hover){.article-card-photo-first:hover{transform:translateY(-.2rem);box-shadow:0 .2rem .8rem rgba(var(--color-foreground),.08)}}.article-card-photo-first__link:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem;border-radius:.8rem}.article-card-photo-first__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:rgba(var(--color-foreground),.9)}.article-card-photo-first__media img,.article-card-photo-first__media svg{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;filter:saturate(.92) contrast(1.02);transition:none}.article-card-photo-first__chips{position:absolute;left:1.6rem;bottom:1.6rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.4rem;max-width:calc(100% - 3.2rem);pointer-events:none}.article-card-photo-first__chip{display:inline-block;font-family:var(--font-heading-family);font-weight:600;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--color-foreground));background-color:#ffffff8c;border:.1rem solid rgba(255,255,255,.4);padding:.4rem .9rem;border-radius:0;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.article-card-photo-first__body{padding:1.8rem 2rem 2.2rem;display:flex;flex-direction:column;gap:1.4rem;flex:1 1 auto}.article-card-photo-first__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:600;font-size:1.9rem;line-height:1.25;letter-spacing:-.01em;color:rgb(var(--color-foreground));margin:0;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:749px){.article-card-photo-first__title{font-size:1.8rem;line-height:1.22}}.article-card-photo-first__meta{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;font-family:var(--font-heading-family);font-weight:500;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin-top:auto}.article-card-photo-first__byline{display:inline-flex;align-items:center;gap:.6rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-card-photo-first__byline-divider{opacity:.4;font-size:1.2em;line-height:0;margin:0 .2rem}.article-card-photo-first__readtime{flex-shrink:0;text-transform:none;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.article-card-photo-first,.article-card-photo-first__media img{transition:none}.article-card-photo-first:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-article-card-photo-first.css.map */