.case-slider{& .case-slider__viewport{border-radius:var(--border-radius-card);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;position:relative;width:100vw}& .case-slider__track{display:flex;transition:transform .4s ease}& .case-slider__slide{align-items:center;background-color:var(--Colours-Black-500);background-position:50%;background-size:cover;display:flex;flex:0 0 100%;min-height:520px;min-width:0;position:relative;&.case-slider__slide--gradient:before{background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute}}& .case-slider__inner{display:flex;margin:0 auto;max-width:var(--container-max-width);padding:96px 24px;width:100%}& .case-slider__card{background:var(--white-color);border-radius:var(--border-radius-card);box-shadow:var(--box-shadow-card);display:flex;flex-direction:column;gap:var(--space-m);margin-left:auto;padding:var(--space-xl);position:relative;width:min(540px,90%);z-index:1}& .case-slider__text p,& .case-slider__title h1,& .case-slider__title h2,& .case-slider__title h3,& .case-slider__title h4{margin:0}& .case-slider__actions{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-top:var(--space-xs);& .hs-button{font-size:16px;padding:14px 24px}}& .case-slider__arrow{align-items:center;background:var(--Colours-Black-500);border:none;border-radius:50%;color:var(--white-color);cursor:pointer;display:flex;height:40px;justify-content:center;opacity:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:40px;z-index:2;&:hover{opacity:.7}&:focus-visible{outline:2px solid var(--white-color);outline-offset:2px}}& .case-slider__arrow--prev{left:var(--space-l)}& .case-slider__arrow--next{right:var(--space-l)}& .case-slider__nav{display:contents}@media (max-width:1024px){& .case-slider__slide{min-height:440px}& .case-slider__card{width:min(360px,85%)}}@media (max-width:767px){& .case-slider__slide{align-items:flex-end;min-height:unset;padding-top:180px}& .case-slider__inner{padding:0 var(--space-s);padding-bottom:var(--space-s)}& .case-slider__card{margin-left:0;padding:var(--space-l);width:100%}& .case-slider__nav{align-items:center;display:flex;gap:var(--space-m);justify-content:center;padding:var(--space-m) 0}& .case-slider__arrow{height:40px;position:static;transform:none;width:40px}}}