.category-grid article{padding-top:0}
.category-photo{height:clamp(330px,38vw,570px);margin:0 -18px 18px;background-image:url("hoj-categories.png");background-repeat:no-repeat;background-size:400% 100%;border-top:4px solid #fff}
.denim-man{background-position:0 0}
.suit-man{background-position:33.333% 0}
.shirt-man{background-position:66.666% 0}
.trouser-man{background-position:100% 0}
.denim:before{inset:0;background:linear-gradient(90deg,rgba(10,10,10,.62),rgba(10,10,10,.08) 62%),url("hoj-denim.png") center/cover no-repeat;transform:none;opacity:1}
@media(max-width:700px){
  .category-grid article{padding-top:0}
  .category-photo{height:68vw;max-height:470px;margin:0 -10px 22px}
}