.reference-card{color:inherit;background:#fff;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.reference-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.reference-card-image{aspect-ratio:4/3;background:linear-gradient(90deg,#e8e8e8 0%,#f5f5f5 25%,#e8e8e8 50%,#f5f5f5 75%,#e8e8e8 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite ref-skeleton-shimmer;position:relative;overflow:hidden}@keyframes ref-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.reference-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.reference-card:hover .reference-card-image img{transform:scale(1.08)}.reference-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.reference-card-title{color:#000;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:1.125rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.reference-card-info-list{color:#666;flex-direction:column;gap:.25rem;margin-top:auto;padding-top:1rem;font-size:.875rem;display:flex}.info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#999;font-weight:600}.info-value{color:#333;text-align:right;font-weight:500}.reference-card.compact .reference-card-content{padding:1.25rem}.reference-card.compact .reference-card-title{margin-bottom:.75rem;font-size:1rem}.reference-card.compact .reference-card-image{aspect-ratio:3/2}