/* Bleed Slider — MIT © Bullmade. Source: https://github.com/bulldev/bleed-slider */
:root {
  --bs-content: 1180px;
  --bs-gutter: 1.25rem;
  --bs-gap: 1.25rem;
  --bs-slide: clamp(15rem, 72vw, 22rem);
  --bs-radius: 18px;
}
.bs-container,
.bleed-slider { --bs-edge: max(var(--bs-gutter), (100% - var(--bs-content)) / 2); }
.bs-container { padding-inline: var(--bs-edge); }
.bleed-slider {
  list-style: none;
  margin: 0;
  display: flex;
  gap: var(--bs-gap);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding-inline-start: var(--bs-edge);
  padding-inline: var(--bs-edge);
  padding-block: .5rem;
  margin-block: -.5rem;
  scrollbar-width: none;
}
.bleed-slider::-webkit-scrollbar { display: none; }
.bleed-slider > * { flex: 0 0 var(--bs-slide); scroll-snap-align: start; }
.bleed-slider--bar { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, currentColor 25%, transparent) transparent; scroll-padding-bottom: .5rem; }
.bleed-slider--bar::-webkit-scrollbar { display: block; height: 6px; }
.bleed-slider--bar::-webkit-scrollbar-thumb { background: color-mix(in srgb, currentColor 22%, transparent); border-radius: 999px; }
.bleed-slider.is-grab { cursor: grab; }
.bleed-slider.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
@media (prefers-reduced-motion: reduce) { .bleed-slider { scroll-behavior: auto; } }