.portfolio-teaser-card{aspect-ratio:568/480;background-color:#fff;border-radius:4px;container-name:portfolio-teaser-card;container-type:inline-size;margin:auto;max-width:568px;overflow:hidden;position:relative;width:100%;word-break:break-word}.portfolio-teaser-card__inner{inset:0;position:absolute;transition:background .36s ease-out;z-index:1}.portfolio-teaser-card__inner_cover{background:hsla(0,0%,100%,.94);height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .36s ease-out;width:100%;z-index:1}@container portfolio-teaser-card (width <= 460px){.portfolio-teaser-card__inner--hover .portfolio-teaser-card__inner_cover{opacity:1}}@container portfolio-teaser-card (width < 360px){.portfolio-teaser-card__inner--hover .hover-content__text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}}.portfolio-teaser-card__image{inset:0;position:absolute;z-index:-1}.portfolio-teaser-card__image img{--radius:1000px;--rotation:-90deg;--clip-path-x:50%;--clip-path-y:50%;clip-path:polygon(calc(var(--clip-path-x) + var(--radius)*cos(var(--rotation) + 0deg)) calc(var(--clip-path-y) + var(--radius)*sin(var(--rotation) + 0deg)),calc(var(--clip-path-x) + var(--radius)*cos(var(--rotation) + 60deg)) calc(var(--clip-path-y) + var(--radius)*sin(var(--rotation) + 60deg)),calc(var(--clip-path-x) + var(--radius)*cos(var(--rotation) + 120deg)) calc(var(--clip-path-y) + var(--radius)*sin(var(--rotation) + 120deg)),calc(var(--clip-path-x) + var(--radius)*cos(var(--rotation) + 180deg)) calc(var(--clip-path-y) + var(--radius)*sin(var(--rotation) + 180deg)),calc(var(--clip-path-x) + var(--radius)*cos(var(--rotation) + 240deg)) calc(var(--clip-path-y) + var(--radius)*sin(var(--rotation) + 240deg)),calc(var(--clip-path-x) + var(--radius)*cos(var(--rotation) + 300deg)) calc(var(--clip-path-y) + var(--radius)*sin(var(--rotation) + 300deg)));transition:clip-path .3s ease-in-out,transform .3s ease-in-out}@container portfolio-teaser-card (width > 460px){.portfolio-teaser-card__image.is-hovering img{--radius:100px;--rotation:0deg}@container portfolio-teaser-card (width > 460px){.portfolio-teaser-card__image.is-hovering img{transform:scale(.8) translateY(-22%)}}@container portfolio-teaser-card (width >= 568px){.portfolio-teaser-card__image.is-hovering img{--radius:200px;transform:scale(.5) translateY(-25%)}}}.portfolio-teaser-card .teaser-content{background:hsla(0,0%,100%,.94);bottom:0;left:0;padding:16px 44px;position:absolute;right:0;text-align:center}.portfolio-teaser-card .teaser-content__name{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.portfolio-teaser-card .teaser-content__text{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.portfolio-teaser-card__close-btn{position:absolute;right:10px;top:10px}.portfolio-teaser-card .hover-title-wrapper{left:0;padding:24px 52px;position:absolute;right:0;text-align:center;top:0}.portfolio-teaser-card .hover-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.portfolio-teaser-card .hover-content__wrapper{bottom:0;left:0;padding:10px;position:absolute;right:0}@container portfolio-teaser-card (width > 460px){.portfolio-teaser-card .hover-content__wrapper{padding:24px}.portfolio-teaser-card .hover-content__text{display:block}}.portfolio-teaser-card .info--icon{margin-right:-20px;max-height:20px}.enter-top-enter-active,.enter-top-leave-active{transition:transform .36s ease-out}.enter-top-enter-from,.enter-top-leave-to{transform:translateY(-200px)}.enter-top-enter-to,.enter-top-leave-from{transform:translateY(0)}.enter-bottom-enter-active,.enter-bottom-leave-active{transition:transform .36s ease-out}.enter-bottom-enter-from,.enter-bottom-leave-to{transform:translateY(200px)}.enter-bottom-enter-to,.enter-bottom-leave-from{transform:translateY(0)}.fade-enter-active,.fade-leave-active{transition:opacity .1s linear}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.hover-content__wrapper,.hover-title-wrapper,.teaser-content{position:relative;z-index:2}