/* cases: vygenerované z návrhu nástrojom tools/split_css.py */
.cases2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.case2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:var(--r-lg);overflow:hidden;background:var(--card);color:var(--ink);border:1px solid var(--line);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s}
.case2:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(106,31,163,.14);border-color:rgba(145,55,205,.35)}
.case2 figure{margin:0;overflow:hidden;min-height:280px}
.case2 img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.case2:hover img{transform:scale(1.06)}
.case2-body{display:flex;flex-direction:column;gap:10px;padding:28px}
.case2 .no{font-size:.84rem;color:var(--violet-deep)}
.case2 h3{font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,1.9vw,1.8rem);letter-spacing:-.02em;line-height:1.12}
.case2 p{color:var(--ink-2);font-size:.98rem;line-height:1.62}
.case2 .tags{display:flex;flex-wrap:wrap;gap:6px}
.case2 .read{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:.93rem}
.case2 .read .i{width:17px;height:17px;transition:transform .3s}
.case2:hover .read .i{transform:translateX(5px)}
@media (max-width:1080px){
  .cases2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .case2{grid-template-columns:minmax(0,1fr)}
  .case2 figure{min-height:0;aspect-ratio:16/10}
}