.factory-page .factory-hero .carousel-image { position:absolute; inset:0; opacity:0; transition:opacity .9s ease; }
.factory-page .factory-hero .carousel-image.is-active { opacity:1; }
.factory-page .factory-hero .hero-dots button { width:32px; height:32px; border-radius:50%; border:10px solid transparent; background-clip:padding-box; }
.factory-page .factory-hero .hero-dots button.is-active { width:40px; border-radius:20px; }
.factory-page .factory-hero .hero-dots .carousel-control { width:40px; height:40px; border:1px solid #ffffff65; background:rgba(7,28,43,.45); color:white; font:20px/1 system-ui; border-radius:50%; }
.factory-page .factory-hero .hero-dots .carousel-pause { width:64px; font-size:12px; border-radius:20px; }
.hero-dots button:focus-visible { outline:3px solid #bff4df; outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { .factory-page .factory-hero .carousel-image, .hero-slide { transition:none; } }