.home-content{display:grid;grid-template-columns:1fr;gap:var(--baseline);grid-auto-rows:calc(var(--baseline) * 15);@media(min-width:600px){grid-template-columns:repeat(2,1fr);grid-auto-rows:40vh}>a{display:block;position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;&,*{transition:var(--transition)}picture{position:absolute;inset:0}img{width:100%;height:100%;object-fit:cover}.home-content-text{--gradient-color: rgba(0, 0, 0, .8);position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;z-index:1;padding:var(--baseline-2);color:var(--color-white);background-image:linear-gradient(to top right,var(--gradient-color),transparent);&.right{@media(min-width:600px){align-items:flex-end;text-align:right;background-image:linear-gradient(to top left,var(--gradient-color),transparent)}}h2{color:var(--color-section)}}&:hover,&:active,&:focus{picture{transform:scale(1.025)}.home-content-text{padding:var(--baseline-2) var(--baseline-2) calc(var(--baseline-2) * 1.1)}&:after{opacity:1}}&:after{content:"";background:rgb(from var(--color-section) r g b / 90%);position:absolute;inset:0;z-index:0;transition:var(--transition);opacity:0}}>a:nth-child(1){--color-section: var(--color-primary);border-radius:2rem 2rem 2rem 0rem;&:hover,&:active,&:focus{border-radius:3rem 1rem 3rem 3rem}}>a:nth-child(2){--color-section: var(--color-primary);border-radius:2rem 2rem 2rem 0rem;&:hover,&:active,&:focus{border-radius:3rem 1rem 3rem 3rem}}>a:nth-child(3){--color-section: var(--color-secondary);border-radius:0rem 2rem 2rem;&:hover,&:active,&:focus{border-radius:3rem 3rem 1rem}}>a:nth-child(4){--color-section: var(--color-tertiary);border-radius:2rem 2rem 2rem 0rem;&:hover,&:active,&:focus{border-radius:3rem 1rem 3rem 3rem}}>a:nth-child(5){--color-section: var(--color-quaternary);border-radius:2rem 0rem 2rem 2rem;&:hover,&:active,&:focus{border-radius:3rem 3rem 3rem 1rem}}>a:nth-child(6){--color-section: var(--color-secondary);border-radius:2rem 0rem 2rem 2rem;&:hover,&:active,&:focus{border-radius:3rem 3rem 3rem 1rem}}@media(min-width:600px){>a:nth-child(1){grid-column:1 / 3;grid-row:1 / 2}>a:nth-child(2){grid-column:2 / 3;grid-row:2 / 4}>a:nth-child(3){grid-column:1 / 2;grid-row:2 / 3}>a:nth-child(4){grid-column:2 / 3;grid-row:4 / 6}>a:nth-child(5){grid-column:1 / 2;grid-row:3 / 5}>a:nth-child(6){grid-column:1 / 2;grid-row:5 / 6}}}