/* ============================================================
   inquiry.css — shared template for the three "Get involved"
   inquiry pages (space / fund-nature / team). The card's
   background carries the same pale-green / lime / lilac
   progression as the .path-grid cards it's reached from, via a
   modifier class on .inquiry-form.

   .inquiry-hero is its own component rather than a reuse of
   pages.css's .breadcrumb + .page-intro: both of those carry a
   full nav-clearance top padding on their own (they're written
   to each be the first element below the fixed header), and
   stacking them back to back here doubled that clearance into a
   few hundred pixels of dead space with the back link stranded
   alone at the top. One wrapper owns the nav clearance once, and
   the back link, kicker, heading and intro all sit inside it. */
.inquiry-hero{padding:clamp(128px,20vw,156px) 7vw 0}
.inquiry-back{display:inline-block;font-size:var(--fs-xs);font-weight:600;border-bottom:1px solid transparent}
.inquiry-back:hover{border-bottom-color:currentColor}
.inquiry-hero-body{margin-top:clamp(40px,6vw,64px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:clamp(36px,5vw,88px);align-items:start}
.inquiry-hero-head{grid-column:1;grid-row:1}
.inquiry-hero-head .kicker{display:block;margin-bottom:16px}
.inquiry-hero-head h1{font-size:var(--fs-h1-sub);line-height:1.02;letter-spacing:-.045em;margin:0}
.inquiry-hero-intro{grid-column:2;grid-row:1;font-size:var(--fs-lead);line-height:1.6;max-width:52ch;margin:0}

.inquiry-panel{padding:clamp(64px,9vw,96px) 7vw var(--card-inset)}
.inquiry-form{max-width:760px;margin:0 auto;padding:clamp(32px,4.4vw,60px) clamp(24px,5vw,64px);border-radius:120px 20px 20px 20px;background:var(--pale-green)}
.inquiry-form.fund-nature{background:var(--lime)}
.inquiry-form.team{background:#d9c8df}

.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
.field{display:flex;flex-direction:column;gap:8px}
.field-full{grid-column:1/-1}

.field label{font-size:var(--fs-xs);font-weight:700}
.field .optional{font-weight:400;opacity:.65}
.field input,.field select,.field textarea{font:inherit;font-size:var(--fs-sm);padding:13px 16px;border:1.5px solid rgba(10,40,24,.25);border-radius:12px;background:var(--white);color:var(--ink)}
.field textarea{min-height:120px;resize:vertical}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.field-error{font-size:var(--fs-2xs);line-height:1.4;min-height:1em}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--orange)}

.form-status{margin:26px 0 0;padding:16px 20px;border-radius:14px;font-size:var(--fs-xs);line-height:1.55}
.form-status[data-kind="success"]{background:var(--forest);color:var(--white)}
.form-status[data-kind="error"],.form-status[data-kind="blocked"]{background:var(--white);border:1.5px solid var(--orange)}
.form-status a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.form-status p{margin:0 0 8px}
.form-status p:last-child{margin-bottom:0}

.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}
.form-submit{background:var(--ink);color:var(--white);padding:16px 32px;border-radius:30px;font-weight:700;font-size:var(--fs-sm);border:0;cursor:pointer;transition:background-color .25s ease,transform .2s ease}
.form-submit:hover{background:var(--forest)}
.form-submit:disabled{opacity:.6;cursor:default}
.form-submit:focus-visible{outline:3px solid var(--ink);outline-offset:5px;box-shadow:0 0 0 9px var(--white)}
.form-fine{font-size:var(--fs-2xs);line-height:1.55;opacity:.75;max-width:360px;margin:0}
.form-fine a{font-weight:700;text-decoration:underline;text-underline-offset:2px}

@media(max-width:1000px){
  .field-grid{grid-template-columns:1fr}
  .inquiry-hero-body{display:block}
  .inquiry-hero-head h1{margin:0 0 18px}
  .inquiry-hero-intro{max-width:62ch}
}
@media(max-width:650px){
  .inquiry-hero{padding:clamp(108px,32vw,132px) 6vw 0}
  .inquiry-hero-body{margin-top:clamp(26px,8vw,36px)}
  .inquiry-panel{padding:clamp(40px,12vw,56px) 6vw 60px}
  .inquiry-form{border-radius:70px 16px 16px 16px;padding:34px 22px}
}
@media(prefers-reduced-motion:reduce){
  .form-submit{transition-duration:.01ms}
}