/* A complete portrait, rather than a zoomed face, keeps ears and uniform visible. */
.roster-face.portrait-current {
  width: min(100%, 240px);
  height: auto;
  aspect-ratio: 2 / 3;
  margin-inline: auto;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #f8f6f2;
  overflow: hidden;
  zoom: 1;
}
.roster-face.portrait-current img {
  display: block;
  position: relative;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  left: 0 !important;
  top: 0 !important;
  object-fit: contain;
  clip-path: none !important;
}
.face-window.portrait-current {
  width: 84px;
  height: 126px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #f8f6f2;
}
.crew-signature .face-window.portrait-current img {
  display: block;
  position: relative;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  left: 0 !important;
  top: 0 !important;
  object-fit: contain;
  clip-path: none !important;
}
@media print {
  .face-window.portrait-current { break-inside: avoid; }
}

/* Ten cabin portraits form balanced rows; the two pilots have their own centered row. */
#crewRosterGrid,#crewPilotGrid{display:flex;justify-content:center;gap:30px 24px}
#crewRosterGrid{flex-wrap:wrap}
#crewPilotGrid{flex-wrap:nowrap;margin-top:48px;padding-top:30px;border-top:1px solid #c8dad8}
#crewRosterGrid>.roster-person,#crewPilotGrid>.roster-person{flex:0 1 calc((100% - 96px)/5);min-width:0;max-width:220px}
@media(max-width:1050px){#crewRosterGrid>.roster-person,#crewPilotGrid>.roster-person{flex-basis:calc((100% - 72px)/4)}}
@media(max-width:800px){#crewRosterGrid>.roster-person,#crewPilotGrid>.roster-person{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:640px){#crewRosterGrid,#crewPilotGrid{gap:26px 16px}#crewRosterGrid>.roster-person,#crewPilotGrid>.roster-person{flex-basis:calc((100% - 16px)/2)}#crewPilotGrid{margin-top:36px;padding-top:26px}}