/* family · sections/blog.css
   B11 / blog.html — список статей */

/* категория-бейдж на обложке карточки */
.cat-badge{position:absolute;top:.7rem;left:.7rem;z-index:3;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(30,58,47,.88);color:#fff;padding:.3rem .55rem;border-radius:.25rem;}

/* аккуратная обрезка длинных заголовков/лидов в карточке */
.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* карточка статьи: картинка статичная, без курсора-«предпросмотра» каталога — это ссылка */
.post-card .ph::after{display:none;}

/* colorize: категория статьи — тем же тёмно-зелёным, что тип квартиры в каталоге */

/* animate: карточки статей выходят волной — так же, как карточки квартир в каталоге */
#postGrid>.reveal:nth-child(1){transition-delay:0s;}
#postGrid>.reveal:nth-child(2){transition-delay:.05s;}
#postGrid>.reveal:nth-child(3){transition-delay:.10s;}
#postGrid>.reveal:nth-child(4){transition-delay:.15s;}
#postGrid>.reveal:nth-child(5){transition-delay:.20s;}
#postGrid>.reveal:nth-child(6){transition-delay:.25s;}
#postGrid>.reveal:nth-child(n+7){transition-delay:.30s;}

@media (prefers-reduced-motion: reduce){
  #postGrid>.reveal{transition-delay:0s!important;}
}