.o-grid {
 display: grid;
 gap: 24px;
}
.o-grid--3 {
 grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
 .o-grid--3 {
  grid-template-columns: repeat(2, 1fr);
 }
}
@media (max-width: 768px) {
 .o-grid--3 {
  grid-template-columns: 1fr;
 }
}
.c-studio-card {
 background: var(--nca-white);
 border-radius: var(--border-radius-lg);
 overflow: hidden;
 box-shadow: var(--nca-shadow-sm);
 transition: all 0.4s ease;
 display: flex;
 flex-direction: column;
}
.c-studio-card:hover {
 transform: translateY(-6px);
 box-shadow: var(--nca-shadow-md);
}
.c-studio-card__image {
 width: 100%;
 height: 220px;
 object-fit: cover;
 display: block;
}
.c-studio-card__body {
 padding: 28px 24px;
 flex: 1;
 display: flex;
 flex-direction: column;
}
.c-studio-card__body h3 {
 font-size: 18px;
 font-weight: 700;
 color: var(--nca-purple);
 margin-bottom: 10px;
}
.c-studio-card__body p {
 font-size: 14px;
 color: var(--nca-text-muted);
 line-height: 1.6;
 margin-bottom: 20px;
 flex: 1;
}
.c-studio-card__body .c-btn {
 align-self: center;
}
@media (max-width: 768px) {
.c-studio-card__image { height: 180px; }
.c-studio-card__body { padding: 20px 16px; }
.c-studio-card__body h3 { font-size: 16px; }
}