.project.svelte-vj4fwm.svelte-vj4fwm{position:relative;border-bottom:3px solid var(--gray050)}.project.svelte-vj4fwm img.svelte-vj4fwm{height:auto}.project.svelte-vj4fwm a.svelte-vj4fwm{color:var(--black)}.project-overlay.svelte-vj4fwm.svelte-vj4fwm{visibility:hidden;background:transparent;height:100%;width:100%;opacity:0;transition:all .3s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.project-overlay.svelte-vj4fwm span.svelte-vj4fwm{color:#fff;font-size:1.5rem;text-decoration:none;text-align:center;width:50%;padding:1rem;border:3px solid white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.project.svelte-vj4fwm:hover .project-overlay.svelte-vj4fwm{visibility:visible;opacity:.9;background:linear-gradient(to right top,#0045ff,#fd00d1);height:auto;cursor:pointer}.project.svelte-vj4fwm:hover .project-overlay span.svelte-vj4fwm{opacity:1}.project__summary.svelte-vj4fwm.svelte-vj4fwm{padding:1rem .5rem;margin:0;text-align:left}.project__tech.svelte-vj4fwm.svelte-vj4fwm{color:var(--brand-blue--light)}@media (max-width: 1200px){.project-overlay.svelte-vj4fwm.svelte-vj4fwm{display:none}}@media (max-width: 850px){.project__summary.svelte-vj4fwm.svelte-vj4fwm{font-size:.9rem}.project__tech.svelte-vj4fwm.svelte-vj4fwm{font-size:.8rem}}@media (max-width: 600px){.project-overlay.svelte-vj4fwm.svelte-vj4fwm{display:none}}.projects-title.svelte-1gsufh4{font-size:4rem;text-align:center;text-transform:uppercase;padding:2rem}.projects-title.svelte-1gsufh4:after{content:"";display:block;width:7vw;height:5px;background:black;margin:1rem auto}.projects.svelte-1gsufh4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem 10rem}@media (max-width: 2000px){.projects-title.svelte-1gsufh4{font-size:3rem}.projects.svelte-1gsufh4{padding:4rem 5rem}}@media (max-width: 1200px){.projects-title.svelte-1gsufh4{font-size:2rem;padding:2rem}.projects.svelte-1gsufh4{grid-template-columns:repeat(3,1fr);padding:2rem 5rem}}@media (max-width: 850px){.projects.svelte-1gsufh4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.projects-title.svelte-1gsufh4{font-size:1.5rem;padding:1rem}.projects-title.svelte-1gsufh4:after{width:18vw}.projects.svelte-1gsufh4{grid-template-columns:repeat(1,1fr);gap:.5rem;padding:1rem}}