/* Shared hero, typography, cards, buttons and carousel come from main.css. */
.hero-section--news { position: relative; isolation: isolate; background-image: linear-gradient(#0000004d, #0000004d), url('../img/news/hero.webp'); }
.hero-section--news .hero-content { min-height: 700px; padding: 100px 0 32px; gap: 16px; }
.hero-section--news .hero-content > * { margin: 0; }
.hero-section--news .hero-title { max-width: 900px; overflow-wrap: anywhere; }
.news-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.hero-section--news:has(.news-hero__image)::after { content: ''; position: absolute; inset: 0; background: #0000004d; z-index: -1; }
.news-catalog { padding-block: 80px; }
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
.news-catalog .news-card .house-card__imgs, .news-related .news-card .house-card__imgs { height: 200px; }
.news-catalog .house-card__bottom, .news-related .house-card__bottom { padding: 24px 16px; }
.news-card { min-width: 0; overflow-wrap: anywhere; }
.news-pagination { margin-top: 32px; }
.news-article { padding-block: 32px 80px; }
.news-article__dates { display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--c-gray); margin-bottom: 20px; }
.news-article__dates:empty { display: none; }
.news-article__text { max-width: 668px; overflow-wrap: anywhere; }
.news-article__text p { margin: 0 0 20px; }
.news-article__text > :last-child { margin-bottom: 0; }
.news-article__text a { text-decoration: underline; }
.news-article__text ul { list-style: disc; padding-left: 24px; }
.news-related { padding-block: 24px 80px; }
.news-related__title { margin: 0 0 40px; }
@media (max-width: 991.98px) {
  .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .hero-section--news .hero-content { min-height: 500px; padding: 88px 0 24px; gap: 4px; }
  .hero-section--news .hero-title { font-size: 36px; }
  .hero-section--news .hero-subtitle { margin-top: 12px; }
  .news-catalog { padding-block: 60px; }
  .news-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .news-catalog .news-card .house-card__imgs, .news-related .news-card .house-card__imgs { height: 182px; }
  .news-catalog .house-card__labels, .news-related .house-card__labels { top: 16px; left: 16px; }
  .news-catalog .house-card__label, .news-related .house-card__label { font-size: 14px; padding: 8px 12px; }
  .news-article { padding-block: 20px 60px; }
  .news-article__dates { flex-direction: column; }
  .news-related { padding-block: 20px 60px; }
  .news-related__title { margin-bottom: 32px; }
}