/* Motion Studio core styles + GS blocks styles */

/* Hero Section */
.motionstudio-hero {
  text-align: center;
  padding: 100px 20px;
  background: linear-gradient(to bottom, #111, #222);
  color: #fff;
}

/* Modal Styles */
.motionstudio-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  z-index: 9999;
}

/* Responsive Enhancements */
@media (max-width: 768px) {
  .motionstudio-hero {
    padding: 50px 10px;
  }

  .motionstudio-modal .modal-content {
    padding: 20px;
    margin: 50px auto;
  }
}

/* Minify styles for performance */
/* Consider using a CSS minifier tool for production */