.category-grid .category-grid__wrap{display:grid;gap:.25rem;grid-template-columns:1fr 1fr}a.category-grid__item{align-items:flex-end;display:flex;min-height:22rem;overflow:hidden;padding:3rem;position:relative;text-decoration:none}a.category-grid__item h2{color:var(--c-inv);margin:0;position:relative;z-index:4}a.category-grid__item .category-grid__item-img{height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;transition:all .3s;width:100%;z-index:1}a.category-grid__item:before{border:.125rem solid var(--c-inv);content:"";height:calc(100% - 3rem);left:1.5rem;position:absolute;top:1.5rem;transform:translateX(-120%);transition:all .3s;width:calc(100% - 3rem);z-index:2}a.category-grid__item:after{background:rgba(0,0,0,.6);content:"";height:100%;left:0;opacity:1;position:absolute;top:0;transition:all .3s;width:100%;z-index:3}a.category-grid__item:hover .category-grid__item-img{opacity:.5!important}a.category-grid__item:hover:before{transform:translateX(0)}a.category-grid__item:hover:after{opacity:0}a.category-grid__item:first-child,a.category-grid__item:nth-child(2){grid-column:1/3}a.category-grid__item:nth-child(3){grid-column:1/2}a.category-grid__item:nth-child(4){grid-column:2/3}a.category-grid__item:nth-child(5){grid-column:1/3}a.category-grid__item:nth-child(6){grid-column:1/2}a.category-grid__item:nth-child(7){grid-column:2/3}@media (min-width:920px){.category-grid .category-grid__wrap{aspect-ratio:114/90;grid-template-columns:1fr 2fr 1fr;grid-template-rows:repeat(6,1fr)}a.category-grid__item:first-child{grid-column:1/1;grid-row:1/3}a.category-grid__item:nth-child(2){grid-column:2/3;grid-row:1/4}a.category-grid__item:nth-child(3){grid-column:3/4;grid-row:1/4}a.category-grid__item:nth-child(4){grid-column:1/2;grid-row:3/5}a.category-grid__item:nth-child(5){grid-column:2/3;grid-row:4/7}a.category-grid__item:nth-child(6){grid-column:3/4;grid-row:4/7}a.category-grid__item:nth-child(7){grid-column:1/2;grid-row:5/7}}