/* Built with Prooflive.ai: https://prooflive.ai | ref pl1fyxqb90 */
:root{
  --c-bg:#F3F2EE; --c-surface:#FFFFFF; --c-alt:#0E1014; --c-alt-ink:#F3F2EE;
  --c-ink:#0E1014; --c-muted:#4A4E57; --c-line:#D9D8D2;
  --c-accent:#4A5A2C; --c-accent-ink:#F3F2EE;
}
body{background:var(--c-bg);color:var(--c-ink)}

/* header on the cobalt landing */
.p-nav-inline{background:var(--c-accent);color:var(--c-accent-ink);border:0;position:relative;z-index:20}
.p-nav-inline a{color:var(--c-accent-ink)}
.p-nav-inline .brand{font-family:Unbounded,sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.02em}
.p-nav-inline .links a:hover{text-decoration:underline;text-underline-offset:.3em}
.p-nav-inline .btn{background:var(--c-alt);color:var(--c-alt-ink);border-color:var(--c-alt)}
.p-nav-inline .btn:hover{background:var(--c-accent-ink);color:var(--c-ink);border-color:var(--c-accent-ink)}
.p-nav-inline details ul{background:var(--c-accent);z-index:30}

/* landing */
.p-hero-wordmark{background:var(--c-accent);color:var(--c-accent-ink)}
.p-hero-wordmark h1{font-size:min(35vw,31rem);white-space:nowrap;line-height:.8;letter-spacing:-.06em;margin:0 0 .12em -.04em;color:var(--c-accent-ink)}
.p-hero-wordmark .full{color:var(--c-accent-ink);font-family:Unbounded,sans-serif;display:block;font-size:clamp(1rem,2.2vw,1.6rem);letter-spacing:0;line-height:1.2;font-weight:700;margin:.9em 0 0 .2em}
.p-hero-wordmark .lede{color:var(--c-accent-ink)}
.p-hero-wordmark ul li{color:var(--c-accent-ink)}
.p-hero-wordmark .btn{background:var(--c-alt);color:var(--c-alt-ink);border-color:var(--c-alt)}
.p-hero-wordmark .btn:hover{background:var(--c-accent-ink);color:var(--c-ink);border-color:var(--c-accent-ink)}
.p-hero-wordmark .btn.line{background:transparent;color:var(--c-accent-ink);border-color:var(--c-accent-ink)}
.p-hero-wordmark .btn.line:hover{background:var(--c-accent-ink);color:var(--c-accent)}
.tree{background:var(--c-alt);color:var(--c-alt-ink);border-radius:20px;padding:clamp(1.25rem,3vw,2rem);margin:0;
  font-size:clamp(.82rem,1.4vw,1rem);line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.tree b{color:#B9C78E;font-weight:600}
.tree a{color:var(--c-alt-ink);text-decoration:underline;text-decoration-color:#B9C78E;text-underline-offset:.25em}
.tree a:hover{color:#B9C78E}
.tree span{color:#9DA1AA}

.p-hero-wordmark .media{background:none;aspect-ratio:auto;border-radius:0;overflow:visible;align-self:start}
.p-hero-wordmark .full{margin:0 0 1.5rem}

/* ventures */
.ventures h2{font-size:clamp(2rem,5vw,3.6rem);margin:0 0 .6em;letter-spacing:-.03em}
.ventures ul{list-style:none;margin:0;padding:0;border-top:3px solid var(--c-ink)}
.ventures li{border-bottom:3px solid var(--c-ink)}
.ventures a{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.6fr) minmax(0,.8fr);gap:1.5rem 2.5rem;align-items:baseline;
  padding:clamp(1.4rem,3vw,2.4rem) .75rem;color:var(--c-ink);text-decoration:none}
.ventures .name{font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(1.7rem,4.2vw,3.3rem);letter-spacing:-.03em;line-height:1}
.ventures .what{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.5;color:var(--c-muted);margin:0}
.ventures .kind{display:block;font-weight:700;color:var(--c-ink);margin-bottom:.25em}
.ventures .url{justify-self:end;font-weight:600;font-size:1rem}
.ventures a:hover,.ventures a:focus-visible{background:var(--c-accent);color:var(--c-accent-ink)}
.ventures a:hover .what,.ventures a:hover .kind,.ventures a:focus-visible .what,.ventures a:focus-visible .kind{color:var(--c-accent-ink)}
@media (max-width:860px){
  .ventures a{grid-template-columns:1fr;gap:.6rem}
  .ventures .url{justify-self:start}
}

/* footer */
.p-footer-simple .brand{font-family:Unbounded,sans-serif;font-weight:800}
@media (max-width:640px){.p-footer-simple ul{display:none}}

@media (max-width:520px){.tree span{display:none}}
.p-hero-wordmark .row{align-items:center}
@media (min-width:761px){.tree{font-size:clamp(1rem,1.5vw,1.25rem);line-height:2.3;padding:2.5rem 2.75rem}}
.p-footer-simple{background:var(--c-alt);color:var(--c-alt-ink);border-top:0}
.p-footer-simple a,.p-footer-simple .brand,.p-footer-simple .legal{color:var(--c-alt-ink)}
.p-footer-simple a:hover{color:#B9C78E}