@media (max-width: 768px) {
  .nav-links {
    gap: 0.75rem;
    font-size: 0.85rem;
  }

  .hero-title {
    font-size: clamp(2rem, 10vw, 3rem) !important;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-actions a {
    width: 100%;
    text-align: center;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .story-container,
  .master-container,
  .footer-main {
    grid-template-columns: 1fr !important;
    gap: 1.5rem;
  }

  .pricing-grid,
  .samples-grid,
  .showcase-grid,
  .process-grid {
    grid-template-columns: 1fr !important;
  }

  .inquiry-panel {
    padding: 1.25rem;
  }

  .inquiry-panel input,
  .inquiry-panel select,
  .inquiry-panel textarea,
  .inquiry-panel button {
    font-size: 16px;
  }

  #musicBar {
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }
}