/* A imagem do monograma é a mesma do cartão profissional. */
:root { --card-background: #161d24; }
.site-header {
  background: var(--card-background);
  color: var(--cream);
  border-bottom-color: #c9ae7530;
}
.site-header .brand { color: #ead997; }
.site-header .brand-subtitle { color: #d7c99f; }
.site-header .main-nav { background: var(--card-background); }
.site-header .main-nav > a:hover { color: var(--gold-bright); }
.site-header .menu-toggle { color: var(--cream); }
.site-footer { background: var(--card-background); }
.brand > img[src$="logo-cartao.png"] {
  width: 65px;
  height: 51px;
  object-fit: contain;
  flex: none;
}

/* A imagem conserva sua proporção natural; nenhuma parte é cortada. */
.professional-portrait { padding-top: 0; }
.professional-portrait .portrait-frame {
  height: auto;
  aspect-ratio: 1;
  overflow: visible;
  border-radius: 4px;
}
.professional-portrait .portrait-frame > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  border-radius: 3px;
}
.professional-portrait::before { display: none; }
@media (max-width: 620px) {
  .brand > img[src$="logo-cartao.png"] { width: 50px; height: 39px; }
}
@media (max-width: 360px) {
  .brand > img[src$="logo-cartao.png"] { width: 44px; height: 34px; }
}