/* Colour study, scoped to a separate preview document. */
:root{--charcoal:#272927;--lime:#C3FF86;--gold-ink:#416030;--gold:#416030;--ink:#252824;--ink-2:#4d5149;--ink-3:#686d62}
.masthead{background:var(--charcoal);color:#f5efe3;padding-top:22px}
.masthead .rule-double{border-color:#626959}
.masthead .rule-single{border-color:#535a4f}
.masthead .nameplate{color:#f5efe3}
.masthead .mark{color:var(--lime)}
.masthead .mast-date,.masthead .mast-tier,.masthead .mast-signed{color:#b8bfb1}
.masthead .mast-signed a{color:#f5efe3;border-color:#626959}
.masthead .nav{border-color:#535a4f}
.masthead .nav a{color:#e2e6da}
.masthead .nav a:hover,.masthead .nav a.current{color:var(--lime);border-bottom-color:var(--lime)}
.masthead .nav .t{color:#aab49f}
.masthead .nav-div{background:#535a4f}
.btn-ink{background:var(--charcoal);color:var(--lime)}
.btn-ink:hover{background:#364231}
.btn-ink.ghost{color:var(--gold-ink);border-color:var(--gold-ink);background:transparent}
.colour-preview{max-width:1180px;margin:auto;padding:9px 40px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);font:9px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.colour-preview a{color:var(--gold-ink);text-underline-offset:3px}
.pitch{padding-top:7px;padding-bottom:34px;align-items:start}
.pitch-h{margin-top:12px}
.pitch-d{max-width:48ch;margin-top:20px}
.pitch-form{margin-top:26px}
.pitch-note a,.lead-open a,.cta,.research-link{color:var(--gold-ink);text-underline-offset:4px}
.research-promise{padding:10px 0 12px;border-bottom:1px solid var(--rule)}
.research-promise h3{font-family:var(--serif);font-size:21px;line-height:1.25;font-weight:500;margin:0 0 5px}
.research-promise p{font-size:14px;line-height:1.45;color:var(--ink-2);margin:0;max-width:40ch}
.research-link{display:inline-block;margin-top:15px;font:11px/1.6 var(--mono)}
.colophon{max-width:none;width:100%;padding-inline:max(40px,calc((100% - 1100px)/2));background:var(--charcoal);color:#bbc2b5;border-top:2px solid #66785a;padding-top:25px;padding-bottom:25px}
.colophon a{color:var(--lime)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #557b37;outline-offset:4px}
.masthead a:focus-visible{outline-color:var(--lime)}
@media(max-width:980px){.colour-preview{padding-inline:18px}.pitch{padding-top:0}.pitch-d{margin-top:15px}.pitch-form{margin-top:20px}}
@media(max-width:520px){.colour-preview{font-size:8px;letter-spacing:.02em}.research-promise h3{font-size:20px}}

@media(max-width:980px){.colophon{padding-inline:18px}}
