/* LinkedIn posts: a text card the same size as the photo cards, and the news filter. */
.article-work-card__text { display: flex; padding: 28px; flex-direction: column; background: #f5f5f5; transition: background .3s ease; }
.article-work-card__in { width: 28px; height: 28px; flex: none; fill: #090a0a; }
.article-work-card__excerpt { display: -webkit-box; margin: auto 0 0; overflow: hidden; color: #090a0a; font-size: 22px; line-height: 30px; letter-spacing: -.02em; -webkit-line-clamp: 8; -webkit-box-orient: vertical; text-wrap: pretty; }
.article-work-card__more { display: inline-flex; margin-top: 28px; align-items: center; gap: 10px; color: #090a0a; font-size: 14px; font-weight: 550; }
.article-work-card__more::after { width: 14px; height: 14px; background: #e5231f; -webkit-mask: var(--jet-arrow) center/contain no-repeat; mask: var(--jet-arrow) center/contain no-repeat; rotate: -45deg; content: ""; transition: transform .4s cubic-bezier(.16,1,.3,1); }
.article-work-card--linkedin:hover .article-work-card__text { background: #eceeef; }
.article-work-card--linkedin:hover .article-work-card__more::after { transform: translate(2px, -2px); }
.article-work-card--linkedin .article-work-card__subtitle { font-size: 16px; }
/* With the post's photo (as on LinkedIn): the photo fills the card and the text sits on a dark fade. */
.article-work-card__text--photo { position: relative; isolation: isolate; overflow: hidden; background: #090a0a; }
.article-work-card__text--photo::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(9,10,10,.35) 0%, rgba(9,10,10,0) 30%, rgba(9,10,10,.82) 100%); content: ""; }
.article-work-card__photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.16,1,.3,1); }
.article-work-card__text--photo .article-work-card__in { fill: #fff; }
.article-work-card__text--photo .article-work-card__excerpt, .article-work-card__text--photo .article-work-card__more { color: #fff; }
.article-work-card__text--photo .article-work-card__excerpt { -webkit-line-clamp: 4; }
.article-work-card--linkedin:hover .article-work-card__text--photo { background: #090a0a; }
.article-work-card--linkedin:hover .article-work-card__photo { transform: scale(1.03); }

.news-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 48px; }
.news-filter a { display: inline-flex; min-height: 44px; padding: 0 20px; align-items: center; border: 1px solid #e1e4e5; border-radius: 100px; color: #090a0a; font-size: 15px; transition: border-color .25s ease, background .25s ease, color .25s ease; }
.news-filter a:hover { border-color: #090a0a; }
.news-filter a[aria-current] { border-color: #090a0a; background: #090a0a; color: #fff; }

@media (max-width: 800px) {
  .article-work-card__text { padding: 22px; }
  .article-work-card__excerpt { font-size: 19px; line-height: 26px; }
  .news-filter { margin-bottom: 32px; }
}
/* 05/11 — News: LinkedIn posts with a photo look like article cards (photo on top, white LinkedIn mark, then date, opening lines, link). */
.article-work-card--li-photo .article-work-card__li-mark { position: absolute; top: 14px; left: 14px; display: grid; width: 34px; height: 34px; place-items: center; background: #fff; }
.article-work-card--li-photo .article-work-card__li-mark svg { width: 18px; height: 18px; fill: #0a66c2; }
.article-work-card--li-photo .article-work-card__excerpt { display: -webkit-box; overflow: hidden; margin: 10px 0 0; color: #090a0a; font-size: 17px; line-height: 1.35; letter-spacing: -.01em; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.article-work-card--li-photo .article-work-card__more { margin-top: 12px; font-size: 13px; }
.news__grid:not([data-cols="4"]) .article-work-card--li-photo .article-work-card__excerpt { font-size: 14px; -webkit-line-clamp: 3; }
.news__grid:not([data-cols="4"]) .article-work-card--li-photo .article-work-card__li-mark { width: 26px; height: 26px; top: 8px; left: 8px; }
.news__grid:not([data-cols="4"]) .article-work-card--li-photo .article-work-card__li-mark svg { width: 14px; height: 14px; }
/* 05/11 — LinkedIn post without a photo: a JET graphic in the photo box (dark field, faint grid, JET pictogram). */
.article-work-card__li-graphic { position: absolute; inset: 0; display: grid; place-items: center; background: #15191b; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 32px 32px; background-position: center; transition: background-color .4s ease; }
.article-work-card__li-graphic img { width: 22%; max-width: 88px; height: auto; transform: none !important; transition: transform .6s cubic-bezier(.22,1,.36,1) !important; }
.article-work-card--li-photo:hover .article-work-card__li-graphic { background-color: #1d2224; }
.article-work-card--li-photo:hover .article-work-card__li-graphic img { transform: scale(1.06) !important; }