/* Spectra: Inquiry. Reads css/site.css for tokens, fonts, header, focus ring and the shared .cta button.
   One signature element: the number. The front desk's phone number is the headline's answer, set huge in
   silver, and it turns to the brand spectrum under the cursor. Everything else is quiet ruled rows and the
   same fields as Careers (a spectrum line runs under the focused field). */

#main{padding-top:calc(var(--head) + var(--sat) + 8px);--iq-err:#ff8a73}

/* ---------- hero: the answer, then the number ---------- */
.iq-hero{max-width:1200px;margin:0 auto;padding:clamp(28px,6vh,72px) calc(var(--gut) + var(--sar)) clamp(32px,6vh,64px) calc(var(--gut) + var(--sal))}
.iq-h1{margin:0;color:var(--ink);font-family:var(--serif);font-stretch:118%;font-weight:800;
  font-size:clamp(30px,5.2vw,68px);line-height:1.08;letter-spacing:-.01em;max-width:17ch}
.iq-dial{display:grid;gap:14px;margin-top:clamp(28px,6vh,64px);justify-items:start}
.iq-num{display:inline-block;text-decoration:none;line-height:1;padding:4px 0}
.iq-num-t{display:inline-block;font-family:var(--serif);font-stretch:125%;font-weight:800;white-space:nowrap;
  font-size:clamp(34px,10.4vw,132px);line-height:1;letter-spacing:-.02em;padding-bottom:.08em;
  background:var(--silver-type);-webkit-background-clip:text;background-clip:text;color:transparent}
.iq-num:focus-visible .iq-num-t{background:var(--spectrum);-webkit-background-clip:text;background-clip:text}@media (hover:hover){.iq-num:hover .iq-num-t{background:var(--spectrum);-webkit-background-clip:text;background-clip:text}}
.iq-also{margin:0;color:var(--soft);font-size:clamp(17px,1.6vw,20px)}
.iq-email{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;color:var(--soft);font-size:clamp(17px,1.6vw,20px)}
.iq-copy{background:none;border:0;padding:0 4px;min-height:44px;min-width:44px;color:var(--dim);cursor:pointer;font:inherit;font-size:15px;letter-spacing:.02em}
@media (hover:hover){.iq-copy:hover{color:var(--ink)}}
.iq-copy-status:empty{display:none}
.iq-copy-status{font-size:14px;color:var(--soft)}

.iq-a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(252,252,252,.4);text-underline-offset:3px}
@media (hover:hover){.iq-a:hover{text-decoration-color:currentColor}}

/* ---------- sections ---------- */
.iq-block{max-width:1200px;margin:0 auto;padding:clamp(32px,5.5vh,56px) calc(var(--gut) + var(--sar)) clamp(32px,5.5vh,56px) calc(var(--gut) + var(--sal));border-top:1px solid var(--line)}
.iq-h{margin:0 0 clamp(14px,2.4vh,22px);color:var(--soft)}

/* the board: a ruled list, no cards */
.iq-rows{list-style:none;margin:0;padding:0}
.iq-row{display:grid;gap:4px 32px;padding:20px 0;border-top:1px solid var(--line);align-items:baseline}
.iq-row:first-child{border-top:0;padding-top:0}
@media (min-width:820px){.iq-row{grid-template-columns:minmax(0,5fr) minmax(0,6fr) minmax(0,3fr)}}
.iq-topic{color:var(--ink);font-size:clamp(20px,2vw,24px);line-height:1.25}
.iq-who{color:var(--soft)}
.iq-how{display:flex;flex-wrap:wrap;gap:0 22px}
.iq-how .iq-a{display:inline-flex;align-items:center;min-height:44px}

/* the one line above the form: lit as it scrolls in (js/type-fx.js) */
.iq-pitch{max-width:1200px;margin:0 auto;padding:clamp(36px,8vh,88px) calc(var(--gut) + var(--sar)) clamp(24px,4vh,40px) calc(var(--gut) + var(--sal));
  border-top:1px solid var(--line);
  font-family:var(--sans);font-weight:300;font-size:clamp(34px,7.2vw,72px);line-height:1.04;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}

