.Projects-module__59Bbfa__mainContainer{grid-template-rows:1fr 1fr 3fr;grid-template-columns:repeat(2,1fr);place-items:center;min-height:70vh;display:grid}.Projects-module__59Bbfa__mainContainer>div:first-child{background-color:var(--color-white);width:50rem;height:11rem;box-shadow:0 0 .1rem 2rem var(--color-brand-dark);filter:drop-shadow(0 0 2rem var(--color-brand-red30));pointer-events:none;transition:filter .5s var(--easing-normal);border-radius:1rem;grid-area:1/1/2/3;margin-top:1rem;padding:1rem;container-type:inline-size}.Projects-module__59Bbfa__mainContainer>div>p>a{pointer-events:auto;font-size:var(--fontSize-header3)}.Projects-module__59Bbfa__mainContainer>div:first-child[data-theme=dark]{background-color:var(--color-brand-dark)}.Projects-module__59Bbfa__mainContainer>div>p{align-items:center;margin-left:1.25rem;padding-bottom:.5rem;display:flex}.Projects-module__59Bbfa__mainContainer>div a:focus-visible{outline:.25rem solid var(--color-brand-dark);outline-offset:.0625rem}.Projects-module__59Bbfa__mainContainer>div[data-theme=dark]>p>a{color:var(--color-white)}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>a{justify-content:center;display:flex}.Projects-module__59Bbfa__mainContainer>div[data-theme=dark] a:focus-visible{outline-color:var(--color-white)}.Projects-module__59Bbfa__mainContainer>div[data-theme=dark]>p>img{filter:invert()}.Projects-module__59Bbfa__mainContainer .Projects-module__59Bbfa__hide.Projects-module__59Bbfa__hide{display:none}.Projects-module__59Bbfa__mainContainer span section>p:hover+.Projects-module__59Bbfa__hide{max-width:25rem;box-shadow:0 0 .5rem .25rem var(--color-brand-grey50);z-index:1;display:block;position:absolute;top:4rem;left:10rem}.Projects-module__59Bbfa__mainContainer span section:not(:first-of-type)>p:hover+.Projects-module__59Bbfa__hide{left:-25rem}.Projects-module__59Bbfa__mainContainer>div:nth-child(2),.Projects-module__59Bbfa__mainContainer>div:nth-child(3){background-color:var(--color-brand-dark);clip-path:polygon(33% 25%,33% 44%,100% 40%,100% 60%,33% 56%,33% 75%,8% 50%);width:200px;height:100px}.Projects-module__59Bbfa__mainContainer>div:nth-child(2)[data-theme=dark],.Projects-module__59Bbfa__mainContainer>div:nth-child(3)[data-theme=dark]{background-color:var(--color-brand-grey95)}.Projects-module__59Bbfa__mainContainer>div:nth-child(2){grid-area:2/1/3/2;transform:rotate(-40deg)}.Projects-module__59Bbfa__mainContainer>div:nth-child(3){grid-area:2/2/3/3;transform:scaleX(-1)rotate(-40deg)}.Projects-module__59Bbfa__mainContainer>div:nth-child(4){grid-area:3/1/4/3;place-items:center;width:100%;height:100%;display:grid}.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span{container-type:inline-size}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span h1{text-align:center;padding:2rem}.Projects-module__59Bbfa__mainContainer>div:first-child:hover{filter:drop-shadow(0 0 2rem var(--color-brand-grey30));transition:filter .5s var(--easing-normal)}.Projects-module__59Bbfa__mainContainer>div>span>h1[data-theme=dark],.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>[data-theme=dark]{color:var(--color-brand-grey95)}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) p{margin-left:0}.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span>p{padding:2rem}.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span>span>section{gap:.25rem;display:grid;position:relative}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>p{background-color:var(--color-brand-yellow-saturated);background-size:cover;border-radius:.5rem;justify-content:center;width:9rem;height:9rem;padding:.5rem;display:grid}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>*{max-width:9rem;font-family:var(--font-body);gap:.25rem;text-decoration:none;display:flex}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>a:hover{text-decoration:underline}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span p[data-image=cra]{background-image:url(/images/cra.avif);background-position:50%}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span p[data-image=koripallo]{background-image:url(/images/koripallopaikat.svg);background-color:var(--color-brand-green)}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span p[data-image=wishlist]{background-image:url(/images/wishlist.avif)}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span>section:first-child{margin-left:10%}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span>section:nth-child(2){margin-left:40%}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span>section:nth-child(3){margin-left:70%}.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span>span{grid-template-rows:repeat(3,1fr);align-items:center;gap:3rem;height:100ch;padding:2rem 0;display:grid}.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span:first-child,.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span:last-child{width:100%;height:100%}.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span:last-child{background-color:color-mix(in oklch,var(--color-brand-green50)100%,transparent 90%)}@media (min-width:1100px){.Projects-module__59Bbfa__mainContainer>div:nth-child(4)>span>span{gap:2rem}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>*{max-width:10rem}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>p{width:10rem;height:10rem}}@media (min-width:1250px){.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>*{max-width:11rem}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span section>p{width:11rem;height:11rem}}@media (min-width:1500px){.Projects-module__59Bbfa__mainContainer>div:first-child{width:60rem;height:14rem}}@media (min-width:1800px){.Projects-module__59Bbfa__mainContainer>div:first-child{width:65rem;height:15rem}}@media (min-width:2100px){.Projects-module__59Bbfa__mainContainer>div:first-child{width:70rem;height:16rem}}@media (max-width:1250px){.Projects-module__59Bbfa__mainContainer span section:last-of-type>p:hover+.Projects-module__59Bbfa__hide{top:-5rem}}@media (max-width:1200px){.Projects-module__59Bbfa__mainContainer span section>p:hover+.Projects-module__59Bbfa__hide{display:none}}@media (max-width:1000px){.Projects-module__59Bbfa__mainContainer{grid-template-rows:1fr 2fr}.Projects-module__59Bbfa__mainContainer>div:nth-child(2),.Projects-module__59Bbfa__mainContainer>div:nth-child(3){display:none}.Projects-module__59Bbfa__mainContainer>div:nth-child(4){grid-area:2/1/3/3}}@media (max-width:850px){.Projects-module__59Bbfa__mainContainer>div:first-child{width:42rem}}@media screen and (-webkit-min-device-pixel-ratio:0){@media (max-width:700px){.Projects-module__59Bbfa__mainContainer>div:first-child{margin:0!important}}}@media (max-width:750px){.Projects-module__59Bbfa__mainContainer{grid-template-rows:1fr 1.05fr;grid-template-columns:1fr}.Projects-module__59Bbfa__mainContainer>div:first-child{max-width:100vw;box-shadow:0 0 .1rem 1.5rem var(--color-brand-dark);transform:rotate(60deg)}.Projects-module__59Bbfa__mainContainer>div:nth-child(4){flex-direction:column;display:flex}}@media (max-width:650px){.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span>section:first-child{margin-left:5%}}@media (max-width:600px){.Projects-module__59Bbfa__mainContainer{grid-template-rows:1fr 1.25fr}.Projects-module__59Bbfa__mainContainer>div>img{height:6rem}}@media (max-width:550px){.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span{justify-items:center}.Projects-module__59Bbfa__mainContainer>div:nth-child(4) span span>section:is(:first-child,:nth-child(2),:nth-child(3)){margin-left:0}}@media (max-width:500px){.Projects-module__59Bbfa__mainContainer{grid-template-rows:1fr 1.5fr}.Projects-module__59Bbfa__mainContainer>div:first-child{height:10rem}.Projects-module__59Bbfa__mainContainer>div>img{height:5rem}}@media (max-width:450px){.Projects-module__59Bbfa__mainContainer>div:first-child{height:9rem;box-shadow:0 0 .1rem 1rem var(--color-brand-dark)}.Projects-module__59Bbfa__mainContainer>div>img{height:4rem}}@container (min-width:700px){.Projects-module__59Bbfa__mainContainer>div>img{width:100%;height:75%}}