.cases-masonry-item{position:relative;border-radius:12px;overflow:hidden}.cases-masonry-item__background,.cases-masonry-item__foreground{position:absolute;top:0;left:0;width:100%;height:100%}.cases-masonry-item__background img{object-fit:cover;object-position:center;transform:translate3d(-5%,-5%,0) scale(.98);transition:transform .5s cubic-bezier(.25,.1,.25,1);transition-delay:.05s;width:110%;height:110%}.cases-masonry-item:hover .cases-masonry-item__background img{transform:translate3d(-5%,-5%,0) scale(1)}.cases-masonry-item__foreground{z-index:1}.cases-masonry-item__foreground__link{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%}@media (min-width: 1024px){.is-cursor-active .cases-masonry-item__foreground__link{cursor:none}}.cases-masonry-item__foreground__logo{position:absolute;top:24px;left:24px}.cases-masonry-item__foreground__logo img{width:123px;height:50px;object-fit:contain;object-position:top left}@media (min-width: 1024px){.cases-masonry-item__foreground__logo img{width:140px;height:50px}}@media (min-width: 1024px){.cases-masonry-item__foreground__logo{top:40px;left:40px}}.cases-masonry-item__foreground__content{position:absolute;left:24px;bottom:96px;width:233px}.cases-masonry-item__foreground__content .monospace-tag{font-size:10px}.cases-masonry-item__foreground__content h3{font-size:22px;font-weight:450;line-height:1;margin:16px 0 0}@media (min-width: 768px){.cases-masonry-item__foreground__content h3{font-size:24px}}@media (min-width: 1024px){.cases-masonry-item__foreground__content h3{font-size:28px;margin-top:20px}}@media (min-width: 375px){.cases-masonry-item__foreground__content{bottom:24px}}@media (min-width: 768px){.cases-masonry-item__foreground__content{width:240px}}@media (min-width: 1024px){.cases-masonry-item__foreground__content{left:40px;bottom:40px;width:40%}}.cases-masonry-item__foreground__button{position:absolute;left:24px;bottom:24px}.cases-masonry-item:hover .button-arrow[data-color=glass]{background-color:#ffffff1f}@media (min-width: 375px){.cases-masonry-item__foreground__button{left:auto;right:24px}}@media (min-width: 1024px){.cases-masonry-item__foreground__button{right:40px;bottom:40px}}@media (min-width: 1024px){.cases-masonry-item{border-radius:16px}}.cases-masonry{display:grid;gap:16px}.cases-masonry__outer{padding:64px 0}@media (min-width: 1024px){.cases-masonry__outer{padding-top:80px;padding-bottom:80px}}.cases-masonry .cases-masonry-item{flex:1}@media (max-width: 1023px){.cases-masonry .cases-masonry-item{height:310px}}@media (min-width: 1024px){.cases-masonry__outer[data-reverse=false] .cases-masonry .card-row .card-stack:nth-child(1) .cases-masonry-item:nth-child(2),.cases-masonry__outer[data-reverse=true] .cases-masonry .card-row .card-stack:nth-child(2) .cases-masonry-item:nth-child(2){max-height:35%}}.cases-masonry__outer[data-reverse=false] .cases-masonry .card-row .card-stack:nth-child(1) .cases-masonry-item__foreground__content .monospace-tag,.cases-masonry__outer[data-reverse=true] .cases-masonry .card-row .card-stack:nth-child(2) .cases-masonry-item__foreground__content .monospace-tag{font-size:8px}@media (min-width: 1024px){.cases-masonry__outer[data-reverse=false] .cases-masonry .card-row .card-stack:nth-child(1) .cases-masonry-item__foreground__content h3,.cases-masonry__outer[data-reverse=true] .cases-masonry .card-row .card-stack:nth-child(2) .cases-masonry-item__foreground__content h3{margin-top:16px;font-size:24px}}@media (min-width: 1024px){.cases-masonry__outer[data-reverse=false] .cases-masonry .card-row .card-stack:nth-child(1) .cases-masonry-item__foreground__content,.cases-masonry__outer[data-reverse=true] .cases-masonry .card-row .card-stack:nth-child(2) .cases-masonry-item__foreground__content{width:50%}}@media (min-width: 1024px){.cases-masonry__outer[data-reverse=false] .cases-masonry .card-row .card-stack:nth-child(1),.cases-masonry__outer[data-reverse=true] .cases-masonry .card-row .card-stack:nth-child(2){max-width:35%}}@media (min-width: 1024px){.cases-masonry .card-row .card-stack{height:900px;flex:1;display:flex;flex-direction:column}}@media (min-width: 1024px){.cases-masonry .card-row:not(:has(.card-stack)) .cases-masonry-item__foreground__content{width:60%}}@media (min-width: 1024px){.cases-masonry .card-row:not(:has(.card-stack)) .cases-masonry-item{height:438px}}@media (min-width: 1024px){.cases-masonry .card-row{display:flex}}@media (min-width: 1024px){.cases-masonry{gap:24px}}