.gs-masthead-split {
  padding-block: var(--wp--preset--spacing--70);
}

.gs-masthead-split__identity,
.gs-masthead-split__companion {
  flex: 1 1 100%;
  min-inline-size: 0;
}

@media (min-width: 1200px) {
  .gs-masthead-split {
    padding-block: var(--wp--preset--spacing--80);
  }

  .gs-masthead-split__identity {
    flex: 1 1 26rem;
  }

  .gs-masthead-split__companion {
    flex: 0 1 26.25rem;
  }

  .gs-masthead-split__title {
    font-size: 6.125rem;
  }
}

.gs-masthead-split__title {
  font-family: var(--wp--custom--font-role--statement);
  font-size: var(--wp--preset--font-size--text-7);
  font-weight: var(--wp--custom--font-role-weight--statement);
  line-height: var(--wp--custom--font-role-line-height--statement);
  letter-spacing: var(--wp--custom--font-role-tracking--statement);
}

.gs-masthead-split__promise,
.gs-masthead-split__fineprint {
  color: var(--wp--custom--color--neutral-8);
}

.gs-masthead-split__promise {
  max-inline-size: 34ch;
  font-size: var(--wp--preset--font-size--text-4);
  line-height: 1.45;
}

.gs-masthead-split__cadence {
  font-weight: var(--wp--custom--weight--strong);
}

.gs-masthead-split__form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--20);
}

.gs-masthead-split__field {
  flex: 1 1 14rem;
  min-inline-size: 0;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: var(--wp--custom--rounded--lg);

  background-color: rgba(255, 255, 255, 0.10);
  color: var(--wp--preset--color--gravity-text-inverse);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--text-3);
  line-height: 1.2;
}

.gs-masthead-split__field::placeholder {
  color: var(--wp--custom--color--neutral-8);
  opacity: 1;
}

.gs-masthead-split__submit {
  flex: 0 0 auto;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
  border: 0;
  border-radius: var(--wp--custom--rounded--lg);
  background-color: var(--wp--preset--color--gravity-cta-inverse);
  color: var(--wp--preset--color--gravity-cta-label-inverse);
  font-family: var(--wp--custom--font-role--body);
  font-size: var(--wp--preset--font-size--text-3);
  font-weight: var(--wp--custom--weight--strong);
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 180ms ease, color 180ms ease;
}

.gs-masthead-split__submit:hover {
  background-color: var(--wp--custom--color--action-3);
  color: var(--wp--custom--color--action-10);
}

.gs-masthead-split__field:focus-visible,
.gs-masthead-split__submit:focus-visible {
  outline: 2px solid var(--wp--preset--color--gravity-focus-inverse);
  outline-offset: 2px;
}

.gs-masthead-split__fineprint {
  font-size: var(--wp--preset--font-size--text-1);
}

@media (prefers-reduced-motion: reduce) {
  .gs-masthead-split__submit {
    transition: none;
  }
}