/* Reference i portfolio – izdvojeni stilovi, bez promjena postojećeg dizajna */
.work-trust{padding:clamp(2rem,4.5vw,3.75rem) 0;background:#0b0f14;color:#f5f5f2;border-top:1px solid rgba(212,175,55,.24);border-bottom:1px solid rgba(255,255,255,.1)}
.work-trust__header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.65rem}
.work-trust__eyebrow,.work-showcase__eyebrow{margin:0 0 .7rem;color:#d4af37;font-size:.72rem;font-weight:800;letter-spacing:.15em}
.work-trust__title{max-width:760px;font-size:clamp(1.45rem,2.7vw,2.3rem);line-height:1.15;letter-spacing:-.025em}
.work-trust__link,.work-about__cta{display:inline-flex;align-items:center;gap:.65rem;flex-shrink:0;color:#d4af37;font-weight:700;text-decoration:none;transition:color .2s ease}
.work-trust__link:hover,.work-about__cta:hover{color:#f2d978}
.work-trust__logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.work-trust__logo{min-width:0;min-height:84px;display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);transition:border-color .22s ease,background .22s ease,transform .22s ease;text-align:left;text-decoration:none}
.work-trust__logo:hover{border-color:rgba(212,175,55,.62);background:rgba(212,175,55,.085);transform:translateY(-2px)}
.work-trust__logo img{flex:0 0 28px;width:28px;height:28px;object-fit:contain;border-radius:5px}
.work-trust__logo span{min-width:0;color:#f6f4ef;font-size:.91rem;line-height:1.3;font-weight:750;overflow-wrap:anywhere}
.work-trust__note{margin:1rem 0 0;color:rgba(245,245,242,.55);font-size:.79rem;line-height:1.5}
.work-showcase{padding:clamp(3rem,6.5vw,6rem) 0;background:#f5f5f2;color:#111820}
.work-showcase__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);align-items:end;gap:2.5rem;margin-bottom:2.25rem}
.work-showcase__eyebrow{color:#997519}
.work-showcase__title,.work-about__title{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.08;letter-spacing:-.035em;max-width:740px}
.work-showcase__intro{max-width:580px;color:#53606b;font-size:1rem;line-height:1.8}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.work-card{min-width:0;background:#fff;border:1px solid #e2e4e5;border-radius:17px;overflow:hidden;box-shadow:0 10px 32px rgba(11,15,20,.055);transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.work-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(11,15,20,.115);border-color:rgba(175,137,36,.6)}
.work-card__link{display:block;height:100%;color:inherit;text-decoration:none}
.work-card:has(> .work-card__link:focus-visible){outline:3px solid #d4af37;outline-offset:3px}
.work-trust__logo:focus-visible,.work-about__cta:focus-visible{outline:3px solid #d4af37;outline-offset:3px}
.work-card__visual{position:relative;aspect-ratio:1.54;overflow:hidden;background:#17232f}
.work-card__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;padding:1.4rem;color:#faf7ed;text-align:center;background:radial-gradient(circle at 20% 10%,rgba(212,175,55,.24),transparent 50%),linear-gradient(150deg,#1b2934 0%,#10171f 100%)}
.work-card__monogram{display:grid;place-items:center;width:58px;height:58px;margin-bottom:.35rem;border:1px solid rgba(212,175,55,.5);border-radius:16px;color:#d4af37;font-family:inherit;font-weight:800;letter-spacing:.06em;font-size:1.25rem}
.work-card__fallback strong{font-size:clamp(1.1rem,1.45vw,1.35rem);line-height:1.15}
.work-card__fallback small{font-size:.8rem;color:rgba(255,255,255,.53)}
.work-card__screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;font-size:0;color:transparent;transition:transform .38s ease}
.work-card:hover .work-card__screenshot{transform:scale(1.035)}
.work-card__preview{position:absolute;bottom:.85rem;right:.85rem;display:flex;align-items:center;gap:.5rem;background:rgba(11,15,20,.9);color:#fff;padding:.55rem .75rem;border:1px solid rgba(212,175,55,.32);border-radius:8px;font-size:.72rem;font-weight:800}
.work-card__preview span{color:#d4af37;font-size:1rem}
.work-card__content{padding:1.15rem 1.25rem 1.35rem}
.work-card__category{display:block;font-size:.75rem;color:#7b6b48;font-weight:650;line-height:1.45;margin-bottom:.55rem}
.work-card__name{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem;font-family:inherit;font-size:1.22rem;font-weight:800;line-height:1.3;color:#111820;letter-spacing:-.02em}
.work-card__name span{color:#b38f38;font-size:1.1rem}
.work-card__domain{display:block;margin-top:.45rem;color:#71808c;font-size:.78rem;overflow-wrap:anywhere}
.work-showcase__note{max-width:900px;margin:1.5rem 0 0;color:#707b85;font-size:.78rem;line-height:1.6}
.work-about{padding:clamp(3rem,6vw,5rem) 0;background:#f5f5f2;color:#111820}
.work-about__inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(1.5rem,5vw,5rem)}
.work-about__copy>p:not(.work-showcase__eyebrow){margin:1.2rem 0 1.5rem;max-width:720px;color:#53606b;line-height:1.85}
.work-about__cta{color:#9a741d;font-weight:800}
.work-about__brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.work-about__brands span{min-height:72px;display:flex;align-items:center;justify-content:center;padding:.75rem;background:#fff;border:1px solid #e5dfd1;border-radius:11px;color:#23303a;text-align:center;font-size:.93rem;line-height:1.25;font-weight:800;box-shadow:0 6px 20px rgba(11,15,20,.035)}
@media(max-width:1023px){.work-showcase__head{grid-template-columns:1fr;gap:.8rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-about__inner{grid-template-columns:1fr;gap:2rem}.work-about__brands{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.work-trust__header{align-items:flex-start;flex-direction:column;gap:1rem}.work-trust__logos{grid-template-columns:repeat(2,minmax(0,1fr))}.work-trust__logo{min-height:76px;padding:.7rem;gap:.6rem}.work-trust__logo span{font-size:.83rem}.work-showcase__head{margin-bottom:1.5rem}.work-grid{gap:.9rem}.work-card__content{padding:1rem}.work-card__name{font-size:1.07rem}}
@media(max-width:520px){.work-grid{grid-template-columns:1fr}.work-card__visual{aspect-ratio:1.62}.work-about__brands{grid-template-columns:repeat(2,minmax(0,1fr))}.work-about__brands span{min-height:64px;font-size:.82rem}.work-trust__logo img{width:24px;height:24px;flex-basis:24px}}
@media(prefers-reduced-motion:reduce){.work-trust__logo,.work-card,.work-card__screenshot,.work-trust__link{transition:none}.work-trust__logo:hover,.work-card:hover,.work-card:hover .work-card__screenshot{transform:none}}