.portfolio-teaser{position:relative}.portfolio-teaser:hover .image-wrapper img{transform:scale(1.05)}.portfolio-teaser:hover .info{opacity:0}.portfolio-teaser:hover .cta-overlay{opacity:1}.portfolio-teaser .color-overlay{z-index:0;pointer-events:none;background-color:var(--color-nightsky);opacity:.3;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-teaser .cta-overlay{z-index:2;opacity:0;transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-teaser .image-wrapper{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}@media (min-width:1024px){.portfolio-teaser .image-wrapper{aspect-ratio:2}}.portfolio-teaser .image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform 1s ease-in-out;position:absolute}.portfolio-teaser .info-wrapper{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.portfolio-teaser .info{text-align:center;opacity:1;padding:22px;transition:opacity .6s}.portfolio-teaser .teaser-title{color:#fff;margin-bottom:.3em;font-size:28px}@media (min-width:1024px){.portfolio-teaser .teaser-title{font-size:50px}}.portfolio-teaser .teaser-description{color:#fff;margin:0;font-size:16px}.portfolio-teaser-listing>div{margin-bottom:40px}@media (min-width:1024px){.portfolio-teaser-listing>div{margin-bottom:150px}}.portfolio-teaser-listing>div:last-child{margin:0}