/* Case-study film cards (directory + "More films"): poster on top, silent preview on hover, copy below. */
.v2 .directory-card { padding:0; overflow:hidden; }
.v2 .directory-card-body { display:flex; flex-direction:column; flex:1; padding:22px 28px 26px; }
.v2 .directory-card-body .directory-card-top { margin-bottom:18px; align-items:center; }
.v2 .directory-card-body .directory-logo { width:150px; height:40px; }
.v2 .directory-card-body .directory-logo-dark { padding:6px 8px; }
.v2 .directory-card-body .directory-initial { font-size:1.5rem; }

.v2 .directory-media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#e8ebe8; isolation:isolate; }
.v2 .directory-media img, .v2 .directory-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.v2 .directory-media img { transition:transform .6s var(--ds-ease, cubic-bezier(.2,.7,.2,1)); }
.v2 .directory-media video { opacity:0; transition:opacity .35s; z-index:1; }
.v2 .directory-media.is-previewing video { opacity:1; }
.v2 .directory-card:hover .directory-media img { transform:scale(1.035); }
.v2 .directory-media::after { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 30%); }

.v2 .directory-play { position:absolute; left:50%; top:50%; z-index:3; width:62px; height:62px; margin:-31px 0 0 -31px; border-radius:50%;
  background:rgba(255,255,255,.94); box-shadow:0 10px 30px rgba(0,0,0,.22); display:grid; place-items:center;
  transition:transform .35s var(--ds-ease, ease), opacity .35s; }
.v2 .directory-play::before { content:""; margin-left:4px; border-style:solid; border-width:10px 0 10px 16px; border-color:transparent transparent transparent #0b0b0b; }
.v2 .directory-card:hover .directory-play { transform:scale(1.08); }
.v2 .directory-media.is-previewing .directory-play { opacity:0; transform:scale(.9); }

.v2 .directory-length { position:absolute; left:14px; top:12px; z-index:3; display:inline-flex; align-items:center; gap:6px;
  padding:5px 11px; border-radius:999px; background:rgba(8,9,12,.62); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  color:#fff; font-size:.78rem; letter-spacing:.01em; font-variant-numeric:tabular-nums; }
.v2 .directory-card--film .directory-length::before { content:""; width:0; height:0; border-style:solid; border-width:4.5px 0 4.5px 7px; border-color:transparent transparent transparent currentColor; }
.v2 .directory-media--photo::after { background:linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 40%); }

/* heading: "31 short films · 36 projects" */
.v2 .directory-film-count { font-weight:500; color:var(--v2-fg); display:inline-flex; align-items:center; gap:8px; }
.v2 .directory-film-count i { width:8px; height:8px; border-radius:50%; background:#e5484d; box-shadow:0 0 0 4px rgba(229,72,77,.16); }

@media (max-width:560px) {
  .v2 .directory-card-body { padding:20px 22px 22px; }
  .v2 .directory-play { width:54px; height:54px; margin:-27px 0 0 -27px; }
}
@media (prefers-reduced-motion:reduce) {
  .v2 .directory-media img, .v2 .directory-play { transition:none; transform:none !important; }
}
.v2 .directory-length .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }

/* The headline result leads the card copy ("Seven-figure acquisition by HomeTeams"). */
.v2 .directory-impact { display:block; color:#1d6a43; font-size:.95rem; font-weight:500; line-height:1.4; letter-spacing:-.005em; }