.listing-card{position:relative;display:block;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:4/3;text-decoration:none;color:#fff;background:var(--bg-surface);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);will-change:transform}.listing-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25);color:var(--text-inverse)}.listing-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out);will-change:transform}.listing-card:hover .listing-card-img{transform:scale(1.025)}.listing-card-overlay{position:absolute;inset:0;flex-direction:column;padding:var(--space-5);background:linear-gradient(180deg,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 55%,rgba(0,0,0,.75));z-index:1}.listing-card-overlay,.listing-card-top{display:flex;justify-content:space-between}.listing-card-top{align-items:flex-start}.listing-card-neighborhood{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.listing-card-tags{display:flex;gap:var(--space-2)}.listing-card-badge,.listing-card-type{padding:var(--space-1) var(--space-3);background:rgba(0,0,0,.5);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.listing-card-bottom{display:flex;flex-direction:column;gap:var(--space-1)}.listing-card-stats{display:flex;gap:var(--space-5);font-size:var(--text-base);text-shadow:0 1px 3px rgba(0,0,0,.5)}.listing-card-address{font-size:var(--text-lg);text-shadow:0 1px 3px rgba(0,0,0,.5)}.listing-card-wrap{position:relative}.listing-card-guide{position:absolute;right:var(--space-5);bottom:var(--space-5);z-index:2;padding:var(--space-1) var(--space-3);background:rgba(0,0,0,.5);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-inverse);text-decoration:none;transition:background var(--duration-fast) ease}.listing-card-guide:hover{background:rgba(0,0,0,.75);color:var(--text-inverse)}.listing-card-guide:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (max-width:768px){.listing-card{aspect-ratio:16/10}.listing-card:hover{transform:none;box-shadow:none}.listing-card:hover .listing-card-img{transform:none}.listing-card:active{transform:scale(.985);transition:transform .1s ease}.listing-card-overlay{padding:var(--space-4)}.listing-card-neighborhood{font-size:var(--text-xs)}.listing-card-badge,.listing-card-type{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.listing-card-stats{font-size:var(--text-sm);gap:var(--space-3)}.listing-card-address{font-size:var(--text-base)}}