/* Figma section-title accent: node 841:2895 and responsive component instances. */
.brand-title-lockup {
  --brand-title-accent-left: 0px;
  --brand-title-accent-top: 33px;
  --brand-title-accent-width: 127px;
  --brand-title-accent-height: 32px;
  --brand-title-accent-radius: 46px;
  --brand-title-notch-radius: 17.5px;
  --brand-title-notch-x: calc(100% - 8.5px);
  --brand-title-notch-y: 2.5px;
  --brand-title-dot-left: 134px;
  --brand-title-dot-top: 52px;
  --brand-title-dot-size: 28px;
  position: relative;
  isolation: isolate;
}

.brand-title-lockup.brand-title-lockup--standard::before,
.brand-title-lockup.brand-title-lockup--wide::before,
.brand-title-lockup.brand-title-lockup--xwide::before,
.brand-title-lockup.brand-title-lockup--long::before,
.brand-title-lockup.brand-title-lockup--center-creators::before,
.brand-title-lockup.brand-title-lockup--center-partners::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: var(--brand-title-accent-left);
  top: var(--brand-title-accent-top);
  width: var(--brand-title-accent-width);
  height: var(--brand-title-accent-height);
  border-radius: var(--brand-title-accent-radius);
  opacity: 1;
  background: linear-gradient(90deg, rgba(228, 154, 175, .7), rgba(219, 157, 140, .7));
  transform: none;
  -webkit-mask: radial-gradient(circle var(--brand-title-notch-radius) at var(--brand-title-notch-x) var(--brand-title-notch-y), transparent calc(var(--brand-title-notch-radius) - .5px), #000 calc(var(--brand-title-notch-radius) + .5px));
  mask: radial-gradient(circle var(--brand-title-notch-radius) at var(--brand-title-notch-x) var(--brand-title-notch-y), transparent calc(var(--brand-title-notch-radius) - .5px), #000 calc(var(--brand-title-notch-radius) + .5px));
}

.brand-title-lockup.brand-title-lockup--standard::after,
.brand-title-lockup.brand-title-lockup--wide::after,
.brand-title-lockup.brand-title-lockup--xwide::after,
.brand-title-lockup.brand-title-lockup--long::after,
.brand-title-lockup.brand-title-lockup--center-creators::after,
.brand-title-lockup.brand-title-lockup--center-partners::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: var(--brand-title-dot-left);
  top: var(--brand-title-dot-top);
  width: var(--brand-title-dot-size);
  height: var(--brand-title-dot-size);
  border-radius: 50%;
  opacity: 1;
  background: rgba(228, 155, 174, .3);
  transform: none;
}

.brand-title-lockup > h1,
.brand-title-lockup > h2,
.brand-title-lockup > strong,
.brand-title-lockup > p,
.brand-title-lockup > span {
  position: relative;
  z-index: 1;
}

.bhome-title-lockup.brand-title-lockup--standard > h1,
.bhome-title-lockup.brand-title-lockup--standard > h2,
.bhome-title-lockup.brand-title-lockup--standard > span,
.bhome-title-lockup.brand-title-lockup--long > h1,
.bhome-title-lockup.brand-title-lockup--long > h2,
.bhome-title-lockup.brand-title-lockup--long > span,
.brand-document-title.brand-title-lockup > h1,
.brand-document-title.brand-title-lockup > h2,
.brand-document-title.brand-title-lockup > span {
  padding-left: 6px;
}

.brand-title-lockup--wide {
  --brand-title-accent-width: 169px;
  --brand-title-dot-left: 191px;
}

.brand-title-lockup--xwide {
  --brand-title-accent-width: 186px;
  --brand-title-dot-left: 208px;
}

.brand-title-lockup--long {
  --brand-title-accent-width: 209px;
  --brand-title-dot-left: 236px;
  --brand-title-dot-top: 54px;
}

.brand-title-lockup--center-creators {
  --brand-title-accent-left: calc(50% - 70px);
  --brand-title-accent-top: 26px;
  --brand-title-accent-width: 119px;
  --brand-title-dot-left: calc(50% + 57px);
}

.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-creators,
.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-partners {
  width: 100%;
  max-width: none;
  align-items: center;
  text-align: center;
}

.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-creators > h2,
.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-creators > span,
.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-partners > h2,
.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-partners > span {
  width: max-content;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
}

.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-creators > span,
.bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-partners > span {
  color: #aaa;
}

.brand-title-lockup--center-partners {
  --brand-title-accent-left: calc(50% - 77px);
  --brand-title-accent-top: 26px;
  --brand-title-accent-width: 119px;
  --brand-title-dot-left: calc(50% + 42px);
}

