@media(max-width:760px){
  .header{padding:0 5% 8px;gap:0;min-height:0}
  .header .brand{width:220px}
  .header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;text-align:center}
  .header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 2px;font-size:14px;letter-spacing:0;white-space:normal}
  .header nav a:nth-child(2){display:flex}
  .header nav span{margin-left:4px}
  .hero{height:auto;min-height:0;max-height:none}
  .hero-top{padding:20px 5%;font-size:12px}
  .hero .hero-copy{margin:26px 5% 30px}
  .hero-services{margin-bottom:24px}
  .hero-service-main{font-size:36px;margin-bottom:8px}
  .hero-service-other{font-size:16px;line-height:1.7}
  .hero-service-note{font-size:14px;margin-top:8px}
  .vision-title{font-size:clamp(42px,12.5vw,76px);line-height:1.04}
  .vision-title .vision-bridge{line-height:1.4}
  .hero-bottom{margin:0 5% 28px;gap:16px;align-items:center;flex-wrap:wrap}
  .hero-bottom p{font-size:14px;line-height:1.8;letter-spacing:1px}
  .hero-bottom a{min-height:44px;font-size:12px;gap:10px}
  .video-toggle{top:53px;right:5%;min-height:44px}
  .section{padding:44px 5% 48px}
  .section-label{gap:16px;align-items:baseline;flex-wrap:wrap;padding-bottom:16px}
  .about-body{margin-top:28px;gap:26px}
  .about h2{font-size:clamp(26px,7vw,32px);line-height:1.55}
  .studio-photo{margin-top:24px}
  .about-copy p{font-size:16px;line-height:1.9;margin-bottom:22px}
  .profile{margin-top:36px;padding-top:24px}
  .profile-layout{gap:22px}
  .profile-copy p{font-size:16px;line-height:1.9}
  .local-photos{padding:0 5% 40px;gap:10px}
  .practice-intro{padding:28px 0}
  .practice-list article{padding:24px 0;column-gap:12px}
  .practice-list article p{font-size:16px;line-height:1.85}
  .works-heading{margin:28px 0}
  .works-heading h2{font-size:26px}
  .instagram-link{font-size:15px;margin-top:12px}
  .selected-films{gap:26px}
  .store-work-heading{flex-wrap:wrap;gap:6px 12px}
  .film-caption{gap:8px 12px}
  .film-caption a,.playlist-link a{display:inline-block;padding-block:10px;overflow-wrap:anywhere}
  .ai-intro{margin:28px 0}
  .ai-intro p{font-size:16px;line-height:1.9;margin-top:18px}
  .ai-film-grid{gap:28px}
  .pricing-heading{margin:28px 0 34px}
  .pricing-heading h2{font-size:28px}
  .plan-grid{gap:28px}
  .plan-card{padding:26px 20px}
  .plan-price span{font-size:clamp(40px,11vw,52px)}
  .plan-description{font-size:16px;line-height:1.85}
  .plan-extra{margin-top:20px;padding-top:16px}
  .service-price-title{margin-top:36px}
  .service-prices{table-layout:auto;max-width:100%}
  .service-prices tbody tr{padding:20px 0}
  .service-prices th,.service-prices td{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;line-height:1.85}
  .service-prices .service-amount{font-size:19px;line-height:1.7;margin:6px 0 10px;white-space:normal}
  .service-amount span{display:inline-block;max-width:100%;white-space:normal}
  .craft-song{margin-top:30px;padding:24px 0;gap:18px}
  .production-flow{margin-top:34px;padding-top:26px}
  .flow-intro{margin-bottom:26px}
  .flow-steps{gap:20px}
  .flow-steps li{grid-template-columns:28px minmax(0,1fr);column-gap:12px;padding-top:18px}
  .flow-steps h4{margin-bottom:8px}
  .flow-flexibility{margin-top:26px;padding:22px 18px}
  .pricing-contact{margin-top:30px}
  .pricing-contact p{line-height:1.9;margin-bottom:20px}
  .pricing-button,.place-message-button{min-height:48px}
  .place h2{min-height:0;font-size:clamp(27px,8.8vw,58px);line-height:1.35}
  .place-small{margin-top:26px}
  .place-copy{margin-top:26px}
  .place-copy p{font-size:16px;line-height:1.9;margin-bottom:20px}
  .location{margin-top:28px}
  .place-invitation{margin-top:28px}
  .place-invitation h3{font-size:24px;line-height:1.6}
  .place-gallery{margin-top:20px;padding:14px 14px 22px}
  .contact-page{padding:26px 5% 44px}
  .contact-page h1{font-size:28px;margin-top:28px}
  .contact-intro{margin-bottom:28px;line-height:1.9}
  .contact-grid{grid-template-columns:1fr;gap:0}
  #contact-form label{margin-bottom:22px}
  #contact-form input:not([type=hidden]),#contact-form select,#contact-form textarea{font-size:16px;min-width:0;max-width:100%}
  footer{padding:26px 5%;gap:12px 18px;overflow-wrap:anywhere}
}