@charset "UTF-8";
/** * Eric Meyer"s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none; }

*,
*:before,
*:after {
  box-sizing: border-box; }

a {
  text-decoration: none; }

button {
  -webkit-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  background-color: transparent; }

/* Return index of matched value in list */
/* Utilities */
/* stylelint-disable */
/* Components */
/* stylelint-disable */
/* Layout */
/* Specific */
/* stylelint-disable */
.button, #can_embed_form [type="submit"], .button--ghost, .toggle-search, .panel-nav__input, .panel-nav__submit, .mobile-nav__toggle, #can_embed_form #form_col1 [type="text"],
#can_embed_form #form_col1 [type="email"], .share [class*="__button"], .share--action [class*="__button"], .grants .filters__input {
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: 0 none !important;
  -webkit-appearance: none;
          appearance: none;
  padding: 0; }

.content__content figure, .details figure, .grid--person .grid__description figure, .takeover__content figure, .top-recruiters__content figure, .content, .content__header, .page-footer, .page-footer__section, .update, .hero__wrap, #can_embed_form .country_drop_wrap > span, .stat-bar, .roadblock, .grid--organization, .grid--person, .grid--organization .grid__item, .grid--person .grid__item,
.grid--organization .grid__image,
.grid--person .grid__image, .grid--organization .grid__image img, .pagination, .touts, .tout, .takeover, .feature, .feature a, .stories, .preview, .grant-map__background, .grant-map__background img, .project-link, .project-link > a, .project-map__background, .project-map__background img, .top-recruiters, .leaderboard--top, .leaderboard, .search-results, .search-results__list, .grants, .reports {
  position: relative;
  display: block;
  width: 100%;
  height: auto; }

.page-header {
  position: fixed;
  display: block;
  width: 100%;
  height: auto; }

.button-bar, .hero, .hero--slim, .feature__wrap {
  position: relative;
  display: flex;
  width: 100%;
  height: auto; }

.hero__background, .roadblock__background, .feature__background, .tout__image img, .grant-map__background, .project-map__background {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none; }

.roadblock .button--ghost, .share .share__list li a svg, .share--action .share__list li a svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.mobile-nav__toggle:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.follow-instagram__content img, .update__image img, .grid--person .grid__image img, .content__content .oembed > *, .details .oembed > *, .grid--person .grid__description .oembed > *, .takeover__content .oembed > *, .top-recruiters__content .oembed > *, .toggle-search svg, .follow-instagram__content > *, .follow-instagram__icon svg, .hero__background, .hero__background img, .roadblock__background, .roadblock__background img, .tout__image > *, .share [class*="__button"], .share--action [class*="__button"], .feature__background, .feature__background:after, .feature__background img, .preview__image > *, .grant-map__markers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.follow-instagram__content img, .update__image img, .grid--person .grid__image img, .hero__background img, .roadblock__background img, .feature__background img {
  object-fit: cover;
  font-family: 'object-fit: cover;'; }

.hero__background, .roadblock__background, .feature__background {
  z-index: 10; }

.content__content:after, .details:after, .page-header:after, .grid--organization.is-full .grid__list > li:after, .preview:after {
  content: "";
  display: table;
  clear: both; }

.content__content hr, .details hr, .grid--person .grid__description hr, .takeover__content hr, .top-recruiters__content hr, .page-header:before, .hero:after, .hero--slim:after, .grid--organization .grid__wrap:before, .grid--person .grid__wrap:before, .leaderboard--top .leadership__head:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.6rem;
  background: repeating-linear-gradient(to right, var(--color-secondary), var(--color-secondary) 10.4rem, var(--color-secondary) 10.4rem, var(--color-secondary) 20.8rem);
  z-index: 20; }

html {
  height: 100%;
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  background-color: #222223; }
  @media (min-width: 1800px) {
    html {
      font-size: 80%; } }

body {
  font-size: 1rem;
  background-color: #ffffff; }
  body.is-locked {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  @media (min-width: 1200px) {
    body.is-locked {
      position: relative;
      overflow: auto; } }

.body,
[class*="body--"] {
  overflow-x: hidden; }
.content__inner, .page-header__inner, .panel-nav__inner, .page-footer__inner, .hero__inner, .stat-bar__inner, .roadblock__inner, .grid--organization .grid__inner, .grid--person .grid__inner, .touts__inner, .takeover__inner, .feature__inner, .stories__inner, .grant-map__inner, .top-recruiters__inner, .search-results__inner, .grants__inner, .reports__inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  max-width: 117rem; }
  @media (min-width: 600px) {
    .content__inner, .page-header__inner, .panel-nav__inner, .page-footer__inner, .hero__inner, .stat-bar__inner, .roadblock__inner, .grid--organization .grid__inner, .grid--person .grid__inner, .touts__inner, .takeover__inner, .feature__inner, .stories__inner, .grant-map__inner, .top-recruiters__inner, .search-results__inner, .grants__inner, .reports__inner {
      padding-left: 4rem;
      padding-right: 4rem; } }

.takeover__wrap {
  position: relative; }
  @media (min-width: 1200px) {
    .takeover__wrap {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 5/6 - (3.5rem - 3.5rem * 5/6));
      max-width: calc(99.9% * 5/6 - (3.5rem - 3.5rem * 5/6));
      width: calc(99.9% * 5/6 - (3.5rem - 3.5rem * 5/6));
      margin-left: calc(99.9% * (-1/12 * -1) - (3.5rem - 3.5rem * (-1/12 * -1)) + 3.5rem) !important; }
    .takeover__wrap:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .takeover__wrap:last-child{
    margin-right: 0; }
    .takeover__wrap:nth-child(6n){
    margin-right: 0;
    margin-left: auto; } }

div,
p,
span,
li,
small,
label,
input,
select,
button,
a,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
em,
ins,
cite,
figure,
blockquote,
td {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "Open Sans";
  font-family: var(--typeface-primary); }

/*
 * Custom Components
 *
 * Import all your custom components here.
 */
.button, #can_embed_form [type="submit"], .button--ghost {
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  letter-spacing: 0.04em;
  max-width: 100%;
  font-family: "Open Sans";
  font-family: var(--typeface-primary);
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.6rem 2.4rem;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  z-index: 20; }
  @media (min-width: 900px) {
    .button, #can_embed_form [type="submit"], .button--ghost {
      will-change: color, background, border;
      transition: color 0.12s cubic-bezier(0.86, 0, 0.07, 1), background 0.12s cubic-bezier(0.86, 0, 0.07, 1); }
      .button:active, #can_embed_form :active[type="submit"], .button--ghost:active {
        transition: color 0.08s cubic-bezier(0.86, 0, 0.07, 1), background 0.08s cubic-bezier(0.86, 0, 0.07, 1); } }

.button, #can_embed_form [type="submit"] {
  background-color: #000;
  background-color: var(--color-secondary);
  color: #ffffff; }
  @media (min-width: 900px) {
    .button:hover, #can_embed_form :hover[type="submit"] {
      background-color: #666;
      background-color: var(--color-primary); }
    .button:active, #can_embed_form :active[type="submit"] {
      background-color: #666;
      background-color: var(--color-primary);
      filter: brightness(1.1); } }

