/* Studio page specific styles (keeps consistency with base.css) */
.section { padding-block: var(--space-12); }
.section--alt { background: var(--gray-50); }
.section-header { margin-bottom: var(--space-6); }
.section-cta { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.section-figure { margin-block: var(--space-6); }
.section-figure img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }

/* Hero */
.studio-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-8); align-items: center; padding-block: var(--space-12); }
.studio-hero__content p { font-size: var(--fs-md); color: var(--color-muted); }
.studio-hero__cta { margin-top: var(--space-5); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.studio-hero__media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-glow-primary); }

/* Portfolio */
.portfolio-filters { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-block: var(--space-5) var(--space-6); }
.filter-btn.is-active { background: color-mix(in oklab, var(--color-primary) 12%, transparent); color: var(--color-primary); }
.portfolio-grid .portfolio-title { margin-bottom: var(--space-2); }
.is-hidden { display: none !important; }

/* Process */
.process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--space-6); counter-reset: step; list-style: none; padding: 0; }
.process-steps > li h3 { margin-bottom: var(--space-2); }

/* Contact */
.contact-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-8); align-items: start; }
.contact-form { display: grid; gap: var(--space-4); }
.contact-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.contact-aside { display: grid; gap: var(--space-4); }
.contact-aside .section-figure img { border-radius: var(--radius-md); box-shadow: var(--shadow-md); }

/* Awards */
.awards-list { display: grid; gap: var(--space-5); list-style: none; padding: 0; }
.awards-list .card { padding-block: var(--space-5); }

/* Responsive */
@media (max-width: 1024px) {
  .studio-hero { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .contact-grid { grid-template-columns: 1fr; }
}