/* Marketing Feed product shots and tour (29 Oct 2026). Loaded on the home page and the Marketing Feed page. */
.kd-shot {
  display: block;
  border: 1px solid var(--kd-line);
  border-radius: 14px;
  background: #0f1440;
  box-shadow: 0 24px 50px rgba(8, 58, 94, 0.12);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform .2s ease, box-shadow .2s ease;
}
a.kd-shot:hover { transform: translateY(-3px); box-shadow: 0 30px 60px rgba(8, 58, 94, 0.18); }
.kd-shot-bar {
  display: flex; align-items: center; gap: 6px;
  padding: 10px 14px;
  background: #0b0f33;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.kd-shot-bar span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.18); display: inline-block; }
.kd-shot-bar span:nth-child(1) { background: #ff5f57; }
.kd-shot-bar span:nth-child(2) { background: #febc2e; }
.kd-shot-bar span:nth-child(3) { background: #28c840; }
.kd-shot-bar em {
  margin-left: 10px; font-style: normal; font-size: 12px; color: rgba(255,255,255,0.55);
  background: rgba(255,255,255,0.06); border-radius: 6px; padding: 3px 10px; flex: 1; text-align: center; max-width: 360px;
}
.kd-shot img, .kd-shot video { display: block; width: 100%; height: auto; }
.kd-shot figcaption, .kd-shot .cap {
  padding: 14px 18px 16px;
  background: #fff;
  border-top: 1px solid var(--kd-line);
  font-size: 14px; line-height: 22px; color: var(--kd-body);
}
.kd-shot .cap b { display: block; color: var(--kd-ink); font-size: 15px; margin-bottom: 2px; }
.kd-shots { margin-top: 28px; }
.kd-shots .kd-shot { height: 100%; }
.kd-shot-note { margin-top: 18px; font-size: 13px; color: var(--kd-body); }
@media (max-width: 991px) { .kd-shot-bar em { display: none; } }
.kd-shots .kd-shot { display: flex; flex-direction: column; }
.kd-shots .kd-shot img { aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.kd-shots .kd-shot .cap { margin-top: auto; }