.button--ghost {
  background-color: transparent;
  color: #ffffff;
  border: 0.2rem solid #ffffff; }
  .button--ghost:hover {
    background-color: #ffffff;
    color: #222223; }
  .button--ghost:active {
    color: #968e8c; }

.button-bar > * {
  flex: 1 1 100%; }

.button-bar > * + * {
  display: block;
  margin-top: 2.4rem; }

@media (min-width: 900px) {
  .button-bar > * + * {
    display: inline-block;
    margin-top: 0;
    margin-left: 2.4rem; } }

.content__content > *:first-child, .details > *:first-child, .grid--person .grid__description > *:first-child, .takeover__content > *:first-child, .top-recruiters__content > *:first-child, .grid--organization .grid__description > *:first-child, .project-link__content > *:first-child {
  margin-top: 0; }

.content__content > * + *, .details > * + *, .grid--person .grid__description > * + *, .takeover__content > * + *, .top-recruiters__content > * + *, .grid--organization .grid__description > * + *, .project-link__content > * + * {
  margin-top: 2.4rem; }

.content__content em, .details em, .grid--person .grid__description em, .takeover__content em, .top-recruiters__content em, .grid--organization .grid__description em, .project-link__content em {
  font-style: italic; }

.content__content strong, .details strong, .grid--person .grid__description strong, .takeover__content strong, .top-recruiters__content strong, .grid--organization .grid__description strong, .project-link__content strong {
  font-weight: 700; }

.content__content sup, .details sup, .grid--person .grid__description sup, .takeover__content sup, .top-recruiters__content sup, .grid--organization .grid__description sup, .project-link__content sup {
  vertical-align: super;
  font-size: smaller; }

.content__content sub, .details sub, .grid--person .grid__description sub, .takeover__content sub, .top-recruiters__content sub, .grid--organization .grid__description sub, .project-link__content sub {
  vertical-align: sub;
  font-size: smaller; }

.content__content ul, .details ul, .grid--person .grid__description ul, .takeover__content ul, .top-recruiters__content ul, .grid--organization .grid__description ul, .project-link__content ul {
  list-style: disc; }

.content__content ol, .details ol, .grid--person .grid__description ol, .takeover__content ol, .top-recruiters__content ol, .grid--organization .grid__description ol, .project-link__content ol {
  list-style: decimal; }

.content__content a:not([class*="button"]), .details a:not([class*="button"]), .grid--person .grid__description a:not([class*="button"]), .takeover__content a:not([class*="button"]), .top-recruiters__content a:not([class*="button"]), .grid--organization .grid__description a:not([class*="button"]), .project-link__content a:not([class*="button"]) {
  position: relative;
  color: #000;
  color: var(--color-secondary);
  font-weight: 700;
  will-change: color;
  transition: color 0.2s cubic-bezier(0.86, 0, 0.07, 1); }

@media (min-width: 900px) {
  .content__content a:not([class*="button"]):hover, .details a:not([class*="button"]):hover, .grid--person .grid__description a:not([class*="button"]):hover, .takeover__content a:not([class*="button"]):hover, .top-recruiters__content a:not([class*="button"]):hover, .grid--organization .grid__description a:not([class*="button"]):hover, .project-link__content a:not([class*="button"]):hover {
    color: #666;
    color: var(--color-primary); }
  .content__content a:not([class*="button"]):active, .details a:not([class*="button"]):active, .grid--person .grid__description a:not([class*="button"]):active, .takeover__content a:not([class*="button"]):active, .top-recruiters__content a:not([class*="button"]):active, .grid--organization .grid__description a:not([class*="button"]):active, .project-link__content a:not([class*="button"]):active {
    color: #666;
    color: var(--color-primary);
    filter: brightness(1.1); } }

.content__content h1, .details h1, .grid--person .grid__description h1, .takeover__content h1, .top-recruiters__content h1,
.content__content h2,
.details h2,
.grid--person .grid__description h2,
.takeover__content h2,
.top-recruiters__content h2,
.content__content h3,
.details h3,
.grid--person .grid__description h3,
.takeover__content h3,
.top-recruiters__content h3 {
  margin-top: 4rem; }

.content__content h1, .details h1, .grid--person .grid__description h1, .takeover__content h1, .top-recruiters__content h1 {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.167; }
  .content__content h1 + *, .details h1 + *, .grid--person .grid__description h1 + *, .takeover__content h1 + *, .top-recruiters__content h1 + * {
    margin-top: 4rem; }


.content__content h2,
.details h2,
.grid--person .grid__description h2,
.takeover__content h2,
.top-recruiters__content h2 {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 2.6rem;
  font-weight: 300;
  line-height: 1.38; }
  .content__content h2 + *, .details h2 + *, .grid--person .grid__description h2 + *, .takeover__content h2 + *, .top-recruiters__content h2 + * {
    margin-top: 4rem; }


.content__content h3,
.details h3,
.grid--person .grid__description h3,
.takeover__content h3,
.top-recruiters__content h3 {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 1.45; }
  .content__content h3 + *, .details h3 + *, .grid--person .grid__description h3 + *, .takeover__content h3 + *, .top-recruiters__content h3 + * {
    margin-top: 1.6rem; }

.content__content p, .details p, .grid--person .grid__description p, .takeover__content p, .top-recruiters__content p {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400; }

.content__content ul, .details ul, .grid--person .grid__description ul, .takeover__content ul, .top-recruiters__content ul,
.content__content ol,
.details ol,
.grid--person .grid__description ol,
.takeover__content ol,
.top-recruiters__content ol {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400;
  margin-top: 4rem;
  word-break: break-word;
  overflow: hidden;
  padding-left: 1.6rem; }
  .content__content ul + *, .details ul + *, .grid--person .grid__description ul + *, .takeover__content ul + *, .top-recruiters__content ul + *,
  .content__content ol + *,
  .details ol + *,
  .grid--person .grid__description ol + *,
  .takeover__content ol + *,
  .top-recruiters__content ol + * {
    margin-top: 4rem; }
  .content__content ul li + *, .details ul li + *, .grid--person .grid__description ul li + *, .takeover__content ul li + *, .top-recruiters__content ul li + *,
  .content__content ol li + *,
  .details ol li + *,
  .grid--person .grid__description ol li + *,
  .takeover__content ol li + *,
  .top-recruiters__content ol li + * {
    margin-top: 1.2rem; }

.content__content figure, .details figure, .grid--person .grid__description figure, .takeover__content figure, .top-recruiters__content figure,
.content__content aside,
.details aside,
.grid--person .grid__description aside,
.takeover__content aside,
.top-recruiters__content aside,
.content__content .oembed,
.details .oembed,
.grid--person .grid__description .oembed,
.takeover__content .oembed,
.top-recruiters__content .oembed,
.content__content .pullquote,
.details .pullquote,
.grid--person .grid__description .pullquote,
.takeover__content .pullquote,
.top-recruiters__content .pullquote,
.content__content > blockquote,
.details > blockquote,
.grid--person .grid__description > blockquote,
.takeover__content > blockquote,
.top-recruiters__content > blockquote {
  margin: 4.8rem 0; }


.content__content > blockquote,
.details > blockquote,
.grid--person .grid__description > blockquote,
.takeover__content > blockquote,
.top-recruiters__content > blockquote {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.167;
  position: relative;
  padding-left: 4rem; }
  .content__content > blockquote:before, .details > blockquote:before, .grid--person .grid__description > blockquote:before, .takeover__content > blockquote:before, .top-recruiters__content > blockquote:before {
    content: "";
    background-color: #666;
    background-color: var(--color-primary);
    width: 0.6rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }


.content__content .pullquote,
.details .pullquote,
.grid--person .grid__description .pullquote,
.takeover__content .pullquote,
.top-recruiters__content .pullquote {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.167;
  position: relative;
  padding: 5.6rem 4rem; }
  .content__content .pullquote:before, .details .pullquote:before, .grid--person .grid__description .pullquote:before, .takeover__content .pullquote:before, .top-recruiters__content .pullquote:before, .content__content .pullquote:after, .details .pullquote:after, .grid--person .grid__description .pullquote:after, .takeover__content .pullquote:after, .top-recruiters__content .pullquote:after {
    content: "";
    background-color: #666;
    background-color: var(--color-primary);
    width: 100%;
    height: 0.6rem;
    position: absolute;
    left: 0; }
  .content__content .pullquote:before, .details .pullquote:before, .grid--person .grid__description .pullquote:before, .takeover__content .pullquote:before, .top-recruiters__content .pullquote:before {
    top: 0; }
  .content__content .pullquote:after, .details .pullquote:after, .grid--person .grid__description .pullquote:after, .takeover__content .pullquote:after, .top-recruiters__content .pullquote:after {
    bottom: 0; }

.content__content figure img, .details figure img, .grid--person .grid__description figure img, .takeover__content figure img, .top-recruiters__content figure img {
  width: 100%;
  -webkit-user-select: none;
          user-select: none; }


.content__content .oembed,
.details .oembed,
.grid--person .grid__description .oembed,
.takeover__content .oembed,
.top-recruiters__content .oembed {
  position: relative;
  display: block;
  width: 100%;
  left: 50%;
  transform: translateX(-50%); }
  .content__content .oembed:before, .details .oembed:before, .grid--person .grid__description .oembed:before, .takeover__content .oembed:before, .top-recruiters__content .oembed:before {
    content: "";
    display: block;
    padding-top: 56.25%; }
  .content__content .oembed > img, .details .oembed > img, .grid--person .grid__description .oembed > img, .takeover__content .oembed > img, .top-recruiters__content .oembed > img {
    object-fit: cover;
    font-family: 'object-fit: cover;'; }

.content__content figcaption, .details figcaption, .grid--person .grid__description figcaption, .takeover__content figcaption, .top-recruiters__content figcaption {
  margin-top: 0.8rem; }

.content__content .credit p, .details .credit p, .grid--person .grid__description .credit p, .takeover__content .credit p, .top-recruiters__content .credit p,
.content__content .caption p,
.details .caption p,
.grid--person .grid__description .caption p,
.takeover__content .caption p,
.top-recruiters__content .caption p {
  font-size: 1.4rem; }

.content__content .credit p, .details .credit p, .grid--person .grid__description .credit p, .takeover__content .credit p, .top-recruiters__content .credit p {
  color: #968e8c;
  text-transform: uppercase; }

.content__content hr, .details hr, .grid--person .grid__description hr, .takeover__content hr, .top-recruiters__content hr {
  margin: 4.8rem 0; }

@media (min-width: 900px) {
  .content__content h1, .details h1, .grid--person .grid__description h1, .takeover__content h1, .top-recruiters__content h1 {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 4.2rem;
    font-weight: 300;
    line-height: 1.19; }
  
  .content__content h2,
  .details h2,
  .grid--person .grid__description h2,
  .takeover__content h2,
  .top-recruiters__content h2 {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167; }
  
  .content__content h3,
  .details h3,
  .grid--person .grid__description h3,
  .takeover__content h3,
  .top-recruiters__content h3 {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.38; }
  .content__content figure, .details figure, .grid--person .grid__description figure, .takeover__content figure, .top-recruiters__content figure,
  .content__content aside,
  .details aside,
  .grid--person .grid__description aside,
  .takeover__content aside,
  .top-recruiters__content aside,
  .content__content .oembed,
  .details .oembed,
  .grid--person .grid__description .oembed,
  .takeover__content .oembed,
  .top-recruiters__content .oembed,
  .content__content .pullquote,
  .details .pullquote,
  .grid--person .grid__description .pullquote,
  .takeover__content .pullquote,
  .top-recruiters__content .pullquote,
  .content__content > blockquote,
  .details > blockquote,
  .grid--person .grid__description > blockquote,
  .takeover__content > blockquote,
  .top-recruiters__content > blockquote {
    margin: 6.4rem 0; }
  .content__content figure.small.left, .details figure.small.left, .grid--person .grid__description figure.small.left, .takeover__content figure.small.left, .top-recruiters__content figure.small.left, .content__content figure.small.right, .details figure.small.right, .grid--person .grid__description figure.small.right, .takeover__content figure.small.right, .top-recruiters__content figure.small.right, .content__content figure.medium.left, .details figure.medium.left, .grid--person .grid__description figure.medium.left, .takeover__content figure.medium.left, .top-recruiters__content figure.medium.left, .content__content figure.medium.right, .details figure.medium.right, .grid--person .grid__description figure.medium.right, .takeover__content figure.medium.right, .top-recruiters__content figure.medium.right {
    margin-top: 3.2rem; }
  .content__content figure.small.small, .details figure.small.small, .grid--person .grid__description figure.small.small, .takeover__content figure.small.small, .top-recruiters__content figure.small.small, .content__content figure.medium.small, .details figure.medium.small, .grid--person .grid__description figure.medium.small, .takeover__content figure.medium.small, .top-recruiters__content figure.medium.small {
    max-width: 24rem; }
    .content__content figure.small.small.left, .details figure.small.small.left, .grid--person .grid__description figure.small.small.left, .takeover__content figure.small.small.left, .top-recruiters__content figure.small.small.left, .content__content figure.medium.small.left, .details figure.medium.small.left, .grid--person .grid__description figure.medium.small.left, .takeover__content figure.medium.small.left, .top-recruiters__content figure.medium.small.left {
      margin: 3.2rem 4rem 3.2rem 0; }
    .content__content figure.small.small.right, .details figure.small.small.right, .grid--person .grid__description figure.small.small.right, .takeover__content figure.small.small.right, .top-recruiters__content figure.small.small.right, .content__content figure.medium.small.right, .details figure.medium.small.right, .grid--person .grid__description figure.medium.small.right, .takeover__content figure.medium.small.right, .top-recruiters__content figure.medium.small.right {
      margin: 3.2rem 3.2rem 0 4rem; }
  .content__content figure.small.medium, .details figure.small.medium, .grid--person .grid__description figure.small.medium, .takeover__content figure.small.medium, .top-recruiters__content figure.small.medium, .content__content figure.medium.medium, .details figure.medium.medium, .grid--person .grid__description figure.medium.medium, .takeover__content figure.medium.medium, .top-recruiters__content figure.medium.medium {
    max-width: 40rem; }
    .content__content figure.small.medium.left, .details figure.small.medium.left, .grid--person .grid__description figure.small.medium.left, .takeover__content figure.small.medium.left, .top-recruiters__content figure.small.medium.left, .content__content figure.medium.medium.left, .details figure.medium.medium.left, .grid--person .grid__description figure.medium.medium.left, .takeover__content figure.medium.medium.left, .top-recruiters__content figure.medium.medium.left {
      margin: 3.2rem 4.8rem 3.2rem -18%; }
  .content__content figure.small.left, .details figure.small.left, .grid--person .grid__description figure.small.left, .takeover__content figure.small.left, .top-recruiters__content figure.small.left, .content__content figure.medium.left, .details figure.medium.left, .grid--person .grid__description figure.medium.left, .takeover__content figure.medium.left, .top-recruiters__content figure.medium.left {
    float: left; }
  .content__content figure.small.center, .details figure.small.center, .grid--person .grid__description figure.small.center, .takeover__content figure.small.center, .top-recruiters__content figure.small.center, .content__content figure.medium.center, .details figure.medium.center, .grid--person .grid__description figure.medium.center, .takeover__content figure.medium.center, .top-recruiters__content figure.medium.center {
    margin-left: auto;
    margin-right: auto; }
  .content__content figure.small.right, .details figure.small.right, .grid--person .grid__description figure.small.right, .takeover__content figure.small.right, .top-recruiters__content figure.small.right, .content__content figure.medium.right, .details figure.medium.right, .grid--person .grid__description figure.medium.right, .takeover__content figure.medium.right, .top-recruiters__content figure.medium.right {
    float: right; }
  .content__content figure.large, .details figure.large, .grid--person .grid__description figure.large, .takeover__content figure.large, .top-recruiters__content figure.large {
    position: relative;
    width: 125%;
    left: 50%;
    transform: translateX(-50%); }
  
  .content__content .oembed,
  .details .oembed,
  .grid--person .grid__description .oembed,
  .takeover__content .oembed,
  .top-recruiters__content .oembed {
    width: 125%;
    left: 50%;
    transform: translateX(-50%); }
  .content__content hr, .details hr, .grid--person .grid__description hr, .takeover__content hr, .top-recruiters__content hr {
    position: relative;
    width: 125%;
    left: 50%;
    transform: translateX(-50%);
    margin: 6.4rem 0; } }

.content {
  margin: 8rem 0 0; }
  .body--homepage .content {
    background-color: #666;
    background-color: var(--color-primary);
    padding: 8rem 0;
    margin: 0; }
    .body--homepage .content .share__heading {
      color: #ffffff; }
    .body--homepage .content .share__list li + * {
      border-left-color: #666;
      border-left-color: var(--color-primary); }
    .body--homepage .content [class*="share__button"] {
      background-color: #ffffff; }
      .body--homepage .content [class*="share__button"]:hover {
        background-color: #000;
        background-color: var(--color-secondary); }
        .body--homepage .content [class*="share__button"]:hover svg {
          fill: #ffffff;
          transition: fill 0s; }
      .body--homepage .content [class*="share__button"]:active {
        background-color: #000;
        background-color: var(--color-secondary);
        filter: brightness(1.1); }
        .body--homepage .content [class*="share__button"]:active svg {
          fill: #ffffff; }
      .body--homepage .content [class*="share__button"] svg {
        fill: #666;
        fill: var(--color-primary); }
    .body--homepage .content .content__content > *, .body--homepage .content .details > * {
      color: #ffffff; }
  .content + * {
    margin-top: 0; }
  .content + * {
    margin-top: 11.2rem; }
  .content:last-child {
    margin-bottom: 13.6rem; }
  .content__wrapper:only-child {
    max-width: 76.5rem;
    margin: 0 auto; }
  .content__header {
    margin-bottom: 2.4rem; }
  .content__date {
    color: #222223;
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 400;
    font-weight: 700; }
  .content__share {
    display: none; }
  .content__sticky {
    position: sticky;
    top: 12rem; }
  .content__content + *, .details + * {
    margin-top: 10.4rem; }
  @media (min-width: 900px) {
    .content {
      margin: 8.8rem 0 0; }
      .content__inner {
        display: flex; }
      .content__share {
        display: block;
        flex: 1 0 15.2rem;
        margin-right: 4rem; }
      .content__wrapper {
        flex: 1 1 auto; }
      .content__header, .content__content, .details {
        width: 80%;
        margin: 0 auto; }
      .content__header {
        margin-bottom: 4rem; } }

[data-image] {
  -webkit-user-select: none;
          user-select: none;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1); }
  [data-image].will-load {
    opacity: 0; }
  [data-image].is-loaded {
    opacity: 1; }

.page-header__link, .dropdown__trigger, #can_embed_form .international_link-wrap {
  color: #ffffff;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative; }
  .page-header__link:before, .dropdown__trigger:before, #can_embed_form .international_link-wrap:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0.4rem;
    background-color: #ffffff;
    margin-top: 0.9rem;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 0.1s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0.1s; }
  .is-current .page-header__link:before, .is-current .dropdown__trigger:before, .is-current #can_embed_form .international_link-wrap:before, #can_embed_form .is-current .international_link-wrap:before {
    opacity: 1;
    visibility: visible; }

.page-header {
  background-color: #ffffff;
  padding: 1.6rem 0;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.3);
  z-index: 80;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  will-change: opacity, visibility, transform, background;
  transition: opacity 0.3s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0s, transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .page-header:before {
    position: fixed;
    top: -100vh;
    left: 0;
    height: 100vh;
    will-change: transform;
    transform: translateY(0);
    transition: transform 0.15s 0.05s cubic-bezier(0.86, 0, 0.07, 1); }
  .page-header__link {
    font-weight: 700; }
  .page-header.is-open .page-header__burger span {
    background-color: transparent;
    transition: background-color 0.1s linear; }
    .page-header.is-open .page-header__burger span:before {
      transform: translateY(0) rotate(135deg);
      top: 0; }
    .page-header.is-open .page-header__burger span:after {
      transform: translateY(0) rotate(-135deg);
      top: 0; }
  .page-header__burger {
    align-items: center;
    -webkit-appearance: none;
            appearance: none;
    background: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
    display: flex;
    width: 3rem;
    height: 4rem;
    margin-left: 4rem; }
    .page-header__burger span {
      display: block;
      width: 3rem;
      min-width: 0;
      height: 3px;
      background: #222223;
      position: relative;
      margin: auto;
      transition: background-color 0.5s linear; }
      .page-header__burger span:before, .page-header__burger span:after {
        content: "";
        width: 3rem;
        height: 3px;
        position: absolute;
        left: 0;
        background: #222223;
        will-change: transform, opacity;
        transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); }
      .page-header__burger span:before {
        transform: translateY(-0.8rem); }
      .page-header__burger span:after {
        transform: translateY(0.8rem); }
  .page-header__content {
    float: right;
    display: flex;
    align-items: center; }
    .page-header__content > * + * {
      margin-left: 3.2rem; }
  .page-header__list {
    display: none; }
    .page-header__list > li {
      display: inline-block; }
      .page-header__list > li + * {
        margin-left: 2.4rem; }
  .page-header .social {
    display: none; }
  .page-header__link:hover:before {
    opacity: 1;
    visibility: visible; }
  @media (min-width: 900px) {
    .page-header {
      padding-top: 5.6rem;
      padding-bottom: 0;
      box-shadow: none;
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); }
      .page-header.is-scrolled {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-100%);
        transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0.3s, transform 0.4s cubic-bezier(0.86, 0, 0.07, 1), background 0s 0.4s; }
      .page-header.is-sticky, .page-header.is-search-open,
      .has-no-hero .page-header {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        transition: opacity 0s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0s, transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); }
      .page-header.is-sticky, .page-header.is-returning, .page-header.is-search-open,
      .has-no-hero .page-header {
        background: #ffffff;
        box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.3);
        height: 8.8rem;
        padding: 0; }
        .page-header.is-sticky:before, .page-header.is-returning:before, .page-header.is-search-open:before,
        .has-no-hero .page-header:before {
          transform: translateY(0.4rem);
          transition: transform 0.15s 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
        .page-header.is-sticky .page-header__content, .page-header.is-returning .page-header__content, .page-header.is-search-open .page-header__content,
        .has-no-hero .page-header .page-header__content {
          height: 8.8rem; }
        .page-header.is-sticky .logo, .page-header.is-returning .logo, .page-header.is-search-open .logo,
        .has-no-hero .page-header .logo {
          display: block;
          height: 8.8rem; }
        .page-header.is-sticky .logo__image--dark, .page-header.is-returning .logo__image--dark, .page-header.is-search-open .logo__image--dark,
        .has-no-hero .page-header .logo__image--dark {
          position: relative;
          top: 50%;
          transform: translateY(-50%); }
          .page-header.is-sticky .logo__image--dark img, .page-header.is-returning .logo__image--dark img, .page-header.is-search-open .logo__image--dark img,
          .has-no-hero .page-header .logo__image--dark img {
            width: auto;
            height: 5.2rem; }
        .page-header.is-sticky .dropdown__trigger,
        .page-header.is-sticky .page-header__link, .page-header.is-returning .dropdown__trigger,
        .page-header.is-returning .page-header__link, .page-header.is-search-open .dropdown__trigger,
        .page-header.is-search-open .page-header__link,
        .has-no-hero .page-header .dropdown__trigger,
        .has-no-hero .page-header .page-header__link {
          color: #222223;
          font-weight: 700;
          height: 8.8rem;
          display: block;
          vertical-align: middle;
          line-height: 8.8rem; }
          .page-header.is-sticky .dropdown__trigger:before,
          .page-header.is-sticky .page-header__link:before, .page-header.is-returning .dropdown__trigger:before,
          .page-header.is-returning .page-header__link:before, .page-header.is-search-open .dropdown__trigger:before,
          .page-header.is-search-open .page-header__link:before,
          .has-no-hero .page-header .dropdown__trigger:before,
          .has-no-hero .page-header .page-header__link:before {
            background-color: #222223;
            margin-top: 0;
            top: auto;
            bottom: 0; }
        .page-header.is-sticky .dropdown__trigger:after, .page-header.is-returning .dropdown__trigger:after, .page-header.is-search-open .dropdown__trigger:after,
        .has-no-hero .page-header .dropdown__trigger:after {
          border-color: #222223 transparent transparent transparent; }
        .page-header.is-sticky .dropdown__list, .page-header.is-returning .dropdown__list, .page-header.is-search-open .dropdown__list,
        .has-no-hero .page-header .dropdown__list {
          background-color: #ffffff;
          padding: 2.4rem 3.2rem 3.2rem;
          left: -3.2rem;
          box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.3);
          transform: translateY(0); }
        .page-header.is-sticky .dropdown__link, .page-header.is-returning .dropdown__link, .page-header.is-search-open .dropdown__link,
        .has-no-hero .page-header .dropdown__link {
          color: #222223;
          will-change: color;
          transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
          .page-header.is-sticky .dropdown__link:hover, .page-header.is-returning .dropdown__link:hover, .page-header.is-search-open .dropdown__link:hover,
          .has-no-hero .page-header .dropdown__link:hover {
            color: #666;
            color: var(--color-primary); }
          .page-header.is-sticky .dropdown__link:active, .page-header.is-returning .dropdown__link:active, .page-header.is-search-open .dropdown__link:active,
          .has-no-hero .page-header .dropdown__link:active {
            color: #666;
            color: var(--color-primary);
            filter: brightness(1.1); }
      .page-header__list {
        display: block; }
      .page-header__burger {
        display: none; } }

.logo {
  -webkit-user-select: none;
          user-select: none;
  float: left; }
  .logo__image--mobile {
    display: block; }
    .logo__image--mobile img {
      width: auto;
      height: 4.8rem; }
  .logo__image--dark, .logo__image--light {
    display: none; }
  .logo__image--light {
    display: none; }
    .logo__image--light img {
      width: auto;
      max-height: 15.2rem; }
  @media (min-width: 900px) {
    .is-sticky .logo .logo__image--dark,
    .is-returning .logo .logo__image--dark,
    .is-search-open .logo .logo__image--dark,
    .has-no-hero .logo .logo__image--dark {
      display: block; }
    .is-sticky .logo .logo__image--light,
    .is-returning .logo .logo__image--light,
    .is-search-open .logo .logo__image--light,
    .has-no-hero .logo .logo__image--light {
      display: none; }
    .logo__image--mobile {
      display: none; }
    .logo__image--light {
      display: block; } }

.dropdown {
  position: relative; }
  .dropdown:hover .dropdown__trigger:before {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0s; }
  .dropdown:hover .dropdown__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.2s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0s, transform 0.24s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .dropdown__list {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 3.6rem;
    width: 19.6rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1.2rem);
    will-change: opacity, visibility, transform;
    transition: opacity 0.2s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0.2s, transform 0.24s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .dropdown__list li + * {
      margin-top: 0.8rem; }
  .dropdown__link {
    color: #ffffff;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400;
    font-weight: 700; }
  .dropdown__trigger {
    font-weight: 700; }
    .dropdown__trigger:after {
      content: "";
      position: relative;
      display: inline-block;
      top: -0.4rem;
      margin-left: 0.8rem;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0.4rem 0.4rem 0;
      border-color: #ffffff transparent transparent transparent; }

.toggle-search {
  display: none;
  position: relative;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  vertical-align: middle; }
  .toggle-search:hover svg {
    color: #666;
    color: var(--color-primary); }
  .toggle-search svg {
    fill: #ffffff;
    will-change: fill;
    transition: fill 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
    .is-sticky .toggle-search svg,
    .is-returning .toggle-search svg,
    .is-search-open .toggle-search svg,
    .has-no-hero .toggle-search svg {
      fill: #000000; }
  .toggle-search__open {
    display: block; }
  .toggle-search__close {
    display: none; }
  .is-search-open .toggle-search .toggle-search__open {
    display: none; }
  .is-search-open .toggle-search .toggle-search__close {
    display: block; }
  @media (min-width: 1200px) {
    .toggle-search {
      display: inline-block; } }

.panel-nav {
  display: none;
  position: absolute;
  top: 8.8rem;
  left: 0;
  width: 100%;
  height: 20rem;
  background-color: #ffffff;
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1), inset 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
  transform: scaleY(0);
  transform-origin: 0 0;
  will-change: transform;
  transition: transform 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 20; }
  .is-search-open .panel-nav {
    transform: scaleY(1); }
  .panel-nav__inner {
    height: 100%; }
  .panel-nav__search {
    position: relative;
    width: 90rem;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%); }
  .panel-nav__input {
    color: #000000;
    font-size: 4rem;
    width: 100%;
    margin-top: -1.8rem;
    padding: 1.4rem 5.6rem 1.4rem 0;
    border-bottom: 1px solid #666;
    border-bottom: 1px solid var(--color-primary); }
    .panel-nav__input::placeholder {
      color: #968e8c;
      opacity: 1;
      /* Firefox */ }
    .panel-nav__input:-ms-input-placeholder {
      color: #968e8c; }
  .panel-nav__submit {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(calc(-50% - 1rem));
    cursor: pointer; }
    .panel-nav__submit svg {
      display: block;
      width: 3.4rem;
      height: 2rem;
      fill: #000000;
      will-change: fill;
      transition: fill 0.15s cubic-bezier(0.86, 0, 0.07, 1); }
    .panel-nav__submit:hover svg {
      fill: #666;
      fill: var(--color-primary); }
  @media (min-width: 1200px) {
    .panel-nav {
      display: block; } }

.mobile-nav {
  position: fixed;
  top: 7.2rem;
  left: 0;
  width: 100%;
  height: calc(100vh - 7.2rem);
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: 0 0;
  background-color: #ffffff;
  z-index: 50;
  overflow: hidden;
  will-change: transform, visibility;
  transition: transform 0.24s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0s linear 0.24s; }
  .mobile-nav.is-visible {
    transform: scaleY(1);
    visibility: visible;
    transition: transform 0.32s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear 0s; }
    .mobile-nav.is-visible .mobile-nav__nav {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      transition: opacity 0.16s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, visibility 0s linear 0s, transform 0.16s cubic-bezier(0.86, 0, 0.07, 1) 0.4s; }
  .mobile-nav__inner {
    position: relative;
    height: 100%;
    padding: 0 1.6rem 6.4rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .mobile-nav__inner:after {
      content: "";
      display: block;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6.4rem;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 62%, white 100%);
      pointer-events: none; }
  .mobile-nav__nav {
    margin-top: 1.6rem;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-2rem);
    will-change: opacity, visibility, transform;
    transition: opacity 0.16s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s linear 0.16s, transform 0.16s cubic-bezier(0.86, 0, 0.07, 1); }
    .mobile-nav__nav > li + * {
      border-top: 1px solid #d2d3da; }
  .mobile-nav__item {
    height: 7.2rem;
    overflow: hidden; }
    .mobile-nav__item.is-open {
      height: auto; }
      .mobile-nav__item.is-open .mobile-nav__toggle:after {
        border-color: #666 transparent transparent transparent;
        border-color: var(--color-primary) transparent transparent transparent;
        transform: rotate(180deg); }
    .mobile-nav__item header {
      position: relative;
      height: 7.2rem; }
  .mobile-nav__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.45;
    line-height: 7.2rem;
    vertical-align: middle;
    padding-right: 3.2rem; }
  .mobile-nav__toggle {
    position: absolute;
    top: 50%;
    right: 0;
    width: 4.8rem;
    height: 4.8rem;
    transform: translateY(-50%);
    cursor: pointer; }
    .mobile-nav__toggle:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0.7rem 0.6rem 0 0.6rem;
      border-color: #222223 transparent transparent transparent;
      transform-origin: 50% 8%;
      will-change: transform, border;
      transition: transform 0.1s linear, border 0.15s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .mobile-nav__list {
    padding-bottom: 3.2rem;
    -webkit-overflow-scrolling: touch; }
    .mobile-nav__list li + * {
      margin-top: 2.4rem; }
    .mobile-nav__list a {
      color: #222223;
      line-height: 1.6;
      font-size: 1.6rem;
      font-weight: 400; }
  @media (min-width: 1200px) {
    .mobile-nav {
      display: none; } }

.page-footer__section {
  padding: 5.6rem 0 6.4rem; }
  .page-footer__section--donate {
    background-color: #666;
    background-color: var(--color-primary); }
    .page-footer__section--donate .button:hover, .page-footer__section--donate #can_embed_form :hover[type="submit"], #can_embed_form .page-footer__section--donate :hover[type="submit"] {
      background-color: #ffffff;
      color: #222223; }
  .page-footer__section--instagram-updates {
    background-color: #2f2f2f; }
  .page-footer__section--partners {
    background-color: #181818; }
  .page-footer__section--copyright {
    background-color: #000000;
    padding: 3.2rem 0; }

.page-footer__block:first-child > * + * {
  margin-top: 3.2rem; }

.page-footer__block + * {
  margin-top: 5.6rem; }

.page-footer__heading {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #ffffff;
  font-size: 2.6rem;
  font-weight: 300;
  line-height: 1.38; }

.page-footer__text {
  color: #ffffff;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400; }

.page-footer__copyright {
  color: #ffffff;
  line-height: 1.6;
  font-size: 1.6rem;
  font-weight: 400; }
  .page-footer__copyright > * {
    vertical-align: middle; }

.page-footer__logo {
  display: inline-block;
  margin-right: 1.2rem; }
  .page-footer__logo img {
    height: 3.2rem;
    width: auto;
    display: block; }

.page-footer .social {
  display: block;
  text-align: center;
  margin-top: 1.6rem; }

@media (min-width: 900px) {
  .page-footer__section--donate, .page-footer__section--instragram-updates {
    padding: 7.2rem 0 8rem; }
    .page-footer__section--donate .page-footer__inner, .page-footer__section--instragram-updates .page-footer__inner {
      display: flex; }
  .page-footer__section--partners {
    padding: 5.6rem 0; }
  .page-footer__section--copyright {
    padding: 1.6rem 0; }
  .page-footer__block {
    margin-top: 0; }
    .page-footer__block:first-child {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 5/12 - (3.5rem - 3.5rem * 5/12));
      max-width: calc(99.9% * 5/12 - (3.5rem - 3.5rem * 5/12));
      width: calc(99.9% * 5/12 - (3.5rem - 3.5rem * 5/12)); }
    .page-footer__block:first-child:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .page-footer__block:first-child:last-child{
    margin-right: 0; }
    .page-footer__block:first-child:nth-child(12n){
    margin-right: 0;
    margin-left: auto; }
    .page-footer__block:last-child {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 6/12 - (3.5rem - 3.5rem * 6/12));
      max-width: calc(99.9% * 6/12 - (3.5rem - 3.5rem * 6/12));
      width: calc(99.9% * 6/12 - (3.5rem - 3.5rem * 6/12));
      margin-left: calc(99.9% * (-1/12 * -1) - (3.5rem - 3.5rem * (-1/12 * -1)) + 3.5rem) !important; }
    .page-footer__block:last-child:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .page-footer__block:last-child:last-child{
    margin-right: 0; }
    .page-footer__block:last-child:nth-child(12n){
    margin-right: 0;
    margin-left: auto; }
  .page-footer__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #ffffff;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.41; }
  .page-footer__copyright {
    display: inline-block;
    text-align: left; }
  .page-footer .social {
    margin-top: 0;
    display: inline-block;
    float: right; }
    .page-footer .social a {
      opacity: 0.75;
      will-change: opacity;
      transition: opacity 0.15s cubic-bezier(0.86, 0, 0.07, 1); }
      .page-footer .social a:hover {
        opacity: 1; } }

.follow-instagram__content {
  position: relative;
  display: block;
  margin-top: 2.4rem; }
  .follow-instagram__content:before {
    content: "";
    display: block;
    padding-top: 100%; }
  .follow-instagram__content > img {
    object-fit: cover;
    font-family: 'object-fit: cover;'; }

.follow-instagram__link {
  color: #ffffff;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2.4rem;
  z-index: 20; }
  .follow-instagram__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 17.6rem;
    opacity: 0.5;
    transform: scaleY(1);
    transform-origin: top center;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.24) 80%, rgba(0, 0, 0, 0) 100%);
    z-index: -1; }
  .follow-instagram__link span {
    line-height: 2.4rem;
    vertical-align: middle; }

