.project-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);transition:transform var(--t-normal) var(--ease-out), box-shadow var(--t-normal) var(--ease-out);display:block;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.project-card__link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.project-card__media{gap:var(--sp-2);padding:var(--sp-3);grid-template-columns:1fr;display:grid}.project-card__image-wrapper{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--color-surface-3);width:100%;position:relative;overflow:hidden}.project-card__image-wrapper--placeholder{background:var(--color-surface-3)}.project-card__image{object-fit:cover}.project-card__image-wrapper--slot-2,.project-card__image-wrapper--slot-3,.project-card__image-wrapper--slot-4{display:none}@media (min-width:1200px){.project-card__media{gap:var(--sp-3);padding:var(--sp-4)}.project-card__image-wrapper--slot-2,.project-card__image-wrapper--slot-3,.project-card__image-wrapper--slot-4{display:block}.project-card__media--1{grid-template-columns:1fr}.project-card__media--1 .project-card__image-wrapper{aspect-ratio:16/9}.project-card__media--2{grid-template-columns:1fr 1fr}.project-card__media--2 .project-card__image-wrapper{aspect-ratio:4/3}.project-card__media--3{grid-template-columns:1fr 1fr 1fr}.project-card__media--3 .project-card__image-wrapper{aspect-ratio:4/5}.project-card__media--4{aspect-ratio:5/2;grid-template:"one three four"1fr"two three four"1fr/1fr 2fr 2fr}.project-card__media--4 .project-card__image-wrapper{aspect-ratio:auto;width:100%;height:100%}.project-card__media--4 .project-card__image-wrapper--slot-1{grid-area:one}.project-card__media--4 .project-card__image-wrapper--slot-2{grid-area:two}.project-card__media--4 .project-card__image-wrapper--slot-3{grid-area:three}.project-card__media--4 .project-card__image-wrapper--slot-4{grid-area:four}}.project-card__body{gap:var(--sp-4);padding:var(--sp-4) var(--sp-4) var(--sp-5);flex-direction:column;display:flex}@media (min-width:768px){.project-card__body{justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-5) var(--sp-6);flex-direction:row}}.project-card__body-left{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.project-card__body-right{align-items:center;gap:var(--sp-4);flex-shrink:0;display:flex}.project-card__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--brand-ink);line-height:var(--lh-snug);margin:0}@media (min-width:1200px){.project-card__title{font-size:var(--fs-2xl)}}.project-card__location{font-size:var(--fs-sm);color:var(--color-text-secondary);align-items:center;gap:var(--sp-2);margin:0;display:inline-flex}.project-card__location-icon{background-color:currentColor;flex-shrink:0;width:14px;height:14px;display:inline-block;-webkit-mask-image:url(/icons/features/location-alt.svg);mask-image:url(/icons/features/location-alt.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-card__developer-logo{align-items:center;height:40px;display:inline-flex}.project-card__developer-img{object-fit:contain;width:auto;max-width:120px;height:100%}.project-card__developer-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--brand-ink);text-transform:uppercase;letter-spacing:.05em;margin:0}.project-card__status{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;align-items:center;display:inline-flex}.project-card__status--u_pripremi{background:var(--color-surface-3);color:var(--color-text-muted)}.project-card__status--u_izgradnji{background:var(--brand-primary);color:var(--brand-ink)}.project-card__status--zavrseno{background:var(--brand-ink);color:var(--color-white)}