.work-carousel{max-width:52rem}
.work-frame{position:relative}
.work-track{display:flex;transition:transform .55s ease}
.work-slide{min-width:100%;flex:0 0 100%}
.work-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.1rem}
.work-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}
.work-dot{width:.7rem;height:.7rem;border-radius:999px;border:0;padding:0;background:color-mix(in oklab,var(--fg),transparent 78%);cursor:pointer}
.work-dot.is-active{background:var(--accent)}
.work-arrow{width:2.55rem;height:2.55rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--border),#fff 12%);background:transparent;color:var(--fg);font-size:1.45rem;line-height:1;cursor:pointer}
.work-arrow:hover{background:color-mix(in oklab,var(--accent),transparent 88%)}
@media (prefers-reduced-motion:reduce){
  .work-track{transition:none}
}