/* Editorial covers with a quiet title strip, shared across work collections. */
.post-grid > .post-card.work-card {
  overflow:hidden; border-radius:20px; background:transparent;
  border:1px solid var(--art-card-line,rgba(230,221,234,.35));
}
.post-grid .work-card .card-link {
  padding:0; min-height:0; border-radius:inherit; color:var(--art-card-ink,#fff4e5);
}
.work-cover { position:relative; display:block; overflow:hidden; aspect-ratio:16/9; background:#d4c8b2; }
.work-cover img { width:100%; height:100%; display:block; object-fit:cover; object-position:50% 45%; transition:transform .3s ease; }
.post-91 .work-cover img { object-position:50% 28%; }
.post-101 .work-cover img { object-position:50% 75%; }
.work-card .work-title { display:flex; align-items:center; min-height:76px; padding:21px 24px; background:linear-gradient(125deg,rgba(43,51,78,.70),rgba(62,43,78,.62)); backdrop-filter:blur(16px) saturate(115%); -webkit-backdrop-filter:blur(16px) saturate(115%); border-top:1px solid rgba(241,227,234,.18); }
.work-card .work-title h3 { margin:0; font-size:21px; line-height:1.5; font-weight:700; color:inherit; }
.collection-music .work-card .work-title { background:linear-gradient(125deg,rgba(109,74,91,.68),rgba(80,65,97,.64)); color:#fff4ee; }
.collection-science .work-card .work-title { background:linear-gradient(125deg,rgba(26,59,74,.70),rgba(39,66,67,.62)); color:#fff0d6; }
.work-card .work-play { position:absolute; right:16px; bottom:16px; width:40px; height:40px; display:grid; place-items:center; border:1px solid #ffffff85; border-radius:50%; color:#fff; background:#222c3c80; backdrop-filter:blur(8px); }
.work-card .work-play md-icon { --md-icon-size:24px; }
.post-grid .work-card .card-link:focus-visible { outline:3px solid #cb9e4e; outline-offset:-4px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  html:not(.reduce-motion) .work-card:hover .work-cover img { transform:scale(1.025); }
}
@media(max-width:700px) {
  .work-card .work-title { min-height:66px; padding:17px 20px; }
  .work-card .work-title h3 { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .work-cover img { transition:none; } }
@media(forced-colors:active) {
  .post-grid > .post-card.work-card,.work-card .work-title { background:Canvas; color:CanvasText; border-color:CanvasText; }
  .work-card .work-play { background:Canvas; color:CanvasText; border-color:CanvasText; }
}