.arc-section {
  width: 100vw;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  margin-top: 3vw;
  padding: 3vw 5vw;
}

/* Container */
.table-gallery {
  margin: 0 auto;
}

/* Table-like row */
.project-row {
  border-bottom: 1px solid #fafafa;
}

/* Header row */
.project-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 18px 0;
  cursor: pointer;
}
.project-header.active .arrow {
  transform: rotate(-135deg);
}

.project-title:hover {
  color: #ed1c24;
}
.project-title:hover ~ .arrow {
  border-right: 1.5px solid #ed1c24;
  border-bottom: 1.5px solid #ed1c24;
}

/* Arrow (very subtle) */
.arrow {
  width: clamp(10px, 1vw, 15px);
  height: clamp(10px, 1vw, 15px);
  border-right: 1.5px solid #fafafa;
  border-bottom: 1.5px solid #fafafa;
  transform: rotate(45deg);
}

/* Expandable content */
.project-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.project-content.open {
  max-height: 2000px;
}

/* Description */
.project-description {
  margin: 2vh 0 5vh 0;
}

/* Gallery */
.project-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding-bottom: 25px;
}

.gallery-item {
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: 15px;
  overflow: hidden;
}
.gallery-item img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
}
.gallery-item img:hover {
  transform: scale(1.1);
}

@media only screen and (max-width: 450px) {
  .arc-section {
    margin-top: 15vw;
  }
  .project-content.open {
    max-height: unset;
  }
  .project-gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}/*# sourceMappingURL=archive.css.map */