/* Kinic media uses the portfolio shell and native screenshot proportions. */
.kinic-case .kinic-case-gallery { display:grid; gap:clamp(64px,7vw,110px); padding-top:28px; min-width:0 }
.kinic-case .kinic-media-heading { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:end; margin-bottom:32px }
.kinic-case .kinic-media-heading h2 { margin:0; font-size:clamp(30px,3.4vw,52px); font-weight:400; line-height:1.05; letter-spacing:-.04em; color:var(--ink) }
.kinic-case .kinic-media-heading p { margin:0; max-width:40em; font-size:16px; line-height:1.5; color:var(--muted) }
.kinic-case .kinic-media-grid { display:grid; gap:28px; min-width:0 }
.kinic-case .kinic-case-gallery figure { margin:0; min-width:0 }
.kinic-case .kinic-case-gallery img,.kinic-case .kinic-case-gallery video { display:block; width:100%; height:auto; max-height:none; object-fit:contain; border-radius:20px }
.kinic-case .kinic-case-gallery video { background:#08090b }
.kinic-case .kinic-case-gallery figcaption { margin-top:12px; color:var(--muted); font-size:14px; line-height:1.45 }
.kinic-case .kinic-film-grid { grid-template-columns:minmax(0,1fr) minmax(0,.32fr); align-items:start }
.kinic-case .kinic-phone-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:start }
@media(max-width:1000px) { .kinic-case .kinic-phone-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; justify-items:center }.kinic-case .kinic-phone-grid figure { max-width:320px } }
@media(max-width:700px) {
  .kinic-case .kinic-media-heading { grid-template-columns:1fr; gap:16px; margin-bottom:24px }
  .kinic-case .kinic-media-heading p { font-size:15px }
  .kinic-case .kinic-film-grid,.kinic-case .kinic-phone-grid { grid-template-columns:minmax(0,1fr); gap:32px }
  .kinic-case .kinic-phone-grid figure,.kinic-case .kinic-film-grid .kinic-mobile-film { width:min(100%,320px); margin-inline:auto }
  .kinic-case .kinic-case-gallery img,.kinic-case .kinic-case-gallery video { border-radius:14px }
}