.studio-work-heading { justify-content: flex-start; align-items: center; gap: 24px; }
.studio-work-heading > .studio-work-inquiry { display: inline-flex; align-items: center; gap: 8px; min-height: 35px; padding: 7px 11px; border: 1px solid #777771; color: #f6f6f2; font-size: 11px; font-weight: 400; white-space: nowrap; }
.studio-work-inquiry:hover { color: #080808; background: #f6f6f2; }
.studio-work-list > div { grid-template-columns: minmax(0, 1fr) auto; }
.studio-work-list > div > span { text-align: right; }
.studio-contact-section { max-width: 1500px; margin: 0 auto; padding: 0 28px 70px; }
.studio-contact-banner { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 88px; padding: 24px 28px; border: 1px solid #777771; color: #f6f6f2; font-size: 18px; }
.studio-contact-banner:hover { color: #080808; background: #f6f6f2; }
@media (max-width: 620px) {
  .studio-work-heading { flex-direction: row; align-items: center; gap: 12px; }
  .studio-work-heading > .studio-work-inquiry { font-size: 10px; padding: 7px 8px; }
  .studio-work-list > div { grid-template-columns: 1fr; gap: 5px; }
  .studio-work-list > .studio-work-service { grid-template-columns: 1fr; }
  .studio-work-list > div > span { text-align: left; }
  .studio-contact-section { padding: 0 18px 48px; }
  .studio-contact-banner { min-height: 72px; padding: 20px; font-size: 15px; }
}