.block {
  margin: 0 auto 3.6em;
  overflow: visible;
  padding: calc(var(--block-spacing) / 2) 0;
  width: calc(100% - 2 * var(--border-left));
  margin-left: auto;
  margin-right: auto;
}

.video.block {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
.video.block .responsive-wrapper {
  width: 100%;
  position: relative;
}
.video.block .responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.images.block,
.video.block {
  position: relative;
}
.images.block .overlay,
.video.block .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.images.block .overlay a,
.video.block .overlay a {
  color: var(--color-link-hover);
  text-decoration: none;
}
.images.block .overlay h2,
.video.block .overlay h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.images.block .overlay .read-more,
.video.block .overlay .read-more {
  position: absolute;
  bottom: 0.6em;
  left: var(--padding-left);
}
.images.block .overlay .arrow.icon,
.video.block .overlay .arrow.icon {
  position: absolute;
  bottom: 0.1em;
  right: var(--padding-left);
  line-height: 1;
}

.images.block .swiper {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}
.images.block .swiper-slide {
  height: 75vh;
  height: calc(var(--unit-100vh) * 0.75);
  width: 100%;
}
.images.block .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.home .block {
  margin: 0;
}
.home .block.images img, .home .block.video img {
  width: 100%;
}
.home .block.images h2, .home .block.video h2 {
  margin: 0;
  color: var(--color-link-hover);
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.3);
}
.home .block .swiper, .home .block h2 {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}

@media only screen and (min-width: 1024px) {
  .text.block .text,
  .quote.block blockquote {
    margin-left: 0;
    max-width: 36em;
  }
}

.image.block figcaption,
.video.block figcaption {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 2 * var(--border-left));
}

@media only screen and (min-width: 768px) {
  .image.block figure,
  .vimeo.block figure {
    display: block;
    margin: 0 auto;
  }
  .image.block figure.large,
  .vimeo.block figure.large {
    min-width: 600px;
  }
  .image.block figure.small,
  .vimeo.block figure.small {
    max-width: 600px;
  }
  .image.block figure.left,
  .vimeo.block figure.left {
    margin-left: var(--border-left);
  }
  .image.block figure.right,
  .vimeo.block figure.right {
    margin-right: var(--border-left);
  }
}
.image.block figure figcaption,
.vimeo.block figure figcaption {
  margin-top: 0.6em;
  padding-bottom: 1.8em;
}
.image.block figure figcaption p,
.vimeo.block figure figcaption p {
  margin: 0;
}

.block.large + .block.large {
  margin-top: -3.6em;
}

.block-image_block,
.image.block {
  width: 100%;
}
.block-image_block figure img,
.image.block figure img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .block-image_block figure,
  .image.block figure {
    width: 100% !important;
  }
}
.block-image_block figure.left,
.image.block figure.left {
  margin-right: auto;
}
.block-image_block figure.center,
.image.block figure.center {
  margin-right: auto;
  margin-left: auto;
}
.block-image_block figure.right,
.image.block figure.right {
  margin-left: auto;
}
.block-image_block.large figure.large,
.image.block.large figure.large {
  width: 100% !important;
}

