/* Shared studio landing-page identity. Copy lives in section-headings.json. */
:root {
  --section-heading-size: clamp(44px, 6.5vw, 100px);
  --section-heading-leading: 1;
  --section-heading-tracking: -.06em;
}
.studio-shell main h1.section-motto,
body[data-page="index"] main h1.section-motto {
  font-family: "Space Grotesk", Arial, Helvetica, sans-serif;
  font-size: var(--section-heading-size);
  font-weight: 500;
  line-height: var(--section-heading-leading);
  letter-spacing: var(--section-heading-tracking);
  text-transform: none;
  text-wrap: initial;
  color: inherit;
  margin: 0 0 26px;
  max-width: 100%;
}
h1.section-motto em {
  color: inherit;
  font-weight: 400;
  font-style: italic;
}
.section-kicker {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: inherit;
  margin: 0 0 20px;
}
.music-creation-credit {
  max-width: 600px;
  margin: 0;
  color: var(--muted, #696756);
  font-size: 16px;
  line-height: 1.5;
}
.music-offer { max-width: 620px; margin: 0 0 14px; font-size: clamp(20px, 2vw, 26px); line-height: 1.4; letter-spacing: -.025em; }
.music-commission-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; margin-top: 12px; border-bottom: 1px solid currentColor; font-size: 14px; }
@media (max-width: 760px) {
  :root { --section-heading-size: clamp(40px, 10.5vw, 68px); }
  .studio-shell main h1.section-motto,
  body[data-page="index"] main h1.section-motto { margin-bottom: 22px; }
  .section-kicker { margin-bottom: 16px; }
  .music-creation-credit { font-size: 14px; }
}