/* Logo aprovada na conversa; preservar proporção e fundo transparente. */
.site-logo {
  display: block;
  width: 174px;
  max-width: 100%;
  height: auto;
}
header > .brand,
.footer-brand {
  flex-shrink: 0;
}
.footer-brand {
  display: inline-block;
}
.sidebar .brand {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.sidebar .site-logo {
  width: 154px;
}
.engineer-profile {
  border-bottom: 1px solid var(--line);
}
.service-region {
  color: var(--ink);
  font-size: 13px;
  font-weight: bold;
  margin: -12px 0 24px;
}
.engineer-layout {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  align-items: center;
  gap: 56px;
}
.engineer-portrait {
  margin: 0;
  background: #e8ebe2;
  border: 1px solid var(--line);
  overflow: hidden;
}
.engineer-portrait img {
  display: block;
  width: 100%;
  height: auto;
}
.engineer-copy {
  min-width: 0;
}
.engineer-contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: 28px;
}
.engineer-contact > span {
  font-size: 11px;
  color: var(--muted);
}
.engineer-heading {
  display: flex;
  align-items: center;
  gap: 16px 24px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.engineer-heading h2 {
  margin: 0;
  font-size: clamp(28px, 3.1vw, 44px);
}
.engineer-experience {
  display: inline-block;
  flex-shrink: 0;
  border: 1px solid #bcc8d5;
  border-left: 3px solid #dc3037;
  padding: 9px 14px;
  color: #102b4e;
  background: #edf1f5;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}
.engineer-role {
  color: var(--ink);
  font-size: 15px;
  margin-bottom: 16px;
}
.engineer-bio {
  max-width: 710px;
  color: var(--muted);
  font-size: 15px;
}
.engineer-credentials {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 48px;
  margin: 28px 0 0;
}
.engineer-credentials dt {
  color: var(--muted);
  font-size: 9px;
  letter-spacing: 1px;
  margin-bottom: 6px;
}
.engineer-credentials dd {
  color: var(--ink);
  font-size: 14px;
  margin: 0;
}
@media (max-width: 1150px) {
  header > .brand .site-logo {
    width: 150px;
  }
}
@media (max-width: 760px) {
  .engineer-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .engineer-portrait {
    width: min(100%, 320px);
    justify-self: center;
  }
  header > .brand .site-logo {
    width: 142px;
  }
  .sidebar .brand {
    width: max-content;
    max-width: 100%;
    padding: 0;
  }
  .sidebar .site-logo {
    width: 146px;
  }
}