.case-study-comp{position:relative;display:flex;flex-direction:column;height:100%;padding:16px 16px 24px;border:1px solid #f4f4f5;border-radius:14px;background:#fff;box-shadow:0 8px 24px #0f172a0a;transition:box-shadow .3s ease}.case-study-comp:focus,.case-study-comp:hover{box-shadow:0 18px 36px #0f172a14}.case-study-comp:focus .case-study-comp__image img,.case-study-comp:hover .case-study-comp__image img{filter:grayscale(0)}.case-study-comp__image{display:block;margin-bottom:24px;overflow:hidden;border-radius:10px}.case-study-comp__image>picture>img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;filter:grayscale(.3);transition:filter .5s ease}.case-study-comp__name{display:block;margin:0 8px 12px;font-size:20px;color:#18181b;font-weight:500;text-align:left;letter-spacing:-.02em;word-break:break-word;text-wrap:balance}@media (max-width: 992px){.case-study-comp__name{font-size:22px}}.case-study-comp__content{flex:1;margin:0 8px 24px;color:#71717a;font-size:16px;font-weight:300;line-height:1.65;text-align:left;word-break:break-word;text-wrap:balance}@media (max-width: 992px){.case-study-comp__content{font-size:15px}}.case-study-comp__button{margin:0 8px;text-align:left}.case-study-comp__button a{display:inline-flex;align-items:center;gap:8px;color:#18181b;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.case-study-comp__button a:hover,.case-study-comp__button a:focus{color:#52525b}