/* studio — type-only surface ──────────────────────────── */

.studio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: calc(100svh - 56px - 48px);
  padding-block: clamp(var(--sc-p-space-48), 8vh, var(--sc-p-space-96));
  padding-inline: clamp(1rem, 4vw, 2.5rem);
}

.studio__copy {
  width: 100%;
  max-width: 37.5rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--sc-p-space-48);
}

.studio__lead {
  font-family: var(--sc-p-font-family-sans);
  font-size: clamp(var(--sc-p-font-size-20), 1.1rem + 0.6vw, var(--sc-p-font-size-24));
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--sc-color-text-primary);
  text-wrap: balance;
}

.studio__rule {
  width: var(--sc-p-space-24);
  height: 1px;
  background: var(--sc-color-brand-accent);
  opacity: 0.6;
  border: 0;
  margin: 0;
}

.studio__stanza {
  font-family: var(--sc-p-font-family-sans);
  font-size: var(--sc-p-font-size-16);
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: -0.005em;
  color: var(--sc-color-text-primary);
  text-wrap: pretty;
}

@media (max-width: 480px) {
  .studio__copy { gap: var(--sc-p-space-32); }
  .studio__lead { line-height: 1.3; }
  .studio__stanza { line-height: 1.7; }
}