.blog-showcase{--gap:2rem;display:grid;gap:var(--gap);grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,25%);grid-template-rows:repeat(5,.5fr);grid-template-rows:calc(12rem - var(--gap)) repeat(4,12rem);grid-template-rows:calc(12rem - var(--gap)) repeat(4,min-content);overflow-x:clip}.blog-showcase header{align-content:center;display:grid;grid-column:3/5;grid-row:1/2;width:100%}.blog-showcase header h1{margin-left:1rem}.blog-showcase .sh-card{cursor:pointer;filter:opacity(0);max-width:unset!important;transition:all .3s ease,box-shadow .4s ease .1s}.blog-showcase .sh-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.015)}.blog-showcase .sh-card:focus{outline:.11rem solid var(--primary-green)}.blog-showcase .sh-card .content{grid-template-rows:min-content;max-height:-moz-min-content;max-height:min-content}.blog-showcase .sh-card:not(:first-of-type){max-height:20rem}.blog-showcase .sh-card:first-of-type{animation-delay:.1s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:slidefromtop;border-bottom-right-radius:calc(var(--radius-md) - var(--radius-sm));grid-column:1/3;grid-row:1/4}.blog-showcase .sh-card:first-of-type p{border-bottom-right-radius:calc(var(--radius-sm) + 1rem);margin-block:unset;max-height:9.7rem!important}.blog-showcase .sh-card:nth-of-type(2){animation-delay:.4s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:slidefromright;border-top-right-radius:var(--radius-60);gap:var(--gap);grid-column:3/5;grid-row:2/4;grid-template-columns:1fr 1fr;grid-template-rows:unset}.blog-showcase .sh-card:nth-of-type(2) .content{grid-column:1/2;grid-row:1/3;padding-right:0}.blog-showcase .sh-card:nth-of-type(2) picture{grid-row:1/3}.blog-showcase .sh-card:nth-of-type(2) p{margin-block:unset;max-height:9.7rem!important}.blog-showcase .sh-card:nth-of-type(3){animation-delay:.6s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:slidefromleft;gap:var(--gap);grid-column:1/4;grid-row:4/6;grid-template-columns:repeat(3,1fr);grid-template-rows:unset}.blog-showcase .sh-card:nth-of-type(3) .content{grid-column:1/3;grid-row:1/3}.blog-showcase .sh-card:nth-of-type(3) picture{grid-row:1/3}.blog-showcase .sh-card:nth-of-type(3) p{margin-block:unset;max-height:9.7rem!important}.blog-showcase .sh-card:nth-of-type(4){animation-delay:1s;animation-duration:.4s;animation-fill-mode:forwards;animation-name:slidefrombottom;border-bottom-right-radius:var(--radius-60);grid-column:4/5;grid-row:4/6;grid-template-rows:6rem auto}@media screen and (max-width:767px){.blog-showcase{display:flex;flex-direction:column}.blog-showcase .sh-card:nth-of-type(2){border-top-right-radius:var(--radius-sm);gap:0;grid-template-columns:1fr .5fr}.blog-showcase .sh-card:nth-of-type(2) .content{padding-right:1rem}.blog-showcase .sh-card:nth-of-type(3){gap:0;grid-template-columns:1fr .5fr;grid-template-rows:1fr 1fr}.blog-showcase .sh-card:nth-of-type(3) .content{grid-column:1/2}.blog-showcase .sh-card:nth-of-type(3) .content p{max-height:4.7rem!important}.blog-showcase .sh-card:nth-of-type(4){display:grid;grid-template-rows:auto 10rem}.blog-showcase .sh-card:nth-of-type(4) picture{grid-row:2/3;max-height:unset;max-width:unset;position:unset}.blog-showcase .sh-card:nth-of-type(4) picture img{border-radius:unset}}