/*! MKM Labs frontend 2026-10-04 - /realizacje/ hub (port of design/Realizacje.dc.html). Needs mkm-fe.20261004.css. */
.rz-hero__inner{position:relative;max-width:var(--fe-max,1400px);margin:0 auto;display:flex;flex-direction:column;gap:28px}
.rz-h1{max-width:1200px}

/* Filter pills: shared .fe-pills/.fe-pill (mkm-nav.20261004.js drives them) */
.rz-tabs{margin-top:8px}
.fe-pill:focus-visible{outline:2px solid #99baff;outline-offset:3px}

/* Grid */
.rz-list-wrap{padding:0 clamp(12px,3vw,40px) clamp(80px,10vw,140px)}
.rz-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:14px}
.rz-card{display:flex;flex-direction:column;border-radius:36px;overflow:hidden;background:#12161f;border:1px solid rgba(255,255,255,.07);min-width:0}
.rz-card[hidden]{display:none}
.rz-card__media{position:relative;display:block;aspect-ratio:16/10;margin:10px;border-radius:28px;overflow:hidden;background:#07101d}
.rz-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(0.23,1,0.32,1)}
.rz-card__media:hover img{transform:scale(1.03)}
.rz-card__pills{position:absolute;left:14px;top:14px;right:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.rz-glass{padding:6px 12px;border-radius:999px;background:rgba(5,9,20,.62);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:600;color:#fff}
.rz-card__body{flex:1;display:flex;flex-direction:column;gap:18px;padding:18px clamp(22px,2.6vw,36px) clamp(24px,2.6vw,36px)}
.rz-card__t{font-size:clamp(26px,2.6vw,40px);font-weight:600;line-height:1.02;letter-spacing:-0.04em;text-wrap:balance;overflow-wrap:anywhere}
.rz-card__t a{color:#fff}
.rz-card__t a:hover{color:#99baff}
.rz-card__d{color:#c3c8d3;font-size:16px;line-height:1.6;text-wrap:pretty}

/* Metrics (prototype) and scope tags (cards without numbers on the current site) */
.rz-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto}
.rz-metric{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px;min-width:0}
.rz-metric strong{font-size:clamp(20px,1.8vw,28px);font-weight:600;letter-spacing:-0.03em;overflow-wrap:anywhere}
.rz-metric span{font-size:12px;color:#aeb4c2}
.rz-tags{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.rz-tags li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:13px;font-weight:600;color:#d7dbe4}

/* Actions */
.rz-card__acts{display:flex;flex-wrap:wrap;gap:8px}
.rz-btn{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:999px;background:#fff;color:#050914;font-size:14px;font-weight:700;white-space:nowrap;transition:transform 140ms cubic-bezier(0.23,1,0.32,1)}
.rz-btn:hover{color:#050914}
.rz-btn:active{transform:scale(0.96)}
.rz-btn__dot{width:30px;height:30px;border-radius:50%;background:#0057FF;display:flex;align-items:center;justify-content:center;flex:none}
.rz-ghost{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#c3c8d3;font-size:14px;font-weight:600;white-space:nowrap;transition:background-color 150ms ease,color 150ms ease,transform 140ms cubic-bezier(0.23,1,0.32,1)}
a.rz-ghost:hover{background:rgba(255,255,255,.06);color:#fff}
a.rz-ghost:active{transform:scale(0.96)}

/* More case studies (#pozostale-realizacje) */
.rz-more{max-width:1400px;margin:clamp(64px,8vw,110px) auto 0;display:flex;flex-direction:column;gap:28px}
.rz-more__head{display:flex;flex-direction:column;gap:16px}
.rz-more__h{font-size:clamp(38px,5.6vw,92px);font-weight:600;line-height:.98;letter-spacing:-0.045em;text-wrap:balance}
.rz-more__lede{max-width:640px;color:#c3c8d3;font-size:clamp(17px,1.5vw,21px);line-height:1.55}
.rz-more__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:10px}
.rz-more__a{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%;padding:18px 14px 18px 22px;border-radius:22px;background:#12161f;border:1px solid rgba(255,255,255,.07);color:#e5e8ee;font-size:16px;font-weight:600;line-height:1.35;transition:border-color 200ms ease,background-color 200ms ease,transform 140ms cubic-bezier(0.23,1,0.32,1)}
.rz-more__a:hover{color:#fff;background:#161b26;border-color:rgba(153,186,255,.3)}
.rz-more__a:active{transform:scale(0.98)}
.rz-more__dot{flex:none;width:30px;height:30px;border-radius:50%;background:#0057FF;display:flex;align-items:center;justify-content:center}

@media (max-width:420px){
  .rz-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .rz-metric{padding:12px 10px}
  .rz-btn,.rz-ghost{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .rz-card__media img,.rz-btn,.rz-ghost,.rz-more__a{transition:none}
  .rz-card__media:hover img{transform:none}
  .rz-btn:active,a.rz-ghost:active,.rz-more__a:active{transform:none}
}