/* The team: two clipped lines, a growing hairline, the hands illustration with a detail frame in front */
.team .big .ln { display: block; overflow: hidden; padding-bottom: .06em; }
.team .big .ln > span { display: block; }
.team .media { position: relative; width: min(1180px, 100%); margin: var(--s7) auto 0; }
.team .wide { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--surface); }
.team .wide > div { position: absolute; inset: 0; overflow: hidden; }
.team .wide img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 55%; transform-origin: 50% 55%; filter: saturate(.85); }
.team .detail { position: absolute; right: 4%; bottom: -10%; width: 30%; aspect-ratio: 4 / 5; overflow: hidden; border: 1px solid var(--line); box-shadow: 0 24px 60px rgba(0, 0, 0, .45); background: var(--surface); }
.team .detail img { width: 100%; height: 100%; object-fit: cover; object-position: 40% 50%; }
.team figcaption { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: flex-start; align-items: center; margin-top: var(--s3); text-align: left; max-width: 64%; }
.team figcaption .note { font-size: 14px; color: var(--soft); }
@media (max-width: 760px) {
  .team .media { width: 100vw; margin-left: calc(-1 * var(--gut)); }
  .team .wide { aspect-ratio: 4 / 5; }
  .team .detail { width: 40%; right: 5vw; bottom: -8%; }
  .team figcaption { max-width: 54%; padding-left: var(--gut); }
}