.follow-instagram__icon {
  display: inline-block;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem; }
  .follow-instagram__icon svg {
    fill: #ffffff; }

@media (min-width: 900px) {
  .follow-instagram__link:before {
    will-change: opacity, transform;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .follow-instagram__link:hover:before {
    opacity: 0.8;
    transform: scaleY(0.85); }
  .follow-instagram__link:active:before {
    opacity: 1; } }

.recent__list {
  margin-top: 2.4rem; }
  .recent__list li {
    display: block; }
    .recent__list li + * {
      margin-top: 4rem; }

.update__image {
  display: block;
  position: relative;
  float: left;
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  border-radius: 4rem;
  margin-right: 2.4rem; }

.update__content {
  overflow: hidden; }

.update__title {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 1.45;
  margin-bottom: 1.6rem; }

@media (min-width: 900px) {
  .update__title {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #ffffff;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.38;
    will-change: color;
    transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
  .update__image {
    margin-right: 1.6rem; }
  .update a:hover .update__title {
    color: #666;
    color: var(--color-primary); }
  .update a:hover .text-link {
    color: #666;
    color: var(--color-primary); }
    .update a:hover .text-link:before {
      transform: translateX(0);
      transition: transform 0.15s 0.1s cubic-bezier(0.86, 0, 0.07, 1), background 0.08s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .update a:hover .text-link:after {
      transform: translateX(100%);
      transition: transform 0.15s cubic-bezier(0.86, 0, 0.07, 1); }
  .update a:active .update__title {
    color: #666;
    color: var(--color-primary);
    filter: brightness(1.1); }
  .update a:active .text-link {
    color: #666;
    color: var(--color-primary);
    filter: brightness(1.1); }
    .update a:active .text-link:before {
      background-color: #666;
      background-color: var(--color-primary);
      filter: brightness(1.1); } }

.text-link {
  display: inline-block;
  position: relative;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  will-change: color;
  transition: color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding-bottom: 0.8rem;
  z-index: 20;
  overflow: hidden; }
  .text-link:before, .text-link:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
    will-change: transform;
    z-index: -1; }
  .text-link:before {
    background-color: #666;
    background-color: var(--color-primary);
    transform: translateX(-100%);
    transition: transform 0.15s cubic-bezier(0.86, 0, 0.07, 1), background 0.08s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .text-link:after {
    background-color: #ffffff;
    transform: translateX(0);
    transition: transform 0.15s 0.1s cubic-bezier(0.86, 0, 0.07, 1); }

.partners .page-footer__heading {
  text-align: center; }

.partners__logos {
  margin-top: 4rem; }
  .partners__logos li {
    display: block; }
    .partners__logos li + * {
      margin-top: 5.6rem; }

.partners__image {
  display: block;
  position: relative; }
  .partners__image img {
    display: block;
    max-width: 17.6rem;
    height: auto;
    margin: 0 auto; }

@media (min-width: 900px) {
  .partners__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 2.4rem; }
    .partners__logos li {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      max-width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      margin: 2.4rem 8.8rem 0; }
    .partners__logos li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .partners__logos li:last-child{
    margin-right: 0; }
    .partners__logos li:nth-child(3n){
    margin-right: 0;
    margin-left: auto; }
    .partners__logos.row-length-6 li {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/6 - (3.5rem - 3.5rem * 1/6));
      max-width: calc(99.9% * 1/6 - (3.5rem - 3.5rem * 1/6));
      width: calc(99.9% * 1/6 - (3.5rem - 3.5rem * 1/6)); }
    .partners__logos.row-length-6 li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .partners__logos.row-length-6 li:last-child{
    margin-right: 0; }
    .partners__logos.row-length-6 li:nth-child(6n){
    margin-right: 0;
    margin-left: auto; }
    .partners__logos.row-length-5 li {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/5 - (3.5rem - 3.5rem * 1/5));
      max-width: calc(99.9% * 1/5 - (3.5rem - 3.5rem * 1/5));
      width: calc(99.9% * 1/5 - (3.5rem - 3.5rem * 1/5)); }
    .partners__logos.row-length-5 li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .partners__logos.row-length-5 li:last-child{
    margin-right: 0; }
    .partners__logos.row-length-5 li:nth-child(5n){
    margin-right: 0;
    margin-left: auto; }
    .partners__logos.row-length-4 li {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/4 - (3.5rem - 3.5rem * 1/4));
      max-width: calc(99.9% * 1/4 - (3.5rem - 3.5rem * 1/4));
      width: calc(99.9% * 1/4 - (3.5rem - 3.5rem * 1/4)); }
    .partners__logos.row-length-4 li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .partners__logos.row-length-4 li:last-child{
    margin-right: 0; }
    .partners__logos.row-length-4 li:nth-child(4n){
    margin-right: 0;
    margin-left: auto; }
    .partners__logos.row-length-3 li {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      max-width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3)); }
    .partners__logos.row-length-3 li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .partners__logos.row-length-3 li:last-child{
    margin-right: 0; }
    .partners__logos.row-length-3 li:nth-child(3n){
    margin-right: 0;
    margin-left: auto; }
    .partners__logos.row-length-2 li {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
      max-width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
      width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2)); }
    .partners__logos.row-length-2 li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .partners__logos.row-length-2 li:last-child{
    margin-right: 0; }
    .partners__logos.row-length-2 li:nth-child(2n){
    margin-right: 0;
    margin-left: auto; }
  .partners__image {
    display: block;
    position: relative;
    width: 17.6rem;
    height: 17.6rem;
    margin: 0 auto;
    opacity: 0.75;
    will-change: opacity;
    transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .partners__image:hover {
      opacity: 1; }
    .partners__image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      font-family: 'object-fit: contain;'; } }

