@import url(https://use.typekit.net/dcl4eua.css);@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.project-pictures .image{height:30dvh;overflow:hidden;width:100%}.project-pictures .image:hover .overlay{opacity:1;top:0}.project-pictures .overlay{background:color-mix(in srgb,var(--black-color),transparent 50%);background:radial-gradient(ellipse at center,color-mix(in srgb,var(--black-color),transparent 50%)),color-mix(in srgb,var(--black-color),transparent 75%);display:grid;height:100%;left:0;mix-blend-mode:normal;opacity:0;position:absolute;top:0;top:110%;transition:top 1s cubic-bezier(.19,1,.22,1),opacity 2s cubic-bezier(.19,1,.22,1);width:100%}.project-pictures .overlay span{background:color-mix(in srgb,var(--white-color),transparent 50%);color:var(--white-color);font-size:var(--xs-font);margin:auto;padding:2rem}@media only screen and (hover:none){.project-pictures .overlay{opacity:1;top:0}}