/* Generated from content.json. Do not edit directly. */
:root {
  --layout-page-max: 1920px;
  --layout-grid-columns: 12;
  --layout-page-margin: 42px;
  --layout-grid-gutter: 72px;
  --layout-grid-gutter-tight: 42px;
  --layout-editorial-gutter: 30px;
  --layout-gap-base: 20px;
  --layout-gap-split-top: 30px;
  --layout-gap-split-bottom: 70px;
  --layout-gap-editorial-row: 80px;
  --layout-gap-text-default: 12px;
  --layout-gap-content: 24px;
  --layout-gap-component: 40px;
  --layout-gap-section: 64px;
  --layout-gap-section-spacious: 96px;
  --layout-gap-card-inner: 24px;
  --layout-gap-card-stack: 16px;
  --layout-gap-title-body: 12px;
  --layout-gap-body-cta: 24px;
  --layout-measure-body: 680px;
  --layout-measure-body-wide: 860px;
  --layout-measure-caption: 520px;
  --space-page: 42px;
  --space-columns: 72px;
  --space-columns-tight: 42px;
  --space-editorial-columns: 30px;
  --space-gap: 20px;
  --space-split-top: 30px;
  --space-split-bottom: 70px;
  --space-editorial-row: 80px;
  --space-text-default: 12px;
  --space-content-group: 24px;
  --space-component-group: 40px;
  --space-section-default: 64px;
  --space-section-spacious: 96px;
  --space-card-inner: 24px;
  --space-card-stack: 16px;
  --space-title-body: 12px;
  --space-body-cta: 24px;
  --measure-body: 680px;
  --measure-body-wide: 860px;
  --measure-caption: 520px;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray: #7b8188;
  --color-divider-muted: #e1e3e5;
  --color-accent: #7b8188;
  --color-accent-faded: #7b8188;
  --color-nav-bg: #ffffff;
  --color-bg-default: #ffffff;
  --color-bg-inverse: #000000;
  --color-text-default: #000000;
  --color-text-muted: #7b8188;
  --color-text-inverse: #ffffff;
  --color-border-default: #000000;
  --color-border-muted: #e1e3e5;
  --color-border-inverse: #e1e3e5;
  --button-divider-on-light: #e1e3e5;
  --button-divider-on-dark: #e1e3e5;
}

:root {
  --type-case-study-title-family: "Plus Jakarta Sans", sans-serif;
}

.type-display, .hero.hero--home .hero__heading {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 40px !important;
  font-weight: 300 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

@media (max-width: 820px) {
.type-display, .hero.hero--home .hero__heading {
  font-size: 34px !important;
}
}
@media (max-width: 540px) {
.type-display, .hero.hero--home .hero__heading {
  font-size: 30px !important;
}
}

.type-h1, .hero.hero--work .hero__heading.type-h1, .hero:not(.hero--home):not(.hero--work) .hero__heading.type-h1 {
  font-family: "Space Mono", monospace !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

.type-h1b {
  font-family: "Space Mono", monospace !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

.type-h2, .type-title-section, .experience__heading, .ethos__heading, .timeline__heading, .approach__heading, .case-overview__heading, .case-features__heading, .case-research__heading, .case-takeaway__heading, .case-video-section__heading, .case-video-grid__heading, .case-text-section__heading {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 40px !important;
  font-weight: 300 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

.type-h3, .type-title-card, .timeline__role, .project-entry__title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-body-lg, .sva__text {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-body-md, .type-body-main, .experience__body, .ethos__body, .approach__body, .case-overview__body, .case-features__body, .case-research__body, .case-takeaway__body-text, .case-video-section__body, .case-video-grid__caption, .case-text-section__body-text {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-body-sm, .type-body-supporting, .project-entry__desc {
  font-family: "Work Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-meta-label, .type-annotation, .case-overview__stack-label, .page-work .work-cinema__meta {
  font-family: "Space Mono", monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -2px;
  color: var(--color-black);
}

.case-breadcrumb, .rer-v2-breadcrumb {
  font-family: "Space Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-meta-value {
  font-family: "Space Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-meta-tag, .type-tag, .project-rail__chip, .project-entry__meta {
  font-family: "Space Mono", monospace;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-tab, .case-features__tab {
  font-family: "Space Mono", monospace;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-case-study-title, .hero--case-v2 .hero__heading {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

.type-nav, .nav__link, .nav__logo-mark {
  font-family: "Space Mono", monospace;
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-footer-heading, .contact-footer__headline {
  font-family: "Space Mono", monospace;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-white);
}

.type-footer-social, .footer__social-link, .contact-footer__link-title {
  font-family: "Space Mono", monospace;
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-white);
}

.type-footer-meta, .footer__copy, .contact-footer__link-meta, .contact-footer__copyright {
  font-family: "Space Mono", monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-cta, .text-link {
  font-family: "Space Mono", monospace;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-black);
}

.type-ui-control, .page-weave .case-clip-slider__nav span, .page-weave .case-clip-slider__mute {
  font-family: "Space Mono", monospace;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-black);
}

.home-index__label, .home-index__social, .home-index__social a, .home-index__mark {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  color: var(--color-gray) !important;
}

.type-home-index, .home-index__top, .home-index__value, .home-index__subvalue {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

:root {
  --type-home-index-family: "Plus Jakarta Sans", sans-serif;
  --type-home-index-size: 18px;
  --type-home-index-weight: 500;
  --type-home-index-line: 1.05;
  --type-home-index-letter: 0;
}

.home-index__nav-button {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.type-home-mobile-menu, .home-index__mobile-menu-link {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

.home-index__project {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 1.03 !important;
  letter-spacing: -2px !important;
  color: var(--color-black) !important;
}

@media (max-width: 820px) {
.home-index__project {
  font-size: 33px !important;
}
}
@media (max-width: 540px) {
.home-index__project {
  font-size: 23px !important;
}
}
@media (max-width: 820px) {
.home-index__project, .home-index__project-title {
  letter-spacing: 0 !important;
}
}

.home-index__project-meta {
  font-family: "Space Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: var(--color-black) !important;
}

@media (max-width: 820px) {
.home-index__project-meta {
  font-size: 13px !important;
}
}
@media (max-width: 540px) {
.home-index__project-meta {
  font-size: 12px !important;
}
}

.type-home-index-about, .home-index__about-text {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: -1 !important;
  letter-spacing: 0 !important;
  color: var(--color-black) !important;
}

@media (max-width: 820px) {
.type-home-index-about, .home-index__about-text {
  font-size: 27px !important;
}
}
@media (max-width: 540px) {
.type-home-index-about, .home-index__about-text {
  font-size: 22px !important;
}
}

.timeline__company, .timeline__date, .timeline__clients {
  font-family: "Space Mono", monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -2px;
  color: var(--color-black);
}