.card-fan{align-items:center;display:flex}.card-fan__wrap{cursor:pointer;justify-content:center;align-items:center;width:360px;height:400px;display:flex;position:relative}.card-fan__card{border:1px solid #3f3f46;border-radius:12px;width:260px;height:380px;transition:transform .5s cubic-bezier(.23,1,.32,1);position:absolute;overflow:hidden;box-shadow:0 2px 12px #1a000166}.card-fan__card--bottom{z-index:1;background:linear-gradient(135deg,#3f3f46,#52525b);transform:rotate(16deg)translate(-10px)}.card-fan__card--middle{z-index:2;background:linear-gradient(135deg,#1d4ed8,#3b82f6);transform:rotate(-2deg)}.card-fan__card--top{z-index:3;background:linear-gradient(135deg,#0891b2,#22d3ee);transform:rotate(6deg)translate(0)}.card-fan__img{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.card-fan__img--shaw{background-image:url(/images/shaw.png)}.card-fan__img--meliz{background-image:url(/images/meliz.png)}.card-fan__img--morgan{background-image:url(/images/mor-gan.png)}.card-fan__overlay{pointer-events:none;background:linear-gradient(#0000 35%,#0006 60%,#000000e6 100%);position:absolute;inset:0}.card-fan__info{z-index:2;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.card-fan__name{color:#fff;letter-spacing:.02em;font-size:1rem;font-weight:600;line-height:1.2}.card-fan__role{color:#ffffffb3;font-size:.7rem;font-weight:400;line-height:1.3}.card-fan__wrap:hover .card-fan__card--bottom{transform:rotate(-22deg)translate(-150px)translateY(-20px)}.card-fan__wrap:hover .card-fan__card--middle{transform:rotate(0)translateY(-40px)}.card-fan__wrap:hover .card-fan__card--top{transform:rotate(22deg)translate(150px)translateY(-20px)}@media (max-width:991px){.card-fan__wrap{width:280px;height:320px}.card-fan__card{width:200px;height:300px}.card-fan__wrap:hover .card-fan__card--bottom{transform:rotate(-20deg)translate(-110px)translateY(-15px)}.card-fan__wrap:hover .card-fan__card--top{transform:rotate(20deg)translate(110px)translateY(-15px)}.card-fan__wrap:hover .card-fan__card--middle{transform:rotate(0)translateY(-30px)}}@media (max-width:767px){.card-fan__wrap{width:300px;height:340px}.card-fan__card{width:200px;height:320px}.card-fan__wrap:hover .card-fan__card--bottom{transform:rotate(-15deg)translate(-90px)translateY(-15px)}.card-fan__wrap:hover .card-fan__card--top{transform:rotate(15deg)translate(90px)translateY(-15px)}.card-fan__wrap:hover .card-fan__card--middle{transform:rotate(0)translateY(-25px)}}