/* The supplied team photograph, graded in CSS to match the Courtsmith films. */
.team.team-campaign {
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: clamp(650px, 62vw, 940px);
  padding: 64px 4%;
  color: #f4f2eb;
  background: #07101e;
  --focus-color: #b5cbff;
}
.team.team-campaign .team-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  background: #0c1627;
  pointer-events: none;
}
.team-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: .88;
  filter: saturate(.58) contrast(1.06);
}
.team-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #07101e36, transparent 55%, #07101e26),
    linear-gradient(180deg, #08122245 0%, #08122224 27%, #07101e8c 54%, #07101ef5 87%, #07101e 100%);
}
.team.team-campaign .team-content {
  position: relative;
  z-index: 1;
  width: 100%;
  justify-self: stretch;
}
.team-content > .eyebrow { color: #b9c9e5; margin-bottom: 26px; }
.team-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr);
  align-items: end;
  gap: 5%;
}
.team.team-campaign h2 { font-size: clamp(76px, 10.5vw, 168px); line-height: .86; }
.team-action { justify-self: end; padding-bottom: 4px; }
.team.team-campaign .team-action p { color: #d2dbea; font-size: 15px; line-height: 1.65; margin-bottom: 26px; }
.team-action .button { white-space: nowrap; }
@media (min-width: 1600px) {
  .team.team-campaign { padding-inline: max(4%, calc((100vw - 1500px) / 2)); }
}
@media (max-width: 1000px) {
  .team.team-campaign { padding: 50px 5%; min-height: 780px; }
  .team-bottom { grid-template-columns: 1fr; gap: 30px; }
  .team-action { justify-self: start; }
  .team-media::after { background: linear-gradient(180deg, #08122230, #07101e24 25%, #07101ea6 48%, #07101ef5 70%, #07101e); }
}
@media (max-width: 600px) {
  /* Preserve the whole group at small widths; let the photograph fade into the copy. */
  .team.team-campaign { min-height: 0; padding: calc(61.4vw + 4px) 5% 48px; }
  .team.team-campaign .team-media { inset: 0 0 auto; aspect-ratio: 2000 / 1228; }
  .team-media img { position: absolute; inset: 0; object-fit: contain; }
  .team-media::after { background: linear-gradient(180deg, #0812223d 0%, #08122224 38%, #07101e85 65%, #07101e 100%); }
  .team-content > .eyebrow { font-size: 9px; letter-spacing: 1.6px; margin-bottom: 20px; }
  .team.team-campaign h2 { font-size: clamp(68px, 18vw, 105px); }
  .team.team-campaign .team-action p { font-size: 13px; }
  .team-action { width: 100%; }
  .team-action .button { width: 100%; max-width: 350px; gap: 18px; }
}

/* Courtsmith-supplied uniform milestone. */
.team.team-campaign .team-action .team-volume{margin:0 0 28px;color:#f4f2eb;line-height:1}
.team-volume strong{display:block;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;font-size:clamp(76px,7.2vw,112px);line-height:.9;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.team-volume span{display:block;margin-top:12px;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.12em}
@media(max-width:600px){.team-volume strong{font-size:80px}.team-volume span{font-size:12px}}