/* FAQ page. Note: the design's ".fgrid" is renamed ".fqgrid" here — ".fgrid" is the form grid elsewhere. */
.faqhead{padding:72px 0 0}
.faqhead .bc{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 18px}
.faqhead .bc a{color:var(--accent-deep);text-decoration:none}
.faqhead h1{font-size:44px;max-width:26ch}
.faqhead .lede{font-size:19px;color:var(--ink-soft);margin:20px 0 0;max-width:64ch}
.fgroup{padding:64px 0 0}
.fgroup.tinted{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:64px;padding:60px 0}
.fqgrid{display:grid;grid-template-columns:0.42fr 1fr;gap:48px;align-items:start}
.fqgrid .gh{position:sticky;top:104px}
.fqgrid .gh p.gn{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 12px}
.fqgrid .gh h2{font-size:27px}
.fqgrid .faq{max-width:none;border-top:1px solid var(--line-2)}
.faqi .inner a{color:var(--accent-deep)}
.fgroup:last-of-type{padding-bottom:88px}
.fgroup.tinted:last-of-type{padding-bottom:60px}
@media(max-width:1000px){.fqgrid{grid-template-columns:1fr;gap:22px}.fqgrid .gh{position:static}}
@media(max-width:640px){.faqhead h1{font-size:32px}}