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; }

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: '';
  content: none; }

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

@font-face {
  font-family: 'capo';
  src: url("/assets/fonts/capo.eot");
  src: url("/assets/fonts/capo.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/capo.woff") format("woff"), url("/assets/fonts/capo.woff2") format("woff2"), url("/assets/fonts/capo.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'FoundersGroteskMono';
  src: url("/assets/fonts/founders-grotesk-mono.eot");
  src: url("/assets/fonts/founders-grotesk-mono.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/founders-grotesk-mono.woff") format("woff"), url("/assets/fonts/founders-grotesk-mono.woff2") format("woff2"), url("/assets/fonts/founders-grotesk-mono.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

header[data-color=dark] .logo svg *, header[data-color=dark] .burger svg *, header[data-color=white] .logo svg *, header[data-color=white] .burger svg *, header[data-color=coolgray] .logo svg *, header[data-color=coolgray] .burger svg * {
  fill: var(--white); }

@media (min-width : 901px) {
  .start-0 {
    grid-column-start: 1;
    margin-left: var(--mainpadneg); }
  .start-, .start-1 {
    grid-column-start: 1; }
  .start-2 {
    grid-column-start: 2; }
  .start-3 {
    grid-column-start: 3; }
  .start-4 {
    grid-column-start: 4; }
  .start-5 {
    grid-column-start: 5; }
  .start-6 {
    grid-column-start: 6; }
  .start-7 {
    grid-column-start: 7; }
  .start-8 {
    grid-column-start: 8; }
  .start-9 {
    grid-column-start: 9; }
  .start-10 {
    grid-column-start: 10; }
  .start-11 {
    grid-column-start: 11; }
  .start-12 {
    grid-column-start: 12; }
  .span-1 {
    grid-column-end: span 1; }
  .span-2 {
    grid-column-end: span 2; }
  .span-3 {
    grid-column-end: span 3; }
  .span-, .span-4 {
    grid-column-end: span 4; }
  .span-5 {
    grid-column-end: span 5; }
  .span-6 {
    grid-column-end: span 6; }
  .span-7 {
    grid-column-end: span 7; }
  .span-8 {
    grid-column-end: span 8; }
  .span-9 {
    grid-column-end: span 9; }
  .span-10 {
    grid-column-end: span 10; }
  .span-11 {
    grid-column-end: span 11; }
  .span-12 {
    grid-column-end: span 12; }
  .span-13 {
    grid-column-end: span 12;
    margin-right: var(--mainpadneg); }
  .vertoff- .vertoff-0 {
    margin-top: 0; }
  .vertoff-1 {
    margin-top: 5vw; }
  .vertoff-2 {
    margin-top: 10vw; }
  .vertoff-3 {
    margin-top: 15vw; }
  .vertoff-4 {
    margin-top: 20vw; }
  .vertoff-5 {
    margin-top: 25vw; }
  .vertoff-6 {
    margin-top: 30vw; }
  .vertoff-7 {
    margin-top: 35vw; }
  .vertoff-8 {
    margin-top: 40vw; }
  .vertoff-9 {
    margin-top: 45vw; }
  .vertoff-10 {
    margin-top: 50vw; }
  .vertoff-11 {
    margin-top: 55vw; }
  .vertoff-12 {
    margin-top: 60vw; }
  .vertoff-13 {
    margin-top: 65vw; }
  .vertoff-14 {
    margin-top: 70vw; }
  .vertoff-15 {
    margin-top: 75vw; }
  .vertoff-16 {
    margin-top: 80vw; }
  .vertoff-17 {
    margin-top: 85vw; }
  .vertoff-18 {
    margin-top: 90vw; }
  .vertoff-19 {
    margin-top: 95vw; }
  .vertoff-20 {
    margin-top: 100vw; }
  .vertpad-0, .vertpad-true {
    padding: 0; }
  .vertpad-, .vertpad-1, .vertpad-false {
    padding: 3vw 0; }
  .vepadff-2 {
    padding: 6vw 0; }
  .vertpad-3 {
    padding: 9vw 0; }
  .vertpad-4 {
    padding: 12vw 0; }
  .vertpad-5 {
    padding: 15vw 0; }
  .vertpad-6 {
    padding: 18vw 0; }
  .vertpad-7 {
    padding: 21vw 0; }
  .vertpad-8 {
    padding: 24vw 0; }
  .vertpad-9 {
    padding: 27vw 0; }
  .vertpad-10 {
    padding: 30vw 0; }
  .vertpad-11 {
    padding: 33vw 0; }
  .vepadff-12 {
    padding: 36vw 0; }
  .vertpad-13 {
    padding: 39vw 0; }
  .vertpad-14 {
    padding: 42vw 0; }
  .vertpad-15 {
    padding: 45vw 0; }
  .vertpad-16 {
    padding: 48vw 0; }
  .vertpad-17 {
    padding: 51vw 0; }
  .vertpad-18 {
    padding: 54vw 0; }
  .vertpad-19 {
    padding: 57vw 0; }
  .vertpad-20 {
    padding: 60vw 0; } }

/* mobile */
@media (max-width : 900px) {
  .start-0, .start-1, .start-2, .start-3, .start-4, .start-5, .start-6, .start-7, .start-8, .start-9, .start-10, .start-11, .start-12 {
    grid-column-start: 1; }
  .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13 {
    grid-column-end: span 4; }
  .projectcontent .start-0, .projectcontent .start-1, .projectcontent .start-2 {
    grid-column-start: 1;
    margin-left: var(--mainpadneg); }
  .projectcontent .start-3, .projectcontent .start-4, .projectcontent .start-5 {
    grid-column-start: 1; }
  .projectcontent .start-6, .projectcontent .start-7, .projectcontent .start-8 {
    grid-column-start: 2; }
  .projectcontent .start-9, .projectcontent .start-10 {
    grid-column-start: 3; }
  .projectcontent .start-11, .projectcontent .start-12 {
    grid-column-start: 4; }
  .projectcontent .span-1 {
    grid-column-end: span 1; }
  .projectcontent .span-2, .projectcontent .span-3 {
    grid-column-end: span 2; }
  .projectcontent .span-4 .span-5, .projectcontent .span-6, .projectcontent .span-7 {
    grid-column-end: span 3; }
  .projectcontent .span-8, .projectcontent .span-9, .projectcontent .span-10 {
    grid-column-end: span 4; }
  .projectcontent .span-11, .projectcontent .span-12, .projectcontent .span-13 {
    grid-column-end: span 4;
    margin-right: var(--mainpadneg); }
  .vertoff- .vertoff-0 {
    margin-top: 0; }
  .vertoff-1 {
    margin-top: calc(2 * var(--mainpad)); }
  .vertoff-2 {
    margin-top: calc(4 * var(--mainpad)); }
  .vertoff-3 {
    margin-top: calc(6 * var(--mainpad)); }
  .vertoff-4 {
    margin-top: calc(8 * var(--mainpad)); }
  .vertoff-5 {
    margin-top: calc(10 * var(--mainpad)); }
  .vertoff-6 {
    margin-top: calc(12 * var(--mainpad)); }
  .vertoff-7 {
    margin-top: calc(14 * var(--mainpad)); }
  .vertoff-8 {
    margin-top: calc(16 * var(--mainpad)); }
  .vertoff-9 {
    margin-top: calc(18 * var(--mainpad)); }
  .vertoff-10 {
    margin-top: calc(20 * var(--mainpad)); }
  .vertoff-11 {
    margin-top: calc(22 * var(--mainpad)); }
  .vertoff-12 {
    margin-top: calc(24 * var(--mainpad)); }
  .vertoff-13 {
    margin-top: calc(26 * var(--mainpad)); }
  .vertoff-14 {
    margin-top: calc(28 * var(--mainpad)); }
  .vertoff-15 {
    margin-top: calc(30 * var(--mainpad)); }
  .vertoff-16 {
    margin-top: calc(32 * var(--mainpad)); }
  .vertoff-17 {
    margin-top: calc(34 * var(--mainpad)); }
  .vertoff-18 {
    margin-top: calc(36 * var(--mainpad)); }
  .vertoff-19 {
    margin-top: calc(38 * var(--mainpad)); }
  .vertoff-20 {
    margin-top: calc(40 * var(--mainpad)); }
  .vertpad-0, .vertpad-true {
    padding: 0; }
  .vertpad-, .vertpad-1, .vertpad-false {
    padding: calc(2 * var(--mainpad)) 0; }
  .vepadff-2 {
    padding: calc(4 * var(--mainpad)) 0; }
  .vertpad-3 {
    padding: calc(6 * var(--mainpad)) 0; }
  .vertpad-4 {
    padding: calc(8 * var(--mainpad)) 0; }
  .vertpad-5 {
    padding: calc(10 * var(--mainpad)) 0; }
  .vertpad-6 {
    padding: calc(12 * var(--mainpad)) 0; }
  .vertpad-7 {
    padding: calc(14 * var(--mainpad)) 0; }
  .vertpad-8 {
    padding: calc(16 * var(--mainpad)) 0; }
  .vertpad-9 {
    padding: calc(18 * var(--mainpad)) 0; }
  .vertpad-10 {
    padding: calc(20 * var(--mainpad)) 0; }
  .vertpad-11 {
    padding: calc(22 * var(--mainpad)); }
  .vertpad-12 {
    padding: calc(24 * var(--mainpad)); }
  .vertpad-13 {
    padding: calc(26 * var(--mainpad)); }
  .vertpad-14 {
    padding: calc(28 * var(--mainpad)); }
  .vertpad-15 {
    padding: calc(30 * var(--mainpad)); }
  .vertpad-16 {
    padding: calc(32 * var(--mainpad)); }
  .vertpad-17 {
    padding: calc(34 * var(--mainpad)); }
  .vertpad-18 {
    padding: calc(36 * var(--mainpad)); }
  .vertpad-19 {
    padding: calc(38 * var(--mainpad)); }
  .vertpad-20 {
    padding: calc(40 * var(--mainpad)); } }

:root {
  --fontSuper: 5rem;
  --fontLarge: 3.28rem;
  --fontMedium: 2rem;
  --black: #2B2928;
  --white: #fff;
  --coolgray: #C5C5C5;
  --charcoal: #6C6864;
  --mainpad: 2rem;
  --mainpadneg: -2rem;
  --timing: cubic-bezier(0.5, 0, 0.5, 1); }
  @media (max-width : 900px) {
    :root {
      --fontLarge: 2.428571rem;
      --mainpad: 1rem;
      --mainpadneg: -1rem; } }
::selection {
  background: #000;
  color: #fff; }

* {
  box-sizing: border-box; }

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

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; }

html {
  font-family: "capo", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  line-height: 1.25rem;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth; }
  @media (max-width : 900px) {
    html {
      font-size: 12px; } }
.aspectholder[data-type=image] {
  position: relative; }

.aspectholder[data-type=image][portrait]:after {
  display: block;
  content: '';
  padding-bottom: 125%; }

.aspectholder[data-type=image][landscape]:after {
  display: block;
  content: '';
  padding-bottom: 66.67%; }

.aspectholder[data-type=image] img {
  /* Image should match parent box size */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s var(--timing); }

h1 {
  font-size: 2rem;
  line-height: 3.1rem;
  font-weight: 300; }

h2 {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 300; }

h3 {
  font-size: 1.3rem;
  line-height: 2.3rem; }

h4 {
  font-size: 1.15rem;
  font-weight: 300;
  line-height: 2rem; }

h5 {
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.7rem; }

h6 {
  font-family: "FoundersGroteskMono", monospace;
  font-weight: normal;
  font-style: normal;
  font-size: 0.95rem;
  line-height: 1.4rem; }

p {
  font-family: "FoundersGroteskMono", monospace;
  font-weight: normal;
  font-style: normal;
  font-size: 1.05rem;
  line-height: 1.45rem; }

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

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  column-gap: var(--mainpad);
  padding: 0 var(--mainpad); }
  @media (max-width : 900px) {
    .grid {
      grid-template-columns: repeat(4, 1fr); } }
button {
  -webkit-appearance: none;
  outline: none;
  background: none;
  color: inherit;
  border: none;
  font-size: inherit;
  padding: 0;
  margin: 0; }

body {
  -webkit-animation: fadein 1s;
  -moz-animation: fadein 1s;
  -ms-animation: fadein 1s;
  -o-animation: fadein 1s;
  animation: fadein 1s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.font_capo {
  font-family: 'capo'; }

.font_gro {
  font-family: 'FoundersGroteskMono'; }

.page-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: space-between; }

main {
  overflow: hidden; }
  main section {
    max-width: 1440px;
    margin: 0 auto; }

body {
  background: var(--coolgray); }
  body[data-color=light] header .logo svg *, body[data-color=light] header .burger svg * {
    fill: var(--white); }
  body[data-color=light] header .logo:hover svg *, body[data-color=light] header .burger:hover svg * {
    fill: var(--coolgray); }
  body[data-color=light] #home-hero {
    display: flex; }
  body[data-color=light] #parallax-sections .parallax-section:first-child {
    overflow: hidden; }
  body[data-color=dark] header .logo svg *, body[data-color=dark] header .burger svg * {
    fill: var(--black); }
  body[data-color=dark] header .logo:hover svg *, body[data-color=dark] header .burger:hover svg * {
    fill: var(--charcoal); }
  body[data-color=dark] #home-hero {
    display: flex; }

