.skeletonportfolio-card{background:#fff;flex-direction:column;height:100%;min-height:360px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.skeletonportfolio-image{background-color:#e6e6e6;border-radius:8px 8px 0 0;width:100%;padding-top:56.25%;position:relative}.skeletonportfolio-title{background-color:#e6e6e6;width:90%;height:20px;margin:16px 0 8px}.skeletonportfolio-line{width:90%;height:16px;margin:6px 0;display:block}.skeletonportfolio-card .project-details{margin-bottom:16px}.skeleton-portfoliobanner{z-index:2;border-top-right-radius:6px;border-bottom-right-radius:6px;align-items:center;width:60%;padding:4px 10px;display:flex;position:absolute;top:15px;left:0;background-color:#fffd!important}.skeleton-logoportfolio{background-color:#e6e6e6;border-radius:4px;width:24px;height:24px;margin-right:6px}.skeleton-bannertextportfolio{background-color:#e6e6e6;border-radius:4px;flex:1;height:12px}.skeleton-rowportfolio{justify-content:space-between;align-items:center;gap:10px;display:flex}.skeleton-line-leftportfolio{background-color:#e6e6e6;border-radius:4px;width:60%;height:18px;margin:0 0 6px}.skeleton-line-rightportfolio{background-color:#e6e6e6;border-radius:4px;width:25%;height:18px;margin:0 0 6px}.skeleton-line-fullportfolio{background-color:#e6e6e6;border-radius:4px;width:40%;height:16px}@media (max-width:320px){.skeletonportfolio-card .skeleton-rowportfolio,.skeletonportfolio-card .skeleton-line-fullportfolio{display:none!important}.skeletonportfolio-card{height:auto;min-height:auto}.skeletonportfolio-card .portfolio-content{padding:8px 12px!important}.skeletonportfolio-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.3;overflow:hidden;width:90%!important;margin:-6px 0 4px!important;font-size:15px!important;display:block!important}.skeletonportfolio-card{padding-bottom:6px!important}}
.portfolio-card{cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;width:100%;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 6px 16px #0000001a}.portfolio-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #00000026}.portfolio-image-wrapper{aspect-ratio:16/9;border-top-left-radius:8px;border-top-right-radius:8px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.portfolio-image{object-fit:cover;object-position:center;border-radius:0;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-card:hover .portfolio-image{filter:brightness(.4)}.portfolio-banner{color:#243865;z-index:2;background:#fffe;border-top-right-radius:6px;border-bottom-right-radius:6px;align-items:center;padding:4px 10px 4px 8px;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:1rem;left:0;box-shadow:0 2px 6px #0000000d}.banner-logo{width:25px;height:25px;margin-right:6px}.banner-text{color:#264798;white-space:nowrap;font-size:.85rem;font-weight:600;line-height:1.2}.project-label{color:#3679f5d7;background:#e5efff;border-radius:8px;padding:4px 10px;font-size:.75rem;position:absolute;bottom:1rem;right:1rem;box-shadow:0 2px 4px #0000001a}.portfolio-content{flex-direction:column;flex-grow:1;justify-content:space-between;gap:8px;padding:0 30px 20px;display:flex}.project-title{color:#264798;text-overflow:ellipsis;margin-bottom:0;font-size:20px;font-weight:600;overflow:hidden;white-space:nowrap!important}.project-details{color:#616161;grid-template-columns:1fr auto;gap:8px 12px;margin:0;padding:0;font-size:15.9px;list-style:none;display:grid}.project-details li{display:contents}.project-details li strong{text-align:left;color:#264798;white-space:nowrap;justify-self:start;padding-right:8px}.project-details li span{text-align:right;color:#616161;justify-self:end}.project-details li.date-post{grid-column:1/-1;gap:0;display:flex}.project-details li.date-post strong,.project-details li.date-post span{text-align:left;white-space:nowrap;color:#264798}@media (max-width:768px){.portfolio-card{width:100%;min-height:auto}}@media (max-width:320px){.portfolio-card .project-details,.portfolio-card .date-post,.portfolio-card .portfolio-banner,.portfolio-card .project-details li,.portfolio-card .project-button{display:none!important}.portfolio-card{height:auto;min-height:auto}.portfolio-card .portfolio-content{padding:8px 12px!important}.portfolio-card .project-title{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.3;overflow:hidden;margin:4px 0!important;font-size:15px!important;display:block!important}}.portfolio-image-wrapper.is-fallback{background:#fff;justify-content:center;align-items:center;display:flex}.portfolio-fallback-icon{opacity:.85;width:120px;max-width:40%;height:auto}