/* =====================================================================================================
   TASK-N46j (ruling NR2), Nick: the About portrait. Pixel's mockup gives the place (beside the closing quote of the
   About block), not the rules, so these few lines are mine, for Pixel to review. Tokens of tokens.css only: no hex,
   no important flag. Loads after n46j-brand.css and n46f.css.
   Markup (inc/n46j.php): <div class="gpcf-about__quote"><figure class="gpcf-about__fig"><img></figure><p>...</p></div>
   ===================================================================================================== */

.main .gpcf-about .gpcf-about__quote{
  display:grid;
  grid-template-columns:minmax(0,160px) minmax(0,1fr);
  gap:var(--space-8);
  align-items:center;
  margin-top:var(--space-5);
}
.main .gpcf-about .gpcf-about__quote > p{ margin-top:0; }
.main .gpcf-about .gpcf-about__fig{ margin:0; }
.main .gpcf-about .gpcf-about__fig img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border-radius:var(--radius-card);
}
@media (max-width:600px){
  .main .gpcf-about .gpcf-about__quote{
    grid-template-columns:minmax(0,96px) minmax(0,1fr);
    gap:var(--space-6);
    align-items:start;
  }
}