/* Shared chrome for The Venture Capital Institute.
   Generated by tools/split-css.js from what the four pages had in common.

   Change the seal, wordmark, navigation, or footer HERE and all four pages
   follow. Each page keeps a small <style> block for its own components and for
   the few places it deliberately deviates from these values. */

:root{--ink:#191D1F;--faded:#5A615E;--paper:#F4F4F1;--page:#FDFDFB;--hairline:#D6D6CF;--go:#1F6F54;--fix:#B0761F;--mono:'IBM Plex Mono',monospace;--serif:'Spectral',Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.65}
a{color:var(--ink)}
.sheet{max-width:700px;margin:0 auto;padding:0 24px}
header{padding:40px 0 0;text-align:center}
.seal-mini{display:inline-block;font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;border:1px solid var(--ink);border-radius:50%;width:52px;height:52px;line-height:52px;margin-bottom:16px}
.wordmark{font-family:var(--serif);font-weight:600;font-size:1rem;letter-spacing:.24em;text-transform:uppercase}
nav.quiet{margin-top:18px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap}
nav.quiet a{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--faded)}
nav.quiet a:hover{color:var(--ink)}
/* The concierge is the point of the site, so her link is the one coloured item
   in the navigation. Every page carries it, including the legal pages. */
nav.quiet a.go{color:var(--go);border-bottom:1px solid var(--hairline);padding-bottom:2px}
nav.quiet a.go:hover{color:var(--ink);border-color:var(--ink)}
/* The invitation block. Every content page ends with one, and the directory
   opens with one too, because ad traffic lands there looking for a list and
   would otherwise leave without ever meeting her. */
.invite{border:1px solid var(--hairline);border-left:2px solid var(--go);background:var(--page);margin-top:44px;padding:20px 22px;font-size:.93rem;line-height:1.65}
.invite.top{margin-top:32px}
.invite b{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--go);font-weight:500;display:block;margin-bottom:6px}
.invite a{color:var(--go)}
footer{margin-top:70px;border-top:1px solid var(--hairline);padding:34px 0 60px;text-align:center}