.card{--width: 100%;--height: 100%;position:relative;height:124vw;width:82.5vw;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}@media (min-width: 1024px){.card{aspect-ratio:5/6;height:auto;width:34.72vw}}.card img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.card__title{position:absolute;bottom:0;left:0;z-index:5;padding:2rem}.card__title:after{position:absolute;z-index:0;display:block;aspect-ratio:1 / 1;width:162.5%;--tw-translate-x: -33.333333%;--tw-translate-y: -35%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:var(--tw-content);border-radius:9999px}@media (min-width: 1024px){.card__title{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:2.75rem;opacity:0;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card__title:after{--tw-content: none;content:var(--tw-content)}.card:hover .card__title{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}}.card__title--container{position:relative;z-index:10;font-size:1.5625rem;font-weight:700;line-height:1.2;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.card__title--container{font-size:2.5rem;line-height:2.5;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.card:hover .card__title--container{line-height:1.25}}.card__title--container strong{--tw-text-opacity: 1;color:rgb(35 35 35 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.card__effect,.card .mask{position:absolute;top:0;left:0;height:100%;width:100%}}.card__effect{--x: 0;--y: 0;--diam: 1rem}@media (min-width: 1024px){.card__effect:after{position:absolute;top:var(--x);left:var(--y);display:block;height:var(--diam);width:var(--diam);--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-content: "";border-radius:9999px;opacity:0;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s;content:var(--tw-content);transition-timing-function:cubic-bezier(0,0,.2,1)}.card__effect.active:after{top:var(--y);left:var(--x);--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));content:var(--tw-content);opacity:.9}.card__effect.inactive:after{top:var(--y);left:var(--x);--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s;content:var(--tw-content);transition-timing-function:cubic-bezier(0,0,.2,1)}}#card-plop{position:absolute;width:0;height:0}.card__effect{--mask: none;-webkit-mask:var(--mask);mask:var(--mask)}.card.strategy .card__effect:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(246 211 0 / var(--tw-bg-opacity, 1))}.card.branding .card__effect:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(116 197 190 / var(--tw-bg-opacity, 1))}.card.eshop .card__effect:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(19 174 215 / var(--tw-bg-opacity, 1))}.card.corporate .card__effect:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(229 73 144 / var(--tw-bg-opacity, 1))}.card.experience .card__effect:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(160 204 23 / var(--tw-bg-opacity, 1))}.card.content .card__effect:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(234 85 87 / var(--tw-bg-opacity, 1))}.card.tech .card__effect:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(139 139 139 / var(--tw-bg-opacity, 1))}.card.strategy .card__title:after{content:var(--tw-content);background-color:#f6d300e6}.card.branding .card__title:after{content:var(--tw-content);background-color:#74c5bee6}.card.eshop .card__title:after{content:var(--tw-content);background-color:#13aed7e6}.card.corporate .card__title:after{content:var(--tw-content);background-color:#e54990e6}.card.experience .card__title:after{content:var(--tw-content);background-color:#a0cc17e6}.card.content .card__title:after{content:var(--tw-content);background-color:#ea5557e6}.card.tech .card__title:after{content:var(--tw-content);background-color:#8b8b8be6}
