/* cpt-realizacje.css – 1:1 z realizacja-kampania-otc.html (KPI) + Realizacje.html (statystyki, siatka case studies). */

/* === single: KPI „Efekty" (z realizacja-kampania-otc.html) === */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0}
.kpis .k{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:24px 22px;text-align:center}
.kpis .k b{display:block;font-size:clamp(30px,4vw,42px);font-weight:800;color:var(--orange-deep);letter-spacing:-.03em;line-height:1}
.kpis .k span{display:block;font-size:13.5px;color:var(--muted);font-weight:600;margin-top:10px;line-height:1.4}
@media(max-width:760px){.kpis{grid-template-columns:1fr}}

/* === archive: pasek statystyk (z Realizacje.html) === */
.resstats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.resstats .s{padding:30px 26px;border-right:1px solid var(--line)}
.resstats .s:last-child{border-right:0}
.resstats .n{font-size:clamp(30px,3.4vw,44px);font-weight:800;color:var(--blue);letter-spacing:-.03em;line-height:1}
.resstats .n.o{color:var(--orange-deep)}
.resstats .l{font-size:13px;color:var(--muted);font-weight:600;margin-top:10px;line-height:1.4}

/* === archive: siatka case studies (z Realizacje.html) === */
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cs{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.cs:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.cs .thumb{height:172px;position:relative;overflow:hidden;background:var(--paper-3)}
.cs .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.cs:hover .thumb img{transform:scale(1.05)}
.cs .thumb .tag{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.94);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:6px 12px;border-radius:100px}
.cs .bd{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.cs h3{font-size:19px;font-weight:800;color:var(--navy);line-height:1.25;letter-spacing:-.01em}
.cs h3 a{color:inherit;text-decoration:none}
.cs:hover h3 a{color:var(--blue)}
.cs p{font-size:14px;color:var(--muted);line-height:1.55;margin-top:10px;flex:1}
.cs .result{display:flex;align-items:baseline;gap:8px;margin:16px 0 14px;padding-top:16px;border-top:1px solid var(--line)}
.cs .result b{font-size:24px;font-weight:800;color:var(--orange-deep);letter-spacing:-.02em}
.cs .result span{font-size:13px;color:var(--muted);font-weight:600}
.cs .lnk{font-weight:700;font-size:13.5px;color:var(--blue);display:inline-flex;align-items:center;gap:8px;transition:gap .2s}
.cs:hover .lnk{gap:13px}

@media(max-width:980px){.resstats{grid-template-columns:1fr 1fr}.resstats .s:nth-child(2){border-right:0}.cs-grid{grid-template-columns:1fr}}