/* YJH HOME RANDOM ARCHIVE V88 */
#home-archive .archive-grid.yjh-random-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:6px!important;
  transition:opacity .28s ease!important;
}
#home-archive .archive-grid.yjh-random-grid.is-refreshing{opacity:.18!important}
#home-archive .archive-grid.yjh-random-grid.is-empty{min-height:0!important}
#home-archive .yjh-random-archive-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:#e9e9e6!important;
}
#home-archive .yjh-random-archive-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .45s ease,opacity .25s ease!important;
}
#home-archive .yjh-random-archive-card:hover img{transform:scale(1.018)!important}
#home-archive .yjh-random-archive-card .archive-overlay{
  position:absolute!important;
  left:8px!important;
  bottom:7px!important;
  z-index:2!important;
  color:#fff!important;
  font-size:8px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  opacity:0!important;
  transition:opacity .2s ease!important;
  text-shadow:0 1px 6px rgba(0,0,0,.45)!important;
}
#home-archive .yjh-random-archive-card:hover .archive-overlay{opacity:1!important}

@media (min-width:901px){
  #home-archive .archive-grid.yjh-random-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (min-width:600px) and (max-width:900px){
  #home-archive .archive-grid.yjh-random-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}
}
@media (max-width:599px){
  #home-archive .archive-grid.yjh-random-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  #home-archive .yjh-random-archive-card .archive-overlay{display:none!important}
}