.case-studies .cs-list{display:flex;flex-direction:column;gap:23px;align-items:center;width:100%;margin-top:100px}.case-studies .case-study-preview-container{width:100%;max-width:1300px}.case-studies .case-study-preview{width:100%;max-width:1300px;aspect-ratio:80 / 9;transition:all .5s;text-decoration:none;cursor:pointer;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;position:relative;overflow:hidden;border-radius:20px;padding:0;border:1px solid #18191E}@media screen and (max-width: 768px){.case-studies .case-study-preview{aspect-ratio:2 / 1}}.case-studies .case-study-preview.with-offsets{transform:translate(20px)}.case-studies .case-study-preview.with-offsets h3{transform:translate(-20px)}.case-studies .case-study-preview.with-offsets:nth-child(2n){transform:translate(-20px)}.case-studies .case-study-preview.with-offsets:nth-child(2n) h3{transform:translate(20px)}.case-studies .case-study-preview:hover{aspect-ratio:16 / 9;transition-delay:.7s}.case-studies .case-study-preview:hover h3{background:#000a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.case-studies .case-study-preview:hover video,.case-studies .case-study-preview:hover img{filter:brightness(1) grayscale(0)}.case-studies .case-study-preview video,.case-studies .case-study-preview img{width:100%;height:100%;object-fit:cover;object-position:top;position:absolute;left:0;top:0;z-index:0;filter:brightness(.5) grayscale(.4);transition:all .5s}.case-studies .case-study-preview h3{margin:0;z-index:1;color:#fff;font-family:video,monospace;font-size:32px;line-height:38.4px;letter-spacing:2px;transition:all .5s;text-shadow:0px 4px 4px rgba(0,0,0,.44);padding:20px 20px 12px}.case-study .quote-container{width:100%;margin-top:120px}.case-study .quote-container .quote{width:100%;max-width:1368px;margin:0 auto;display:flex;flex-direction:column;background-color:#28292e;padding:40px 60px;border-radius:40px;align-items:flex-start;position:relative}.case-study .quote-container .quote .quote-deco{font-family:VisbyCF-DemiBold,sans-serif;font-size:100px;color:#7ad9f5;position:absolute;top:-40px;left:-14px}.case-study .quote-container .quote .quote-text{font-family:VisbyCF-Medium,sans-serif;font-size:24px;line-height:40px;color:#fff;margin:0 0 20px;text-align:justify;opacity:1}@media screen and (max-width: 768px){.case-study .quote-container .quote .quote-text{font-size:18px;line-height:30px}}.case-study .quote-container .quote .author{align-self:flex-end;font-family:VisbyCF-DemiBold,sans-serif;font-size:24px;opacity:1}@media screen and (max-width: 768px){.case-study .quote-container .quote .author{font-size:20px;line-height:32px}}.case-study .quote-container .quote .position{align-self:flex-end;font-family:VisbyCF-Medium,sans-serif;font-size:17px;opacity:.8}.case-study .quote-container .quote button{background-color:#fff;box-shadow:none;border:none;border-radius:6px;height:52px;color:#000;font-family:VisbyCF-Medium,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:0 20px;cursor:pointer;align-self:flex-end;margin-top:20px}@media screen and (max-width: 768px){.case-study .quote-container .quote button{align-self:center}}.case-study .quote-container .quote button.call{align-self:flex-start}