/* Homepage-only emphasis; existing typography, artwork and motion stay intact. */
.studio-page .hero-website-option {
  max-width: 720px;
  margin: 0 auto 12px;
  color: #254d3d;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.7;
}
.studio-page .systems-brain {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 64px;
  padding-block: 56px;
  border-top: 1px solid #dce6df;
  border-bottom: 1px solid #dce6df;
}
.studio-page .systems-brain h2 {
  margin: 0;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.22;
  color: #153e32;
}
.studio-page .systems-brain h2 span {
  display: block;
  margin-top: 8px;
  color: #b83225;
}
.studio-page .systems-brain-copy { min-width: 0; }
.studio-page .systems-brain-copy p {
  margin: 0 0 16px;
  color: #52625b;
  font-size: 16px;
  line-height: 1.8;
}
.studio-page .systems-brain-copy p:last-child { margin-bottom: 0; }
.studio-page .systems-brain-copy .systems-brain-invitation {
  color: #153e32;
  font-size: 18px;
  font-weight: 750;
  line-height: 1.55;
}
@media (max-width: 800px) {
  .studio-page .systems-brain { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-block: 40px; }
  .studio-page .systems-brain h2 { font-size: 32px; max-width: 550px; }
}
@media (max-width: 540px) {
  .studio-page .hero-website-option { font-size: 14px; }
  .studio-page .systems-brain h2 { font-size: 29px; }
  .studio-page .systems-brain-copy p { font-size: 15px; }
  .studio-page .systems-brain-copy .systems-brain-invitation { font-size: 17px; }
}