.block.vimeo .embed.block figure {
  position: relative;
  margin: 0 auto;
}
.block.vimeo .embed.block figure .embed-wrapper {
  position: relative;
  width: 100%;
}
.block.vimeo .embed.block figure .embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.block.vimeo .embed.block figure .embed-wrapper button.sound {
  position: absolute;
  bottom: 12px;
  right: 12px;
  color: white;
  z-index: 9;
  line-height: 1;
  padding: 0;
}
.block.vimeo .embed.block figure figcaption {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.embed.block figure .embed-wrapper .plyr__video-embed, .embed.block figure .embed-wrapper .plyr {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.embed.block .plyr {
  --plyr-color-main: white;
  --plyr-video-control-color-hover: var(--background-color);
  --plyr-video-control-color: white;
  --plyr-video-controls-background: linear-gradient(
  	to bottom,
  	hsla(0, 0%, 30%, 0) 0%,
  	hsla(0, 0%, 30%, 0.006) 8.1%,
  	hsla(0, 0%, 30%, 0.024) 15.5%,
  	hsla(0, 0%, 30%, 0.052) 22.5%,
  	hsla(0, 0%, 30%, 0.088) 29%,
  	hsla(0, 0%, 30%, 0.13) 35.3%,
  	hsla(0, 0%, 30%, 0.176) 41.2%,
  	hsla(0, 0%, 30%, 0.225) 47.1%,
  	hsla(0, 0%, 30%, 0.275) 52.9%,
  	hsla(0, 0%, 30%, 0.324) 58.8%,
  	hsla(0, 0%, 30%, 0.37) 64.7%,
  	hsla(0, 0%, 30%, 0.412) 71%,
  	hsla(0, 0%, 30%, 0.448) 77.5%,
  	hsla(0, 0%, 30%, 0.476) 84.5%,
  	hsla(0, 0%, 30%, 0.494) 91.9%,
  	hsla(0, 0%, 30%, 0.5) 100%
  );
}
.embed.block .plyr .plyr__control--overlaid {
  background-color: var(--background-color);
}
@media (hover: hover) {
  .embed.block .plyr .plyr__control--overlaid:hover {
    background-color: white;
  }
}

.image_grid.block .columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  box-sizing: border-box;
}
.image_grid.block .columns figure {
  width: 100%;
  margin: 0;
}
.image_grid.block .columns figure img {
  width: 100%;
}
@media (min-width: 768px) {
  .image_grid.block .columns {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--grid-gap);
  }
}
@media (min-width: 1280px) {
  .image_grid.block .columns {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .image_grid.block .columns.medium, .image_grid.block .columns.large {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .image_grid.block .columns.medium, .image_grid.block .columns.large {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .image_grid.block .columns.large {
    grid-template-columns: repeat(2, 1fr);
  }
}
.image_grid.block figcaption.container-small {
  margin-left: 0 !important;
}

.two-images.block .columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
}
@media (min-width: 768px) {
  .two-images.block .columns {
    gap: var(--grid-gap);
  }
}
@media screen and (max-width: 767px) {
  .two-images.block .container {
    padding: 0;
  }
}

.text.block .text h2,
.quote.block .text h2 {
  color: var(--color-link-hover);
}
.text.block .text h3, .text.block .text h4,
.quote.block .text h3,
.quote.block .text h4 {
  color: var(--text-color);
}
.text.block .text h4,
.quote.block .text h4 {
  margin-bottom: 0;
}
.text.block .text p,
.quote.block .text p {
  margin: 0 0 1.2em;
}
.text.block .text p + h2, .text.block .text p + h3,
.quote.block .text p + h2,
.quote.block .text p + h3 {
  margin-top: 1.8em;
}
.text.block .text h3 + h2, .text.block .text h2, .text.block .text + h3,
.quote.block .text h3 + h2,
.quote.block .text h2,
.quote.block .text + h3 {
  margin-top: -1em;
}
.text.block .text blockquote, .text.block .text small,
.quote.block .text blockquote,
.quote.block .text small {
  display: block;
  margin: 0;
  padding: 0 2.4rem 1.2rem;
}
.text.block .text .small,
.quote.block .text .small {
  font-size: 0.8em;
}
.text.block .text *:last-child,
.quote.block .text *:last-child {
  margin-bottom: 0;
}
.text.block .text a,
.quote.block .text a {
  color: var(--highlight-color);
}

.quote.block {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
}

.quote.block blockquote p,
.block-quote_block blockquote p {
  margin: 0 0 1.2em;
}
.quote.block blockquote footer,
.block-quote_block blockquote footer {
  font-size: var(--font-size-medium);
}
.quote.block blockquote strong, .quote.block blockquote b,
.block-quote_block blockquote strong,
.block-quote_block blockquote b {
  font-weight: normal;
}

.title.block {
  margin-top: 3.6em;
}
.title.block h1 {
  color: var(--color-link-hover);
}
.title.block h1 p {
  margin: 0;
}

.specifications.block {
  padding: 2.4em 0;
}
.specifications.block .columns {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 480px) {
  .specifications.block .columns {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1280px) {
  .specifications.block .columns {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 1600) {
  .specifications.block .columns {
    width: 50%;
  }
}
.specifications.block .columns p, .specifications.block .columns .people, .specifications.block .columns .data {
  margin: 0 0 1.2em;
  color: var(--color-link-hover);
}
.specifications.block .columns p .label, .specifications.block .columns .people .label, .specifications.block .columns .data .label {
  display: block;
  color: var(--text-color);
}
.specifications.block .columns .people p, .specifications.block .columns .data p {
  margin: 0;
}
.specifications.block .columns ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.title.block + .specifications.block {
  margin-top: -3.6em;
}

.block.spacer {
  height: 1.8em;
}

@font-face {
  font-family: "Jenson";
  src: url("../fonts/jenson/Jenson-Semibold.79daf2e35432.woff2") format("woff2"), url("../fonts/jenson/Jenson-Semibold.4b793cbfe0ca.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jenson";
  src: url("../fonts/jenson/Jenson-SemiboldIt.508079980f3a.woff2") format("woff2"), url("../fonts/jenson/Jenson-SemiboldIt.dcb9428624a3.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Computer Modern Sans";
  src: url("../fonts/computer-modern/Sans/cmunss.de2d5af20a8e.eot");
  src: url("../fonts/computer-modern/Sans/cmunss.de2d5af20a8e.eot?#iefix") format("embedded-opentype"), url("../fonts/computer-modern/Sans/cmunss.eae36ae0bbdf.woff") format("woff"), url("../fonts/computer-modern/Sans/cmunss.1b24573c1e6c.ttf") format("truetype"), url("../fonts/computer-modern/Sans/cmunss.935a7e5b7fab.svg#cmunss") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Computer Modern Sans";
  src: url("../fonts/computer-modern/Sans/cmunsx.41c42d077b48.eot");
  src: url("../fonts/computer-modern/Sans/cmunsx.41c42d077b48.eot?#iefix") format("embedded-opentype"), url("../fonts/computer-modern/Sans/cmunsx.a9f4964cf3f3.woff") format("woff"), url("../fonts/computer-modern/Sans/cmunsx.98a6bd49a818.ttf") format("truetype"), url("../fonts/computer-modern/Sans/cmunsx.e3da1a58cb44.svg#cmunsx") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Computer Modern Sans";
  src: url("../fonts/computer-modern/Sans/cmunsi.c07233a73c31.eot");
  src: url("../fonts/computer-modern/Sans/cmunsi.c07233a73c31.eot?#iefix") format("embedded-opentype"), url("../fonts/computer-modern/Sans/cmunsi.3a5219e1f062.woff") format("woff"), url("../fonts/computer-modern/Sans/cmunsi.67cbb1959b31.ttf") format("truetype"), url("../fonts/computer-modern/Sans/cmunsi.04d5ec2e7138.svg#cmunsi") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Computer Modern Sans";
  src: url("../fonts/computer-modern/Sans/cmunso.1090c5307892.eot");
  src: url("../fonts/computer-modern/Sans/cmunso.1090c5307892.eot?#iefix") format("embedded-opentype"), url("../fonts/computer-modern/Sans/cmunso.91b0a4d9876f.woff") format("woff"), url("../fonts/computer-modern/Sans/cmunso.ff6e72676cfa.ttf") format("truetype"), url("../fonts/computer-modern/Sans/cmunso.4ab944c86302.svg#cmunso") format("svg");
  font-weight: bold;
  font-style: italic;
}
:root {
  --grid-gap: 1.8em;
  --grid-row-gap: 3em;
  --color-blue: #0d6efd;
  --border-left: 12px;
}
@media screen and (min-width: 768px) {
  :root {
    --border-left: 5%;
  }
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background-color: black;
  color: white;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.style-a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
}

.style-b {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.3;
}

.style-c {
  font-family: "Computer Modern Sans", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}

.style-d {
  font-family: "Jenson", "Times New Roman", Times, serif;
  font-size: 21px;
  font-weight: 600;
}

a {
  color: inherit;
  text-decoration: none;
}

.project-preview .info a {
  color: inherit;
}

.person {
  text-transform: uppercase;
}

.project-title {
  text-transform: uppercase;
  font-style: italic;
}

figure {
  margin: 0;
}
figure img {
  display: block;
  width: 100%;
  height: auto;
}

#header {
  background-color: black;
  width: 100%;
  padding: 8px var(--border-left);
}
@media screen and (min-width: 768px) {
  #header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
  }
}

nav#filters ul,
nav#info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  -moz-column-gap: 1.2em;
       column-gap: 1.2em;
  flex-wrap: wrap;
}
nav#filters ul li a,
nav#info ul li a {
  background-color: transparent;
  border: none;
  outline: 0;
  border-radius: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: var(--color-blue);
}
nav#filters ul li a[aria-current=page],
nav#info ul li a[aria-current=page] {
  color: white;
}
@media screen and (hover: hover) {
  nav#filters ul li a:hover,
  nav#info ul li a:hover {
    color: white;
  }
}