/* ---------- form section ---------- */
.iq-formsec{display:grid;gap:clamp(28px,5vw,64px);border-top:0;padding-top:0}
@media (min-width:960px){.iq-formsec{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.iq-side{display:grid;gap:14px;align-content:start}
.iq-side .iq-h{margin:0}
.iq-note{margin:0;color:var(--soft);max-width:34ch}
.iq-find{font-style:normal;display:grid;gap:8px;margin-top:10px;padding-top:20px;border-top:1px solid var(--line);color:var(--soft);justify-items:start}
.iq-find-k{color:var(--ink)}
.iq-find .iq-a{display:inline-flex;align-items:center;min-height:44px}
.iq-fine{margin:0;font-size:14px;line-height:1.5;color:var(--soft)}
.iq-main{min-width:0}

.iq-form{display:flex;flex-direction:column;gap:24px}
.iq-two{display:grid;gap:24px 20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.iq-two[hidden]{display:none}
.iq-req{color:var(--dim)}
.iq-opt{color:var(--dim);font-weight:400}

.iq-field{position:relative;display:flex;flex-direction:column;gap:8px;padding-bottom:2px}
.iq-field label{font-size:14px;color:var(--soft);letter-spacing:.01em}
.iq-field input[type="text"],.iq-field input[type="tel"],.iq-field input[type="email"],.iq-field input[type="date"],.iq-field input[type="number"],.iq-field textarea{
  appearance:none;-webkit-appearance:none;width:100%;min-height:48px;padding:12px 14px;
  background:var(--raise);border:1px solid var(--line);border-radius:2px;
  color:var(--ink);font:inherit;font-size:16px;line-height:1.4}
.iq-field input[type="date"]{min-height:48px}
.iq-field textarea{min-height:140px;resize:vertical}
.iq-field input:disabled{opacity:.5}
.iq-field input:focus-visible,.iq-field textarea:focus-visible{outline:none}
.iq-field::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--spectrum);
  transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}
.iq-field:focus-within::after{transform:scaleX(1)}
.iq-field:focus-within input,.iq-field:focus-within textarea{border-color:var(--dim)}
.iq-field.has-error input,.iq-field.has-error textarea{border-color:var(--iq-err)}
.iq-hint{margin:0;font-size:13px;color:var(--dim)}
.iq-count{margin:0;text-align:right;font-size:12px;color:var(--dim)}
.iq-count.is-near{color:var(--ink)}
.iq-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* the topic chips: the brand's cut corner, silver when chosen */
.iq-reasons{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px}
.iq-reasons legend{padding:0;margin-bottom:12px;color:var(--soft);font-size:14px;letter-spacing:.01em}
.iq-chips{display:flex;flex-wrap:wrap;gap:8px}
.iq-chip{position:relative;display:inline-flex;cursor:pointer}
.iq-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.iq-chip:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.iq-chip-face{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;background:var(--raise);
  box-shadow:inset 0 0 0 1px var(--line);color:var(--soft);font-size:16px;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);
  transition:background-color .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}
@media (hover:hover){.iq-chip:hover .iq-chip-face{color:var(--ink);box-shadow:inset 0 0 0 1px var(--dim)}}
.iq-chip input:checked + .iq-chip-face{background:var(--silver-btn);color:#000;box-shadow:none;font-weight:600}
.iq-reasons.has-error .iq-chip-face{box-shadow:inset 0 0 0 1px var(--iq-err)}

/* the signature's second half: pick a topic and the line says who gets it, with the spectrum drawn under it */
.iq-route{position:relative;margin:0;min-height:0;font-size:15px;color:var(--ink);width:max-content;max-width:100%}
.iq-route:empty{display:none}
.iq-route::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--spectrum);transform-origin:left;animation:iq-draw .5s var(--ease) 1}
@keyframes iq-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.iq-err{margin:0;font-size:13px;line-height:1.4;color:var(--iq-err)}
.iq-err:empty{display:none}
.iq-notice{margin:0;padding:12px 14px;background:var(--raise);border:1px solid var(--iq-err);border-radius:2px;font-size:15px;line-height:1.5;color:var(--ink)}
.iq-notice a{color:var(--ink)}
.iq-consent{max-width:60ch}

.iq-submit{width:100%;min-height:52px;font-size:16px;margin-top:4px}
.iq-submit[disabled]{opacity:.55;pointer-events:none}

/* ---------- success ---------- */
.iq-done{display:grid;gap:14px;max-width:52ch;padding-top:8px}
.iq-done-h{margin:0;font-family:var(--serif);font-stretch:118%;font-weight:800;color:var(--ink);font-size:clamp(26px,4vw,44px);line-height:1.15}
.iq-done-p{margin:0;color:var(--soft);font-size:18px}

.sfoot .sf-nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(252,252,252,.4);text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .iq-field::after,.iq-chip-face{transition:none}
  .iq-route::after{animation:none}
}

/* 44px tap targets for the inline links (phone, email, privacy) */
.iq-also{display:flex;flex-wrap:wrap;align-items:center;gap:0 .3em}
.iq-also .iq-a,.iq-email .iq-a,.iq-consent .iq-a{display:inline-flex;align-items:center;min-height:44px}
.iq-consent{display:flex;flex-wrap:wrap;align-items:center;gap:0 .3em}