/* Home / "My Works" page */

.works {
  padding-top: clamp(32px, 6vw, 72px);
  padding-bottom: clamp(64px, 12vw, 180px);
}

.works-heading {
  margin: 0 0 clamp(20px, 3vw, 33px);
  text-align: center;
  font-weight: 600;
  font-size: clamp(2.25rem, 5vw, 4rem); /* 36px -> 64px */
  letter-spacing: -0.01em;
}

.work-card {
  display: block;
  overflow: hidden;
  background: #f2f2f2;
}

.work-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.work-card:hover img { transform: scale(1.03); }

.work-card--hero {
  aspect-ratio: 1716 / 740;
  margin-bottom: clamp(24px, 6vw, 113px);
}

.work-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 3.75vw, 72px);
}

.work-grid .work-card {
  aspect-ratio: 822 / 563;
}

@media (max-width: 720px) {
  .work-grid {
    grid-template-columns: 1fr;
  }
}