.case-card{border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.case-card__media{aspect-ratio:16/10;position:relative;overflow:hidden}.case-card__image--hover{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.case-card:hover .case-card__image--hover{opacity:1}.case-card__body{color:#fff;flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.case-card__body-image{z-index:0;filter:blur(70px);will-change:transform;position:absolute;inset:0;transform:scale(1.9)}.case-card__body-image--hover{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.case-card:hover .case-card__body-image--hover{opacity:1}.case-card__body:after{content:"";z-index:1;pointer-events:none;background:#0000002e;transition:box-shadow .6s;position:absolute;inset:0;box-shadow:inset 0 0 40px #ffffff40,inset 0 0 14px #fff3}.case-card:hover .case-card__body:after{box-shadow:inset 0 0 40px #ffffff59,inset 0 0 14px #ffffff40}.case-card__body>:not(.case-card__body-image){z-index:2;position:relative}.case-card__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.case-card__name{font-size:22px;font-weight:inherit;line-height:120%}.case-card__duration{white-space:nowrap;opacity:.85;font-size:14px}.case-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:150%;display:-webkit-box;overflow:hidden}.case-card__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.case-card .case-card__button{width:fit-content}.case-card__socials{gap:10px;display:flex}.case-card__socials>*{display:block}.case-card__social-icon{object-fit:contain;border:1px solid #fff;border-radius:50%;width:40px;height:40px;padding:9px}.dark .case-card{border:1px solid #8493ac40}.dark .case-card__body{color:#f0f2f1}.dark .case-card__body:after{background:0 0;box-shadow:inset 0 0 160px #0b111bb3,inset 0 0 50px #0b111b66}.dark .case-card:hover .case-card__body:after{box-shadow:inset 0 0 160px #0b111b80,inset 0 0 50px #0b111b4d}.dark .case-card__description{color:#b8c0cc}.dark .case-card__social-icon{border-color:#f0f2f166}@media (prefers-reduced-motion:reduce){.case-card__image--hover,.case-card__body-image--hover,.case-card__body:after{transition:none}}@media (max-width:780px){.case-card__body{padding:20px}.case-card__description{display:block;overflow:visible}.case-card__name{font-size:20px}}.case-card[data-clickable]{cursor:pointer}