/* version 1.0 */
body {
  font-family: 'Inter', sans-serif;
}

.bg-grid-pattern {
  background-image: linear-gradient(to right, rgba(23, 23, 23, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(23, 23, 23, 0.05) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}

.text-stroke {
  -webkit-text-stroke: 1px rgba(23, 23, 23, 0.6);
  color: transparent;
}

.hover-reveal-image {
  clip-path: inset(0 0 0 0);
  transition: clip-path 0.5s ease-in-out;
}

.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 4px;
  background: #D4AF37;
  z-index: 100;
  width: 0%;
  transition: width 0.1s;
}

.project-card:hover .project-overlay {
  opacity: 1;
}

.project-card:hover img {
  transform: scale(1.05);
}

.filter-btn.active {
  color: #171717;
  border-bottom-color: #D4AF37;
}

details>summary {
  list-style: none;
}

details>summary::-webkit-details-marker {
  display: none;
}