/* /many-hands/: the EOTM Labs art department. */
.mh-hero { padding-bottom: var(--s10); }
.mh-projects { padding-bottom: var(--s20); }
/* the project card's art: the eleven pieces stacked, one visible at a time, crossfading */
.mh-card .mh-art { position: relative; padding: 0; overflow: hidden; background: #0b0b0d; }
.mh-art .mh-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity 900ms var(--ease); }
.mh-art .mh-slide.is-on { opacity: 1; }
a.mh-card:hover .mh-art .mh-slide.is-on { transform: scale(1.02); transition: opacity 900ms var(--ease), transform var(--dur-3) var(--ease); }
@media (prefers-reduced-motion: reduce) { .mh-art .mh-slide { transition: none; } a.mh-card:hover .mh-art .mh-slide.is-on { transform: none; } }