.events-wrapper,.related-posts-wrapper{gap:2em;width:100%;display:grid}.events-wrapper{grid-template:repeat(2,1fr)/repeat(3,1fr)}.related-posts-wrapper{grid-template:1fr/repeat(3,1fr)}.event,.related-post{aspect-ratio:1;background-color:var(--clr-bg);width:100%;color:var(--clr-5);justify-content:flex-start;align-items:flex-end;padding:1em;display:flex;position:relative}.events-wrapper>*{z-index:2;position:relative}.events-wrapper>:before{content:"";aspect-ratio:1;background-color:var(--clr-1);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);width:105%;transition:all var(--transition-animation);z-index:-1;position:absolute;top:50%;left:50%;translate:-50% -50%}.events-wrapper>[data-color="1"]:before{background-color:var(--clr-1)}.events-wrapper>[data-color="2"]:before{background-color:var(--clr-2)}.events-wrapper>[data-color="3"]:before{background-color:var(--clr-3)}.events-wrapper>[data-color="4"]:before{background-color:var(--clr-4)}.events-wrapper>:hover:before,.events-wrapper>:focus-visible:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.events-wrapper>:focus-within:before{width:103%}.event .overlay{opacity:1;background:linear-gradient(#000 0%,#0000 50%,#000 100%);justify-content:flex-start;align-items:flex-end;padding:1em;display:flex}.event .overlay svg{position:absolute;top:5%;right:5%}.countdown-wrapper h2{text-align:center;font-size:4rem}@media screen and (max-width:1200px){.events-wrapper{grid-template:repeat(3,1fr)/repeat(2,1fr)}.related-posts-wrapper{flex-direction:column;display:flex}.countdown-wrapper h2{font-size:3rem}}@media screen and (max-width:750px){.events-wrapper{flex-direction:column;display:flex}.countdown-wrapper h2>*{display:block}}