.social {
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center; }
  .social li {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
    .social li + * {
      margin-left: 1.6rem; }
  .social .social__link--twitter svg {
    width: 0.95em;
    height: 0.95em; }
  .social .social__link--facebook svg {
    width: 0.5em;
    height: 1em; }
  .social .social__link--instagram svg {
    width: 1em;
    height: 1em; }

.social {
  font-size: 1.9rem; }
  .social svg {
    fill: #ffffff;
    position: relative;
    top: 0.2rem; }
  .social a {
    color: #ffffff;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400; }

.hero, .hero--slim {
  background-color: #666;
  background-color: var(--color-primary);
  padding: 15rem 0 5rem; }
  @media (min-width: 900px) {
    .hero, .hero--slim {
      min-height: 100vh;
      max-height: 100vh; } }
  @media (max-height: 600px) {
    .hero, .hero--slim {
      min-height: 60rem; } }
  @media (min-width: 1800px) and (max-height: 715px) {
    .hero, .hero--slim {
      min-height: 60rem; } }
  .hero:after, .hero--slim:after {
    position: absolute;
    bottom: 0;
    left: 0; }
  .hero__inner {
    z-index: 20; }
  .hero__wrap {
    height: 100%; }
  .hero__content:only-child {
    margin: 0 auto;
    text-align: center; }
  .hero__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #ffffff;
    font-size: 4.2rem;
    font-weight: 300;
    line-height: 1.19;
    text-shadow: 0 0.2rem 0.9rem rgba(0, 0, 0, 0.5);
    padding-bottom: 2rem; }
  .hero__text {
    color: #ffffff;
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 400;
    margin-top: 1.6rem; }
  .hero__credit {
    color: #ffffff;
    line-height: 1.6;
    font-size: 1.4rem;
    font-weight: 400;
    position: absolute;
    bottom: 2.4rem;
    right: 3.2rem;
    z-index: 20; }
  @media (min-width: 900px) {
    .hero__wrap {
      display: flex;
      align-items: flex-end; }
    .hero__heading {
      font-family: "Roboto Slab";
      font-family: var(--typeface-display);
      color: #ffffff;
      font-size: 5.6rem;
      font-weight: 300;
      line-height: 1.21; }
    .hero .action-panel, .hero--slim .action-panel {
      flex: 1 0 34.4rem;
      margin-right: 8vw; }
      .hero .action-panel .action-panel__text a, .hero--slim .action-panel .action-panel__text a {
        color: #ffffff;
        text-decoration: underline; }
      .hero .action-panel .action-network-form #form_col1, .hero--slim .action-panel .action-network-form #form_col1 {
        margin-bottom: 1.6rem; }
      .hero .action-panel .action-network-form .floatlabel-wrapper + *, .hero--slim .action-panel .action-network-form .floatlabel-wrapper + * {
        margin-top: 1rem; }
      .hero .action-panel .action-network-form #can_embed_form [type="submit"], .hero--slim .action-panel .action-network-form #can_embed_form [type="submit"] {
        margin-right: 1rem; }
      .hero .action-panel .action-network-form #d_sharing, .hero--slim .action-panel .action-network-form #d_sharing {
        margin-top: 0; }
        .hero .action-panel .action-network-form #d_sharing label, .hero--slim .action-panel .action-network-form #d_sharing label {
          margin-left: 0; }
      .hero .action-panel .action-network-form .affirmative_optin_d_sharing .controls, .hero--slim .action-panel .action-network-form .affirmative_optin_d_sharing .controls {
        flex-direction: column; }
        .hero .action-panel .action-network-form .affirmative_optin_d_sharing .controls > * + *, .hero--slim .action-panel .action-network-form .affirmative_optin_d_sharing .controls > * + * {
          margin-left: 0;
          margin-top: 0.6rem; }
      .hero .action-panel .action-network-form .radio, .hero--slim .action-panel .action-network-form .radio {
        white-space: nowrap; }
      .hero .action-panel #can_embed_form #form_col1 [type="text"], .hero--slim .action-panel #can_embed_form #form_col1 [type="text"],
      .hero .action-panel #can_embed_form #form_col1 [type="email"],
      .hero--slim .action-panel #can_embed_form #form_col1 [type="email"] {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1.4rem; }
      .hero .action-panel .country_drop_wrap, .hero--slim .action-panel .country_drop_wrap {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .hero .action-panel #form_col2, .hero--slim .action-panel #form_col2 {
        display: flex;
        flex-direction: column; } }

@media (min-width: 900px) {
  .hero--slim {
    max-height: initial;
    min-height: initial;
    height: 44rem; } }

.action-panel {
  display: none;
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6); }
  .action-panel__block {
    display: none;
    padding: 3.2rem 4rem;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top center;
    will-change: opacity, visibility, transform;
    transition: opacity 0.1s, visibility 0 0.1s, transform 0s cubic-bezier(0.86, 0, 0.07, 1); }
    .action-panel__block.is-active {
      display: block;
      opacity: 1;
      visibility: visible;
      transform: scaleY(1);
      transition: opacity 0.15s 0.2s cubic-bezier(0.86, 0, 0.07, 1), visibility 0 0, transform 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
    .action-panel__block > .button, #can_embed_form .action-panel__block > [type="submit"],
    .action-panel__block .button-bar {
      margin-top: 2.4rem; }
    .action-panel__block #can-form-area-action-panel #can_embed_form .control-label {
      display: none; }
    .action-panel__block #can-form-area-action-panel #can_embed_form #d_sharing {
      margin-top: 0rem; }
    .action-panel__block #can-form-area-action-panel #can_embed_form .check_radio_field {
      margin-top: 0rem; }
  .action-panel__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #ffffff;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167; }
  .action-panel__text {
    color: #ffffff;
    line-height: 1.44;
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 1rem; }
  @media (min-width: 900px) {
    .action-panel {
      display: block; } }

