/* APRIL AM — Our Team */
.team-page { background: var(--paper-bg); color: #141414; }
.team-page .services-cta { background-image: url('../../images/prototype/services-cta-proto.jpg'); }
.team-page .services-cta .proto-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 218px; height: 48px; margin-top: 72px; border-radius: 25px; background: #fff; color: #000; font-size: 14px; line-height: 18px; letter-spacing: .3888889px; font-weight: 300; text-decoration: none; transition: background .25s, color .25s, transform .2s, box-shadow .25s; }
html[lang="zh"] .team-page .services-cta .proto-button { width: 120px; font-family: var(--font-cn); }
.team-page .services-cta .proto-button::after { content: ''; display: block; width: 16px; height: 5px; margin-left: 0; flex: 0 0 16px; background: url('../../images/arrow.svg') center / 16px 5px no-repeat; filter: brightness(0); }
.team-page .services-cta .proto-button:hover { background: #ececec; color: #141414; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.team-page .services-cta .proto-button:hover::after { filter: brightness(0); }
.team-hero { position: relative; min-height: 735px; overflow: hidden; color: #fff; background: #565a5f; }
.team-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,16,18,.74) 0%, rgba(13,16,18,.4) 48%, rgba(13,16,18,.06) 100%), url('../../images/about/hero-bg.png') center/cover no-repeat; filter: saturate(.72); }
.team-hero .container { position: relative; z-index: 1; min-height: 735px; display: flex; align-items: center; }
.team-hero-inner { width: min(760px, 100%); padding-top: 58px; }
.team-hero .hero-pill { margin-bottom: 22px; padding: 0 32px; }
.team-hero h1 { margin: 0; color: #fff; font-size: 58px; line-height: 1.22; font-weight: 200; letter-spacing: 1px; }
.team-hero-lead { max-width: 650px; margin: 28px 0 0; color: rgba(255,255,255,.9); font-size: 18px; line-height: 1.85; font-weight: 200; letter-spacing: .4px; }
.team-section { padding: 96px 0 120px; background: #f6f5f1; }
.team-section-head { max-width: 760px; margin-bottom: 54px; }
.team-section-head .eyebrow { color: var(--brand); font-size: 12px; letter-spacing: 2px; }
.team-section-head h2 { margin-top: 14px; font-size: 38px; line-height: 1.25; font-weight: 200; letter-spacing: .6px; }
.team-list { display: grid; gap: 28px; }
.team-member { display: grid; grid-template-columns: 340px minmax(0, 1fr); min-height: 390px; background: #fff; border: 1px solid #e4e2dc; }
.team-member-photo { min-height: 390px; overflow: hidden; background: #565a5f; }
.team-member-photo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; }
.team-member-photo-placeholder { display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #62666b, #3f4348); }
.team-member-photo-placeholder span { color: rgba(255,255,255,.68); font-size: 11px; letter-spacing: 2px; }
.team-member-copy { display: flex; flex-direction: column; justify-content: center; padding: 58px 76px; }
.team-member-copy .member-index { color: var(--brand); font-size: 12px; letter-spacing: 2px; }
.team-member-copy h3 { margin-top: 0; font-size: 32px; line-height: 1.25; font-weight: 300; letter-spacing: .4px; }
.team-member-role { margin-top: 10px; color: #555; font-size: 17px; line-height: 1.5; font-weight: 400; letter-spacing: .2px; }
.team-member-copy .member-rule { width: 48px; height: 1px; margin: 24px 0 26px; background: var(--brand); }
.team-member-copy p { max-width: 730px; color: #777; font-size: 16px; line-height: 1.9; font-weight: 300; letter-spacing: .2px; text-align: justify; }
html[lang="zh"] .team-hero h1 { letter-spacing: 2px; }
html[lang="zh"] .team-hero-lead { max-width: 620px; line-height: 1.9; letter-spacing: 1px; }
html[lang="zh"] .team-section-head h2 { letter-spacing: 2px; }
html[lang="zh"] .team-member-copy p { color: #777; line-height: 2; letter-spacing: 1px; }
@media (max-width: 1000px) {
  .team-member { grid-template-columns: 280px minmax(0, 1fr); }
  .team-member-copy { padding: 44px 42px; }
}
@media (max-width: 768px) {
  .team-hero { min-height: 600px; }
  .team-hero .container { min-height: 600px; align-items: flex-end; padding-bottom: 72px; }
  .team-hero-inner { padding-top: 0; }
  .team-hero h1 { font-size: 40px; }
  .team-hero-lead { margin-top: 20px; font-size: 15px; line-height: 1.75; }
  .team-section { padding: 64px 0 78px; }
  .team-section-head { margin-bottom: 32px; }
  .team-section-head h2 { font-size: 30px; }
  .team-member { grid-template-columns: 1fr; }
  .team-member-photo { height: 420px; min-height: 0; }
  .team-member-copy { padding: 34px 26px 42px; }
  .team-member-copy h3 { font-size: 28px; }
  .team-member-copy p { font-size: 14px; line-height: 1.85; }
}