:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--team-primary:#838956;--team-gray:#d9d9d9;--card-radius:24px;--scale-desktop:1.005;--scale-mobile:1.002}.team-card-wrapper{perspective:800px;transform:translateZ(.1px);position:relative;touch-action:none;width:100%;height:308px;cursor:pointer;transition:transform .3s ease}.team-card-wrapper.active,.team-card-wrapper:hover{--card-opacity:1}.team-card{height:308px;width:100%;display:grid;aspect-ratio:1;border-radius:24px 24px 24px 0;position:relative;box-shadow:rgba(0,0,0,.1) calc((var(--pointer-from-left) * 4px) - 1px) calc((var(--pointer-from-top) * 7.5px) - 2px) 12.5px -1.5px;transition:transform .8s ease,box-shadow .3s ease;transform:translateZ(.1px) rotateX(0deg) rotateY(0deg) scale(1);overflow:hidden}.team-card.active,.team-card:hover{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x)) scale(var(--scale-desktop));box-shadow:transparent calc((var(--pointer-from-left) * 6px) - 1.5px) calc((var(--pointer-from-top) * 12.5px) - 3px) 17.5px -1px}.team-card *{display:grid;grid-area:1/-1;border-radius:24px 24px 24px 0;transform:translateZ(.1px);pointer-events:none}.team-card-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--team-gray);z-index:1;border-radius:24px 24px 24px 0;transition:background .5s ease}.team-card-wrapper:hover .team-card-background{background:rgba(131,137,86,.15)}.team-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:24px 24px 24px 0;filter:grayscale(0);transition:filter .5s ease;z-index:3;transform:translateZ(.5px)}.team-card-wrapper:hover .team-card-image{filter:grayscale(1)}.team-card-shine{transform:translateZ(1px);overflow:hidden;z-index:4;background:linear-gradient(135deg,transparent,rgba(131,137,86,.2) 50%,transparent);opacity:0;transition:opacity .3s ease;mix-blend-mode:overlay}.team-card-wrapper.active .team-card-shine{opacity:1;background:linear-gradient(calc(135deg + var(--rotate-y) * 2),transparent 0,rgba(131,137,86,.4) 30%,hsla(0,0%,100%,.3) 50%,rgba(131,137,86,.4) 70%,transparent 100%)}.team-card-glare{transform:translateZ(1.2px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(131,137,86,.3) 12%,rgba(131,137,86,.1) 40%,transparent 90%);mix-blend-mode:screen;filter:brightness(1.1);z-index:5;opacity:0;transition:opacity .3s ease}.team-card-wrapper.active .team-card-glare{opacity:1}.team-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px 24px 24px 0;padding:1px;background:linear-gradient(calc(135deg + var(--rotate-x) * 2 + var(--rotate-y) * 2),hsla(0,0%,100%,.2),rgba(131,137,86,.5),hsla(0,0%,100%,.2));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;z-index:6;pointer-events:none}.team-card-wrapper.active .team-card:before{opacity:.8}@media (max-width:768px){.team-card-wrapper{--rotate-x:0deg;--rotate-y:0deg}.team-card{transform:translateZ(.1px) scale(1)!important;box-shadow:0 3.5px 7.5px rgba(0,0,0,.075)}.team-card-wrapper.active .team-card,.team-card-wrapper:hover .team-card{transform:translateZ(.1px) scale(var(--scale-mobile))!important;box-shadow:var(--shadow-mobile)}.team-card-glare,.team-card-shine{opacity:0!important}}.team-card,.team-card-background,.team-card-glare,.team-card-image,.team-card-shine,.team-card-wrapper{will-change:transform;backface-visibility:hidden}.team-card-wrapper:focus-visible{outline:2px solid var(--team-primary);outline-offset:4px}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.team-card-wrapper{animation:cardEnter .5s ease forwards}