nav#filters {
  margin: 8px 0;
}

@media screen and (min-width: 768px) {
  nav#info {
    margin-right: 0;
  }
  nav#info ul {
    justify-content: flex-end;
  }
}

.logo {
  display: block;
  max-width: 100%;
}

.logo svg {
  display: block;
  width: 100%;
  height: auto;
}

.blue {
  color: var(--color-blue);
}

.listing-header {
  width: calc(100% - 2 * var(--border-left));
  margin: 1.2em auto 6em;
}
.listing-header h1, .listing-header h2, .listing-header h3 {
  font-size: 1em;
  font-weight: inherit;
  margin: 0;
}
.listing-header .biography {
  max-width: 44em;
}

#projects {
  position: relative;
  z-index: 1;
  width: calc(100% - 2 * var(--border-left));
  margin: 1.2em auto 6em;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gap);
  grid-row-gap: var(--grid-row-gap);
  grid-auto-flow: dense;
}
#projects article {
  position: relative;
}
#projects article .text a {
  color: inherit;
}
@media screen and (hover: hover) {
  #projects article .project-layout-form {
    opacity: 0;
    transition: opacity 400ms ease-in-out;
  }
  #projects article:hover .project-layout-form {
    opacity: 1;
  }
}
#projects article .info h2, #projects article .info h3, #projects article .info h4, #projects article .info p {
  margin: 0;
}
#projects article .info h2, #projects article .info h3, #projects article .info h4 {
  font-size: 1em;
  font-weight: inherit;
}
#projects article .info header {
  margin-bottom: 1.2em;
}
#projects article.small {
  grid-column: span 1;
}
#projects article.medium, #projects article.large, #projects article.xlarge {
  grid-column: span 2;
}
@media (min-width: 768px) {
  #projects {
    grid-template-columns: repeat(4, 1fr);
  }
  #projects article {
    --padding-one-column: 200px;
  }
  #projects article .teaser {
    grid-area: teaser;
  }
  #projects article .info {
    grid-area: info;
    margin-bottom: 4.8em;
  }
  #projects article.top .info {
    margin-bottom: 0;
  }
  #projects article.left .project-preview-wrapper, #projects article.right .project-preview-wrapper, #projects article.top .project-preview-wrapper {
    display: grid;
    gap: var(--grid-gap);
  }
  #projects article.top .project-preview-wrapper {
    grid-template-areas: "info" "teaser";
  }
  #projects article.left .project-preview-wrapper {
    grid-template-areas: "info teaser";
  }
  #projects article.right .project-preview-wrapper {
    grid-template-areas: "teaser info";
  }
  #projects article.padding-left {
    padding-left: var(--padding-one-column);
  }
  #projects article.padding-right {
    padding-right: var(--padding-one-column);
  }
  #projects article.bottom figure {
    margin-bottom: 1.2em;
  }
  #projects article.small {
    grid-column: span 1;
  }
  #projects article.small.left, #projects article.small.right {
    grid-column: span 2;
  }
  #projects article.small.left .project-preview-wrapper, #projects article.small.right .project-preview-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  #projects article.small.left.padding-right, #projects article.small.left.padding-left, #projects article.small.right.padding-right, #projects article.small.right.padding-left {
    grid-column: span 3;
  }
  #projects article.small.top.padding-right, #projects article.small.top.padding-left, #projects article.small.bottom.padding-right, #projects article.small.bottom.padding-left {
    grid-column: span 2;
  }
  #projects article.small.padding-right .project-preview-wrapper, #projects article.small.padding-left .project-preview-wrapper {
    grid-column: span 2;
  }
  #projects article.medium {
    grid-column: span 2;
  }
  #projects article.medium.left, #projects article.medium.right {
    grid-column: span 3;
  }
  #projects article.medium.left.padding-right, #projects article.medium.left.padding-left, #projects article.medium.right.padding-right, #projects article.medium.right.padding-left {
    grid-column: span 4;
  }
  #projects article.medium.left .project-preview-wrapper {
    grid-template-columns: 1fr 2fr;
  }
  #projects article.medium.right .project-preview-wrapper {
    grid-template-columns: 2fr 1fr;
  }
  #projects article.medium.padding-right, #projects article.medium.padding-left {
    grid-column: span 3;
  }
  #projects article.large {
    grid-column: span 3;
  }
  #projects article.large.left, #projects article.large.right {
    grid-column: span 4;
  }
  #projects article.large.left.padding-right, #projects article.large.left.padding-left, #projects article.large.right.padding-right, #projects article.large.right.padding-left {
    grid-column: span 5;
  }
  #projects article.large.left .project-preview-wrapper {
    grid-template-columns: 1fr 3fr;
  }
  #projects article.large.right .project-preview-wrapper {
    grid-template-columns: 3fr 1fr;
  }
  #projects article.large.padding-right, #projects article.large.padding-left {
    grid-column: span 4;
  }
  #projects article.xlarge {
    grid-column: span 4;
    grid-template-areas: "teaser" "info";
  }
  #projects article.xlarge.padding-right, #projects article.xlarge.padding-left {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  #projects {
    grid-template-columns: repeat(6, 1fr);
  }
  #projects article.xlarge.left, #projects article.xlarge.right {
    grid-column: span 6;
  }
  #projects article.xlarge.left.padding-right, #projects article.xlarge.left.padding-left, #projects article.xlarge.right.padding-right, #projects article.xlarge.right.padding-left {
    grid-column: span 6;
  }
  #projects article.xlarge.left .project-preview-wrapper {
    grid-template-columns: 1fr 2fr;
  }
  #projects article.xlarge.right .project-preview-wrapper {
    grid-template-columns: 2fr 1fr;
  }
  #projects article.xlarge.padding-right, #projects article.xlarge.padding-left {
    grid-column: span 6;
  }
}

