.HoverCard{transform-style:preserve-3d;perspective:800px;position:relative}.HoverCard .card_box{transform-style:preserve-3d;--rotateX:0deg;--rotateY:0deg;border-radius:var(--border-radius);box-shadow:var(--section-shadow);transition:transform 1s,box-shadow .5s;overflow:hidden;transform:rotateX(0)rotateY(0)}.HoverCard:hover .card_box{transform:scale(1.1) rotateX(var(--rotateX)) rotateY(var(--rotateY));box-shadow:var(--section-big-shadow);transition:transform .1s,box-shadow .5s}.HoverCard .card_box_light{opacity:0;pointer-events:none;z-index:999999;background:radial-gradient(#fff6,#fff0 60%);border-radius:50%;width:300px;height:300px;transition:opacity .5s;position:absolute}.HoverCard:hover .card_box_light{opacity:1}.card_list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px;margin:40px 0;display:grid}.card_list .card{background-color:currentColor;width:100%;height:260px;overflow:hidden}.card_list .card h3{color:inherit;filter:grayscale()contrast(999)invert()opacity(.2);margin-top:-30px;margin-left:-10px;font-size:100px}.card_list.wide_card{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card_list.wide_card .card{width:100%;height:150px}