:root{--cases-gap:clamp(2rem,4vw,4rem)}.cases-wrapper{display:flex;flex-direction:column;gap:var(--cases-gap);margin-bottom:3rem;margin-top:4rem;transition:var(--transition-fast);&.active{opacity:.5}}.cases-item{transition:var(--transition-slow);grid-gap:var(--cases-gap);display:flex;flex-direction:column;position:relative;width:100%;&:hover{opacity:.9}@media (min-width:768px){align-items:flex-start;flex-direction:row}}.cases-item-text{@media (min-width:768px){flex:1 1 40%}}.cases-item-gallery{display:grid;grid-template-columns:1fr .5fr .5fr;grid-gap:10px;@media (min-width:768px){flex:1 1 60%}}.cases-item-image{aspect-ratio:1;height:auto;width:100%;&:first-child{grid-row:span 2}& img{height:100%;object-fit:cover;width:100%}}