.office-final-cta__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  margin-top: clamp(1.25rem, 1.1rem + 0.75vw, 1.875rem);
  max-width: 35rem;
}

.office-final-cta__row {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(3.125rem, 2.5rem + 3.125vw, 6.25rem);
}

.office-final-cta__input {
  flex: 1;
  min-width: 0;
  border: none;
  background-color: var(--color-accent-gold);
  color: var(--color-primary);
  font-family: var(--font-body-semibold);
  font-size: clamp(1.3125rem, 1.2rem + 0.5625vw, 1.875rem);
  line-height: clamp(1.8125rem, 1.6625rem + 0.75vw, 2.5625rem);
  border-bottom: 2px solid var(--color-primary);
}

.office-final-cta__input::placeholder {
  color: var(--color-primary-soft);
}

.office-final-cta__submit {
  flex-shrink: 0;
  background-color: var(--color-primary);
  color: var(--color-text-invert);
  font-family: var(--font-body-bold);
  font-size: clamp(0.8125rem, 0.6875rem + 0.625vw, 1.4375rem);
  line-height: clamp(1.125rem, 0.9625rem + 0.8125vw, 1.9375rem);
}

.office-final-cta__note {
  margin-top: clamp(0.625rem, 0.1875rem + 2.1875vw, 2.8125rem);
  color: var(--color-text-invert);
  font-family: var(--font-body-regular);
  font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem);
  line-height: clamp(1.1875rem, 1.0875rem + 0.5vw, 1.6875rem);
}

.office-final-cta__media {
  width: clamp(6.25rem, 2.125rem + 20.625vw, 26.875rem);
  height: clamp(7.5rem, 2.125rem + 26.875vw, 34.375rem);
  top: 10%;
  right: 0;
  bottom: auto;
}

@media (min-width: 480px) {
  .office-final-cta__row {
    flex-wrap: nowrap;
  }
}

@media (min-width: 961px) {
  .office-final-cta .banner__content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .office-final-cta__media {
    top: 10%;
    left: 13%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
  }
}