/* 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);
}

.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);
}

@media (max-width: 860px) {
  .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.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;
  }
}