.team-portrait.portrait-digits { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; padding: 0; overflow: hidden; background: #15171c; }
.portrait-digits .portrait-digits-image { display: block; width: 100%; height: 100%; object-fit: cover; transform: translateY(var(--portrait-offset-y, 0%)); filter: url(#portrait-digits-blue); }
.portrait-digits .portrait-digits-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; }
.portrait-digits [hidden] { display: none !important; }
.portrait-digits[role="button"] { cursor: pointer; }
.portrait-digits:focus-visible { outline: 2px solid #98aaff; outline-offset: -4px; }
@media (max-width: 760px) {
  .team-person:has(.portrait-digits) { grid-template-columns: 120px minmax(0, 1fr); }
}