/* header */
header[data-color=light] .logo svg *, header[data-color=light] .burger svg *, header[data-color=charcoal] .logo svg *, header[data-color=charcoal] .burger svg *, header[data-color=black] .logo svg *, header[data-color=black] .burger svg * {
  fill: var(--white); }

header[data-color=light] .logo:hover svg *, header[data-color=light] .burger:hover svg *, header[data-color=charcoal] .logo:hover svg *, header[data-color=charcoal] .burger:hover svg *, header[data-color=black] .logo:hover svg *, header[data-color=black] .burger:hover svg * {
  fill: var(--coolgray); }

header[data-color=dark] .logo svg *, header[data-color=dark] .burger svg *, header[data-color=white] .logo svg *, header[data-color=white] .burger svg *, header[data-color=coolgray] .logo svg *, header[data-color=coolgray] .burger svg * {
  fill: var(--black); }

header[data-color=dark] .logo:hover svg *, header[data-color=dark] .burger:hover svg *, header[data-color=white] .logo:hover svg *, header[data-color=white] .burger:hover svg *, header[data-color=coolgray] .logo:hover svg *, header[data-color=coolgray] .burger:hover svg * {
  fill: var(--charcoal); }

header[hide] .menu {
  transform: translateY(calc(1.5 * var(--mainpadneg))); }

