/* Keep the featured article readable in both its resting and hover states. */
.sec-1-archive-1 .alt-portfolio-thumb {
  container-type: inline-size;
  min-height: 250px;
}

.sec-1-archive-1 .alt-portfolio-thumb > img {
  min-height: 250px;
  object-fit: cover;
}

.sec-1-archive-1 .alt-portfolio-btn {
  bottom: 24px;
  transform: none;
}

.sec-1-archive-1 .alt-portfolio-btn h4 {
  font-size: clamp(17px, 5.1cqw, 28px);
  line-height: 1.18;
  letter-spacing: -0.025em;
  margin-top: 12px !important;
  text-wrap: balance;
}

.sec-1-archive-1 .alt-portfolio-btn .content > span {
  display: inline-block;
  max-width: 100%;
  font-size: 10px;
}

.sec-1-archive-1 .alt-portfolio-btn .des {
  font-size: clamp(13px, 3.2cqw, 16px);
  line-height: 1.4;
  margin-top: 8px !important;
  -webkit-line-clamp: 2;
  max-height: 2.8em;
}

.sec-1-archive-1 .alt-portfolio-thumb::before {
  height: 100%;
  background: linear-gradient(180deg, transparent 15%, rgba(0, 0, 0, 0.9));
}

.sec-1-archive-1 .alt-portfolio-item:is(:hover, :focus-within) .alt-portfolio-btn {
  transform: none;
}

.sec-1-archive-1 .alt-portfolio-item:focus-within .des {
  opacity: 1;
  visibility: visible;
}