/* 匠心手作页 */
.page-hero {
  padding-block: var(--space-10);
  text-align: center;
}

@media (min-width: 768px) {
  .page-hero {
    padding-block: var(--space-12);
  }
}

.page-hero__title {
  font-family: var(--font-serif);
  font-size: var(--text-h1);
  font-weight: 500;
  letter-spacing: var(--tracking-display);
  margin-bottom: var(--space-4);
}

.page-hero__desc {
  font-size: var(--text-body-lg);
  color: var(--color-text-secondary);
  max-width: 28em;
  margin-inline: auto;
}

.page-hero__line {
  width: 48px;
  height: 1px;
  background: var(--color-jun-gold);
  margin: var(--space-5) auto 0;
}

.works-main {
  padding-bottom: var(--space-12);
}

.work-grid.is-filtering {
  opacity: 0.5;
  transition: opacity 200ms var(--ease-out);
}

.work-grid.is-ready {
  opacity: 1;
}

.work-card.is-hidden {
  display: none;
}

.work-card.fade-item {
  animation: cardIn 400ms var(--ease-out) forwards;
}

@keyframes cardIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 占位图：模拟窑变釉色 */
.glaze-1 { background: linear-gradient(160deg, #4a6270, #3d2b4f, #7a4a55); }
.glaze-2 { background: linear-gradient(160deg, #5b7c8d, #6b5344, #3d2b4f); }
.glaze-3 { background: linear-gradient(160deg, #3d2b4f, #a63d2f, #5b4a6a); }
.glaze-4 { background: linear-gradient(160deg, #6b635a, #5b7c8d, #3d2b4f); }
.glaze-5 { background: linear-gradient(160deg, #7a4a55, #3d2b4f, #4a6270); }
.glaze-6 { background: linear-gradient(160deg, #5b4a6a, #b8956b, #3d2b4f); }
.glaze-7 { background: linear-gradient(160deg, #4a6270, #3d2b4f, #6b5344); }
.glaze-8 { background: linear-gradient(160deg, #3d2b4f, #5b7c8d, #7a4a55); }
.glaze-9 { background: linear-gradient(160deg, #a63d2f, #3d2b4f, #5b7c8d); }
.glaze-10 { background: linear-gradient(160deg, #6b5344, #3d2b4f, #4a6270); }
.glaze-11 { background: linear-gradient(160deg, #5b7c8d, #3d2b4f, #b8956b); }
.glaze-12 { background: linear-gradient(160deg, #3d2b4f, #4a6270, #a63d2f); }