.manufacturing-slides { position:relative; aspect-ratio:16/9; overflow:hidden; background:#e5e5e5; }
.manufacturing-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 180ms ease,visibility 180ms; }
.manufacturing-slide.is-active { opacity:1; visibility:visible; }
.manufacturing-slide img { position:absolute; display:block; width:100%; height:100%; }
.manufacturing-backdrop { object-fit:cover; filter:blur(14px) saturate(.5); opacity:.35; transform:scale(1.15); }
.manufacturing-photo { object-fit:cover; }
.manufacturing-photo.detail-crop { object-fit:cover; object-position:50% 44%; }
@media(prefers-reduced-motion:reduce) { .manufacturing-slide { transition:none; } .manufacturing-photo { animation:none; } }

/* Fill the 16:9 panel with individually framed product details. */
.manufacturing-slide .manufacturing-backdrop { display:none; }
.manufacturing-photo { object-fit:cover; object-position:50% 50%; }
.manufacturing-photo[src$="gold-assembly-blurred.jpg"] { object-position:50% 53%; }
.manufacturing-photo[src$="machined-assembly.jpg"] { object-position:50% 43%; }
.manufacturing-photo.detail-crop { object-position:50% 44%; }
.manufacturing-photo[src$="blue-frames.jpg"] { object-position:50% 36%; }
.manufacturing-photo[src$="roller-assembly.jpg"] { object-position:50% 57%; }


.manufacturing-photo[src$="fabrication-batch.png"] { object-position:50% 70%; }

/* Manual carousel: quiet controls below the image, with touch-friendly targets. */
.manufacturing-slides { touch-action:pan-y pinch-zoom; }
.manufacturing-controls { display:flex; align-items:center; justify-content:space-between; background:var(--paper); border-bottom:1px solid var(--line); }
.manufacturing-controls[hidden] { display:none; }
.manufacturing-controls button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:var(--ink); cursor:pointer; }
.manufacturing-controls button:hover { color:var(--purple); background:#e8e2f3; }
.manufacturing-count { font-size:11px; font-variant-numeric:tabular-nums; }

.manufacturing-controls .manufacturing-pause { width:auto; padding:0 10px; font-size:11px; }
.manufacturing-count { margin-right:auto; margin-left:12px; }