/* works.css — стилі компонента «Виконані роботи».
   Усе скоуплено під .works-widget із власними токенами → не конфліктує зі сторінкою-хостом.
   Шрифти Unbounded + Inter має підключати хост. */
.works-widget{
  --w-primary:#0055FF;
  --w-ink:#0B1020;
  --w-muted:#5B6577;
  --w-line:#E7EBF5;
  --w-chip:#EAF0FF;
  --w-radius:16px;
  --w-ease:cubic-bezier(.22,.61,.36,1);
  font-family:'Inter',system-ui,sans-serif;
  color:var(--w-ink);
}
.works-widget *{box-sizing:border-box}
.works-widget .work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.works-widget .work{
  background:#fff;border:1px solid var(--w-line);border-radius:var(--w-radius);padding:28px;
  transition:transform .2s var(--w-ease),box-shadow .2s var(--w-ease),border-color .2s;
}
.works-widget .work:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(11,16,32,.08);border-color:#d8e0f5}
.works-widget .cat{
  display:inline-block;font-size:12px;font-weight:600;letter-spacing:.02em;
  color:var(--w-primary);background:var(--w-chip);padding:5px 12px;border-radius:20px;margin-bottom:16px;
}
.works-widget .work-logo{display:block;height:34px;width:auto;margin-bottom:14px;object-fit:contain}
.works-widget .work h3{
  font-family:'Unbounded',sans-serif;font-weight:600;font-size:20px;
  letter-spacing:-0.02em;line-height:1.15;margin:0;color:var(--w-ink);
}
.works-widget .work .desc{color:var(--w-muted);font-size:14.5px;line-height:1.55;margin:10px 0 0}
.works-widget .results{
  display:flex;gap:26px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--w-line);
}
.works-widget .res b{
  display:block;font-family:'Unbounded',sans-serif;font-weight:700;font-size:17px;
  color:var(--w-ink);line-height:1.1;
}
.works-widget .res span{display:block;font-size:12.5px;color:var(--w-muted);margin-top:5px;max-width:16ch}

@media(prefers-reduced-motion:reduce){
  .works-widget .work{transition:none}
}
@media(max-width:600px){
  .works-widget .work-grid{grid-template-columns:1fr}
}