header .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  transform: translateY(43px);
  transition: 0.75s var(--timing); }
  header .menu .logo {
    opacity: 1;
    width: calc(var(--mainpad) * 2 + 90);
    padding: 1.2em 0;
    transition: 0.5s var(--timing); }
    header .menu .logo .aspectholder svg {
      width: 140px;
      margin: 1em var(--mainpad);
      height: auto; }
      @media (max-width : 900px) {
        header .menu .logo .aspectholder svg {
          width: 120px; } }
      header .menu .logo .aspectholder svg * {
        transition: 0.25s var(--timing); }
  header .menu .burger {
    cursor: pointer; }
    header .menu .burger svg {
      width: 35px;
      height: 35px;
      margin: calc(var(--mainpad) * 0.7) var(--mainpad);
      transition: 0.25s var(--timing); }
      @media (max-width : 900px) {
        header .menu .burger svg {
          width: 32px;
          height: 32px; } }
      header .menu .burger svg * {
        transition: 0.25s var(--timing); }

header.shade .menu {
  mix-blend-mode: difference;
  color: white; }

header .menu-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: scroll;
  color: var(--charcoal);
  z-index: -20;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  column-gap: var(--mainpad);
  padding: 0 var(--mainpad);
  transition: 0.5s var(--timing);
  -webkit-overflow-scrolling: touch;
  visibility: hidden; }
  @media (max-width : 900px) {
    header .menu-modal {
      grid-template-columns: repeat(4, 1fr); } }
  header .menu-modal .modal-inner {
    margin-left: calc(100% + var(--mainpad));
    height: 100%;
    grid-column-start: 7;
    grid-column-end: span 6;
    background: var(--black);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 100%;
    margin-right: var(--mainpadneg);
    padding-right: var(--mainpad);
    transition: 0.5s var(--timing); }
    @media (max-width : 900px) {
      header .menu-modal .modal-inner {
        grid-column-start: 1;
        grid-column-end: span 4; } }
    header .menu-modal .modal-inner .modal-content {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-auto-rows: auto;
      column-gap: var(--mainpad); }
      @media (max-width : 900px) {
        header .menu-modal .modal-inner .modal-content {
          grid-template-columns: repeat(4, 1fr);
          row-gap: 5em; } }
      @media (max-width : 900px) {
        header .menu-modal .modal-inner .modal-content {
          margin-top: calc(12 * var(--mainpad)); } }
    header .menu-modal .modal-inner .menu-footer {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-auto-rows: auto;
      column-gap: var(--mainpad);
      color: var(--charcoal); }
      header .menu-modal .modal-inner .menu-footer svg * {
        fill: var(--charcoal); }
      header .menu-modal .modal-inner .menu-footer a {
        transition: 0.25s var(--timing); }
        header .menu-modal .modal-inner .menu-footer a:hover {
          color: var(--coolgray); }
      @media (max-width : 900px) {
        header .menu-modal .modal-inner .menu-footer {
          grid-template-columns: repeat(4, 1fr);
          padding-bottom: 1em; } }
      header .menu-modal .modal-inner .menu-footer .address {
        grid-column-start: 2;
        grid-column-end: span 2; }
      header .menu-modal .modal-inner .menu-footer .contact {
        grid-column-start: 4;
        grid-column-end: span 2; }
      header .menu-modal .modal-inner .menu-footer .social {
        grid-column-start: 6;
        grid-column-end: span 1; }
      @media (max-width : 900px) {
        header .menu-modal .modal-inner .menu-footer {
          padding-top: calc(var(--mainpad) * 8); }
          header .menu-modal .modal-inner .menu-footer .address {
            grid-column-start: 1;
            grid-column-end: span 2;
            margin-bottom: 1em; }
          header .menu-modal .modal-inner .menu-footer .contact {
            grid-column-start: 3;
            grid-column-end: span 2;
            margin-bottom: 1em; }
          header .menu-modal .modal-inner .menu-footer .social {
            grid-column-start: 3;
            grid-column-end: span 2;
            margin-bottom: 1em; } }
  header .menu-modal .modal-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: pointer; }

