/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .portfolio-video-layout { grid-template-columns: 1fr; }
  .portfolio-piece-title { font-size: 1.85rem; }
  .hero-grid { grid-template-columns: 1fr; text-align: center; }
  .hero-desc { margin-left: auto; margin-right: auto; }
  .hero-ctas { justify-content: center; }
  .hero-visual { display: none; }
  .bento-grid { grid-template-columns: 1fr 1fr; }
  .bento-card.span-full { grid-column: 1 / -1; }
  .steps-grid { grid-template-columns: 1fr; }
  .step-connector { display: none; }
  .pricing-grid { grid-template-columns: repeat(2, 1fr); max-width: 700px; margin: 0 auto; }
  .price-card.featured { transform: none; }
  .price-card.featured:hover { transform: translateY(-4px); }
  .caps-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .service-detail-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr 1fr; }
  .team-grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; }
}

@media (max-width: 768px) {
  .portfolio-piece-title { font-size: 1.5rem; }
  .nav-links, .nav-actions .btn-primary, .nav-actions .btn-ghost { display: none; }
  .mobile-menu-btn { display: block; }
  .hero h1 { font-size: 2.25rem; }
  .section-title { font-size: 2rem; }
  .bento-grid { grid-template-columns: 1fr; }
  .bento-card.span-full { grid-column: span 1; }
  .why-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }
  .contact-form-row { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 420px; }
  .comparison-table { font-size: 0.8rem; }
  .comparison-table th, .comparison-table td { padding: 0.75rem; }
}