/* Partner landing: partnership exposure areas */
.partner-exposure {
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-5xl) var(--spacing-lg);
  background: var(--semantic-bg);
}

.partner-exposure__inner {
  display: flex;
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  flex-direction: column;
  gap: var(--spacing-5xl);
}

.partner-exposure__title {
  margin: 0;
  color: var(--neutral-tx2-title);
  font-size: var(--font-size-6xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-54);
  text-align: center;
}

.partner-exposure__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  padding-bottom: var(--spacing-3xl);
}

.partner-exposure__card {
  box-sizing: border-box;
  display: flex;
  min-width: 334px;
  min-height: 244px;
  flex: 1 1 calc((100% - (var(--spacing-lg) * 3)) / 4);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
  margin: 0;
  padding: var(--spacing-3xl);
  border: var(--stroke-1) solid var(--semantic-input-border);
  background: var(--semantic-white);
}

.partner-exposure__icon {
  width: 48px;
  flex: 0 0 auto;
}

.partner-exposure__card-title,
.partner-exposure__description {
  margin: 0;
  word-break: keep-all;
}

.partner-exposure__card-title {
  color: var(--neutral-tx2-title);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-28);
}

.partner-exposure__description {
  color: var(--neutral-tx3-sub);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-24);
}

@media (max-width: 1439px) {
  .partner-exposure__card {
    flex-basis: calc((100% - var(--spacing-lg)) / 2);
  }
}

@media (max-width: 767px) {
  .partner-exposure__title {
    font-size: var(--font-size-5xl);
    line-height: var(--line-height-44);
  }

  .partner-exposure__card {
    min-width: 0;
    flex-basis: 100%;
  }
}