/* Components: carousel indicators (placeholder if needed later) */
.carousel{ position:relative }
.carousel__viewport{ position:relative; overflow:hidden }
.slide{ position:absolute; inset:0; opacity:0; transition:opacity .45s ease }
.slide.current{ position:relative; opacity:1 }
.carousel__indicators{ display:flex; gap:.35rem; margin-top:.6rem }
.dot{ width:10px; height:10px; border-radius:999px; border:1px solid #cbd5e1; background:transparent }
.dot.current{ background:var(--brand); border-color:var(--brand) }