body.menu-open .burger svg {
  transform: rotate(-45deg); }
  body.menu-open .burger svg * {
    fill: var(--charcoal); }

body.menu-open .burger:hover svg * {
  fill: var(--coolgray); }

body.menu-open .menu {
  transform: translateY(43px); }

body.menu-open .menu-modal {
  z-index: 1000;
  visibility: visible; }
  body.menu-open .menu-modal .modal-inner {
    margin-left: 0;
    transition: 0.5s var(--timing); }
    @media (max-width : 900px) {
      body.menu-open .menu-modal .modal-inner {
        margin-left: var(--mainpadneg);
        padding-left: var(--mainpad); } }
    body.menu-open .menu-modal .modal-inner .modal-content a:hover {
      color: var(--coolgray); }

@media (max-width : 900px) {
  body.menu-open .logo svg * {
    fill: var(--charcoal); }
  body.menu-open .logo:hover svg * {
    fill: var(--coolgray); } }

@media (min-width : 901px) {
  .header-spacer {
    height: 80px; } }

.menu-pages {
  grid-column-start: 2;
  grid-column-end: span 6; }
  .menu-pages .menu-item {
    font-size: 2rem;
    line-height: 3.1rem;
    font-weight: 300;
    display: block;
    padding: 0.5rem 0;
    transition: 0.25s var(--timing); }
  @media (max-width : 900px) {
    .menu-pages {
      grid-column-start: 1;
      grid-column-end: span 4; } }
