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