.ds-project-slider { min-width:0; position:relative; }
.ds-project-slider .project-compact-grid {
  --ds-slider-gap:1.75rem;
  display:grid!important;
  position:relative;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 2 * var(--ds-slider-gap)) / 3);
  gap:var(--ds-slider-gap);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  margin:-6px 0;
  padding:6px 0;
}
.ds-project-slider-track::-webkit-scrollbar { display:none; }
.ds-project-slider-track > .project-case { min-width:0; width:100%; margin-top:0!important; scroll-snap-align:start; }
.ds-project-slider-track:focus-visible { outline:2px solid #D79670; outline-offset:4px; }
.ds-project-slider-controls { display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-top:20px; }
.ds-project-slider-controls[hidden] { display:none; }
.ds-project-slider-count { color:#A8A49C; font:400 12px/1.5 'Onest',sans-serif; font-variant-numeric:tabular-nums; }
.ds-project-slider-controls > div { display:flex; gap:8px; }
.ds-project-slider-controls button { display:grid; place-items:center; width:40px; height:40px; border:1px solid #82766A; border-radius:50%; color:#F2EADF; background:transparent; font:400 23px/1 sans-serif; cursor:pointer; transition:background .2s; }
.ds-project-slider-controls button:hover:not(:disabled) { background:#9C4126; }
.ds-project-slider-controls button:disabled { opacity:.28; cursor:default; }
.ds-project-slider-controls button:focus-visible { outline:2px solid #D79670; outline-offset:3px; }
@media (min-width:640px) and (max-width:1023px) {
  .ds-project-slider .project-compact-grid { grid-auto-columns:calc((100% - var(--ds-slider-gap)) / 2); }
}
@media (max-width:639px) {
  .ds-project-slider { padding:24px 0 32px; border-top:1px solid #36342F; }
  .ds-project-slider .project-compact-grid { --ds-slider-gap:14px; grid-auto-columns:100%; padding-right:8%; }
  .ds-project-slider-track > .project-case { padding:14px; }
  .ds-project-slider-track p { font-size:13px; }
  .ds-project-slider-controls { margin-top:14px; }
}
@media (prefers-reduced-motion:reduce) {
  .ds-project-slider-controls button { transition:none; }
}