.site-footer, .menu-footer {
  padding-top: calc(var(--mainpad) * 3);
  padding-bottom: 1em; }
  .site-footer[data-color=light] svg *, .menu-footer[data-color=light] svg * {
    fill: var(--coolgray); }
  .site-footer[data-color=light] a, .menu-footer[data-color=light] a {
    transition: 0.25s var(--timing); }
    .site-footer[data-color=light] a:hover, .menu-footer[data-color=light] a:hover {
      color: var(--white); }
  .site-footer[data-color=dark] svg *, .menu-footer[data-color=dark] svg * {
    fill: var(--black); }
  .site-footer[data-color=dark] a, .menu-footer[data-color=dark] a {
    transition: 0.25s var(--timing); }
    .site-footer[data-color=dark] a:hover, .menu-footer[data-color=dark] a:hover {
      color: var(--charcoal); }
  .site-footer p, .menu-footer p {
    font-family: "FoundersGroteskMono", monospace;
    font-weight: normal;
    font-style: normal;
    font-size: 0.95rem;
    line-height: 1.4rem;
    text-transform: uppercase; }

.site-footer .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 1/2; }
  .site-footer .icon a {
    width: 26px;
    transition: 0.25s var(--timing); }
    .site-footer .icon a:hover {
      opacity: 0.7; }

.site-footer .address {
  grid-column: 8/10; }

.site-footer .contact {
  grid-column: 10/12; }

.site-footer .social {
  grid-column: 12/13; }

@media (max-width : 900px) {
  .site-footer {
    padding-top: calc(var(--mainpad) * 8); }
    .site-footer .icon {
      grid-column: 1/5;
      margin-bottom: 2em; }
    .site-footer .address {
      grid-column: 1/3;
      margin-bottom: 1em; }
    .site-footer .contact {
      grid-column: 3/5;
      margin-bottom: 1em; }
    .site-footer .social {
      grid-column: 3/5;
      margin-bottom: 1em; } }

/* hero image */
.hero {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  height: 96vh;
  max-width: unset; }
  .hero[data-color=light] h1 {
    background-color: transparent;
    color: var(--white); }
  .hero[data-color=dark] h1 {
    background-color: transparent;
    color: var(--black); }
  .hero h1 {
    padding: calc(var(--mainpad) * 0.8) var(--mainpad); }
  .hero .hero-file {
    position: absolute;
    width: 100%;
    height: 100%; }
    .hero .hero-file .aspectholder {
      height: 100%; }
  .hero img, .hero video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1; }

.topspacing {
  margin-top: calc(9 * var(--mainpad)); }
  @media (max-width : 900px) {
    .topspacing {
      margin-top: calc(12 * var(--mainpad)); } }
.textheading {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  column-gap: var(--mainpad);
  padding: 0 var(--mainpad);
  margin-bottom: calc(4 * var(--mainpad)); }
  @media (max-width : 900px) {
    .textheading {
      grid-template-columns: repeat(4, 1fr); } }
  .textheading.textheading-tight {
    margin-bottom: calc(2 * var(--mainpad)); }
  .textheading .heading-title {
    grid-column-start: 1;
    grid-column-end: span 5;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: "capo", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 0.8rem; }
  .textheading .heading-description {
    grid-column-start: 1;
    grid-column-end: span 5;
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 300;
    font-family: "capo", sans-serif;
    font-weight: 300;
    font-style: normal; }
  .textheading .heading-subdescription {
    grid-column-start: 8;
    grid-column-end: span 4;
    margin-bottom: 5px;
    font-family: "FoundersGroteskMono", monospace;
    font-weight: normal;
    font-style: normal;
    font-size: 1.05rem;
    line-height: 1.45rem;
    font-family: "FoundersGroteskMono", monospace;
    font-weight: normal;
    font-style: normal; }
  @media (max-width : 900px) {
    .textheading .heading-description {
      margin-bottom: calc(2 * var(--mainpad)); }
    .textheading .heading-subdescription {
      grid-column-start: 1;
      grid-column-end: span 4; } }
.projects {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  column-gap: var(--mainpad);
  padding: 0 var(--mainpad); }
  @media (max-width : 900px) {
    .projects {
      grid-template-columns: repeat(4, 1fr); } }
  .projects .project-card {
    margin: 0 0 calc(3 * var(--mainpad)) 0;
    grid-column-end: span 4; }
    .projects .project-card a {
      color: inherit;
      text-decoration: none; }
      .projects .project-card a img {
        filter: grayscale(1);
        transition: filter 0.5s var(--timing); }
      .projects .project-card a p {
        margin-top: 8px;
        font-size: 0.95rem;
        font-weight: 300;
        line-height: 1.7rem;
        font-family: "capo", sans-serif;
        font-weight: 300;
        font-style: normal; }
      .projects .project-card a:hover img {
        filter: grayscale(0);
        transition: filter 0.5s var(--timing); }
    @media (max-width : 900px) {
      .projects .project-card {
        grid-column-start: 1;
        grid-column-end: span 3; } }
