.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;position:relative;overflow:hidden}.project-card__exclusive-badge{top:var(--sp-3);left:var(--sp-3);background:var(--brand-ink);color:var(--brand-primary);font-size:11px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;z-index:2;border-radius:4px;padding:6px 12px;position:absolute;box-shadow:0 2px 8px #0003}.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-3);padding:var(--sp-4) var(--sp-4) var(--sp-5);flex-direction:column;display:flex}.project-card__meta{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:32px;display:flex}.project-card__meta-spacer{flex:1}@media (min-width:768px){.project-card__body{gap:var(--sp-4);padding:var(--sp-5) var(--sp-5) var(--sp-6)}}.project-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--brand-ink);line-height:var(--lh-normal);-webkit-line-clamp:2;text-overflow:ellipsis;min-height:calc(var(--lh-normal) * 2em);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (min-width:768px){.project-card__title{font-size:var(--fs-md)}}.project-card__location{align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-secondary);width:100%;margin:0;display:flex}.project-card__location span:last-child{flex:1;min-width:0}.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{flex-shrink:0;justify-content:center;align-items:center;max-width:100px;height:32px;display:flex}.project-card__developer-img{object-fit:contain;max-width:100px;width:auto!important;height:32px!important}.project-card__developer-name{font-size:var(--fs-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;margin:0;overflow:hidden}.project-card__status{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;align-items:center;height:32px;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)}