.project-layout-form {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2000;
  padding: 8px;
  background: rgba(33, 37, 41, 0.92);
  backdrop-filter: blur(12px);
  border: none;
  border-radius: 0.75rem;
}
.project-layout-form .form-label {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  display: block;
  display: none;
}
.project-layout-form select {
  display: block;
  margin-bottom: 0.6em;
  width: 100%;
  background-color: #444;
  border-radius: 0.4em;
  padding: 0.4em;
  line-height: 1;
  color: white;
  border: none;
}
.project-layout-form select option {
  background-color: #444;
  color: white;
}
.project-layout-form .btn {
  white-space: nowrap;
  background-color: var(--color-blue);
  color: white;
  border-radius: 0.4em;
  text-align: center;
  display: block;
  padding: 0.4em;
  line-height: 1;
}

#grid {
  position: fixed;
  left: var(--border-left);
  top: 0;
  height: 100%;
  width: calc(100% - 2 * var(--border-left));
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--grid-gap);
  grid-row-gap: var(--grid-row-gap);
}
@media screen and (min-width: 768px) {
  #grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1200px) {
  #grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
#grid {
  z-index: 0;
  pointer-events: none;
}
#grid .column {
  outline: 1px solid #333;
}

.about-columns,
.people-columns {
  line-height: 1.5;
}
.about-columns h1, .about-columns h2, .about-columns h3, .about-columns h4,
.people-columns h1,
.people-columns h2,
.people-columns h3,
.people-columns h4 {
  font-size: 1em;
  font-weight: normal;
}