.pagination {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  column-gap: var(--mainpad);
  padding: 0 var(--mainpad);
  margin: calc(4 * var(--mainpad)) 0; }
  @media (max-width : 900px) {
    .pagination {
      grid-template-columns: repeat(4, 1fr); } }
  .pagination .pagination-inner {
    grid-column-start: 7;
    grid-column-end: span 5; }
    .pagination .pagination-inner .pagnum {
      margin-bottom: calc(var(--mainpad) * 0.5); }
    .pagination .pagination-inner h3 {
      margin-bottom: calc(var(--mainpad) * 0.8); }
    .pagination .pagination-inner a {
      text-decoration: none;
      color: inherit;
      transition: 0.25s var(--timing); }
      .pagination .pagination-inner a:hover {
        color: var(--charcoal); }
    @media (max-width : 900px) {
      .pagination .pagination-inner {
        grid-column-start: 3;
        grid-column-end: span 2; } }
body[data-template=project], body[data-template=archivum] {
  /* more projects */
  /* return */ }
  body[data-template=project] .herotext, body[data-template=archivum] .herotext {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--mainpad);
    padding: 0 var(--mainpad);
    margin-top: 9vw;
    margin-bottom: 3rem; }
    @media (max-width : 900px) {
      body[data-template=project] .herotext, body[data-template=archivum] .herotext {
        grid-template-columns: repeat(4, 1fr); } }
    body[data-template=project] .herotext h1, body[data-template=archivum] .herotext h1 {
      grid-column-end: span 4;
      grid-column-start: 1;
      margin-bottom: calc(4 * var(--mainpad));
      font-size: 2rem;
      line-height: 3.1rem;
      font-weight: 300; }
      @media (max-width : 900px) {
        body[data-template=project] .herotext h1, body[data-template=archivum] .herotext h1 {
          grid-column-end: span 4;
          grid-column-start: 1; } }
    body[data-template=project] .herotext h2, body[data-template=archivum] .herotext h2 {
      grid-column-end: span 4;
      grid-column-start: 6;
      font-size: 1.5rem;
      line-height: 2.5rem;
      font-weight: 300; }
      @media (max-width : 900px) {
        body[data-template=project] .herotext h2, body[data-template=archivum] .herotext h2 {
          grid-column-end: span 4;
          grid-column-start: 1; } }
  body[data-template=project] .subtext, body[data-template=archivum] .subtext {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--mainpad);
    padding: 0 var(--mainpad);
    margin-bottom: 9vw; }
    @media (max-width : 900px) {
      body[data-template=project] .subtext, body[data-template=archivum] .subtext {
        grid-template-columns: repeat(4, 1fr); } }
    body[data-template=project] .subtext .subdesc, body[data-template=archivum] .subtext .subdesc {
      grid-column-end: span 4;
      grid-column-start: 6; }
      @media (max-width : 900px) {
        body[data-template=project] .subtext .subdesc, body[data-template=archivum] .subtext .subdesc {
          grid-column-end: span 4;
          grid-column-start: 1; } }
    body[data-template=project] .subtext .projectinfo, body[data-template=archivum] .subtext .projectinfo {
      grid-column-end: span 2;
      grid-column-start: 11; }
      body[data-template=project] .subtext .projectinfo .infoblock, body[data-template=archivum] .subtext .projectinfo .infoblock {
        margin-bottom: 1rem; }
        body[data-template=project] .subtext .projectinfo .infoblock .infotitle, body[data-template=archivum] .subtext .projectinfo .infoblock .infotitle {
          margin-bottom: 2px;
          font-family: "FoundersGroteskMono", monospace;
          font-weight: normal;
          font-style: normal;
          font-size: 0.95rem;
          line-height: 1.4rem; }
        body[data-template=project] .subtext .projectinfo .infoblock .infocontent, body[data-template=archivum] .subtext .projectinfo .infoblock .infocontent {
          font-family: "FoundersGroteskMono", monospace;
          font-weight: normal;
          font-style: normal;
          font-size: 0.95rem;
          line-height: 1.4rem; }
          body[data-template=project] .subtext .projectinfo .infoblock .infocontent a, body[data-template=archivum] .subtext .projectinfo .infoblock .infocontent a {
            text-decoration: underline;
            transition: 0.25s var(--timing); }
      @media (max-width : 900px) {
        body[data-template=project] .subtext .projectinfo, body[data-template=archivum] .subtext .projectinfo {
          grid-column-end: span 2;
          grid-column-start: 1;
          margin-top: calc(3 * var(--mainpad)); } }
  body[data-template=project] .projectcontent, body[data-template=archivum] .projectcontent {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: auto;
    column-gap: var(--mainpad);
    padding: 0 var(--mainpad);
    margin-bottom: 3rem;
    padding: 0 var(--mainpad); }
    @media (max-width : 900px) {
      body[data-template=project] .projectcontent, body[data-template=archivum] .projectcontent {
        grid-template-columns: repeat(4, 1fr); } }
    body[data-template=project] .projectcontent .mediablock [data-type=image], body[data-template=archivum] .projectcontent .mediablock [data-type=image] {
      max-height: 100vh;
      overflow: hidden; }
    body[data-template=project] .projectcontent .mediablock .caption, body[data-template=archivum] .projectcontent .mediablock .caption {
      margin: 3px 0 3em;
      max-width: 500px;
      font-family: "FoundersGroteskMono", monospace;
      font-weight: normal;
      font-style: normal;
      font-size: 0.95rem;
      line-height: 1.4rem; }
      @media (max-width : 900px) {
        body[data-template=project] .projectcontent .mediablock .caption, body[data-template=archivum] .projectcontent .mediablock .caption {
          max-width: unset;
          padding: 0 3px; } }
    body[data-template=project] .projectcontent .textblock, body[data-template=archivum] .projectcontent .textblock {
      margin-bottom: 3em; }
      @media (max-width : 900px) {
        body[data-template=project] .projectcontent .textblock, body[data-template=archivum] .projectcontent .textblock {
          grid-column-start: 1;
          grid-column-end: span 4; } }
      body[data-template=project] .projectcontent .textblock .herotextblock, body[data-template=archivum] .projectcontent .textblock .herotextblock {
        font-size: 1.5rem;
        line-height: 2.5rem;
        font-weight: 300;
        margin: 20px 0; }
      body[data-template=project] .projectcontent .textblock .subtextblock, body[data-template=archivum] .projectcontent .textblock .subtextblock {
        margin: 10px 0; }
    body[data-template=project] .projectcontent .carouselblock, body[data-template=archivum] .projectcontent .carouselblock {
      grid-column-start: 1;
      grid-column-end: span 12;
      margin: 0 var(--mainpadneg); }
      @media (max-width : 900px) {
        body[data-template=project] .projectcontent .carouselblock, body[data-template=archivum] .projectcontent .carouselblock {
          grid-column-start: 1;
          grid-column-end: span 4; } }
      @media (max-width : 900px) {
        body[data-template=project] .projectcontent .carouselblock, body[data-template=archivum] .projectcontent .carouselblock {
          grid-column-start: 1;
          grid-column-end: span 4; } }
      body[data-template=project] .projectcontent .carouselblock[data-color=white], body[data-template=archivum] .projectcontent .carouselblock[data-color=white] {
        background-color: var(--white);
        color: var(--charcoal); }
        body[data-template=project] .projectcontent .carouselblock[data-color=white] .swiper-button-prev,
        body[data-template=project] .projectcontent .carouselblock[data-color=white] .swiper-button-next,
        body[data-template=project] .projectcontent .carouselblock[data-color=white] .swiper-pagination, body[data-template=archivum] .projectcontent .carouselblock[data-color=white] .swiper-button-prev,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=white] .swiper-button-next,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=white] .swiper-pagination {
          color: var(--coolgray); }
      body[data-template=project] .projectcontent .carouselblock[data-color=coolgray], body[data-template=archivum] .projectcontent .carouselblock[data-color=coolgray] {
        background-color: var(--coolgray);
        color: var(--black); }
        body[data-template=project] .projectcontent .carouselblock[data-color=coolgray] .swiper-button-prev,
        body[data-template=project] .projectcontent .carouselblock[data-color=coolgray] .swiper-button-next,
        body[data-template=project] .projectcontent .carouselblock[data-color=coolgray] .swiper-pagination, body[data-template=archivum] .projectcontent .carouselblock[data-color=coolgray] .swiper-button-prev,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=coolgray] .swiper-button-next,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=coolgray] .swiper-pagination {
          color: var(--charcoal); }
      body[data-template=project] .projectcontent .carouselblock[data-color=charcoal], body[data-template=archivum] .projectcontent .carouselblock[data-color=charcoal] {
        background-color: var(--charcoal);
        color: var(--white); }
        body[data-template=project] .projectcontent .carouselblock[data-color=charcoal] .swiper-button-prev,
        body[data-template=project] .projectcontent .carouselblock[data-color=charcoal] .swiper-button-next,
        body[data-template=project] .projectcontent .carouselblock[data-color=charcoal] .swiper-pagination, body[data-template=archivum] .projectcontent .carouselblock[data-color=charcoal] .swiper-button-prev,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=charcoal] .swiper-button-next,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=charcoal] .swiper-pagination {
          color: var(--coolgray); }
      body[data-template=project] .projectcontent .carouselblock[data-color=black], body[data-template=archivum] .projectcontent .carouselblock[data-color=black] {
        background-color: var(--black);
        color: var(--coolgray); }
        body[data-template=project] .projectcontent .carouselblock[data-color=black] .swiper-button-prev,
        body[data-template=project] .projectcontent .carouselblock[data-color=black] .swiper-button-next,
        body[data-template=project] .projectcontent .carouselblock[data-color=black] .swiper-pagination, body[data-template=archivum] .projectcontent .carouselblock[data-color=black] .swiper-button-prev,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=black] .swiper-button-next,
        body[data-template=archivum] .projectcontent .carouselblock[data-color=black] .swiper-pagination {
          color: var(--charcoal); }
      body[data-template=project] .projectcontent .carouselblock .carouselblockinner, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-auto-rows: auto;
        column-gap: var(--mainpad);
        padding: 0 var(--mainpad);
        margin: 100px 0 120px;
        padding: 0 var(--mainpad); }
        @media (max-width : 900px) {
          body[data-template=project] .projectcontent .carouselblock .carouselblockinner, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner {
            grid-template-columns: repeat(4, 1fr); } }
        body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage {
          grid-column-start: 3;
          grid-column-end: span 8; }
          @media (max-width : 900px) {
            body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage {
              grid-column-start: 1;
              grid-column-end: span 4; } }
          body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-auto-rows: auto;
            column-gap: var(--mainpad);
            padding: 0; }
            body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper {
              grid-column-start: 1;
              grid-column-end: span 8;
              margin-bottom: 60px;
              height: 37vw; }
              @media (max-width : 900px) {
                body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper {
                  grid-column-start: 1;
                  grid-column-end: span 4; } }
              body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper .aspectholder, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper .aspectholder {
                height: 100%;
                padding-bottom: 2em; }
                body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper .aspectholder img, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper .aspectholder img {
                  height: 100%;
                  object-fit: contain; }
              @media (max-width : 900px) {
                body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .swiper-wrapper {
                  height: 70vw; } }
            body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination {
              grid-column-start: 1;
              grid-column-end: span 3; }
              body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev,
              body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-next, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev,
              body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-next {
                font-family: "FoundersGroteskMono", monospace;
                font-weight: normal;
                font-style: normal;
                transition: 0.25s var(--timing);
                display: inline-block;
                padding: 5px 0; }
                body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev:hover,
                body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-next:hover, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev:hover,
                body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-next:hover {
                  color: inherit; }
                @media (max-width : 900px) {
                  body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev,
                  body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-next, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev,
                  body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-next {
                    display: none;
                    visibility: hidden;
                    opacity: 0; } }
              body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-button-prev {
                margin-right: 20px; }
              body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-pagination, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination .swiper-pagination {
                font-family: "FoundersGroteskMono", monospace;
                font-weight: normal;
                font-style: normal;
                margin-bottom: 10px; }
              @media (max-width : 900px) {
                body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselpagination {
                  grid-column-start: 1;
                  grid-column-end: span 4;
                  margin-bottom: 10px; } }
            body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselcaption, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselcaption {
              grid-column-start: 5;
              grid-column-end: span 4; }
              @media (max-width : 900px) {
                body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselcaption, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselcaption {
                  grid-column-start: 1;
                  grid-column-end: span 4; } }
              body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselcaption figcaption, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container .carouselcaption figcaption {
                font-size: 0.95rem;
                font-weight: 300;
                line-height: 1.7rem; }
            @media (max-width : 900px) {
              body[data-template=project] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container, body[data-template=archivum] .projectcontent .carouselblock .carouselblockinner .carouselblockimage .swiper-container {
                grid-template-columns: repeat(4, 1fr); } }
    body[data-template=project] .projectcontent .testimonial, body[data-template=archivum] .projectcontent .testimonial {
      grid-column-start: 1;
      grid-column-end: span 6;
      margin: 8vw 0; }
      body[data-template=project] .projectcontent .testimonial .quote, body[data-template=archivum] .projectcontent .testimonial .quote {
        margin-bottom: 20px;
        font-size: 1.15rem;
        font-weight: 300;
        line-height: 2rem;
        font-family: "capo", sans-serif;
        font-weight: 300;
        font-style: normal; }
      body[data-template=project] .projectcontent .testimonial .client, body[data-template=archivum] .projectcontent .testimonial .client {
        margin-bottom: 5px;
        font-family: "FoundersGroteskMono", monospace;
        font-weight: normal;
        font-style: normal;
        font-size: 1.05rem;
        line-height: 1.45rem;
        font-family: "FoundersGroteskMono", monospace;
        font-weight: normal;
        font-style: normal; }
      body[data-template=project] .projectcontent .testimonial .company, body[data-template=archivum] .projectcontent .testimonial .company {
        font-family: "FoundersGroteskMono", monospace;
        font-weight: normal;
        font-style: normal;
        font-size: 1.05rem;
        line-height: 1.45rem;
        font-family: "FoundersGroteskMono", monospace;
        font-weight: normal;
        font-style: normal; }
      @media (max-width : 900px) {
        body[data-template=project] .projectcontent .testimonial, body[data-template=archivum] .projectcontent .testimonial {
          grid-column-end: span 4; } }
  body[data-template=project] .moreprojects, body[data-template=archivum] .moreprojects {
    margin-top: calc(4 * var(--mainpad)); }
    body[data-template=project] .moreprojects .more-heading, body[data-template=archivum] .moreprojects .more-heading {
      padding: 0 var(--mainpad);
      margin-bottom: calc(2 * var(--mainpad));
      text-transform: capitalize;
      font-size: 0.95rem;
      font-weight: 300;
      line-height: 1.7rem;
      font-family: "capo", sans-serif;
      font-weight: 300;
      font-style: normal; }
  body[data-template=project] .projectreturn, body[data-template=archivum] .projectreturn {
    margin: calc(2 * var(--mainpad)) 0;
    padding: 0 var(--mainpad); }