.results-grid{--gutter:1.5rem;display:grid;text-align:center;grid-template:". a ." auto "b b b" auto ". d ." auto "c c c" auto ". e ." auto/var(--gutter) 1fr var(--gutter)}@media (min-width:768px){.results-grid{--gutter:3rem}}@media (min-width:768px){.results-grid{grid-template:". a a a ." auto "b b . c c" auto ". d . e ." auto/var(--gutter) 1fr 0 1fr var(--gutter)}}.results-grid img{transform-style:preserve-3d;border-radius:5px;overflow:hidden;border:1px solid rgba(0,0,0,.2)}.results-grid__cover{grid-area:1/2/6/3}@media (min-width:768px){.results-grid__cover{grid-area:1/2/4/5}}.results-grid__heading{grid-area:a}.results-grid__screenshot-before{grid-area:b;perspective:1000px}.results-grid__screenshot-before img{transform:rotate3d(-1,0,0,10deg);filter:saturate(.6)}@media (min-width:768px){.results-grid__screenshot-before img{transform:rotate3d(-1,2,0,10deg)}}.results-grid__screenshot-after{grid-area:c;perspective:1000px}.results-grid__screenshot-after img{transform:rotate3d(-1,0,0,10deg);filter:saturate(1.4)}@media (min-width:768px){.results-grid__screenshot-after img{transform:rotate3d(-1,-2,0,10deg)}}.results-grid__content-before{grid-area:d;padding:0 var(--gutter)}.results-grid__content-after{grid-area:e;padding:0 var(--gutter)}