/* App Entwicklung. Baut auf web-entwicklung.css auf (gleiche Farben und Bausteine unter .wd). */

/* Hero-Bild: App-Mockups sind quadratische Plakate, deshalb ganz zeigen */
.wd .shot .frame.app-frame img{aspect-ratio:1/1}
.wd .nowrap{white-space:nowrap}

/* Projekt-Karten: Bild und Text nebeneinander, die zweite gespiegelt */
.wd .case{display:grid;grid-template-columns:1.05fr .95fr;gap:0;border-radius:26px;overflow:hidden;background:#fff;
  border:1px solid var(--g200);box-shadow:0 24px 60px rgba(11,37,48,.1);margin-top:28px}
.wd .case + .case{margin-top:32px}
.wd .case.flip .case-img{order:2}
.wd .case-img{background:var(--g100);min-height:100%}
.wd .case-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.wd .case.flip .case-img img{object-position:0 50%}
.wd .case-txt{padding:clamp(28px,3.4vw,48px);display:flex;flex-direction:column;justify-content:center}
.wd .case .client{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-d)}
.wd .case h3{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.03em;margin-top:8px}
.wd .case p{color:var(--g500);font-size:16px;margin-top:12px}
.wd .tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.wd .tags li{font-size:13.5px;font-weight:600;color:var(--g700);background:var(--g50);border:1px solid var(--g200);
  border-radius:99px;padding:6px 13px}
.wd .stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.wd .store{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:12px;
  padding:9px 16px 9px 13px;transition:background .16s,transform .16s}
.wd .store:hover{background:var(--ink2);transform:translateY(-2px)}
.wd .store svg{font-size:24px}
.wd .store span{font-weight:700;font-size:15.5px;line-height:1.1}
.wd .store small{display:block;font-size:11px;font-weight:500;opacity:.75;letter-spacing:.02em}

@media(max-width:980px){
 .wd .case{grid-template-columns:1fr}
 .wd .case.flip .case-img{order:0}
 .wd .case-img img{aspect-ratio:16/10}
}