/* Authored \n breaks are desktop-only; below the site's mobile breakpoint
   (navbar switch, 1280px) the text reflows naturally. */
@media (max-width: 1280px) {
  br.multiline-br {
    display: none;
  }
}

.comming-soon-info-block,
.comming-soon-info-block *,
.comming-soon-info-block *::before,
.comming-soon-info-block *::after,
.comming-soon-info-block-item,
.comming-soon-info-block-item *,
.comming-soon-info-block-item *::before,
.comming-soon-info-block-item *::after {
  box-sizing: border-box;
}

.comming-soon-info-block {
  width: 100%;
  background: #e9efed;
  color: #18141e;
  font-family: "Mona Sans", "Helvetica Neue", Arial, sans-serif;
  padding: 96px 0;
}

.comming-soon-info-block__inner {
  max-width: 1380px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(2.5rem, 6vw, 5.5rem);
}

@media (max-width: 1380px) {
  .comming-soon-info-block__inner {
    padding: 0 24px;
  }
}

.comming-soon-info-block__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  max-width: 560px;
}

.comming-soon-info-block__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 6px 23px;
  border-radius: 999px;
  background: #18141E;
  color: #fcfcfc;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.comming-soon-info-block__title {
  margin: 28px 0 0;
  color: #18141e;
  font: inherit;
  font-size: 60px;
  font-weight: 500;
  line-height: 70px;
  letter-spacing: -0.02em;
  max-width: 14ch;
}

.comming-soon-info-block__description {
  margin: 28px 0 0;
  color: #18141e;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  max-width: 480px;
}

.comming-soon-info-block__form {
  width: 100%;
  margin-top: 36px;
}

/* Webflow projects the form through a native <slot> in light DOM.
   Descendants can't be styled from this shadow sheet — see formStyles.ts. */
.comming-soon-info-block__form:has(> slot[name="form"]) {
  display: block;
}

.comming-soon-info-block__form > slot[name="form"] {
  display: block !important;
  width: 100%;
}

.comming-soon-info-block__form > slot[name="form"]::slotted(*) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

.comming-soon-info-block__form-note {
  margin: 14px 0 0;
  color: #18141e;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}

.comming-soon-info-block__right {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 560px;
  width: 100%;
  justify-self: end;
}

.comming-soon-info-block__right > slot {
  display: flex !important;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}

.comming-soon-info-block__right > slot::slotted(*) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

:host {
  display: block;
  min-width: 0;
}

.comming-soon-info-block-item {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 18px 0;
  border-top: 1px solid #18141e4d;
  color: #18141e;
  font-family: "Mona Sans", "Helvetica Neue", Arial, sans-serif;
}

.comming-soon-info-block__right > .comming-soon-info-block-item:last-child,
:host(:last-child) .comming-soon-info-block-item {
  padding-bottom: 0;
}

.comming-soon-info-block-item__heading {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
}

.comming-soon-info-block-item__title {
  margin: 0;
  min-width: 0;
  color: #18141e;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 10%;
  text-transform: uppercase;
  margin-top: 3px;
}

.comming-soon-info-block-item__badge {
  margin-top: 1px;
  padding: 4px 16px;
  border-radius: 999px;
  background: #8a908d;
  color: #fcfcfc;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 10%;
  text-transform: uppercase;
  white-space: nowrap;
}

.comming-soon-info-block-item__description {
  margin: 12px 0 0;
  color: #18141e;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 1024px) {
  .comming-soon-info-block {
    padding: 64px 0;
  }

  .comming-soon-info-block__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .comming-soon-info-block__left,
  .comming-soon-info-block__right {
    max-width: 100%;
    justify-self: stretch;
  }

  .comming-soon-info-block__title {
    max-width: none;
    font-size: 34px;
  }

  /* Stacked column spans the section; the desktop-column cap comes off */
  .comming-soon-info-block__description {
    max-width: none;
  }

  .comming-soon-info-block__title {
    font-size: 28px;
  }

  .comming-soon-info-block-item__heading {
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media (max-width: 425px) {
  .comming-soon-info-block-item__heading {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .comming-soon-info-block-item__description {
    margin-top: 23px;
  }
}


@keyframes comming-soon-info-block-reveal {
  from {
    opacity: 0;
    transform: translateY(36px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.comming-soon-info-block-reveal .comming-soon-info-block__inner {
  opacity: 0;
}

.comming-soon-info-block-reveal.is-revealed .comming-soon-info-block__inner {
  animation: comming-soon-info-block-reveal 850ms cubic-bezier(0.4, 0, 0.2, 1) 100ms both;
}

@media (prefers-reduced-motion: reduce) {
  .comming-soon-info-block-reveal .comming-soon-info-block__inner {
    opacity: 1;
    animation: none;
  }
}


@keyframes comming-soon-info-block-item-reveal {
  from {
    opacity: 0;
    transform: translateY(36px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.comming-soon-info-block-item--reveal {
  opacity: 0;
}

.comming-soon-info-block-item--reveal.is-revealed {
  animation: comming-soon-info-block-item-reveal 850ms cubic-bezier(0.4, 0, 0.2, 1) 60ms both;
}

@media (prefers-reduced-motion: reduce) {
  .comming-soon-info-block-item--reveal {
    opacity: 1;
    animation: none;
  }
}

/* Waterfall: siblings entering together stagger left-to-right */

/* waterfall-comming-soon-info-block-item */
:host(:nth-child(2)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(2) {
  animation-delay: 160ms;
}
:host(:nth-child(3)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(3) {
  animation-delay: 260ms;
}
:host(:nth-child(4)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(4) {
  animation-delay: 360ms;
}
:host(:nth-child(5)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(5) {
  animation-delay: 460ms;
}
:host(:nth-child(6)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(6) {
  animation-delay: 560ms;
}
:host(:nth-child(7)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(7) {
  animation-delay: 660ms;
}

/* waterfall-ext-comming-soon-info-block-item: items 8+ keep cascading instead of snapping to the base delay */
:host(:nth-child(8)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(8) {
  animation-delay: 760ms;
}
:host(:nth-child(9)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(9) {
  animation-delay: 860ms;
}
:host(:nth-child(n + 10)) .comming-soon-info-block-item--reveal.is-revealed,
.comming-soon-info-block-item--reveal.is-revealed:nth-child(n + 10) {
  animation-delay: 960ms;
}