/* Magnet Studio M1.5 — shared demo imagery continuity. */

.ms-project-grid > article:nth-child(1) > div:first-child {
  position: relative;
  overflow: hidden;
  background-image: url('/assets/magnet/homepage/smartcut-source-photo.webp') !important;
  background-position: center 55% !important;
  background-size: cover !important;
}

.ms-project-grid > article:nth-child(1) > div:first-child::after {
  content: 'UKÁZKOVÁ FOTOGRAFIE';
  padding: 5px 8px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  color: #27324f;
  background: rgba(255,255,255,.88);
  box-shadow: 0 5px 14px rgba(31,43,79,.12);
  backdrop-filter: blur(10px);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .06em;
}

@media (max-width: 640px) {
  .ms-project-grid > article:nth-child(1) > div:first-child::after { font-size: 7px; }
}