/* Homepage title treatment shared by every branded section heading. */
.bhome-title-lockup--figma-clean::before,
.bhome-title-lockup--figma-clean::after,
.bhome-stats-mobile-title::before,
.bhome-stats-mobile-title::after {
  display: none;
}

.bhome-title-lockup--figma-clean.brand-title-lockup {
  width: max-content;
  max-width: 100%;
  height: auto;
  min-height: 80px;
  padding-left: 0;
}

.bhome-title-lockup--figma-clean.brand-title-lockup > h1,
.bhome-title-lockup--figma-clean.brand-title-lockup > h2,
.bhome-title-lockup--figma-clean.brand-title-lockup > strong {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  overflow: hidden;
  color: #fff;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 52.8px;
  letter-spacing: -.72px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bhome-title-lockup--figma-clean.brand-title-lockup > p,
.bhome-title-lockup--figma-clean.brand-title-lockup > span {
  display: block;
  max-width: 100%;
  margin: 12px 0 0;
  overflow: hidden;
  color: #f68804;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14.5227px;
  letter-spacing: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bhome-title-lockup--figma-clean.brand-title-lockup > h1,
.bhome-title-lockup--figma-clean.brand-title-lockup > h2,
.bhome-title-lockup--figma-clean.brand-title-lockup > strong,
.bhome-title-lockup--figma-clean.brand-title-lockup > p,
.bhome-title-lockup--figma-clean.brand-title-lockup > span,
.bhome-stats-mobile-title.brand-title-lockup > strong,
.bhome-stats-mobile-title.brand-title-lockup > span {
  padding-left: 0;
}

@media (max-width: 860px) {
  .bhome-title-lockup--figma-clean.brand-title-lockup {
    width: max-content;
    max-width: 100%;
    min-height: 47px;
  }

  .bhome-title-lockup--figma-clean.brand-title-lockup > h1,
  .bhome-title-lockup--figma-clean.brand-title-lockup > h2,
  .bhome-title-lockup--figma-clean.brand-title-lockup > strong {
    font-size: 24px;
    line-height: 26.4px;
    letter-spacing: -.36px;
  }

  .bhome-title-lockup--figma-clean.brand-title-lockup > p,
  .bhome-title-lockup--figma-clean.brand-title-lockup > span {
    margin-top: 6px;
    font-size: clamp(10px, 3.2vw, 12px);
    line-height: 14.5227px;
    letter-spacing: clamp(1px, .4vw, 1.5px);
  }

  .brand-title-lockup {
    --brand-title-accent-left: 0px;
    --brand-title-accent-top: 21px;
    --brand-title-accent-width: 82px;
    --brand-title-accent-height: 18px;
    --brand-title-accent-radius: 25px;
    --brand-title-notch-radius: 9.6px;
    --brand-title-notch-x: calc(100% - 4.4px);
    --brand-title-notch-y: 1.6px;
    --brand-title-dot-left: 83px;
    --brand-title-dot-top: 32px;
    --brand-title-dot-size: 18px;
  }

  .brand-title-lockup--center-creators,
  .brand-title-lockup--center-partners {
    --brand-title-accent-left: calc(50% - 50px);
    --brand-title-dot-left: calc(50% + 34px);
  }

  .bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-creators > h2,
  .bhome-title-lockup--figma-clean.brand-title-lockup.brand-title-lockup--center-partners > h2 {
    font-size: clamp(20px, 6.4vw, 24px);
  }

  .bhome-title-lockup.brand-title-lockup--standard > h1,
  .bhome-title-lockup.brand-title-lockup--standard > h2,
  .bhome-title-lockup.brand-title-lockup--standard > span,
  .bhome-title-lockup.brand-title-lockup--long > h1,
  .bhome-title-lockup.brand-title-lockup--long > h2,
  .bhome-title-lockup.brand-title-lockup--long > span,
  .brand-document-title.brand-title-lockup > h1,
  .brand-document-title.brand-title-lockup > h2,
  .brand-document-title.brand-title-lockup > span,
  .bhome-stats-mobile-title.brand-title-lockup > strong,
  .bhome-stats-mobile-title.brand-title-lockup > span {
    padding-left: 4px;
  }

  .bhome-title-lockup--figma-clean.brand-title-lockup > h1,
  .bhome-title-lockup--figma-clean.brand-title-lockup > h2,
  .bhome-title-lockup--figma-clean.brand-title-lockup > strong,
  .bhome-title-lockup--figma-clean.brand-title-lockup > p,
  .bhome-title-lockup--figma-clean.brand-title-lockup > span {
    padding-left: 0;
  }
}