/* ==========================================================================
   The Studio — page-specific composition only.
   ========================================================================== */

.studio-mark {
  width: clamp(6rem, 12vw, 10rem);
  height: auto;
  margin-inline: auto;
  margin-block-end: var(--section-gap);
}

.studio-intro > * + * { margin-block-start: var(--intro-gap); }
.studio-intro .prose { max-width: none; }

/* Four pillars, two up */
.pillars {
  display: grid;
  gap: var(--grid-gap) clamp(2rem, 6vw, 5rem);
  max-width: var(--container-narrow);
  margin-inline: auto;
}
@media (min-width: 48em) {
  .pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* About: portrait over copy, then a row of photos */
.studio-about__portrait {
  width: var(--portrait-size);
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius-round);
  margin-inline: auto;
}

/* The stack brings its own breathing room; the closing CTA supplies the rest. */
.studio-process { padding-block-end: 0; }