
@media(max-width:1200px){

.studio-grid{

grid-template-columns:
repeat(
2,
1fr
);

}

}

@media(max-width:768px){

.studio-grid{

display:grid;

grid-template-columns:
1fr;

gap:14px;

}

.studio-card{

padding:14px;

border-radius:18px;

min-height:auto;

}

.legacy-grid{

display:grid;

grid-template-columns:
1fr 1fr;

gap:8px;

}

.studio-title{

font-size:16px;

}

.metric b{

font-size:18px;

}

}

@media(max-width:480px){

.legacy-grid{

grid-template-columns:
1fr;

}

.studio-card{

padding:12px;

}

.studio-ops-header{

flex-direction:
column;

align-items:
flex-start;

gap:
10px;

}

}