.about-columns {
  width: calc(100% - 2 * var(--border-left));
  margin: 0 auto 3.6em;
}
@media screen and (min-width: 600px) {
  .about-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--grid-gap);
    grid-template-areas: "about contact" "membership contact";
  }
  .about-columns #about {
    grid-area: about;
  }
  .about-columns #contact {
    grid-area: contact;
  }
  .about-columns #membership {
    grid-area: membership;
  }
}
@media screen and (min-width: 1200px) {
  .about-columns {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "spacer about about about contact contact" "spacer membership membership membership contact contact";
  }
}

.people-columns {
  width: calc(100% - 2 * var(--border-left));
  margin: 0 auto 3.6em;
}
.people-columns #collaborators .columns {
  -moz-columns: 2;
       columns: 2;
  gap: var(--grid-gap);
}
.people-columns #collaborators .columns .group {
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .people-columns {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--grid-gap);
  }
}
@media screen and (min-width: 1024px) {
  .people-columns {
    grid-template-columns: repeat(4, 1fr);
  }
  .people-columns #residents {
    grid-column: 1;
  }
  .people-columns #collaborators {
    grid-column: 2/5;
  }
  .people-columns #collaborators .columns {
    -moz-columns: 3;
         columns: 3;
  }
}
@media screen and (min-width: 1024px) {
  .people-columns {
    grid-template-columns: repeat(6, 1fr);
  }
  .people-columns #residents {
    grid-column: 1;
  }
  .people-columns #collaborators {
    grid-column: 2/7;
  }
  .people-columns #collaborators .columns {
    -moz-columns: 5;
         columns: 5;
  }
}

#residents ul,
#collaborators ul {
  list-style: none;
  padding: 0;
}
#residents .count-none,
#collaborators .count-none {
  color: color-mix(in oklab, var(--color-blue) 50%, black);
}
#residents .count-low,
#collaborators .count-low {
  color: color-mix(in oklab, var(--color-blue) 65%, black);
}
#residents .count-medium,
#collaborators .count-medium {
  color: color-mix(in oklab, var(--color-blue) 80%, black);
}
#residents .count-high,
#collaborators .count-high {
  color: var(--color-blue);
}

#collaborators h3 {
  text-align: center;
}

.single.project {
  --border-left: 12%;
}
.single.project header h1, .single.project header h2, .single.project header h3, .single.project header p {
  margin: 0;
}
.single.project header h1, .single.project header h2, .single.project header h3, .single.project header time {
  font-size: 1.6em;
  font-weight: inherit;
}

body.is-authenticated #projects article {
  outline: 1px solid #666;
}/*# sourceMappingURL=core.css.map */