.object-image{box-sizing:border-box;height:100%}.object-image picture{width:100%;height:100%}.object-image picture img{object-fit:cover;border-radius:10px;width:100%;height:100%}
.object-card{border-radius:10px;width:100%;min-width:280px;max-width:395px;height:250px;min-height:170px;max-height:250px;margin:15px;display:inline-block;position:relative}@media screen and (max-width:550px){.object-card{margin:15px 0}}.object-card .mask{box-sizing:border-box;background:linear-gradient(#00000073,#00000073);border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0}.object-card .mask .name{color:#fff;font-family:Montserrat;font-size:18px;font-weight:700;line-height:27px}@media screen and (max-width:400px){.object-card .mask .name{font-size:14px;line-height:21px}}.object-card .mask .info{justify-content:space-between;align-items:flex-end;display:flex}.object-card .mask .info .project-status p{color:#fff;font-family:Montserrat;font-size:14px;font-weight:700;line-height:21px}.object-card .mask .info .project-status .status{background-color:#4fa75f;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:160px;height:25px;margin-top:5px;padding:5px;display:flex}.object-card .mask .info .project-status .status p{text-transform:uppercase;font-family:Montserrat;font-size:16px;font-weight:700;line-height:21px}.object-card .mask .info .project-status .gray{background-color:#d2d2d2}.object-card .mask .info .project-status .gray p{color:#222}.object-card .mask .info .media .length{justify-content:flex-end;align-items:center;display:flex;position:relative}.object-card .mask .info .media .length p{color:#fff;margin-right:10px;font-family:Organetto;font-size:24px;font-weight:700;line-height:32px}@media screen and (max-width:400px){.object-card .mask .info .media .length p{font-size:16px;line-height:21px}}.object-card .mask .info .media .length .gap{color:#fff;text-align:center;background-color:#000;border-radius:100%;justify-content:center;align-items:center;width:25px;height:25px;font-family:Montserrat;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-15px}@media screen and (max-width:500px){.object-card .mask .info .media .length .gap{width:20px;height:20px;font-size:8px;right:-15px}}@media screen and (max-width:400px){.object-card .mask .info .media .length svg{width:30px;height:auto}}.object-card:hover{cursor:pointer;box-shadow:0 0 25px #00000040}@media screen and (max-width:438px){.object-card{height:250px}}@media screen and (max-width:400px){.object-card{margin:0 0 10px}}