.vesna-media-card,
.vesna-media-card *{box-sizing:border-box}
.vesna-media-card{
  display:block;
  width:100%;
  color:inherit;
  text-decoration:none!important;
  font-family:"Helvetica Neue LT Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.vesna-media-visual{
  width:100%;
  aspect-ratio:5 / 3;
  overflow:hidden;
  background:rgba(127,127,127,.12);
}
.vesna-media-visual img,
.vesna-media-visual video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% var(--vesna-media-y,50%);
}
.vesna-media-caption{
  display:flex;
  align-items:baseline;
  gap:15px;
  margin-top:18px;
  color:inherit;
  font-size:19px;
  font-weight:500;
  line-height:1;
}
.vesna-media-label{flex:0 0 auto;color:inherit;opacity:.4}
 .vesna-media-title{
  flex:1 1 auto;
  min-width:0;
  color:inherit;
  --vesna-title-underline-offset:4px;
  --vesna-title-underline-base-gap:2px;
}
.vesna-media-title-text{
  display:inline;
  color:inherit;
  text-decoration:none!important;
  background-image:linear-gradient(currentColor,currentColor);
  background-repeat:no-repeat;
  padding-bottom:calc(var(--vesna-title-underline-base-gap) + var(--vesna-title-underline-offset));
  background-position:0 100%;
  background-size:0% 1px;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  transition:background-size .38s cubic-bezier(.22,.61,.36,1);
}
a.vesna-media-card:hover .vesna-media-title-text,
a.vesna-media-card:focus-visible .vesna-media-title-text{
  background-size:100% 1px;
}
@media(max-width:767px){
  .vesna-media-caption{gap:12px;margin-top:14px;font-size:17px;line-height:1.25}
}