/* The contact card that carries Glenn and Joseph on every call to action.

   It lives in its own file because index.html does not link site.css: the home page still
   carries the whole stylesheet inline, so anything added to the shared sheet never reached
   the most-visited page on the site. That is how the card came to render there as one
   undifferentiated run of text, with no card, no layout and no hierarchy, while looking
   correct on all 25 other pages.

   Splitting it out rather than copying it means there is still exactly one definition.
   Every page links this file, including the home page. Unifying the rest of the home
   page's stylesheet is a separate job, tracked in OVERNIGHT-QUEUE.md. */
.nr-contact{flex-basis:100%;width:100%;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.nr-person{flex:1 1 210px;min-width:0;display:flex;flex-direction:column;gap:1px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  border-radius:14px;padding:14px 16px}
.nr-name{font-family:var(--display);font-weight:600;font-size:15.5px;color:#F2F5F3;line-height:1.3}
.nr-role{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#A7B0AA;
  font-weight:600;margin-bottom:7px}
.nr-person a{display:block;min-height:26px;line-height:26px;font-size:14.5px;font-weight:600;
  color:#7FD197;overflow-wrap:anywhere}
.nr-person a:hover,.nr-person a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.nr-person .nr-mail{font-weight:500;color:#A7B0AA;font-size:13.5px}
.nr-person .nr-mail:hover{color:#7FD197}
.ctaband .nr-person{background:rgba(0,0,0,.16);border-color:rgba(255,255,255,.22)}
.ctaband .nr-name{color:#fff}
.ctaband .nr-role{color:rgba(255,255,255,.72)}
.ctaband .nr-person a{color:#fff}
.ctaband .nr-person .nr-mail{color:rgba(255,255,255,.84)}
.foot-cta .nr-contact{margin-top:14px}
.foot-cta .nr-person{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.nr-demo-alt{margin-top:16px;font-size:14.5px;color:#A7B0AA;line-height:1.8}
.nr-demo-alt a{color:#7FD197;font-weight:600}
.nr-demo-alt a:hover{text-decoration:underline;text-underline-offset:3px}
.nr-totop{position:fixed;right:16px;bottom:16px;z-index:90;width:48px;height:48px;
  border-radius:50%;border:1px solid rgba(127,209,151,.45);background:rgba(10,12,11,.92);
  color:#7FD197;display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 8px 22px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);
  transition:opacity .18s ease,transform .18s ease}
.nr-totop svg{width:21px;height:21px}
.nr-totop[hidden]{display:none}
.nr-totop.on{opacity:1;transform:translateY(0)}
.nr-totop:hover{background:var(--deep);color:#fff;border-color:var(--deep)}
@media (prefers-reduced-motion:reduce){.nr-totop{transition:none}}
@media(max-width:520px){.nr-person{flex:1 1 100%}}