/* WorksSection：首页作品区块 + 双列网格容器 */

.works {
  padding: 56px 0;
  border-top: var(--stroke);
  background: var(--paper);
}

.works-head {
  margin-bottom: 32px;
}

.works-lede {
  max-width: 36em;
  margin: 12px 0 0;
  font-size: 17px;
  color: var(--c-secondary);
  line-height: 1.65;
}

/* 双列网格：从左到右再换行（不要用 column-count，那会先填满左列再填右列） */
.bento {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

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

@media (min-width: 768px) {
  .works:not(.works--full) {
    padding: 72px 0;
  }
}