/* Portraits are content from native page Logo fields. Keep their natural color. */
.portrait { display:block; margin:0; min-width:0; }
.portrait img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; }
.portrait figcaption { margin-top:14px; color:var(--muted); font-size:12px; letter-spacing:.06em; }
.about-portrait { max-width:580px; }
.about-layout { align-items:center; }
.method-with-portrait { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:10%; padding:72px 0; }
.method-portrait { width:100%; max-width:400px; }
.method-with-portrait h2 { font-size:clamp(24px,2.6vw,36px); margin-bottom:28px; max-width:12em; }
.method-actions { display:flex; flex-wrap:wrap; gap:20px 32px; }
.contact-portrait { max-width:280px; margin-bottom:36px; }
@media (max-width:900px) {
  .about-layout { align-items:start; }
  .method-with-portrait { gap:7%; }
}
@media (max-width:600px) {
  .about-portrait { width:100%; max-width:420px; }
  .method-with-portrait { grid-template-columns:minmax(0,1fr); gap:32px; padding:40px 0; }
  .method-portrait { max-width:300px; }
  .method-with-portrait h2 { font-size:24px; margin-bottom:20px; }
  .contact-portrait { max-width:220px; margin-bottom:30px; }
}

.profile-summary,
.studio-contact-intro,
body[data-page="contact"] .page-heading>p { white-space:pre-line; }