article.svelte-oviq8z{height:20rem;position:relative;transition:transform .2s cubic-bezier(.62,1,.9,.67)}article.svelte-oviq8z:hover{transform:scale(1.02)}article.svelte-oviq8z:hover .img-container:where(.svelte-oviq8z):after{transform:scaleY(1.2)}article.svelte-oviq8z:hover h2:where(.svelte-oviq8z){font-weight:500}article.svelte-oviq8z .img-container:where(.svelte-oviq8z){height:100%;padding:.5rem;background:rgb(var(--color-gray-dark));border:1px solid rgb(var(--color-gray));border-radius:1rem;overflow:hidden;position:relative}article.svelte-oviq8z .img-container:where(.svelte-oviq8z):after{content:"";width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:1;transform-origin:bottom;border-radius:4rem 4rem 0 0;background:rgb(var(--color-gray));transform:scaleY(0);transition:transform .2s ease-in-out}article.svelte-oviq8z .img-container:where(.svelte-oviq8z) img:where(.svelte-oviq8z){width:100%;height:100%;z-index:2;position:relative;object-fit:cover;border-radius:.4rem;border:3px solid rgb(var(--color-black))}article.svelte-oviq8z .content:where(.svelte-oviq8z){padding:.5rem;display:flex;justify-content:space-between}article.svelte-oviq8z h2:where(.svelte-oviq8z){font-size:var(--typescale-g1)}.year.svelte-oviq8z{font-size:var(--typescale-0);color:rgba(var(--color-gray-light),.8);align-self:center}@media screen and (max-width:479px){article.svelte-oviq8z{height:15rem}}header.svelte-rqn88j{height:30vh;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgb(var(--color-gray));overflow:hidden}header.svelte-rqn88j .header-content:where(.svelte-rqn88j){position:relative;z-index:1;text-align:center}header.svelte-rqn88j h1:where(.svelte-rqn88j){font-size:var(--typescale-g4);margin-bottom:1rem;margin-top:5rem}header.svelte-rqn88j .background:where(.svelte-rqn88j){height:160%;width:100%;position:absolute;top:0;left:0;z-index:0}.projects-grid.svelte-rqn88j{min-height:40vh;max-width:1400px;margin:0 auto;padding:4rem 4rem 6rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:2rem;row-gap:4rem}@media screen and (max-width:1024px){.projects-grid.svelte-rqn88j{grid-template-columns:repeat(2,1fr);padding:2rem}}@media screen and (max-width:768px){header.svelte-rqn88j{height:40vh}header.svelte-rqn88j h1:where(.svelte-rqn88j){font-size:var(--typescale-g3)}}@media screen and (max-width:479px){.projects-grid.svelte-rqn88j{padding:2rem 1rem;grid-template-columns:1fr;row-gap:2rem}}
