/* Local placeholder for Swiper styles to avoid 404; hero uses static background when JS not present. */
.swiper{position:relative;width:100%;height:100%}
.swiper-wrapper{display:flex}
.swiper-slide{flex-shrink:0;width:100%}
.swiper-pagination{position:absolute;left:0;right:0;bottom:10px;text-align:center}
.swiper-pagination-bullet{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.4;margin:0 4px}
.swiper-pagination-bullet-active{opacity:1}