.wrapper:where(.astro-CRVG7YZN){padding:80px 0;position:relative;background-color:#000}@media (min-width: 576px){.container:where(.astro-CRVG7YZN){max-width:540px}.project-container:where(.astro-CRVG7YZN){grid-template-columns:repeat(1,1fr)!important}}@media (min-width: 768px){.container:where(.astro-CRVG7YZN){max-width:720px}.project-container:where(.astro-CRVG7YZN){grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 992px){.container:where(.astro-CRVG7YZN){max-width:960px}.project-container:where(.astro-CRVG7YZN){grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1200px){.container:where(.astro-CRVG7YZN){max-width:1140px}.project-container:where(.astro-CRVG7YZN){grid-template-columns:repeat(3,1fr)!important}}@media (min-width: 1400px){.container:where(.astro-CRVG7YZN){max-width:1320px}.project-container:where(.astro-CRVG7YZN){grid-template-columns:repeat(3,1fr)!important}}.container:where(.astro-CRVG7YZN){width:100%;padding:0 12px;margin:0 auto}.box:where(.astro-CRVG7YZN) h2:where(.astro-CRVG7YZN){font-size:45px;text-align:center}.box:where(.astro-CRVG7YZN) p:where(.astro-CRVG7YZN){color:#b8b8b8;font-size:18px;letter-spacing:.8px;line-height:1.5em;margin:14px auto 30px;text-align:center;width:80%}.project-container:where(.astro-CRVG7YZN){display:grid;grid-template-columns:repeat(1,1fr);row-gap:20px;column-gap:20px;padding:0 20px}.project-box:where(.astro-CRVG7YZN){position:relative;cursor:pointer}.project-box:where(.astro-CRVG7YZN):before{content:"";background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);opacity:.85;position:absolute;width:100%;height:0;transition:.4s ease-in-out}.project-box:where(.astro-CRVG7YZN):hover:before{height:100%}.project-box:where(.astro-CRVG7YZN) img:where(.astro-CRVG7YZN){width:100%;height:auto}.project-box:where(.astro-CRVG7YZN) .desc:where(.astro-CRVG7YZN){position:absolute;text-align:center;top:65%;left:50%;transform:translate(-50%,-50%);transition:.5s ease-in-out;opacity:0;width:100%}.project-box:where(.astro-CRVG7YZN):hover .desc:where(.astro-CRVG7YZN){top:50%;opacity:1}.desc:where(.astro-CRVG7YZN) h4:where(.astro-CRVG7YZN){font-size:30px;letter-spacing:.8px;line-height:1.1em}.desc:where(.astro-CRVG7YZN) span:where(.astro-CRVG7YZN){font-style:italic;font-weight:400;font-size:15px;letter-spacing:.8px}