.card3d-frame{aspect-ratio:1/1.498;perspective:800px;place-self:top center;grid-area:span 3/2;height:clamp(194px,117.239px + 20.4695vw,412px);transition:transform .5s;position:relative;transform:scale(.9)rotate(20deg)}.card3d-frame:hover,.card3d-frame:focus-visible{transform:scale3d(1.05,1.05,2)rotate(20deg)}.card3d-frame .card3d{filter:contrast(1.3);will-change:transform,box-shadow;background-image:-webkit-image-set(url(/assets/img/home-page/hero/hero-card.avif) 1x type("image/avif"),url(/assets/img/home-page/hero/hero-card.webp) 1x type("image/webp"),url(/assets/img/home-page/hero/hero-card.png) 1x type("image/png"));background-image:image-set("/assets/img/home-page/hero/hero-card.avif" 1x type("image/avif"),"/assets/img/home-page/hero/hero-card.webp" 1x type("image/webp"),"/assets/img/home-page/hero/hero-card.png" 1x type("image/png"));background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:clamp(13px,6.3099px + 1.784vw,32px);width:100%;height:100%;transition-property:transform,box-shadow;transition-duration:.25s;transition-timing-function:ease-out;position:relative;overflow:hidden;box-shadow:0 0 10px 2px #0000001a}.card3d-frame .card3d__light{background-image:radial-gradient(circle at 50% -20%,#fff2,#0000000f);width:100%;height:100%;position:absolute;top:0;left:0}