.signup {
  display: none;
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6); }
  .signup__block {
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: top center;
    will-change: opacity, visibility, transform;
    transition: opacity 0.1s, visibility 0 0.1s, transform 0s cubic-bezier(0.86, 0, 0.07, 1); }
    .signup__block.is-active {
      display: block;
      opacity: 1;
      visibility: visible;
      transform: scaleY(1);
      transition: opacity 0.15s 0.2s cubic-bezier(0.86, 0, 0.07, 1), visibility 0 0, transform 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
    .signup__block > .button, #can_embed_form .signup__block > [type="submit"],
    .signup__block .button-bar {
      margin-top: 2.4rem; }

#can_embed_form {
  margin: 1rem 0; }
  #can_embed_form #action_welcome_message_inner .left div {
    color: #ffffff; }
  #can_embed_form #action_welcome_message_inner .left a {
    color: #000;
    color: var(--color-secondary); }
  #can_embed_form h2,
  #can_embed_form h4 {
    display: none; }
  #can_embed_form .floatlabel-label {
    display: none !important; }
  #can_embed_form #form_col1 [type="text"],
  #can_embed_form #form_col1 [type="email"] {
    display: block;
    font-size: 1.6rem;
    border: 1px solid #f5f0f1;
    padding: 1.8rem 0.8rem;
    border-radius: 2px;
    width: 100%;
    background-color: #fff; }
  #can_embed_form .floatlabel-wrapper + * {
    margin-top: 24px; }
  #can_embed_form .international_link-wrap {
    font-size: 16px;
    display: block;
    margin: 0; }
  #can_embed_form .international_link {
    text-decoration: underline;
    cursor: pointer; }
  #can_embed_form .country_drop_wrap {
    display: none;
    width: 100%;
    margin-bottom: 1.6rem;
    position: relative;
    border: 1px solid #f5f0f1;
    border-radius: 2px;
    font-size: 1.6rem;
    padding: 1.8rem 0.8rem;
    background-color: #fff; }
    #can_embed_form .country_drop_wrap span.can_select {
      padding: 0; }
    #can_embed_form .country_drop_wrap:after {
      content: "\2304";
      display: block;
      position: absolute;
      right: 2rem !important;
      top: 50%;
      transform: translateY(-50%);
      font-size: 32px !important;
      color: #968e8c;
      pointer-events: none; }
  #can_embed_form #form-country {
    width: 100% !important; }
  #can_embed_form span.can_select {
    font-size: 18px;
    width: 100%;
    padding: 18px 28px; }
  #can_embed_form span.can_selectInner {
    width: 100% !important; }
  #can_embed_form .control-group {
    list-style: none;
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #f5f0f1; }
  #can_embed_form .control-label {
    line-height: 2rem !important; }
  #can_embed_form .check_radio_field {
    display: flex;
    width: 100%;
    margin-top: 2rem; }
    #can_embed_form .check_radio_field .checkbox {
      width: 25%; }
      #can_embed_form .check_radio_field .checkbox + * {
        padding-left: 0.8rem; }
    #can_embed_form .check_radio_field label {
      color: #968e8c;
      font-size: 16px; }
  #can_embed_form #d_sharing {
    margin-top: 1.6rem; }
    #can_embed_form #d_sharing label {
      color: #ffffff;
      font-size: 1.4rem;
      line-height: 1.1; }
  #can_embed_form [type="submit"] {
    -webkit-appearance: 0 none;
            appearance: 0 none;
    margin: 0; }
  #can_embed_form .action_owner,
  #can_embed_form #logo_wrap,
  #can_embed_form .ajax-loading {
    display: none; }
  #can_embed_form #form_col1 li {
    list-style: none;
    display: block;
    margin-bottom: 1rem; }
  #can_embed_form #action_welcome_message {
    color: #ffffff;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400; }
  #can_embed_form #can_thank_you h1 {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167;
    color: #000;
    color: var(--color-secondary); }
  #can_embed_form .control-group {
    border-bottom: 0; }
  #can_embed_form .affirmative_note {
    display: none !important; }
  #can_embed_form .affirmative_optin_d_sharing {
    list-style: none; }
    @media (min-width: 600px) {
      #can_embed_form .affirmative_optin_d_sharing .controls {
        display: flex; }
        #can_embed_form .affirmative_optin_d_sharing .controls > * + * {
          margin-left: 2rem; } }
    @media (max-width: 599px) {
      #can_embed_form .affirmative_optin_d_sharing .controls {
        flex-direction: column; }
        #can_embed_form .affirmative_optin_d_sharing .controls > * + * {
          margin-top: 1rem; } }

.stat-bar {
  padding: 4rem 0; }
  .stat-bar__list li {
    display: block;
    text-align: center; }
    .stat-bar__list li + * {
      margin-top: 4.8rem; }
  .stat-bar__stat {
    display: block;
    color: #666;
    color: var(--color-primary);
    font-size: 7.6rem;
    font-weight: 700; }
  .stat-bar__label {
    color: #222223;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400; }
  @media (min-width: 900px) {
    .stat-bar__list {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 10/12 - (3.5rem - 3.5rem * 10/12));
      max-width: calc(99.9% * 10/12 - (3.5rem - 3.5rem * 10/12));
      width: calc(99.9% * 10/12 - (3.5rem - 3.5rem * 10/12));
      margin-left: calc(99.9% * (-1/12 * -1) - (3.5rem - 3.5rem * (-1/12 * -1)) + 3.5rem) !important;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-align: center; }
    .stat-bar__list:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .stat-bar__list:last-child{
    margin-right: 0; }
    .stat-bar__list:nth-child(12n){
    margin-right: 0;
    margin-left: auto; }
      .stat-bar__list li {
        display: inline-block;
        margin-top: 0; }
    .stat-bar__label {
      color: #222223;
      line-height: 1.6;
      font-size: 2rem;
      font-weight: 400; } }

.roadblock {
  height: 44rem;
  background-color: #666;
  background-color: var(--color-primary);
  overflow: hidden;
  margin-top: 0; }
  .roadblock__background {
    will-change: transform;
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
  .roadblock__inner {
    height: 100%; }
  @media (min-width: 900px) {
    .roadblock.is-hovered .roadblock__background {
      transform: scale(1.05);
      transition: opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1), transform 4.5s; } }

.grid--organization:first-child .grid__wrap:before, .grid--person:first-child .grid__wrap:before {
  display: none; }

.grid--organization:last-child, .grid--person:last-child {
  margin-bottom: 8rem; }

.grid--organization + *, .grid--person + * {
  margin-top: 8.8rem; }

.grid--organization .grid__wrap:before, .grid--person .grid__wrap:before {
  top: 0; }

.grid--organization .grid__heading, .grid--person .grid__heading {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.167;
  margin-top: 1.6rem; }

.grid--organization .grid__close, .grid--person .grid__close {
  display: none; }

@media (min-width: 900px) {
  .grid--organization:last-child, .grid--person:last-child {
    margin-bottom: 13.6rem; }
  .grid--organization .grid__wrap, .grid--person .grid__wrap {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(99.9% * 10/12 - (3.5rem - 3.5rem * 10/12));
    max-width: calc(99.9% * 10/12 - (3.5rem - 3.5rem * 10/12));
    width: calc(99.9% * 10/12 - (3.5rem - 3.5rem * 10/12));
    margin-left: calc(99.9% * (-1/12 * -1) - (3.5rem - 3.5rem * (-1/12 * -1)) + 3.5rem) !important; }
  .grid--organization .grid__wrap:nth-child(1n), .grid--person .grid__wrap:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
  .grid--organization .grid__wrap:last-child, .grid--person .grid__wrap:last-child{
    margin-right: 0; }
  .grid--organization .grid__wrap:nth-child(12n), .grid--person .grid__wrap:nth-child(12n){
    margin-right: 0;
    margin-left: auto; }
  .grid--organization .grid__heading, .grid--person .grid__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 4.2rem;
    font-weight: 300;
    line-height: 1.19;
    margin-top: 4rem; } }

.grid--organization .grid__image {
  width: 100%;
  height: auto;
  margin: 0 auto; }

.grid--organization.is-full .grid__list > li {
  display: block;
  margin-top: 6.4rem; }

.grid--organization.is-full .grid__image {
  margin-bottom: 4rem; }

.grid--organization.is-full .grid__name {
  font-weight: 700;
  margin-bottom: 1.6rem; }

.grid--organization.is-full .grid__projects {
  display: block;
  margin-top: 1.6rem; }
  .grid--organization.is-full .grid__projects li + * {
    margin-top: 0.8rem; }
  .grid--organization.is-full .grid__projects a {
    color: #222223;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400;
    color: #000;
    color: var(--color-secondary);
    font-weight: 700; }
  .grid--organization.is-full .grid__projects:before {
    color: #76777b;
    line-height: 1;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    content: "Projects";
    display: block;
    margin-bottom: 0.4rem; }

.grid--organization.is-reduced .grid__content {
  margin-top: 2.1rem;
  padding-top: 2.1rem;
  border-top: 1px solid #d2d3da;
  text-align: center; }

.grid--organization .grid__list > li {
  margin-top: 6.4rem; }

.grid--organization .grid__name {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400; }

.grid--organization .grid__description {
  color: #222223;
  line-height: 1.6;
  font-size: 1.6rem;
  font-weight: 400; }

.grid--organization .grid__bio {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400;
  overflow: hidden; }

.grid--organization .grid__projects {
  display: none; }

@media (min-width: 600px) {
  .grid--organization .grid__image {
    max-width: 30.4rem; }
  .grid--organization.is-full .grid__image {
    margin-left: 0; } }

@media (min-width: 900px) {
  .grid--organization.is-full .grid__image {
    float: left;
    width: 22.4rem;
    margin-right: 4rem;
    margin-bottom: 0; }
  .grid--organization.is-full .grid__content {
    overflow: hidden; }
  .grid--organization.is-full .grid__projects a {
    will-change: color;
    transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
    .grid--organization.is-full .grid__projects a:hover {
      color: #666;
      color: var(--color-primary); }
    .grid--organization.is-full .grid__projects a:active {
      color: #666;
      color: var(--color-primary);
      filter: brightness(1.1); }
  .grid--organization.is-reduced .grid__list {
    display: flex;
    flex-wrap: wrap; }
    .grid--organization.is-reduced .grid__list > li {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      max-width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3)); }
    .grid--organization.is-reduced .grid__list > li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .grid--organization.is-reduced .grid__list > li:last-child{
    margin-right: 0; }
    .grid--organization.is-reduced .grid__list > li:nth-child(3n){
    margin-right: 0;
    margin-left: auto; }
  .grid--organization.is-reduced .grid__image {
    height: 15.2rem; }
    .grid--organization.is-reduced .grid__image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      font-family: 'object-fit: contain;'; } }

.grid--person.is-full .grid__item {
  cursor: pointer; }

.grid--person.is-full .grid__title,
.grid--person.is-full .grid__organization {
  text-transform: none; }

.grid--person.is-full .grid__description {
  margin-top: 2.4rem; }

.grid--person .grid__list li {
  position: relative; }

.grid--person .grid__image {
  border-radius: 50%;
  width: 6.4rem;
  height: 6.4rem;
  overflow: hidden;
  float: left;
  margin-right: 3.2rem; }

.grid--person .grid__content {
  overflow: hidden; }

.grid--person .grid__name {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400;
  font-weight: 700; }

.grid--person.is-full .grid__list li {
  margin-top: 4.8rem; }

.grid--person.is-full .grid__title,
.grid--person.is-full .grid__organization {
  color: #222223;
  line-height: 1.24;
  font-size: 2rem;
  font-weight: 400; }

.grid--person.is-reduced .grid__list {
  columns: 2;
  column-width: 20rem;
  margin-top: 4.8rem; }
  .grid--person.is-reduced .grid__list li + * {
    margin-top: 3.2rem; }

.grid--person.is-reduced .grid__title,
.grid--person.is-reduced .grid__organization {
  color: #76777b;
  line-height: 1.6;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  display: block; }

.grid--person .grid__title:after {
  content: ","; }

.grid--person .grid__title:only-child:after {
  content: ""; }

.grid--person .grid__departments {
  color: #76777b;
  line-height: 1;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-top: 0.8rem; }

.grid--person .grid__description {
  margin-top: 1.6rem; }
  .grid--person .grid__description p {
    color: #222223;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400; }

@media (min-width: 900px) {
  .grid--person.is-full .grid__list li:nth-child(3n + 1) .grid__item.is-open {
    transform: translateX(0); }
  .grid--person.is-full .grid__list li:nth-child(3n + 1) .grid__description {
    transition-delay: 0s; }
  .grid--person.is-full .grid__list li:nth-child(3n + 2) .grid__item.is-open {
    transform: translateX(-29.1%) translateX(-3.2rem); }
  .grid--person.is-full .grid__list li:nth-child(3n + 3) .grid__item.is-open {
    transform: translateX(-61.2%) translateX(-3.2rem); }
  .grid--person.is-full .grid__item {
    will-change: transform;
    transition: transform 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
    .grid--person.is-full .grid__item.is-open {
      position: absolute;
      background-color: #ffffff;
      padding: 3.2rem;
      left: -3.2rem;
      top: -3.2rem;
      box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.2);
      width: calc(300% + 13rem);
      z-index: 70;
      transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
      cursor: default; }
      .grid--person.is-full .grid__item.is-open .grid__description {
        position: relative;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.15s 0.3s cubic-bezier(0.86, 0, 0.07, 1), visibility 0s 0s; }
      .grid--person.is-full .grid__item.is-open .grid__close {
        color: #968e8c;
        line-height: 1;
        font-size: 1.4rem;
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        position: absolute;
        top: 2.4rem;
        right: 2.4rem;
        cursor: pointer;
        will-change: color;
        transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
        .grid--person.is-full .grid__item.is-open .grid__close:hover {
          color: #222223; }
  .grid--person.is-full .grid__description {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 0.15s cubic-bezier(0.86, 0, 0.07, 1), visibility 0 0.15s; }
  .grid--person.is-full .grid__name {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.45;
    font-weight: 700;
    margin-bottom: 0.8rem; }
  .grid--person.is-full .grid__title,
  .grid--person.is-full .grid__organization {
    color: #222223;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 400; }
  .grid--person.is-reduced .grid__list {
    margin-top: 0; }
    .grid--person.is-reduced .grid__list li + * {
      margin-top: 4.8rem; }
  .grid--person .grid__image {
    float: none;
    width: 12rem;
    height: 12rem;
    margin-bottom: 2.4rem; }
  .grid--person .grid__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.6rem; }
    .grid--person .grid__list li {
      margin-top: 4.8rem;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      max-width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3));
      width: calc(99.9% * 1/3 - (3.5rem - 3.5rem * 1/3)); }
    .grid--person .grid__list li:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .grid--person .grid__list li:last-child{
    margin-right: 0; }
    .grid--person .grid__list li:nth-child(3n){
    margin-right: 0;
    margin-left: auto; }
  .grid--person .grid__name {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.45;
    margin-bottom: 0.4rem; }
  .grid--person .grid__departments {
    margin-top: 0.8rem; } }

.pagination {
  margin-top: 4.8rem;
  text-align: center;
  margin-bottom: 12rem; }
  .pagination li {
    display: inline-block; }
  .pagination a {
    color: #222223;
    line-height: 1.6;
    font-size: 1.6rem;
    font-weight: 400;
    display: block;
    position: relative;
    padding: 0 1.2rem;
    font-weight: 700;
    text-align: center;
    line-height: 3.2rem;
    vertical-align: middle;
    z-index: 20;
    will-change: color;
    transition: color 0.15s cubic-bezier(0.86, 0, 0.07, 1); }
    .pagination a:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      background-color: #666;
      background-color: var(--color-primary);
      z-index: -1; }
    .pagination a.is-current {
      color: #ffffff; }
      .pagination a.is-current:after {
        height: 3.2rem; }
    .pagination a.is-disabled {
      opacity: 0.2; }
    .pagination a:not(.is-disabled):not(.is-current) {
      cursor: pointer; }
      .pagination a:not(.is-disabled):not(.is-current):hover {
        color: #666;
        color: var(--color-primary); }
        .pagination a:not(.is-disabled):not(.is-current):hover svg {
          fill: #666;
          fill: var(--color-primary); }
      .pagination a:not(.is-disabled):not(.is-current):active {
        color: #666;
        color: var(--color-primary);
        filter: brightness(1.1); }
        .pagination a:not(.is-disabled):not(.is-current):active svg {
          fill: #666;
          fill: var(--color-primary);
          filter: brightness(1.1); }
    .pagination a svg {
      height: 1.2rem;
      width: 1.4rem;
      fill: #222223;
      will-change: fill;
      transition: fill 0.15s cubic-bezier(0.86, 0, 0.07, 1); }

.touts {
  margin-top: 8.8rem; }
  .touts__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 4.2rem;
    font-weight: 300;
    line-height: 1.19;
    display: none;
    text-align: center;
    margin-bottom: 4.8rem; }
  .touts__list:last-child {
    margin-bottom: 8.8rem; }
  .touts__list li + * {
    margin-top: 4.8rem; }
  @media (min-width: 900px) {
    .touts__list {
      display: flex;
      flex-wrap: wrap; }
      .touts__list:last-child {
        margin-bottom: 11.2rem; }
      .touts__list li {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(99.9% * 1/3 - (3rem - 3rem * 1/3));
        max-width: calc(99.9% * 1/3 - (3rem - 3rem * 1/3));
        width: calc(99.9% * 1/3 - (3rem - 3rem * 1/3));
        margin-top: 0; }
      .touts__list li:nth-child(1n){
    margin-right: 3rem;
    margin-left: 0; }
      .touts__list li:last-child{
    margin-right: 0; }
      .touts__list li:nth-child(3n){
    margin-right: 0;
    margin-left: auto; }
        .touts__list li:nth-child(n+4) {
          margin-top: 4.8rem; } }

