/* Home Applied Work only. Original content and micrographics are retained.
   Four cards fill two paired rows; the final three fill one row. */
.home-applied .dossier-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; }
.home-applied .dossier { min-width: 0; padding: 0; overflow: hidden; grid-column: span 2; display: flex; flex-direction: column; }
.home-applied .dossier--feature, .home-applied .dossier:nth-child(4) { grid-column: span 3; }
.home-applied .dossier-visual {
  border-bottom: 1px solid var(--rule);
  background: var(--ground); aspect-ratio: 21 / 8; overflow: hidden; flex: none;
}
.home-applied .dossier--feature .dossier-visual { aspect-ratio: 21 / 7; }
.home-applied .dossier-visual svg { width: 100%; height: 100%; display: block; }
.home-applied .dossier-body { min-width: 0; padding: 24px 24px 28px; display: flex; flex: 1; flex-direction: column; align-items: stretch; }
.home-applied .dossier-top {
  display: flex; justify-content: space-between; align-items: center;
  gap: 12px; margin-bottom: 14px; flex-wrap: wrap;
}
.home-applied .dossier-kind {
  font: 500 .62rem var(--font-mono); letter-spacing: .16em;
  text-transform: uppercase; color: var(--fg-3);
}
.home-applied .dossier h3 { font-size: 1.14rem; letter-spacing: -.015em; color: var(--fg); }
.home-applied .dossier--feature h3 { font-size: clamp(1.4rem, 2.2vw, 1.85rem); }
.home-applied .dossier p { margin: 11px 0 0; color: var(--fg-2); font-size: .86rem; }
.home-applied .dossier--feature p { font-size: .94rem; max-width: 46ch; }
.home-applied .dossier p { padding-bottom: 18px; }
.home-applied .dossier-fact {
  margin-top: auto; padding-top: 15px; border-top: 1px solid var(--rule);
  font: 400 .75rem var(--font-mono); color: var(--fg-2);
}
.home-applied .dossier-fact b { color: var(--fg); font-variant-numeric: tabular-nums; }
.home-applied .dossier-fact b.flare { color: var(--flare); }
@media (max-width: 1100px) {
  .home-applied .dossier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-applied .dossier, .home-applied .dossier--feature, .home-applied .dossier:nth-child(4) { grid-column: span 1; }
  .home-applied .dossier:last-child { grid-column: 1 / -1; }
}
@media (max-width: 680px) { .home-applied .dossier-grid { grid-template-columns: minmax(0, 1fr); } }
