.mr-about { background: var(--mr-color-surface); padding: var(--mr-space-16) var(--mr-gutter); display: grid; gap: var(--mr-space-6); }
.mr-about > *, .mr-about-content > * { min-inline-size: 0; }
.mr-about-photo-crop { display: grid; aspect-ratio: 825 / 898; overflow: hidden; }
/* Cover preserves the selected attachment's proportions inside the design slot. */
.mr-about-photo-crop .mr-about-image { display: block; inline-size: 100%; block-size: 100%; min-inline-size: 0; min-block-size: 0; object-fit: cover; object-position: center; }
.mr-about-content, .mr-about-intro { display: grid; align-content: start; gap: var(--mr-space-6); }
.mr-about :is(p, h2, h3, blockquote) { margin: 0; }
.mr-about-label { line-height: 1.2; }
.mr-about-title { font-size: 2.125rem; line-height: 1.15; text-wrap: initial; }
.mr-about-bio { font-size: 1rem; color: var(--mr-color-text-secondary); line-height: var(--mr-leading-body); }
.mr-about-bio p + p { margin-block-start: 1.55em; }
.mr-about-credentials { border-block-start: 1px solid var(--mr-color-detail-rule); padding-block-start: var(--mr-space-6); display: grid; gap: var(--mr-space-3); }
.mr-about-credentials h3 { font-size: calc(.875rem - 2px); text-transform: uppercase; line-height: 1.2; text-wrap: initial; }
.mr-about-credentials p { font-size: var(--mr-text-small); line-height: 1.55; color: var(--mr-color-text-secondary); }
.mr-about-quote { font-family: var(--mr-font-heading); font-size: 1.4375rem; line-height: 1.15; color: var(--mr-color-action); text-align: center; }
.mr-about > .mr-about-quote { grid-column: 1 / -1; inline-size: 100%; max-inline-size: 55rem; margin-inline: auto; margin-block-start: var(--mr-space-6); }
@media (min-width: 48rem) and (max-width: 63.999rem) {
  .mr-about-photo { max-inline-size: 32rem; inline-size: 100%; justify-self: center; }
}
@media (min-width: 64rem) {
  .mr-about { grid-template-columns: minmax(0, 42.5fr) minmax(0, 57.5fr); gap: 0; padding: 0 0 var(--mr-space-16); }
  .mr-about-photo { inline-size: 85%; max-inline-size: 32.5rem; margin-block-start: 3.9375rem; align-self: start; justify-self: end; }
  /* Desktop slot matches the existing 612×898 editorial crop. */
  .mr-about-photo-crop { inline-size: 100%; aspect-ratio: 612 / 898; }
  .mr-about-content { padding: var(--mr-space-28) clamp(2rem, 5vw, 4.5rem) 0; gap: var(--mr-space-10); }
  .mr-about-intro { gap: var(--mr-space-10); }
  .mr-about-title { font-size: clamp(2.125rem, -1.26rem + 5.29vw, 3.5rem); line-height: 1.02; }
  .mr-about-bio { font-size: var(--mr-text-body); max-inline-size: 40rem; }
  .mr-about-credentials p { line-height: normal; }
  .mr-about-quote { font-size: clamp(1.4375rem, -.87rem + 3.61vw, 2.375rem); line-height: 1.2; }
  .mr-about > .mr-about-quote { inline-size: calc(100% - 2 * var(--mr-gutter)); margin-block-start: var(--mr-space-12); }
  .mr-about--without-image { display: block; }
  .mr-about--without-image .mr-about-content { max-inline-size: var(--mr-container); margin-inline: auto; padding-inline: var(--mr-gutter); }
}
@media (min-width: 90rem) {
  .mr-about { grid-template-columns: minmax(0, 1fr) 51.75rem; }
}