/* ==========================================================================
   DAAMRI Deals — Blog archive page
   ========================================================================== */

.page-cover {
  padding: 80px 0 56px;
  border-bottom: 1px solid var(--stone);
}

.page-cover .kicker {
  margin-bottom: 18px;
}

.page-cover h1 {
  font-size: clamp(40px, 5.5vw, 68px);
  line-height: 1;
  font-weight: 500;
}

.page-cover .sub {
  font-family: var(--body);
  font-style: italic;
  font-size: 18px;
  color: var(--muted);
  max-width: 540px;
  margin-top: 20px;
}

.blog-filters {
  padding: 28px 0;
  border-bottom: 1px solid var(--stone);
  position: sticky;
  top: 81px;
  z-index: 30;
  background: rgba(243, 238, 226, .95);
  backdrop-filter: blur(6px);
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6);
}

@media (max-width: 1000px) {
  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .blog-grid {
    grid-template-columns: 1fr;
  }

  .page-cover {
    padding: 56px 0 44px;
  }

  .blog-filters {
    top: 73px;
  }
}