:root {
  --green: #084121;
  --green-dark: #043419;
  --green-soft: #155a35;
  --white: #fbfcf8;
  --soft-white: rgba(251, 252, 248, .68);
  --line: rgba(251, 252, 248, .25);
  --font-display: "Syne", "Zen Kaku Gothic New", sans-serif;
  --font-body: "Zen Kaku Gothic New", sans-serif;
}

body,
button,
input,
textarea {
  font-family: var(--font-body);
}

h1,
h2,
h3,
.site-brand__name,
.main-menu,
.mobile-menu a,
.project-slide__placeholder strong,
.project-slide__caption,
.slider-progress,
.display-heading,
.lead,
.service-list strong,
.work-filter,
.work-tile h2,
.journal-item h2,
.project-hero h1,
.post-article h1,
.page-rail h1,
.page-curtain__mark {
  font-family: var(--font-display);
}

.site-brand__name {
  font-weight: 600;
  letter-spacing: -.065em;
}

.display-heading,
.project-hero h1,
.post-article h1 {
  font-weight: 500;
}

.project-slide__placeholder strong {
  font-weight: 500;
  letter-spacing: -.065em;
}

.main-menu a,
.site-brand__role,
.kicker,
.slider-hint,
.work-filter,
.project-meta p,
.project-body__label {
  font-weight: 500;
}

.project-slide:nth-child(3n + 2) .project-slide__placeholder,
.work-tile:nth-child(even) .work-tile__placeholder {
  background: #e8eee8;
  color: #084121;
}

::selection {
  background: #fbfcf8;
  color: #084121;
}