.grid8-container{width:100%;max-width:100%;overflow:hidden}.grid8-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);display:grid}.grid8-square{aspect-ratio:1;background:hsl(var(--background));cursor:pointer;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;padding:2rem;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.grid8-square:before{content:"";opacity:0;pointer-events:none;z-index:1;background-image:url(/grain.webp);background-size:300px 300px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.grid8-square:hover{border-color:#fff}.grid8-square:hover:before{opacity:1}.grid8-content,.grid8-custom-content{z-index:2;position:relative}.grid8-content{flex-direction:column;justify-content:center;height:100%;display:flex}.grid8-custom-content{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.grid8-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:600;line-height:1.3}.grid8-description{color:#ffffffb3;font-size:.95rem;line-height:1.6}@media (max-width:1024px){.grid8-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.grid8-square{padding:1.5rem}.grid8-title{margin-bottom:.75rem;font-size:1.25rem}.grid8-description{font-size:.9rem}}@media (max-width:640px){.grid8-grid{grid-template-columns:1fr}.grid8-square{aspect-ratio:auto;min-height:200px;padding:1.5rem}.grid8-square:nth-child(3){display:none}.grid8-title{font-size:1.125rem}.grid8-description{font-size:.875rem}}