.tout__image {
  position: relative;
  display: block;
  overflow: hidden; }
  .tout__image:before {
    content: "";
    display: block;
    padding-top: 66.66667%; }
  .tout__image > img {
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
  .tout__image + * {
    margin-top: 1.6rem; }

.tout__content {
  padding-right: 2.4rem; }

.tout__heading, .tout__location, .tout__type {
  color: #222223;
  line-height: 1.44;
  font-size: 1.8rem;
  font-weight: 400;
  display: block; }

.tout__heading {
  font-weight: 700; }

.tout__type {
  color: #76777b; }

.tout__description {
  color: #76777b;
  line-height: 1.6;
  font-size: 1.8rem;
  font-weight: 400; }

@media (min-width: 900px) {
  .tout__image img {
    will-change: transform;
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
  .tout__heading {
    will-change: color;
    transition: color 0.15s cubic-bezier(0.86, 0, 0.07, 1); }
  .tout a:hover .tout__image img {
    transform: scale(1.05);
    transition: transform 4.5s; }
  .tout a:hover .tout__heading {
    color: #666;
    color: var(--color-primary); }
  .tout a:active .tout__image img {
    transform: scale(1.08);
    transition: transform 0.08s; }
  .tout a:active .tout__heading {
    color: #666;
    color: var(--color-primary);
    filter: brightness(1.1); } }

.share .share__heading, .share--action .share__heading {
  color: #222223;
  line-height: 1.6;
  font-size: 1.4rem;
  font-weight: 400;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.4rem; }

.share .share__list, .share--action .share__list {
  display: flex;
  width: 100%;
  height: 4.2rem; }
  .share .share__list li, .share--action .share__list li {
    position: relative;
    flex: 1 1 33.3334%;
    height: 100%; }
    .share .share__list li + *, .share--action .share__list li + * {
      margin-left: 1px; }

.share [class*="__button"], .share--action [class*="__button"] {
  background-color: #000;
  background-color: var(--color-secondary);
  will-change: background;
  transition: background 0.15s cubic-bezier(0.86, 0, 0.07, 1);
  cursor: pointer; }
  .share [class*="__button"]:hover, .share--action [class*="__button"]:hover {
    background-color: #666;
    background-color: var(--color-primary); }
  .share [class*="__button"]:active, .share--action [class*="__button"]:active {
    background-color: #666;
    background-color: var(--color-primary);
    filter: brightness(1.1); }
  .share [class*="__button"] svg, .share--action [class*="__button"] svg {
    fill: #ffffff; }

.share .share__button--twitter svg, .share--action .share__button--twitter svg {
  width: 1.9rem;
  height: 1.7rem; }

.share .share__button--facebook svg, .share--action .share__button--facebook svg {
  width: 1rem;
  height: 1.9rem; }

.share .share__button--email svg, .share--action .share__button--email svg {
  width: 2.1rem;
  height: 1.5rem; }

.share {
  display: none;
  width: 13.6rem; }
  .share .share__heading {
    color: #000;
    color: var(--color-secondary);
    text-align: center; }
  @media (min-width: 900px) {
    .share {
      display: block; } }

.share--action {
  margin-top: 2.4rem; }
  .share--action .share__heading {
    color: #ffffff; }
  .share--action .share__list {
    width: 13.6rem; }

.share--mobile {
  display: block;
  margin-top: 3.2rem; }
  .share--mobile .share__heading {
    color: #222223;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    color: var(--color-secondary);
    margin-bottom: 1.6rem; }
  .share--mobile .share__list {
    display: flex;
    align-items: center; }
    .share--mobile .share__list li {
      display: inline-block; }
      .share--mobile .share__list li + * {
        margin-left: 1.6rem; }
  .share--mobile [class*="__button"] {
    position: relative;
    font-size: 2em;
    cursor: pointer;
    padding: 0; }
    .share--mobile [class*="__button"] svg {
      display: block;
      fill: #222223; }
  .share--mobile .share__button--twitter svg {
    width: 1.9rem;
    height: 1.7rem; }
  .share--mobile .share__button--facebook svg {
    width: 1rem;
    height: 1.9rem; }
  .share--mobile .share__button--email svg {
    width: 2.1rem;
    height: 1.5rem; }
  @media (min-width: 900px) {
    .share--mobile {
      display: none; } }

.takeover {
  background-attachment: fixed;
  background-size: cover;
  padding: 7.4rem 0;
  position: relative; }
  .takeover__background {
    position: absolute;
    width: 100%;
    object-fit: cover;
    top: 0; }
  .takeover__header {
    margin-bottom: 2.6rem;
    display: flex;
    align-items: center; }
    .takeover__header .darkfont {
      color: #3b3b3b !important; }
    .takeover__header .whitefont {
      color: #ffffff !important; }
    .takeover__header img {
      margin-left: 25px; }
  .takeover__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.38;
    margin-bottom: 1.6rem; }
  .takeover__subheading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.45;
    color: #ffffff; }
  .takeover__content p {
    font-size: 1.6em; }

.feature {
  overflow: hidden; }
  .feature a {
    padding: 6.4rem 0; }
  .feature__background {
    -webkit-user-select: none;
            user-select: none;
    will-change: transform;
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
    .feature__background:after {
      content: "";
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
  .feature__inner {
    z-index: 20; }
  .feature__wrap {
    align-items: flex-end;
    min-height: 33.6rem; }
  .feature__content {
    max-width: 53.6rem; }
  .feature__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #ffffff;
    font-size: 4.2rem;
    font-weight: 300;
    line-height: 1.19; }
  .feature__text {
    color: #ffffff;
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 400;
    margin-top: 1.6rem; }
  @media (min-width: 900px) {
    .feature:hover .feature__background {
      transform: scale(1.05);
      transition: transform 4.5s; }
    .feature__wrap {
      margin-left: calc(99.9% * (-1/12 * -1) - (3.5rem - 3.5rem * (-1/12 * -1)) + 3.5rem) !important;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 11/12 - (3.5rem - 3.5rem * 11/12));
      max-width: calc(99.9% * 11/12 - (3.5rem - 3.5rem * 11/12));
      width: calc(99.9% * 11/12 - (3.5rem - 3.5rem * 11/12)); }
    .feature__wrap:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .feature__wrap:last-child{
    margin-right: 0; }
    .feature__wrap:nth-child(12n){
    margin-right: 0;
    margin-left: auto; } }

.stories__list {
  margin-top: 8.8rem; }
  .stories__list:last-child {
    margin-bottom: 6.4rem; }
  .stories__list li {
    padding-bottom: 5.6rem; }
    .stories__list li + * {
      border-top: 1px solid #d2d3da;
      padding-top: 5.6rem; }

@media (min-width: 900px) {
  .stories__list {
    margin-top: 11.2rem; } }

.preview__image {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 1.6rem; }
  .preview__image:before {
    content: "";
    display: block;
    padding-top: 66.66667%; }
  .preview__image > img {
    object-fit: cover;
    font-family: 'object-fit: cover;'; }

.preview__content {
  overflow: hidden;
  padding-bottom: 0.4rem; }
  .preview__content > * + * {
    margin-top: 2.4rem; }

.preview__heading {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.167; }

.preview__date {
  color: #222223;
  line-height: 1.6;
  font-size: 1.6rem;
  font-weight: 400;
  display: block;
  margin-top: 0.8rem; }

.preview__text {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400;
  margin-top: 2.4rem; }

.preview__external {
  display: block; }
  .preview__external span {
    color: #222223;
    line-height: 2rem;
    font-size: 2rem;
    font-weight: 400;
    margin-right: 1.6rem;
    color: #000;
    color: var(--color-secondary);
    vertical-align: middle; }
  .preview__external svg {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 2rem;
    fill: #000;
    fill: var(--color-secondary);
    vertical-align: middle; }

@media (min-width: 900px) {
  .preview__image {
    width: 44rem;
    float: left;
    margin-right: 4rem;
    margin-bottom: 0;
    overflow: hidden; }
    .preview__image img {
      will-change: transform;
      transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
    .preview__image:hover img {
      transform: scale(1.05);
      transition: opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1), transform 4.5s; }
  .preview__content > * + * {
    margin-top: 1.6rem; }
  .preview__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167;
    will-change: color;
    transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
    .preview__heading:hover {
      color: #666;
      color: var(--color-primary); }
    .preview__heading:active {
      color: #666;
      color: var(--color-primary);
      filter: brightness(1.1); }
  .preview__date {
    color: #222223;
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 400;
    font-weight: 700; }
  .preview__external {
    display: block; }
    .preview__external:hover span {
      color: #666;
      color: var(--color-primary); }
    .preview__external:hover svg {
      fill: #666;
      fill: var(--color-primary); }
    .preview__external:active span {
      color: #666;
      color: var(--color-primary);
      filter: brightness(1.1); }
    .preview__external:active svg {
      fill: #666;
      fill: var(--color-primary);
      filter: brightness(1.1); }
    .preview__external span {
      color: #222223;
      line-height: 2rem;
      font-size: 2rem;
      font-weight: 400;
      margin-right: 1.6rem;
      color: #000;
      color: var(--color-secondary);
      will-change: color;
      transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1);
      vertical-align: middle; }
    .preview__external svg {
      display: inline-block;
      width: 1.2rem;
      height: 1.2rem;
      line-height: 2rem;
      fill: #000;
      fill: var(--color-secondary);
      will-change: fill;
      transition: fill 0.1s cubic-bezier(0.86, 0, 0.07, 1);
      vertical-align: middle; } }

.grant-map {
  display: none;
  position: relative;
  width: 100%; }
  .grant-map__block {
    position: relative; }
  .grant-map__map {
    position: sticky;
    top: 12.8rem;
    z-index: 20; }
  .grant-map .region {
    padding: 0;
    border-bottom: 2px solid #d2d3da;
    border-top: none; }
    .grant-map .region__toggler {
      padding: 1.6rem 0;
      cursor: pointer;
      width: 100%; }
      .grant-map .region__toggler h3 {
        font-family: "Roboto Slab";
        font-family: var(--typeface-display);
        color: #222223;
        font-size: 2.2rem;
        font-weight: 300;
        line-height: 3.2rem;
        float: left;
        font-family: var(--typeface-primary); }
      .grant-map .region__toggler span {
        color: #968e8c;
        line-height: 3.2rem;
        font-size: 1.5rem;
        font-weight: 400;
        float: right;
        position: relative;
        width: 16rem; }
        .grant-map .region__toggler span:after {
          content: "+";
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          font-size: 3.3rem !important;
          color: #968e8c;
          pointer-events: none; }
    .grant-map .region__projects {
      visibility: hidden;
      opacity: 0;
      max-height: 0;
      transition: max-height 0s; }
      .grant-map .region__projects li .project-link {
        padding: 1.6rem 0;
        border-top: 1px solid #d2d3da; }
      .grant-map .region__projects li:first-child .project-link {
        border-top: 0; }
    .grant-map .region.is-active {
      border-color: var(--color-primary); }
      .grant-map .region.is-active .region__toggler span:after {
        content: "\2013"; }
      .grant-map .region.is-active .region__projects {
        visibility: visible;
        overflow: hidden;
        opacity: 1;
        max-height: 500rem;
        will-change: max-height, opacity;
        transition: max-height 0.3s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.1s; }
    .grant-map .region:hover .region__toggler span:after {
      color: var(--color-secondary); }
    .grant-map .region:hover .region__toggler h3, .grant-map .region.is-active .region__toggler h3 {
      color: var(--color-secondary); }
  .grant-map + .touts .touts__heading {
    display: block; }
  @media (min-width: 900px) {
    .grant-map {
      display: block; } }
  @media (min-width: 1200px) {
    .grant-map__regions {
      margin-top: 10rem;
      display: flex;
      flex-wrap: wrap; }
      .grant-map__regions__list {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
        max-width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
        width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2)); }
      .grant-map__regions__list:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
      .grant-map__regions__list:last-child{
    margin-right: 0; }
      .grant-map__regions__list:nth-child(2n){
    margin-right: 0;
    margin-left: auto; } }
  @media (max-height: 800px) {
    .grant-map__block {
      position: relative; } }

.marker {
  position: absolute; }
  .marker__marker {
    cursor: pointer;
    height: 2.5rem;
    min-width: 8rem;
    width: auto;
    position: absolute;
    top: -1.2rem;
    left: -1.2rem; }
    .marker__marker:hover .marker__circle {
      border-color: var(--color-primary); }
    .marker__marker:hover .marker__rect {
      background: var(--color-primary); }
  .marker__number {
    position: absolute;
    top: 23%; }
  .marker__name {
    padding-top: 0.35rem;
    text-align: center;
    color: #ffffff; }
  .marker__circle {
    position: absolute;
    top: 0%;
    left: 0%;
    background: #ffffff;
    border: 3px solid var(--color-secondary);
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    will-change: border-color;
    transition: border-color 0.1s cubic-bezier(0.86, 0, 0.07, 1);
    display: flex;
    justify-content: center; }
  .marker__rect {
    display: none;
    position: absolute;
    top: 14%;
    left: 5%;
    background: var(--color-secondary);
    border-radius: 1rem;
    height: 1.8rem;
    white-space: nowrap;
    padding-left: 3.2rem;
    padding-right: 1.8rem;
    will-change: background;
    transition: background 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
  @media (min-width: 1200px) {
    .marker__rect {
      display: block; } }

.project-link__content {
  padding: 2rem 0; }

.project-link__heading, .project-link__location, .project-link__type, .project-link__content {
  color: #222223;
  line-height: 1.6;
  font-size: 1.7rem;
  font-weight: 400;
  display: block; }

.project-link__heading {
  font-size: 2rem;
  line-height: 1.2; }

.project-link__location {
  padding-top: 0.5rem; }

.project-link__type {
  color: #76777b; }

.project-link > a {
  padding-left: 0;
  transition: padding-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .project-link > a:before {
    opacity: 0;
    content: "";
    display: block;
    width: 1.2rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #e9e6e0;
    transition: opacity 0s; }
  .project-link > a:hover {
    padding-left: 4rem; }
    .project-link > a:hover .project-link__heading {
      color: var(--color-secondary); }
    .project-link > a:hover:before {
      transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
      opacity: 1; }
  .project-link > a:active:before {
    filter: brightness(1.1); }

.back, .back--mobile {
  color: #222223;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  color: var(--color-secondary); }
  .back svg, .back--mobile svg {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    fill: #000;
    fill: var(--color-secondary);
    margin-right: 0.8rem;
    vertical-align: 0.2rem; }

.back {
  display: none;
  margin-bottom: 2.4rem;
  will-change: color;
  transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
  .back svg {
    will-change: fill;
    transition: fill 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
  .back:hover {
    color: #666;
    color: var(--color-primary); }
    .back:hover svg {
      fill: #666;
      fill: var(--color-primary); }
  .back:active {
    color: #666;
    color: var(--color-primary);
    filter: brightness(1.1); }
    .back:active svg {
      fill: #666;
      fill: var(--color-primary);
      filter: brightness(1.1); }
  @media (min-width: 900px) {
    .back {
      display: block; } }

.back--mobile {
  display: block;
  margin-bottom: 4rem; }
  @media (min-width: 900px) {
    .back--mobile {
      display: none; } }

.project-map {
  position: relative;
  margin-bottom: 6.4rem; }
  .project-map__marker {
    position: absolute; }
    .project-map__marker svg {
      width: 0.3rem; }
    .project-map__marker .pin-el-white {
      fill: #ffffff; }
    .project-map__marker .pin-el-tip {
      fill: #222223; }

.details {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400; }
  .details + * {
    margin-top: 6.4rem; }
  .details__table {
    width: 100%; }
    .details__table tr + * {
      border-top: 1px solid #d2d3da; }
      .details__table tr + * td {
        padding-top: 1.6rem; }
    .details__table td {
      padding-bottom: 1.6rem; }
    .details__table a span {
      font-size: 1rem;
      vertical-align: 0.4rem; }
  @media (min-width: 900px) {
    .details {
      margin-bottom: 8.8rem; } }

.top-recruiters {
  margin-top: 8rem;
  margin-bottom: 13.6rem; }
  .top-recruiters__block + * {
    margin-top: 8rem; }
  .top-recruiters__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167;
    margin-bottom: 2.4rem; }
  @media (min-width: 900px) {
    .top-recruiters {
      margin-top: 8.8rem; }
      .top-recruiters__inner {
        display: flex; }
      .top-recruiters__block {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
        max-width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
        width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2)); }
      .top-recruiters__block:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
      .top-recruiters__block:last-child{
    margin-right: 0; }
      .top-recruiters__block:nth-child(2n){
    margin-right: 0;
    margin-left: auto; }
        .top-recruiters__block + * {
          margin-top: 0; }
      .top-recruiters__intro {
        position: sticky;
        top: 14.4rem; }
      .top-recruiters__heading {
        font-family: "Roboto Slab";
        font-family: var(--typeface-display);
        color: #222223;
        font-size: 4.2rem;
        font-weight: 300;
        line-height: 1.19;
        margin-bottom: 3.2rem; } }

.leaderboard--top + *, .leaderboard + * {
  margin-top: 4rem; }

.leaderboard--top .leaderboard__head, .leaderboard .leaderboard__head {
  position: relative;
  background-color: #ffffff;
  display: flex;
  padding: 1.8rem 0 2.2rem; }
  .leaderboard--top .leaderboard__head > span, .leaderboard .leaderboard__head > span {
    color: #222223;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 2rem; }
    .leaderboard--top .leaderboard__head > span:nth-child(1), .leaderboard .leaderboard__head > span:nth-child(1) {
      flex-basis: 10.4rem;
      flex-shrink: 0; }
    .leaderboard--top .leaderboard__head > span:nth-child(2), .leaderboard .leaderboard__head > span:nth-child(2) {
      flex-basis: 100%; }
    .leaderboard--top .leaderboard__head > span:nth-child(3), .leaderboard .leaderboard__head > span:nth-child(3) {
      flex-basis: 12.8rem;
      flex-shrink: 0; }

.leaderboard--top .leaderboard__body li, .leaderboard .leaderboard__body li {
  display: flex;
  padding: 1.6rem 0; }
  .leaderboard--top .leaderboard__body li:before, .leaderboard .leaderboard__body li:before {
    content: "#" counter(rank);
    counter-increment: rank;
    display: inline-block;
    flex-basis: 10.4rem;
    flex-shrink: 0;
    color: #000;
    color: var(--color-secondary);
    font-size: 2.2rem;
    font-weight: 700;
    vertical-align: middle;
    line-height: 3.6rem;
    padding: 0 2rem; }
  .leaderboard--top .leaderboard__body li > *, .leaderboard .leaderboard__body li > * {
    display: block;
    padding: 0 2rem; }

.leaderboard--top .leaderboard__name, .leaderboard .leaderboard__name {
  flex-basis: 100%; }

.leaderboard--top .leaderboard__name, .leaderboard .leaderboard__name,
.leaderboard--top .leaderboard__recruits,
.leaderboard .leaderboard__recruits {
  color: #222223;
  font-size: 2.2rem;
  vertical-align: middle;
  line-height: 3.6rem; }

.leaderboard--top .leaderboard__name, .leaderboard .leaderboard__name {
  font-weight: 700; }


.leaderboard--top .leaderboard__recruits,
.leaderboard .leaderboard__recruits {
  flex-basis: 12.8rem;
  flex-shrink: 0; }

.leaderboard--top .leadership__head:after {
  position: absolute;
  bottom: 0;
  left: 0; }

.leaderboard--top .leaderboard__body {
  counter-reset: rank; }
  .leaderboard--top .leaderboard__body li:before {
    font-size: 3.6rem; }
  .leaderboard--top .leaderboard__body li:nth-child(even) {
    background-color: #f5f0f1; }

.leaderboard--top .leaderboard__name,
.leaderboard--top .leaderboard__recruits {
  font-size: 2.6rem; }

.leaderboard--top .leaderboard__name {
  font-weight: 700; }

.leaderboard .leaderboard__body {
  counter-reset: rank 10; }
  .leaderboard .leaderboard__body li + * {
    border-top: 1px solid #e9e6e0; }
  .leaderboard .leaderboard__body li:last-child {
    padding-bottom: 0; }

.search-results {
  padding: 11.4rem 0 8.8rem; }
  .search-results.is-populated .search-results__count,
  .search-results.is-populated .search-results__list,
  .search-results.is-populated .search-results__term,
  .search-results.is-populated .button,
  .search-results.is-populated #can_embed_form [type="submit"],
  #can_embed_form .search-results.is-populated [type="submit"] {
    visibility: visible;
    opacity: 1; }
  .search-results.is-empty .search-results__empty {
    visibility: visible;
    opacity: 1; }
  .search-results__header {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid #968e8c;
    margin-bottom: 6.4rem; }
  .search-results__term {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.45;
    display: inline-block;
    visibility: hidden;
    opacity: 0; }
    .search-results__term:before {
      content: "\201C"; }
    .search-results__term:after {
      content: "\201D"; }
  .search-results__count {
    color: #222223;
    line-height: 1.38;
    font-size: 1.8rem;
    font-weight: 400;
    margin-left: 0.8rem;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 0.12s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s; }
    .search-results__count:after {
      content: " results"; }
  .search-results__empty {
    color: #222223;
    line-height: 1.38;
    font-size: 1.8rem;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s; }
  .search-results__list {
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s; }
    .search-results__list li + * {
      margin-top: 3.2rem; }
  .search-results__title {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167;
    will-change: color;
    transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
    .search-results__title:hover {
      color: #666;
      color: var(--color-primary); }
    .search-results__title:active {
      color: #666;
      color: var(--color-primary);
      filter: brightness(1.1); }
  .search-results__description {
    color: #222223;
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 400;
    margin-top: 2.4rem; }
  .search-results .button, .search-results #can_embed_form [type="submit"], #can_embed_form .search-results [type="submit"] {
    position: relative;
    display: inline-block;
    margin-top: 6.4rem;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 0.12s cubic-bezier(0.075, 0.82, 0.165, 1), visibility 0s; }
  @media (min-width: 900px) {
    .search-results {
      padding: 18.4rem 0 12rem; }
      .search-results__wrap {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(99.9% * 2/3 - (3.5rem - 3.5rem * 2/3));
        max-width: calc(99.9% * 2/3 - (3.5rem - 3.5rem * 2/3));
        width: calc(99.9% * 2/3 - (3.5rem - 3.5rem * 2/3));
        margin-left: calc(99.9% * (-1/6 * -1) - (3.5rem - 3.5rem * (-1/6 * -1)) + 3.5rem) !important; }
      .search-results__wrap:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
      .search-results__wrap:last-child{
    margin-right: 0; }
      .search-results__wrap:nth-child(3n){
    margin-right: 0;
    margin-left: auto; }
      .search-results__header {
        padding-bottom: 4rem; }
      .search-results__list li + * {
        margin-top: 6.4rem; }
      .search-results__list a:hover .search-results__title {
        color: #666;
        color: var(--color-primary); }
      .search-results__term {
        font-size: 4.2rem; }
      .search-results__count {
        font-family: "Roboto Slab";
        font-family: var(--typeface-display);
        color: #222223;
        font-size: 2.2rem;
        font-weight: 300;
        line-height: 1.45;
        margin-left: 1.6rem; }
      .search-results .button, .search-results #can_embed_form [type="submit"], #can_embed_form .search-results [type="submit"] {
        margin-top: 11.2rem; } }

.hero + .grants, .hero--slim + .grants {
  margin-top: 6.4rem; }

.grants__inner {
  padding-bottom: 10rem; }

.grants thead:after {
  content: "";
  height: 0.6rem;
  background: repeating-linear-gradient(to right, var(--color-primary), var(--color-primary) 10.4rem, var(--color-secondary) 10.4rem, var(--color-secondary) 20.8rem);
  z-index: 20;
  position: absolute;
  width: 100%; }

.grants .filters {
  border-bottom: 1px solid #ddd; }
  .grants .filters__toggle {
    background-color: transparent;
    height: 5rem;
    padding: 0 2.8rem 0 2.4rem;
    border-radius: 0.5rem 0.5rem 0 0;
    will-change: background;
    transition: background 0.2s cubic-bezier(0.86, 0, 0.07, 1) 0.18s;
    cursor: pointer; }
    .grants .filters__toggle svg {
      width: 2rem;
      height: 1.8rem;
      fill: #222223;
      vertical-align: middle;
      margin-right: 0.6rem;
      will-change: fill;
      transition: fill 0.2s cubic-bezier(0.86, 0, 0.07, 1) 0.18s; }
    .grants .filters__toggle span {
      color: #222223;
      font-size: 1.4rem;
      font-weight: 700;
      text-transform: uppercase;
      position: relative;
      padding-right: 1.4rem;
      vertical-align: middle;
      will-change: color;
      transition: color 0.2s cubic-bezier(0.86, 0, 0.07, 1) 0.18s; }
      .grants .filters__toggle span:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 50%;
        width: 0;
        height: 0;
        border-top: 0.5rem solid transparent;
        border-bottom: 0.5rem solid transparent;
        border-left: 0.57rem solid #222223;
        transform: translateY(-50%);
        transform-origin: center center;
        will-change: border, transform;
        transition: border 0.2s cubic-bezier(0.86, 0, 0.07, 1) 0.18s, transform 0.2s cubic-bezier(0.86, 0, 0.07, 1) 0.18s; }
  .grants .filters__right {
    float: right;
    padding: 1.2rem 2.8rem 0 0; }
  .grants .filters__download, .grants .filters__detail {
    text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none; }
    .grants .filters__download span,
    .grants .filters__download label, .grants .filters__detail span,
    .grants .filters__detail label {
      color: #222223;
      line-height: 2.4rem;
      font-size: 1.3rem;
      font-weight: 700;
      text-transform: uppercase;
      font-weight: bold; }
    .grants .filters__download svg, .grants .filters__detail svg {
      fill: #222223;
      width: 2rem;
      height: 2rem;
      vertical-align: bottom;
      margin: 0 0.5rem; }
  .grants .filters__download:after {
    color: #222223;
    line-height: 2.4rem;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    content: "Download"; }
  .grants .filters__detail {
    display: none; }
  .grants .filters__wrap {
    background-color: #f2f2f2;
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: max-height 0.2s cubic-bezier(0.86, 0, 0.07, 1) 0.1s; }
  .grants .filters__filters {
    display: flex;
    flex-wrap: wrap;
    padding: 1.2rem 1.6rem;
    opacity: 0;
    transition: opacity 0.12s cubic-bezier(0.86, 0, 0.07, 1); }
  .grants .filters__filter {
    padding: 0.8rem;
    flex: 0 1 auto;
    flex-basis: 100%; }
    .grants .filters__filter--dropdown {
      position: relative; }
      .grants .filters__filter--dropdown .filters__input {
        cursor: pointer;
        padding-right: 3.2rem; }
      .grants .filters__filter--dropdown:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.5rem 0.4rem 0;
        border-color: #000 transparent transparent transparent;
        border-color: var(--color-secondary) transparent transparent transparent;
        position: absolute;
        top: 50%;
        right: 2.4rem;
        transform: translateY(-50%);
        z-index: 20; }
  .grants .filters__input {
    border-radius: 0.2rem;
    border: 1px solid #d2d3da;
    background-color: #fff;
    padding: 1.2rem 2rem;
    color: #222223;
    font-size: 1.6rem;
    width: 100%; }
  .grants .filters.is-open .filters__toggle {
    background-color: #f2f2f2;
    transition: background 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
    .grants .filters.is-open .filters__toggle svg {
      fill: #000;
      fill: var(--color-secondary);
      transition: fill 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
    .grants .filters.is-open .filters__toggle span {
      color: #000;
      color: var(--color-secondary);
      transition: color 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
      .grants .filters.is-open .filters__toggle span:after {
        border-left-color: #000;
        border-left-color: var(--color-secondary);
        transform: translateY(-50%) rotate(90deg);
        transition: border 0.2s cubic-bezier(0.86, 0, 0.07, 1), transform 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
  .grants .filters.is-open .filters__wrap {
    max-height: 36rem;
    transition: max-height 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.18s; }
  .grants .filters.is-open .filters__filters {
    opacity: 1;
    transition: opacity 0.12s cubic-bezier(0.86, 0, 0.07, 1) 0.34s; }
  @media (min-width: 600px) {
    .grants .filters__detail {
      display: inline-block; }
    .grants .filters__download {
      margin-left: 1.4rem; }
      .grants .filters__download span {
        display: inline; }
      .grants .filters__download:after {
        content: "Download Result"; }
    .grants .filters__filter {
      padding: 0.8rem;
      flex: 0 1 auto; }
      .grants .filters__filter--quarter {
        flex-basis: 25%; }
      .grants .filters__filter--third {
        flex-basis: 33.3334%; }
      .grants .filters__filter--half {
        flex-basis: 50%; }
      .grants .filters__filter--two-thirds {
        flex-basis: 66.6667%; } }

.grants .table-database {
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear, max-height 0.5s;
  max-height: 0; }
  .grants .table-database .VueTables__sortable {
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none; }
  .grants .table-database .glyphicon-chevron-up,
  .grants .table-database .glyphicon-chevron-down {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-left: 0.57rem solid var(--color-secondary);
    margin-left: 0.5rem;
    transform: rotate(-90deg); }
  .grants .table-database .glyphicon-chevron-down {
    transform: rotate(90deg); }
  .grants .table-database table {
    width: 100%;
    position: relative; }
  .grants .table-database tr {
    background-color: #fefefe; }
  .grants .table-database tr:nth-child(odd) {
    background-color: #f2f2f2; }
  .grants .table-database .row-has-link {
    cursor: pointer;
    will-change: color; }
    .grants .table-database .row-has-link td {
      transition: color 0.12s cubic-bezier(0.86, 0, 0.07, 1); }
    .grants .table-database .row-has-link:hover td {
      color: #666;
      color: var(--color-primary); }
  .grants .table-database th,
  .grants .table-database td {
    color: #222223;
    line-height: 1.6;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 2.1rem;
    text-align: left; }
  .grants .table-database th {
    color: #222223;
    line-height: 1;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3rem 2rem 1.4rem; }
  .grants .table-database thead {
    padding-top: 2rem; }
    .grants .table-database thead tr {
      background-color: transparent !important; }
  .grants .table-database .VuePagination {
    display: none !important; }
  @media (min-width: 600px) {
    .grants .table-database.is-open {
      visibility: visible;
      opacity: 1;
      max-height: inherit; } }

.grants .detail-database__item {
  border-bottom: 1px solid #ddd;
  padding: 5rem 0; }
  .grants .detail-database__item table {
    width: 100%;
    position: relative; }
  .grants .detail-database__item tr {
    background: #fff;
    border-bottom: 1px solid #ddd; }
  .grants .detail-database__item tr:last-child {
    border-bottom: 0; }
  .grants .detail-database__item th,
  .grants .detail-database__item td {
    color: #222223;
    line-height: 1.5;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 1.9rem 0; }
  .grants .detail-database__item th {
    width: 20rem; }
  .grants .detail-database__item-title {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: var(--color-secondary);
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167;
    margin-bottom: 3rem;
    will-change: color;
    transition: color 0.15s cubic-bezier(0.86, 0, 0.07, 1); }
    .grants .detail-database__item-title[href]:hover {
      color: #666;
      color: var(--color-primary); }
  .grants .detail-database__item-body {
    margin-top: 2.4rem; }
  .grants .detail-database__item-summary {
    color: #222223;
    line-height: 3.5rem;
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 3rem; }

.grants .detail-database__item:last-child {
  border-bottom: 0; }

@media (min-width: 600px) {
  .grants .detail-database {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear, max-height 0.5s;
    max-height: 0; }
    .grants .detail-database__item-body {
      display: flex; }
    .grants .detail-database__item-data {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 3/4 - (3.5rem - 3.5rem * 3/4));
      max-width: calc(99.9% * 3/4 - (3.5rem - 3.5rem * 3/4));
      width: calc(99.9% * 3/4 - (3.5rem - 3.5rem * 3/4)); }
    .grants .detail-database__item-data:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .grants .detail-database__item-data:last-child{
    margin-right: 0; }
    .grants .detail-database__item-data:nth-child(4n){
    margin-right: 0;
    margin-left: auto; }
      .grants .detail-database__item-data.has-summary {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
        max-width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
        width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2)); }
      .grants .detail-database__item-data.has-summary:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
      .grants .detail-database__item-data.has-summary:last-child{
    margin-right: 0; }
      .grants .detail-database__item-data.has-summary:nth-child(2n){
    margin-right: 0;
    margin-left: auto; }
    .grants .detail-database__item-summary {
      margin-top: 0;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
      max-width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2));
      width: calc(99.9% * 1/2 - (3.5rem - 3.5rem * 1/2)); }
    .grants .detail-database__item-summary:nth-child(1n){
    margin-right: 3.5rem;
    margin-left: 0; }
    .grants .detail-database__item-summary:last-child{
    margin-right: 0; }
    .grants .detail-database__item-summary:nth-child(2n){
    margin-right: 0;
    margin-left: auto; }
    .grants .detail-database.is-open {
      visibility: visible;
      opacity: 1;
      max-height: inherit; } }

.grants .VueTables__limit-field {
  margin-top: 2rem;
  font-size: 1.2rem;
  color: #76777b; }
  .grants .VueTables__limit-field label {
    margin-right: 0.5rem; }

.grants .pagination {
  border-top: 3px solid var(--color-secondary);
  margin: 2rem 0;
  padding: 1rem 0;
  font-size: 1.2rem;
  color: #76777b; }
  .grants .pagination__limit {
    float: left;
    line-height: 3rem; }
    .grants .pagination__limit span {
      margin-right: 0.5rem; }
  .grants .pagination__selector {
    float: right; }
    .grants .pagination__selector a svg {
      height: 1rem; }

.switch {
  color: #222223;
  line-height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  position: relative; }
  .switch__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 20px;
    opacity: 0;
    z-index: 0; }
  .switch__label {
    display: block;
    padding: 0 0 0 44px;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none; }
    .switch__label:before {
      content: '';
      position: absolute;
      top: 6px;
      left: 0;
      width: 36px;
      height: 14px;
      background-color: rgba(0, 0, 0, 0.04);
      border-radius: 14px;
      z-index: 1;
      box-shadow: inset 0 0 5px #a9a9a9;
      transition: background-color 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
    .switch__label:after {
      content: '';
      position: absolute;
      top: 3px;
      left: 0;
      width: 20px;
      height: 20px;
      background-color: #222223;
      border-radius: 14px;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
      z-index: 2;
      transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
      transition-property: left, background-color; }
  .switch__input:checked + .switch__label:before {
    background-color: rgba(0, 0, 0, 0.2); }
  .switch__input:checked + .switch__label:after {
    left: 16px;
    background-color: var(--color-primary); }

.stories__list {
  margin-top: 8.8rem; }
  .stories__list:last-child {
    margin-bottom: 6.4rem; }
  .stories__list li {
    padding-bottom: 5.6rem; }
    .stories__list li + * {
      border-top: 1px solid #d2d3da;
      padding-top: 5.6rem; }

@media (min-width: 900px) {
  .stories__list {
    margin-top: 11.2rem; } }

.preview__image {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 1.6rem; }
  .preview__image:before {
    content: "";
    display: block;
    padding-top: 66.66667%; }
  .preview__image > img {
    object-fit: cover;
    font-family: 'object-fit: cover;'; }

.preview__content {
  overflow: hidden;
  padding-bottom: 0.4rem; }
  .preview__content > * + * {
    margin-top: 2.4rem; }

.preview__heading {
  font-family: "Roboto Slab";
  font-family: var(--typeface-display);
  color: #222223;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.167; }

.preview__date {
  color: #222223;
  line-height: 1.6;
  font-size: 1.6rem;
  font-weight: 400;
  display: block;
  margin-top: 0.8rem; }

.preview__text {
  color: #222223;
  line-height: 1.6;
  font-size: 2rem;
  font-weight: 400;
  margin-top: 2.4rem; }

.preview__external {
  display: block; }
  .preview__external span {
    color: #222223;
    line-height: 2rem;
    font-size: 2rem;
    font-weight: 400;
    margin-right: 1.6rem;
    color: #000;
    color: var(--color-secondary);
    vertical-align: middle; }
  .preview__external svg {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    line-height: 2rem;
    fill: #000;
    fill: var(--color-secondary);
    vertical-align: middle; }

@media (min-width: 900px) {
  .preview__image {
    width: 44rem;
    float: left;
    margin-right: 4rem;
    margin-bottom: 0;
    overflow: hidden; }
    .preview__image img {
      will-change: transform;
      transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); }
    .preview__image:hover img {
      transform: scale(1.05);
      transition: opacity 0.5s cubic-bezier(0.86, 0, 0.07, 1), transform 4.5s; }
  .preview__content > * + * {
    margin-top: 1.6rem; }
  .preview__heading {
    font-family: "Roboto Slab";
    font-family: var(--typeface-display);
    color: #222223;
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.167;
    will-change: color;
    transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1); }
    .preview__heading:hover {
      color: #666;
      color: var(--color-primary); }
    .preview__heading:active {
      color: #666;
      color: var(--color-primary);
      filter: brightness(1.1); }
  .preview__date {
    color: #222223;
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 400;
    font-weight: 700; }
  .preview__external {
    display: block; }
    .preview__external:hover span {
      color: #666;
      color: var(--color-primary); }
    .preview__external:hover svg {
      fill: #666;
      fill: var(--color-primary); }
    .preview__external:active span {
      color: #666;
      color: var(--color-primary);
      filter: brightness(1.1); }
    .preview__external:active svg {
      fill: #666;
      fill: var(--color-primary);
      filter: brightness(1.1); }
    .preview__external span {
      color: #222223;
      line-height: 2rem;
      font-size: 2rem;
      font-weight: 400;
      margin-right: 1.6rem;
      color: #000;
      color: var(--color-secondary);
      will-change: color;
      transition: color 0.1s cubic-bezier(0.86, 0, 0.07, 1);
      vertical-align: middle; }
    .preview__external svg {
      display: inline-block;
      width: 1.2rem;
      height: 1.2rem;
      line-height: 2rem;
      fill: #000;
      fill: var(--color-secondary);
      will-change: fill;
      transition: fill 0.1s cubic-bezier(0.86, 0, 0.07, 1);
      vertical-align: middle; } }

.reports {
  margin-top: 8.8rem;
  padding-bottom: 5rem; }
  .reports ul li {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #dddddd; }
    .reports ul li a {
      display: flex;
      flex-wrap: wrap; }
      .reports ul li a img {
        width: 100%;
        max-width: 100%; }
      .reports ul li a .reports__meta {
        padding: 0 1rem  0;
        width: 100%; }
      .reports ul li a h4 {
        color: #222223;
        line-height: 1.6;
        font-size: 1.8rem;
        font-weight: 400;
        font-weight: 600;
        padding-bottom: .4rem;
        color: #666;
        color: var(--color-primary);
        padding-top: 1.5rem; }
      .reports ul li a p {
        color: #222223;
        line-height: 1.44;
        font-size: 1.6rem;
        font-weight: 400;
        margin-bottom: 2rem; }
      .reports ul li a .reports__link {
        color: #222223;
        line-height: 1.44;
        font-size: 1.5rem;
        font-weight: 400;
        font-weight: 600; }
        .reports ul li a .reports__link:hover {
          color: #666;
          color: var(--color-secondary); }
      @media (min-width: 600px) {
        .reports ul li a {
          flex-wrap: nowrap; }
          .reports ul li a .reports__meta {
            padding: 0 3rem  0;
            width: 100%; }
          .reports ul li a img {
            max-width: 30rem; }
          .reports ul li a h4 {
            color: #222223;
            line-height: 1;
            font-size: 1.8rem;
            font-weight: 400;
            font-size: 2.5rem;
            font-weight: 600;
            padding-bottom: .4rem;
            color: #666;
            color: var(--color-primary);
            padding-top: 0; }
          .reports ul li a p {
            font-weight: 200;
            margin-top: 1rem; } }

/*# sourceMappingURL=main.css.map*/