/* Refinamentos de posicionamento e imagem — v2 */
.card-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hero-portrait { width: 82%; max-height: 98%; image-rendering: auto; }
.portrait-visual { min-height: 560px; }
.about-portrait img { image-rendering: auto; }
.role-note { margin-top: 16px; color: var(--slate-600); font-size: 14px; line-height: 1.7; }
@media (max-width: 1040px) {
  .card-grid.four { grid-template-columns: 1fr 1fr; }
  .portrait-visual { min-height: 520px; }
}
@media (max-width: 680px) {
  .card-grid.four { grid-template-columns: 1fr; }
  .hero-portrait { width: 96%; }
  .portrait-visual { min-height: 460px; }
}