/* Studio Portfolio 2.2.0 - project grid and case study blocks */
.sp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; }
.sp-card { display: block; color: inherit; }
.sp-card:hover { text-decoration: none; }
.sp-card .sp-thumb { border-radius: 18px; overflow: hidden; border: 1px solid #2a2a2f; aspect-ratio: 16 / 10; background: #18181b; }
.sp-card .sp-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.sp-card:hover .sp-thumb img { transform: scale(1.03); }
.sp-card .sp-title { font-size: 1.3rem; font-weight: 700; margin: 14px 0 4px; color: #ededed; }
.sp-card .sp-tags { color: #9a9aa3; font-size: .9rem; }
.sp-hero { border-radius: 22px; overflow: hidden; border: 1px solid #2a2a2f; margin: 0 0 40px; }
@media (max-width: 760px) { .sp-grid { grid-template-columns: 1fr; } }