.project-card .project-picture{isolation:isolate;border-radius:8px;box-shadow:0 8px 28px #1018200b;transition:box-shadow .5s var(--ease),background .5s var(--ease)}.project-card .project-picture img{transition:transform .85s var(--ease),filter .65s var(--ease);will-change:auto}.project-card .project-picture:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 45%,#101820b8);opacity:0;transition:opacity .5s var(--ease)}.project-card .project-picture:after{content:'Pogledaj projekt';position:absolute;left:26px;bottom:29px;z-index:2;pointer-events:none;font-size:13px;letter-spacing:.02em;font-weight:700;color:#fff;opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease),transform .5s var(--ease)}.project-card .project-picture .round-arrow{z-index:3;transition:transform .45s var(--ease),background .35s,color .35s,box-shadow .45s}.project-card .project-info{border-bottom:1px solid #10182020;padding-bottom:20px;transition:border-color .35s}.project-card .project-info h3{transition:transform .45s var(--ease),color .35s}@media(hover:hover) and (pointer:fine){.project-card:focus-visible .project-picture,.project-card:hover .project-picture{box-shadow:0 22px 45px #10182024;background:#dedfd8}.project-card:focus-visible .project-picture img,.project-card:hover .project-picture img{transform:scale(1.065) rotate(-.6deg)!important;filter:saturate(1.08)}.project-card:focus-visible .project-picture:before,.project-card:hover .project-picture:before{opacity:1}.project-card:focus-visible .project-picture:after,.project-card:hover .project-picture:after{opacity:1;transform:translateY(0)}.project-card:focus-visible .project-picture .round-arrow,.project-card:hover .project-picture .round-arrow{transform:translate(4px,-4px) rotate(-12deg);background:var(--blue);color:var(--ink);box-shadow:0 8px 20px #0002}.project-card:focus-visible .project-info,.project-card:hover .project-info{border-color:var(--ink)}.project-card:focus-visible .project-info h3,.project-card:hover .project-info h3{transform:translateX(5px)}}@media(hover:none){.project-card .project-picture:before{opacity:.35}.project-card .project-picture:after{opacity:1;transform:none;font-size:11px;left:16px;bottom:23px}}@media(prefers-reduced-motion:reduce){.project-card .project-info,.project-card .project-info h3,.project-card .project-picture,.project-card .project-picture .round-arrow,.project-card .project-picture img,.project-card .project-picture:after,.project-card .project-picture:before{transition:none!important}.project-card:hover .project-info h3,.project-card:hover .project-picture img{transform:none!important}}@media(max-width:767px){.project-card .project-info{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;align-items:start;padding-top:14px;padding-bottom:18px}.project-card .project-info h3{min-width:0;margin:0;font-size:clamp(24px,6.4vw,28px);line-height:1.15;letter-spacing:-.025em;font-weight:700;overflow-wrap:anywhere}.project-card .project-info p{min-width:0;max-width:none;width:auto;margin:2px 0 0;font-size:clamp(12px,3.2vw,14px);line-height:1.5;text-align:right;overflow-wrap:break-word}}.project-card[href$="/iok-zagreb-edukacije-i-radionice"] .project-picture{background:radial-gradient(ellipse at 70% 25%,#2d747b,transparent 65%),#133e43}.project-card[href$="/iok-zagreb-edukacije-i-radionice"] .project-picture>img{object-fit:contain;padding:5%;transform:none}