/* KatarinaArt editorial skin and no-JS fallback; no global element selectors. */
.kmb-root {
  --kmb-gap: 16px;
  width: 100%;
  min-width: 0;
}
.kmb-root *,
.kmb-root *::before,
.kmb-root *::after {
  box-sizing: border-box;
}
.kmb-root .kmb-grid:not(.media-boxes-container) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--kmb-gap);
}
.kmb-root .kmb-grid:not(.media-boxes-container) .media-box {
  display: block;
  min-width: 0;
  position: relative;
}
.kmb-root figure.media-box {
  margin: 0;
}
.kmb-root .media-box-container {
  box-shadow: none !important;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.kmb-root .media-box-image {
  display: block;
  width: 100%;
  text-decoration: none;
  cursor: zoom-in;
  color: inherit;
}
.kmb-root .kmb-grid:not(.media-boxes-container) .media-box-image {
  overflow: visible;
}
.kmb-root .media-box-image div[data-thumbnail] {
  display: block;
  width: 100%;
  height: auto;
  background: none;
  overflow: hidden;
}
.kmb-root .media-box-image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  transform: none !important;
  border-radius: 0;
}
.kmb-root .media-box-image div[data-width][data-height] img {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.kmb-root .kmb-grid.media-boxes-container div[data-width][data-height] img {
  position: absolute !important;
  top: -100% !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -100% !important;
  margin: auto;
}
.kmb-root .kmb-grid.media-boxes-container .media-box-fill-height div[data-width][data-height] img {
  position: static !important;
}
.kmb-root .media-box-image:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.kmb-root .kmb-caption {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  margin: 8px 0 14px;
  color: inherit;
  opacity: 0.82;
}
.kmb-root .kmb-card-description {
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  margin: -8px 0 16px;
  color: inherit;
  opacity: 0.72;
}
.kmb-root .media-boxes-no-more-entries {
  display: none !important;
}
.kmb-root .media-boxes-loading-animation {
  display: none;
}
.kmb-root .kmb-index-card .media-box-image {
  cursor: pointer;
}
.kmb-root[data-kmb-mode='index'] .kmb-index-project {
  cursor: pointer;
}
@media (max-width: 900px) {
  .kmb-root .kmb-grid:not(.media-boxes-container) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .kmb-root {
    --kmb-gap: 10px;
  }
  .kmb-root[data-kmb-mode='index'] {
    --kmb-gap: 12px;
  }
  .kmb-root .kmb-grid:not(.media-boxes-container) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  .kmb-root *,
  .kmb-root *::before,
  .kmb-root *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}