.propstory-card{border:1px solid #e9ecef;border-radius:15px;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;position:relative}.propstory-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.5)}.propstory-card:hover .propstory-card-body .propstory-card-name .propstory-card-name-text{text-shadow:0 2px 8px #000}.propstory-card .propstory-card-image{object-fit:cover}.propstory-card .propstory-card-body{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1;position:absolute;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.75) 90%);transition:.25s}.propstory-card .propstory-card-body .propstory-card-name .propstory-card-name-text{color:#fff;text-align:left;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.propstory-card .propstory-card-footer{border-top:1px solid var(--color-border-light)}.propstory-card .propstory-card-footer .propstory-card-footer-group{display:flex;align-items:center}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-avatar{border-radius:50%;object-fit:cover;border:2px solid #e9ecef;flex-shrink:0}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-company{color:#6c757d;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-agent-name{color:#1a1a1a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(orientation:portrait)and (max-width:599px){.propstory-card{aspect-ratio:25/36}.propstory-card:hover .propstory-card-body{height:30%;padding:10px 20px 15px}.propstory-card:hover .propstory-card-body .propstory-card-name .propstory-card-name-text{-webkit-line-clamp:6}.propstory-card .propstory-card-image{width:100%;height:100%}.propstory-card .propstory-card-body{padding:10px 15px;min-height:25%;bottom:0;width:100%}.propstory-card .propstory-card-body .propstory-card-name .propstory-card-name-text{font-size:12px;-webkit-line-clamp:2}.propstory-card .propstory-card-footer{padding:5px 10px}.propstory-card .propstory-card-footer .propstory-card-footer-group{gap:5px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-avatar{width:40px;height:40px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info{min-width:0}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-company{font-size:.75rem}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-agent-name{font-size:.875rem}}@media(orientation:portrait)and (min-width:600px){.propstory-card{aspect-ratio:25/36}.propstory-card:hover .propstory-card-body{height:30%;padding:10px 20px 15px}.propstory-card:hover .propstory-card-body .propstory-card-name .propstory-card-name-text{-webkit-line-clamp:6}.propstory-card .propstory-card-image{width:100%;height:100%}.propstory-card .propstory-card-body{padding:10px 20px;min-height:25%;bottom:0;width:100%}.propstory-card .propstory-card-body .propstory-card-name .propstory-card-name-text{font-size:12px;-webkit-line-clamp:2}.propstory-card .propstory-card-footer{padding:5px 10px}.propstory-card .propstory-card-footer .propstory-card-footer-group{gap:5px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-avatar{width:40px;height:40px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info{min-width:0}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-company{font-size:.75rem}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-agent-name{font-size:.875rem}}@media(orientation:landscape)and (max-width:1199px){.propstory-card{aspect-ratio:25/30}.propstory-card:hover .propstory-card-body{height:30%;padding:10px 20px 15px}.propstory-card:hover .propstory-card-body .propstory-card-name .propstory-card-name-text{-webkit-line-clamp:4}.propstory-card .propstory-card-image{width:100%;height:100%}.propstory-card .propstory-card-body{padding:10px 15px;min-height:25%;bottom:0;width:100%}.propstory-card .propstory-card-body .propstory-card-name .propstory-card-name-text{font-size:12px;-webkit-line-clamp:2}.propstory-card .propstory-card-footer{padding:5px 10px}.propstory-card .propstory-card-footer .propstory-card-footer-group{gap:5px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-avatar{width:40px;height:40px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info{min-width:0}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-company{font-size:.75rem}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-agent-name{font-size:.875rem}}@media(orientation:landscape)and (min-width:1200px){.propstory-card{aspect-ratio:25/36}.propstory-card:hover .propstory-card-body{height:30%;padding:10px 20px 15px}.propstory-card:hover .propstory-card-body .propstory-card-name .propstory-card-name-text{-webkit-line-clamp:6}.propstory-card .propstory-card-image{width:100%;height:100%}.propstory-card .propstory-card-body{padding:10px 20px;min-height:25%;bottom:0;width:100%}.propstory-card .propstory-card-body .propstory-card-name .propstory-card-name-text{font-size:12px;-webkit-line-clamp:2}.propstory-card .propstory-card-footer{padding:5px 10px}.propstory-card .propstory-card-footer .propstory-card-footer-group{gap:5px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-avatar{width:40px;height:40px}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info{min-width:0}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-company{font-size:.75rem}.propstory-card .propstory-card-footer .propstory-card-footer-group .propstory-card-footer-agent-info .propstory-card-footer-agent-name{font-size:.875rem}}