/* Every card keeps the same image stage, regardless of the source's proportions. */
.card-media{position:relative;isolation:isolate;overflow:hidden;padding:0;background:#fff}
.card-media>img{position:absolute;inset:8px;display:block;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;object-position:center}
.card-media--photo{background:#283035}
/* The original photo stays fully visible. Its soft backdrop fills the remaining
   space without white bars, stretching the subject or cropping equipment. */
.card-media--photo::before{content:"";position:absolute;inset:-24px;z-index:-1;background:var(--card-image) center/cover no-repeat;filter:blur(18px) brightness(.8)}
.card-media--photo>img{inset:0;width:100%;height:100%}
.hub-card-media.card-media{min-height:320px}
@media(max-width:650px){
  .hub-card-media.card-media{height:240px;min-height:0}
}