@layer components{.cases-list h2{color:var(--clr-dark-navy);font-size:1.5rem;font-weight:400;line-height:34px;margin-block-start:.5em;margin-block-end:.5em}.cases-list p{color:var(--clr-dark-grey);line-height:24px}.cases-list__header{margin:auto;max-width:690px;padding:0 20px}@media(min-width: 1440px){.cases-list__header{max-width:1400px}}.cases-list__list{display:flex;gap:40px 20px;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}@media(min-width: 1440px){.cases-list__list{gap:80px 20px}}.cases-list__list .case-block{align-items:flex-start;display:flex;flex-direction:column;gap:20px;position:relative}.cases-list__list .case-block:has(.case-block__hover-cover):hover img{transform:scale(1.1)}.cases-list__list .case-block:has(.case-block__hover-cover):hover h3{color:var(--clr-tangerine)}.cases-list__list .case-block:has(.case-block__hover-cover):hover .case-block__hover-cover{background-color:rgba(0,0,0,.22)}.cases-list__list .case-block:has(.case-block__hover-cover):hover .case-block__hover-cover .button{opacity:1}@media(min-width: 768px){.cases-list__list .case-block{flex:0 1 calc(50% - 10px)}}@media(min-width: 1440px){.cases-list__list .case-block{gap:20px 20px}}.cases-list__list .case-block .case-block__hover-wrapper{position:relative;overflow:hidden;border-radius:24px}.cases-list__list .case-block .case-block__hover-cover{position:absolute;height:100%;width:100%;top:0px;transition:background-color 300ms cubic-bezier(0.65, 0.05, 0.36, 1)}.cases-list__list .case-block .case-block__hover-cover .button{opacity:0;transition:opacity 300ms 50ms cubic-bezier(0.65, 0.05, 0.36, 1);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border:unset}.cases-list__list .case-block.case-block--highlight img{object-fit:cover;transform:scale(1)}@media(min-width: 768px){.cases-list__list .case-block.case-block--highlight{flex:1 1 100%;max-width:1380px}.cases-list__list .case-block.case-block--highlight img{object-fit:cover;min-height:480px}}.cases-list__list .case-block img{transition:transform .3s ease-in-out}.cases-list__list .case-block .case-block__title{color:var(--clr-dark-navy);transition:color 300ms cubic-bezier(0.65, 0.05, 0.36, 1);font-size:1.5rem;font-style:normal;font-weight:400;line-height:32px;margin-block-start:.5em;margin-block-end:.5em}.cases-list__list .case-block .case-block__title span{background:var(--clr-purple);background:linear-gradient(to right, var(--clr-purple) 0%, var(--clr-tangerine) 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.cases-list__list .case-block .case-block__title>a{text-decoration:none}.cases-list__list .case-block .case-block__title>a::before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.cases-list__list .case-block p{color:var(--clr-dark-grey);font-style:normal;font-weight:400}.cases-list__list .case-block__text-tags{display:flex;flex-wrap:wrap;gap:10px}.cases-list__text-tags{display:flex}}
