/* ============ CASE STUDY (realizacja detail) ============ */

/* Case-study "view live site" link */
.case-live-link{
  display:inline-flex;align-items:center;gap:6px;
  font:500 15px/1 var(--font-sans);color:var(--accent-bright);
  margin:-8px 0 28px;
}
.case-live-link:hover{color:#fff}

.case-hero-frame{
  position:relative;border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
  backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 60px rgba(0,0,0,.6);
  margin:0 -4px 10px;
}
.case-hero-topbar{display:flex;align-items:center;gap:7px;height:34px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.09)}
.case-hero-topbar span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.18)}
.case-hero-frame .img-placeholder{height:220px;border:none;border-radius:0}
/* Photo variant - realizacje "w terenie": brak chromu przeglądarki, kadr wyśrodkowany */
.case-hero-frame--photo .img-placeholder img{object-position:center}

.case-grid-3{display:flex;flex-direction:column;gap:10px;padding:10px;background:#000;margin-top:20px}
.case-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px 24px}
.case-card--effect{border-color:rgba(95,214,160,.28)}
.case-card .eyebrow{font:400 11px/1 var(--font-mono);color:var(--text-faint);letter-spacing:.12em;margin-bottom:18px}
.case-card--effect .eyebrow{color:var(--accent-bright)}
.case-card h3{margin:0 0 12px;font:600 20px/1.25 var(--font-sans);letter-spacing:-.02em}
.case-card p{margin:0;font:400 15px/1.6 var(--font-sans);color:var(--text-mute)}

.case-gallery{display:flex;flex-direction:column;gap:10px;padding:0 10px 10px;background:#000}
.case-gallery figure{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden}
.case-gallery .img-placeholder{height:220px;border:none;border-radius:0;background:var(--panel)}
.case-gallery .img-placeholder img{object-fit:contain}
.case-gallery--photo .img-placeholder img{object-fit:cover;object-position:center}
.case-gallery figcaption{padding:18px 22px 20px;font:400 13.5px/1.5 var(--font-sans);color:var(--text-mute)}

.case-meta{padding:0 10px 10px;background:#000}
.case-meta-inner{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;gap:20px}
.case-meta-item .eyebrow{font:400 11px/1 var(--font-mono);color:var(--text-faint);letter-spacing:.1em;margin-bottom:12px}
.case-meta-item .value{font:600 18px/1.2 var(--font-sans)}
.case-meta-item .caption{margin-top:10px;font:400 13.5px/1.4 var(--font-sans);color:var(--text-mute)}

.case-tags{padding:0 10px 10px;background:#000}
.case-tags-inner{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px 24px}
.case-tags .eyebrow{font:400 11px/1 var(--font-mono);color:var(--text-faint);letter-spacing:.12em;margin-bottom:20px}
.case-tag-list{display:flex;flex-wrap:wrap;gap:10px}
.case-tag{
  padding:11px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);font:400 13px/1 var(--font-mono);color:var(--text-dim);
}

.case-next{padding:64px 20px 0;background:#000}
.case-next h2{margin:0 0 20px;font:700 28px/1.15 var(--font-sans);letter-spacing:-.025em}

/* ================================================================
   DESKTOP - min-width 768px
   ================================================================ */
@media (min-width:768px){
  .case-hero-frame{max-width:1080px;margin:0 auto 10px}
  .case-hero-topbar{height:38px;padding:0 18px}
  .case-hero-frame .img-placeholder{height:520px}

  .case-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;margin-top:88px;max-width:1280px;margin-left:auto;margin-right:auto}
  .case-card{padding:38px 32px 40px}
  .case-card h3{font-size:22px}

  .case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:1280px;margin:0 auto;padding:0 10px 10px}
  .case-gallery .img-placeholder{height:400px}

  .case-meta{max-width:1280px;margin:0 auto;padding:0 10px 10px}
  .case-meta-inner{padding:40px 34px;flex-direction:row}
  .case-meta-item{flex:1;padding-right:20px;border-right:1px solid rgba(255,255,255,.1)}
  .case-meta-item:last-child{border-right:none;padding-right:0}
  .case-meta-item .value{font-size:19px}

  .case-tags{max-width:1280px;margin:0 auto;padding:0 10px 10px}
  .case-tags-inner{padding:40px 34px}

  .case-next{padding:96px 40px 0;max-width:1280px;margin:0 auto}
  .case-next h2{font-size:40px}
}