/* 25-gallery-carousel.css — Project photo marquee carousel (all pages except gallery) */

.project-carousel{padding-block:var(--section-pad-y);overflow:hidden;border-top:1px solid var(--color-border);}
.project-carousel__header{text-align:center;margin-bottom:var(--space-8);}

.project-carousel__track-wrap{overflow:hidden;position:relative;padding-block:var(--space-4);}
.project-carousel__track{display:flex;gap:var(--space-5);animation:proj-scroll 50s linear infinite;width:max-content;}
.project-carousel__track:hover{animation-play-state:paused;}
@keyframes proj-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

.project-carousel__card{flex-shrink:0;width:340px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-alt);box-shadow:var(--shadow-xs);transition:var(--transition-shadow);}
.project-carousel__card:hover{box-shadow:var(--shadow-card-hover);}
.project-carousel__card-image{aspect-ratio:4/3;overflow:hidden;}
.project-carousel__card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out);}
.project-carousel__card:hover .project-carousel__card-image img{transform:scale(1.04);}
.project-carousel__card-caption{padding:var(--space-2-5) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--color-bg-white);border-top:1px solid var(--color-border);}

/* placeholder card (no real image yet) */
.project-carousel__placeholder{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);}
.project-carousel__placeholder:nth-child(odd){background:linear-gradient(135deg,#e8edea 0%,#d2dbd5 100%);}
.project-carousel__placeholder:nth-child(even){background:linear-gradient(135deg,#dde3e0 0%,#c8d3cc 100%);}

.project-carousel__footer{text-align:center;margin-top:var(--space-6);}
.project-carousel__link{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-action-text);display:inline-flex;align-items:center;gap:var(--space-2);transition:var(--transition-color);}
.project-carousel__link:hover{color:var(--color-action);}

@media(max-width:600px){
  .project-carousel__card{width:280px;}
}