/* Shared editorial proportions for the three Studio introductions only. */
#studio-overview { padding-block: clamp(56px, 6vw, 88px); scroll-margin-top: 80px; }
#studio-overview .section-title { max-width: 26ch; margin-bottom: 36px; font-size: clamp(30px, 3.1vw, 44px); line-height: 1.18; text-wrap: balance; }
#studio-overview .grid-2 { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(32px, 5vw, 64px); align-items: start; }
#studio-overview .grid-2 > * { min-width: 0; }
#studio-overview [class$="overview__intro"] { max-width: none; margin-bottom: 24px; }
#studio-overview [class$="overview__intro"] p { font-size: 17px; line-height: 1.7; margin-bottom: 18px; }
#studio-overview [class$="overview__tee"] { margin: 24px 0 16px; font-size: 17px; line-height: 1.5; }
#studio-overview [class$="outcomes"] { gap: 18px; }
#studio-overview [class$="outcomes"] li { font-size: 17px; line-height: 1.55; }
#studio-overview .fr-outcomes__proof { font-size: 14px; line-height: 1.6; margin-top: 6px; }
#studio-overview .bl-stats, #studio-overview .sy-example { width: 100%; max-width: none; padding: 28px; box-sizing: border-box; box-shadow: none; border-color: #d7dedb; }
#studio-overview .bl-stats__narrative { font-size: 16px; line-height: 1.7; }
#studio-overview .sy-example h3 { font-size: 25px; }
#studio-overview .fr-infographic { background: var(--color-surface); border: 1px solid #d7dedb; border-radius: 8px; padding: 24px 12px; margin: 0; }
#studio-overview .fr-stack { width: 100%; max-width: 440px; margin-inline: auto; }
@media (max-width: 800px) {
 #studio-overview { scroll-margin-top: 72px; }
 #studio-overview .grid-2 { grid-template-columns: minmax(0, 1fr); gap: 32px; }
 #studio-overview .section-title { margin-bottom: 28px; }
 #studio-overview .bl-stats, #studio-overview .sy-example { padding: 24px; }
}