.carousel-actions { display:flex;align-items:center;gap:10px }
.carousel-arrow { width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--accent);font-size:18px;cursor:pointer;transition:.2s }
.carousel-arrow:hover { background:var(--accent);color:#fff;border-color:var(--accent) }
.project-carousel { overflow:hidden;margin:0 -1px }
.project-track { display:flex;gap:22px;transition:transform .45s ease;will-change:transform }
.project-carousel .project-card { flex:0 0 calc((100% - 44px)/3);height:480px;grid-column:auto;margin-bottom:0 }
.category-showcase { padding-top:15px }
.category-card { position:relative;display:block;flex:0 0 calc((100% - 110px)/6);height:335px;overflow:hidden;background:#dfe4df }
.category-card img { width:100%;height:100%;object-fit:cover;transition:transform .55s }
.category-card:hover img { transform:scale(1.06) }
.category-card:after { content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#172020c7) }
.category-card span { position:absolute;z-index:1;left:20px;right:12px;bottom:17px;color:#fff;font-size:16px;letter-spacing:.04em }
.category-showcase .project-track { gap:22px }
@media(max-width:900px) {
  .project-carousel .project-card { flex-basis:calc((100% - 22px)/2);height:390px }
  .category-card { flex-basis:calc((100% - 22px)/2);height:290px }
}
@media(max-width:560px) {
  .carousel-actions { margin-top:18px }
  .project-carousel .project-card { flex-basis:100%;height:320px }
  .category-card { flex-basis:100%;height:300px }
}