/* v100 motion (approved concept c1, Taran 2026-10-20 15:33 MT): fade-up, press feedback, showcase dots. All motion off under prefers-reduced-motion. */
@media (prefers-reduced-motion: no-preference){
  .c1-fade{opacity:0;transform:translateY(8px);transition:opacity .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1)}
  .c1-fade.c1-in{opacity:1;transform:none}
  .drop,.chip,.btn{transition:transform .12s ease,box-shadow .2s ease,background-color .15s ease}
  .drop:active{transform:scale(.985)}
  .chip:active,.btn:active{transform:scale(.97)}
  .drops{scroll-behavior:smooth}
}
.drops>.drop{scroll-snap-stop:always}
.c1-dots{display:flex;justify-content:center;align-items:center;gap:8px;height:40px;margin-top:-40px}
@media (max-width:639px){ul.drops{margin-bottom:40px}}  /* space reserved in CSS: dots cause no layout shift */
.c1-dots button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:none;border:0;padding:0;cursor:pointer}
.c1-dots button::before{content:"";width:6px;height:6px;border-radius:9999px;background:color-mix(in srgb,var(--color-fg) 22%,transparent);transition:width .2s ease,background-color .2s ease}
.c1-dots button[aria-current="true"]::before{width:18px;background:var(--color-fg)}
@media (min-width:640px){.c1-dots{display:none}}