main {width: 100%;background-color: black;}.hidden {display: none;opacity: 0;}.card-container {display: grid;grid-template-columns: 1fr;column-gap: 16px;row-gap: 16px;max-width: 1150px;margin: 0 auto;padding: 17.5px 8px 50px 8px;}@keyframes skeleton-loading {0% {opacity: 0.1;}100% {opacity: 0.4;}}.skeleton-card {animation: skeleton-loading 1.4s linear infinite alternate;--primary-bg: rgb(109, 109, 109);--secondary-bg: rgb(122, 122, 122);}.skeleton-img, .skeleton-phone-title {background-color: var(--primary-bg);}.skeleton-img {width: 100%;padding-bottom: 64.5%;border-radius: 8px;position: relative;}.skeleton-info {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;height: 56%;display: none;flex-direction: column;justify-content: space-between;background-color: var(--secondary-bg);padding: 10px 15px 12px 15px;}.skeleton-name {background-color: var(--primary-bg);height: 16px;border-radius: 4px;}.skeleton-name:nth-child(1) {width: 75%;margin: 6px auto 10px auto;}.skeleton-location {background-color: var(--primary-bg);height: 14px;margin: 3px 0px;border-radius: 4px;width: 60%;margin: 0 auto;}.skeleton-phone-title {width: 80%;height: 22px;margin: 7px auto 16px auto;border-radius: 4px;}.prj-card {position: relative;transition: opacity 200ms ease, filter 500ms ease;}#title-card {display: flex;justify-content: center;align-items: center;min-height: 200px;padding: 24px;transition: opacity 200ms ease;}#title-card p {font-weight: 300;font-style: italic;font-size: 28px;text-align: center;}.new-ribbon {width: 115px;height: 115px;top: -5px;right: -5px;overflow: hidden;position: absolute;z-index: 210;pointer-events: none;}.new-ribbon::before, .new-ribbon::after {display: block;content: '';position: absolute;width: 5px;height: 5px;background-color: #b83232;opacity: 1;z-index: -1;}.new-ribbon::before {top: 0;left: 15px;}.new-ribbon::after {bottom: 15px;right: 0;}.new-ribbon span {position: absolute;left: 15px;bottom: 100%;display: block;width: 141px;padding: 5px 0;background-color: #dd6262;box-shadow: 4px 4px 8px rgba(0,0,0,0.35);color: white;font-weight: 700;text-shadow: 2px 2px 1px rgba(0,0,0,0.2);text-transform: uppercase;text-align: center;letter-spacing: 3px;transform: rotate(45deg);transform-origin: 0% 100%;}.img-container {position: relative;display: flex;border-radius: 8px;overflow: hidden;}.img-container img {width: 100%;height: auto;z-index: 100;transition-duration: 300ms;transition-timing-function: ease;}.info-field {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;height: 56%;display: flex;flex-direction: column;justify-content: center;background-color: rgba(255, 255, 255, 0.75);opacity: 0;transition: opacity 0.5s ease-in;z-index: 200;color: black;pointer-events: none;}.info-field .name {flex: 1;text-align: center;font-size: 15px;font-weight: 500;margin: 0 15px;padding-top: 10px;}.info-field .location {text-align: center;font-size: 14px;font-weight: 500;margin: 0 15px;padding-top: 0px;padding-bottom: 8px;border-top: thin solid rgb(70, 70, 70);}.phone-title {display: flex;justify-content: center;align-items: center;}.phone-title a {text-decoration: none;color: lightgray;font-size: 18px;font-weight: 500;text-align: center;font-style: italic;padding: 7px 0 16px 0;line-height: 1.2;}@media (min-width: 576px) {.card-container {grid-template-columns: 1fr 1fr;}}@media (min-width: 768px) {#title-card p {font-size: 32px;}}@media (min-width: 992px) {.card-container {grid-template-columns: 1fr 1fr 1fr;}.img-container:hover img {transform: scale(1.05);cursor: pointer;}.img-container:hover .info-field {opacity: 1;}.skeleton-info {display: flex;flex-direction: column;justify-content: space-between;}.phone-title, .skeleton-phone-title {display: none;}.blurred-card {filter: blur(2px);}}@media (min-width: 1200px) {.card-container {grid-template-columns: 372px 372px 372px;padding: 35px 0px 50px 0px;}}