.block-art-other{
  padding-bottom: var(--pad-block);
}
.cards > .view-content,
.view-stories.view-block_1 .views-infinite-scroll-content-wrapper{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  justify-content: center; /* CENTER the content */
  gap: var(--space);
}

.view-crew .cards > .view-content{
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
/*
html[data-once*="node-preview"] .block-wth-content > .card{
  max-width: 380px;
  margin-inline: auto;
  margin-block: var(--space);
}*/
.cardrow .name-field-featimg{
  transition: filter 0.5s ease-out 1s;
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0));
}
.cardrow.actelem .name-field-featimg{
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
}
.card > .name-field-featimg .media{
  width: 100%;
}
.card > .name-field-featimg .media{
  aspect-ratio: 8 / 9; /* Enforce 8:9 Ratio */
  -webkit-mask-size: contain; /* Scales the mask to fit the element */
  mask-size: contain;
  /* 2. Stop it from repeating (tiling) */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  /* 3. Position it in the exact center */
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url('../imgs/story-talk.svg');
  mask-image: url('../imgs/story-talk.svg');
}
.card > .name-field-featimg img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the whole image is visible */ 
  transform: scale(1);
  transition: transform 0.5s ease;
}
.cardtxtwrap,
.card.person .views-field-title{
  margin-top: -25px;
  position: relative;
  z-index: 5;
}
.cardtxtwrap > *:not(:first-child){
  margin-top: 10px;
}
.cardtop,
.card.person .views-field-title{
  padding-right: var(--space);
  font-weight: 600;
}
.cardtop > *{
  font-size: var(--fs-small-more);
  line-height: 1.2;
}
.cardptxt,
.card.person > .views-field-field-plain{
  font-size: var(--fs-small);
}
.card.person .views-field-title{
  font-size: var(--fs-small-more);
}
.card.person{
  color: var(--greydark);
}

/* home cards special style */
@media screen and (max-width: 1449px) and (min-width: 1050px){
  .block-stories-home .cardrow:last-child{
    display: none;
  }
}