@charset "utf-8";

/* Breadcrumb */
.breadcrumb {
  margin-bottom: var(--space-80);
  color: var(--clr-neutral-900);
  font-size: var(--fs-14);
}

.breadcrumb a {
  color: var(--clr-border-600);
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

/* Page Header */
.page-header {
  flex-wrap: wrap;
}

.page-title {
  color: var(--clr-secondary);
  font-size: var(--fs-32);
  font-weight: bold;
  text-align: center;
}

/* news List */
.news-item {
  margin-bottom: var(--space-20);
}

.news-item .case-link {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: var(--space-20) var(--space-40);
  border-radius: 10px;
  gap: var(--space-10);
  background-color: var(--clr-neutral-100);
  cursor: pointer;
}

.news-item:last-child {
  margin-bottom: 0;
}

.news-date {
  color: var(--clr-border-600);
  font-size: var(--fs-16);
  font-weight: 500;
  flex-shrink: 0;
}

.news-content {
  flex: 1;
}

.news-title a {
  color: var(--clr-neutral-900);
  text-decoration: none;
}

/* No news */
.no-news {
  padding: var(--space-60) var(--space-20);
  color: var(--clr-border-600);
  text-align: center;
}

/* Case */
/* case Archive Styles */
.case-items,
.article-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: var(--space-40);
  column-gap: var(--space-30);
}

.case-item {
  min-height: 20.8125rem;
  border-radius: 10px;
  background-color: var(--clr-neutral-100);
}

.case-item:hover .case-image img {
  transform: scale(1.08);
}

.case-item .case-link {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
}

.case-item .case-image {
  overflow: hidden;
  aspect-ratio: 16/9;
}

.case-item .case-image img {
  width: 100%;
  height: 100%;
  transition: transform .3s ease-out;
}

.case-item .case-content {
  padding: var(--space-20);
}

.case-item .case-title {
  display: -webkit-box;
  line-height: 1.5;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* Single news Styles */
.featured-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-list a {
  color: var(--clr-neutral-900);
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Responsive */
@media (max-width: 64em) {
  .case-items,
  .article-items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 48em) {
  .news-item .case-link {
    padding: var(--space-20);
  }

  .page-header,
  .category-wrap {
    align-items: flex-start;
    flex-direction: column;
  }

  .page-header {
    gap: var(--space-40);
  }

  .category-list {
    flex-wrap: wrap;
  }

  .news-archive {
    padding: var(--space-20) var(--space-15);
  }

  .news-date,
  .news-category {
    min-width: auto;
  }

  .case-items,
  .article-items {
    grid-template-columns: 1fr;
  }

  .archive-article-inner .case-item .case-content {
    padding: .875rem var(--space-20) var(--space-20) var(--space-20);
  }
}