/* Version 127 — Community Outreach Partnership Inquiry */

.partnership-section {
  color: var(--cream);
  background:
    radial-gradient(circle at 10% 24%, rgb(163 25 77 / 17%), transparent 25%),
    radial-gradient(circle at 91% 76%, rgb(226 195 110 / 12%), transparent 26%),
    linear-gradient(rgb(6 58 51 / 96%), rgb(4 48 43 / 98%)),
    url("assets/hero-botanical.svg") center / cover no-repeat;
}

.partnership-section::after {
  position: absolute;
  z-index: 1;
  top: 8px;
  bottom: 8px;
  left: 8px;
  width: 5px;
  background: linear-gradient(180deg, transparent, var(--cranberry-vivid) 10% 90%, transparent);
  content: "";
  pointer-events: none;
}

.partnership-heading .section-kicker {
  margin: 0 0 3px;
  color: var(--gold-light);
  font-size: clamp(.68rem, 1.1vh, .82rem);
  letter-spacing: .2em;
  text-transform: uppercase;
}

.partnership-layout {
  width: min(1240px, 94%);
  grid-template-columns: minmax(300px, .35fr) minmax(620px, .65fr);
  gap: clamp(14px, 2vw, 28px);
}

.partnership-intro {
  border-left: 4px solid var(--cranberry-vivid);
}

.partnership-form {
  border-top: 4px solid var(--cranberry-vivid);
}

.partnership-form > h3 {
  margin: 0 0 7px;
  color: var(--cranberry-vivid);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.15rem, 2.1vh, 1.55rem);
  letter-spacing: .06em;
  text-align: center;
  text-transform: uppercase;
}

.partnership-fields {
  gap: 5px 14px;
}

.partnership-needs {
  margin-top: 5px;
}

.partnership-needs textarea {
  min-height: 48px;
}

.partnership-form button {
  border-color: var(--gold);
  color: var(--cream);
  background: var(--cranberry-vivid);
}

.partnership-form .form-note {
  border-color: rgb(163 25 77 / 48%);
  box-shadow: inset 4px 0 0 var(--cranberry-vivid);
}

@media (min-width: 901px) {
  .partnership-section {
    height: calc(100svh - 70px);
    min-height: 0;
    max-height: calc(100svh - 70px);
  }

  .partnership-section .intake-heading h2 {
    font-size: clamp(2rem, 4.2vh, 3.25rem);
  }

  .partnership-section .intake-heading > p:last-child {
    margin-bottom: 7px;
  }

  .partnership-form {
    padding: 10px 14px;
  }

  .partnership-form label {
    gap: 2px;
    font-size: .7rem;
  }

  .partnership-form input,
  .partnership-form select {
    min-height: 24px;
    padding-block: 3px;
  }

  .partnership-form .form-note {
    margin: 5px 0;
    padding: 5px 8px;
    font-size: .66rem;
  }

  .partnership-form button {
    min-height: 30px;
    padding: 5px 14px;
    font-size: .78rem;
  }
}

@media (max-width: 900px) {
  .partnership-section {
    min-height: auto;
    max-height: none;
    padding: 62px 6vw 70px;
  }

  .partnership-layout {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .partnership-intro,
  .partnership-form {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .partnership-heading h2 {
    font-size: clamp(1.75rem, 9vw, 2.35rem);
  }

  .partnership-fields {
    grid-template-columns: 1fr;
  }
}