/* v261 — About page business-first balance
   Keeps the v260 typography hierarchy. Makes the broker portrait supporting
   credibility rather than the dominant visual object. */
@media (min-width: 761px){
  body.cm-about-page main > section:not(.page-hero) > .container.two{
    grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr)!important;
    gap:42px!important;
    align-items:start!important;
  }
  body.cm-about-page main .broker-photo{
    width:100%!important;
    max-width:410px!important;
    justify-self:start!important;
    margin:0!important;
  }
  body.cm-about-page main .broker-photo img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
    object-position:50% 20%!important;
  }
  body.cm-about-page main .broker-photo-caption{
    padding:9px 10px 10px!important;
    font-size:13px!important;
    line-height:1.28!important;
  }
}