.production-flow-viewport{overflow-x:auto;overflow-y:hidden;padding:40px 0 46px;max-width:100%;scrollbar-width:thin}
.production-flow-track{display:flex;width:max-content;align-items:flex-start}
.production-flow-group{display:flex;gap:24px;padding-right:24px;flex-shrink:0}
.production-flow-card{display:block;flex:0 0 288px;width:288px;text-decoration:none;color:inherit}
.production-flow-image{display:block;width:100%;aspect-ratio:1/1;border-radius:48px 12px 48px 12px;overflow:hidden;background:#10243a;box-shadow:7px 9px 0 #dbe9f7}
.production-flow-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-focus,50% 50%)}
.production-flow-caption{display:none;font-size:13px;line-height:1.5;margin-top:16px;padding:0 6px;max-width:100%;overflow-wrap:anywhere}
.production-flow-card:focus-visible{outline:3px solid #ed8125;outline-offset:-3px;border-radius:12px}
.flow-ready .production-flow-viewport{overflow-x:hidden}
.flow-ready .production-flow-track{animation:production-flow var(--flow-duration,180s) linear infinite;animation-play-state:paused}
[data-flow-running="true"] .production-flow-track{animation-play-state:running}
@keyframes production-flow{to{transform:translateX(-50%)}}
.production-flow-descriptions{padding-top:20px;border-top:1px solid #dce3eb}
@media(max-width:600px){.production-flow-card{width:264px;flex-basis:264px}.production-flow-group{gap:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.flow-ready .production-flow-track{animation:none;transform:none}.flow-ready .production-flow-viewport{overflow-x:auto}.production-flow-group[data-duplicate]{display:none}}

/* Wave the frames gently, never deform the photographed parts. */
.flow-ready .production-flow-card{animation:production-wave 10s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 50%;animation-delay:calc(var(--wave-phase,0) * -2.5s)}
.production-flow-card:nth-child(4n+1){--wave-phase:0}
.production-flow-card:nth-child(4n+2){--wave-phase:1}
.production-flow-card:nth-child(4n+3){--wave-phase:2}
.production-flow-card:nth-child(4n){--wave-phase:3}
[data-flow-running="true"] .production-flow-card{animation-play-state:running}
@keyframes production-wave{0%,100%{transform:translateY(18px) rotate(1.8deg)}50%{transform:translateY(-18px) rotate(-1.8deg)}}
.production-flow-viewport:focus-visible{outline:2px solid #ed8125;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.flow-ready .production-flow-card{animation:none;transform:none}}

/* Square crops prioritize each subject; originals remain in the capabilities gallery. */
.production-flow-card[data-photo="1"]{--photo-focus:50% 72%}
.production-flow-card[data-photo="2"]{--photo-focus:50% 52%}
.production-flow-card[data-photo="3"]{--photo-focus:50% 50%}
.production-flow-card[data-photo="4"]{--photo-focus:50% 76%}
.production-flow-card[data-photo="5"]{--photo-focus:50% 48%}
.production-flow-card[data-photo="6"]{--photo-focus:52% 58%}
.production-flow-card[data-photo="7"]{--photo-focus:50% 50%}
.production-flow-card[data-photo="8"]{--photo-focus:52% 58%}
.production-flow-card[data-photo="9"]{--photo-focus:50% 50%}