.portfolio-badge{
  position:fixed;
  top:calc(var(--header-h) + 12px);
  right:16px;
  z-index:90;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.48rem .72rem;
  border:1px solid rgba(42,33,30,.14);
  border-radius:999px;
  background:rgba(255,253,249,.9);
  color:var(--ink);
  box-shadow:0 8px 24px rgba(71,47,36,.08);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  pointer-events:none;
}
.portfolio-badge span{
  color:var(--muted);
  font-weight:700;
}

/* Keep the portrait team image compact while showing the full group. */
.about-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  border-radius:18px;
  overflow:hidden;
  background:var(--cream);
}
.about-photo img{
  width:100%;
  height:460px;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center center;
  border-radius:18px;
  box-shadow:none;
}

@media(max-width:1000px){
  .about-photo img{
    height:420px;
  }
}

@media(max-width:700px){
  .portfolio-badge{
    top:calc(var(--header-h) + 8px);
    right:10px;
    padding:.4rem .6rem;
    font-size:.61rem;
  }
  .about-photo img{
    height:min(112vw,480px);
  }
}