.featured-carousel { max-width: 1560px; margin: 0 auto; }
.featured-carousel__viewport { overflow: hidden; padding: 4px; margin: -4px; }
.featured-carousel__track { display: flex; gap: 18px; width: max-content; will-change: transform; }
.featured-carousel__slide { flex: 0 0 clamp(300px, 31vw, 430px); display: grid; grid-template-rows: 245px minmax(280px, 1fr); min-height: 525px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; background: #16343a; box-shadow: 0 18px 38px rgba(0,0,0,.16); }
.featured-carousel__slide .featured-work__visual { min-height: 245px; padding: 20px; }
.featured-carousel__slide .featured-work__content { justify-content: space-between; gap: 18px; padding: 24px; }
.featured-carousel__slide .featured-work__content h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.42rem; line-height: 1.18; }
.featured-carousel__slide .featured-work__content p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 1rem; line-height: 1.5; }
.featured-carousel__slide .featured-work__footer { margin-top: auto; }
@media (max-width: 760px) { .featured-carousel__track { gap: 14px; } .featured-carousel__slide { flex-basis: min(82vw, 360px); grid-template-rows: 225px minmax(270px, 1fr); min-height: 495px; } .featured-carousel__slide .featured-work__visual { min-height: 225px; } }
@media (prefers-reduced-motion: reduce) { .featured-carousel__track { transform: none !important; } .featured-carousel__slide:nth-child(n + 2) { display: none; } }