/* Full-height video band: "We're your end-to-end partner in" (home and about). */

.partner-band {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100vh;
  overflow: hidden;
  background: #0d121c;
}
.partner-band__video { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }

.partner-band__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgb(12 32 74 / 82%) 0%, rgb(18 54 124 / 50%) 42%, rgb(8 20 48 / 92%) 100%);
}

.partner-band__inner { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 72px; padding: 160px var(--gutter) 64px; }
.partner-band__copy { max-width: 1200px; }
.partner-band__kicker { margin-bottom: 18px; font-size: 18px; letter-spacing: 1px; color: rgb(244 242 236 / 70%); }

.partner-band__title {
  margin-bottom: 26px;
  font-weight: 600;
  font-size: clamp(40px, 4.6vw, 76px);
  line-height: 1.02;
  letter-spacing: -2.6px;
  background: linear-gradient(92deg, var(--gold) 30%, #6fa0ff);
  background-clip: text;
  color: transparent;
}

.partner-band__lead { max-width: 1180px; font-size: clamp(22px, 1.55vw, 27px); line-height: 1.5; color: rgb(240 238 232 / 86%); text-wrap: pretty; }

.partner-band__stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 32px;
  margin: 0;
  padding-top: 40px;
  border-top: 1px solid rgb(244 242 236 / 20%);
}
.partner-band__stats div { display: flex; flex-direction: column-reverse; justify-content: flex-end; }
.partner-band__stats dd { margin: 0; font-weight: 800; font-size: clamp(38px, 3.8vw, 60px); line-height: 1; letter-spacing: -2.4px; color: var(--night-ink); }
.partner-band__stats dt { margin-top: 10px; font-size: 14px; color: rgb(240 238 232 / 62%); }
.partner-band--tall .partner-band__inner { padding-bottom: 112px; }

@media (max-width: 1100px) {
  .partner-band { min-height: 80vh; }
  .partner-band__inner { padding-top: 120px; }
  .partner-band__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .partner-band__inner { gap: 48px; padding-top: 96px; }
  .partner-band__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
}