@charset "UTF-8";

@font-face {
  font-family: 'Euclid Square';
  src: url("/fonts/EuclidSquare-LightItalic.eot");
  src: local("Euclid Square Light Italic"), local("EuclidSquare-LightItalic"), url("/fonts/EuclidSquare-LightItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/EuclidSquare-LightItalic.woff2") format("woff2"), url("/fonts/EuclidSquare-LightItalic.woff") format("woff"), url("/fonts/EuclidSquare-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

html {
  font-size: 16px;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 1600px) {
  html {
    font-size: 1vw;
  }
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 800px) {
  html {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 400px) {
  html {
    font-size: 4vw;
  }
}

.bold,
b,
strong,
nav.main-nav .item.active,
.about-page nav.main-nav .item.about,
.people-page nav.main-nav .item.people,
.projects-page nav.main-nav .item.work,
.team-page nav.main-nav .item.people,
.work-page nav.main-nav .item.work,
.news-page nav.main-nav .item.about,
.dropdown-container .dropdown-trigger p,
.people-section .item h2,
.fullscreen-section .text h1,
.fullscreen-section .text h2,
.fullscreen-section .text h3,
.fullscreen-section .text h4,
.fullscreen-section .text h5,
.fullscreen-section .text h6,
.text-section .text h1,
.text-section .text h2,
.text-section .text h3,
.text-section .text h4,
.text-section .text h5,
.text-section .text h6,
.projects-page .project-item .overlay h2,
.team-page .text-section h1 {
  font-weight: 700;
}

.normal,
.work-page .work-page-details .text h2,
.work-page .work-page-details .text h3,
.work-page .work-page-details .text h4,
.work-page .work-page-details .text h5,
.work-page .work-page-details .text h6 {
  font-weight: 400;
}

.sans-serif,
html,
.sans-serif-small,
.admin-banner a,
.sans-serif-normal,
nav.main-nav a,
footer.main-footer a,
.dropdown-container .dropdown-trigger p,
.blockquote-section cite,
.home-intro-section .slide span,
.fullscreen-section .text p,
.text-section .text p,
.not-found-page .text h2,
.not-found-page .text h3,
.not-found-page .text h4,
.not-found-page .text h5,
.not-found-page .text h6,
.not-found-page .text p {
  font-family: acumin-pro, helvetica, Helvetica, sans-serif;
}

.serif,
.serif-large,
.blockquote-section .quote {
  font-family: source-serif-pro, farnham-display, georgia, Helvetica, sans-serif;
}

.caps {
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

.display-normal,
.home-page .text-section:not(.home-menu-section) .left p {
  font-family: alternate-gothic-no-1-d;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -0.025em;
}

.sans-serif-small,
.admin-banner a {
  font-size: 0.666rem;
  line-height: 1.25;
  max-width: 50em;
}

.sans-serif-normal,
nav.main-nav a,
footer.main-footer a,
.dropdown-container .dropdown-trigger p,
.blockquote-section cite,
.home-intro-section .slide span,
.fullscreen-section .text p,
.text-section .text p,
.not-found-page .text h2,
.not-found-page .text h3,
.not-found-page .text h4,
.not-found-page .text h5,
.not-found-page .text h6,
.not-found-page .text p {
  font-size: 1rem;
  line-height: 1.4;
  max-width: 30em;
}

@media screen and (max-width: 800px) {
  .sans-serif-normal,
  nav.main-nav a,
  footer.main-footer a,
  .dropdown-container .dropdown-trigger p,
  .blockquote-section cite,
  .home-intro-section .slide span,
  .fullscreen-section .text p,
  .text-section .text p,
  .not-found-page .text h2,
  .not-found-page .text h3,
  .not-found-page .text h4,
  .not-found-page .text h5,
  .not-found-page .text h6,
  .not-found-page .text p {
    max-width: none;
  }
}

.serif-large,
.blockquote-section .quote {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
}

@media screen and (max-width: 800px) {
  .serif-large,
  .blockquote-section .quote {
    font-size: 1.5rem;
  }
}

::-moz-selection {
  background: rgba(232, 17, 22, 0.5);
}

::selection {
  background: rgba(232, 17, 22, 0.5);
}

body {
  overflow-x: hidden;
  margin: 0;
  scrollbar-color: #e81116 white;
  overflow-x: hidden;
  overflow-y: auto;
}

body::-webkit-scrollbar {
  width: 0.5rem;
  background: white;
}

body::-webkit-scrollbar-thumb {
  background: #e81116;
}

body.height-fix {
  height: 100vh;
}

body.height-fix #viewport {
  height: 100%;
}

body.height-fix footer.main-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

body.outlines *:target,
body.outlines *:focus {
  outline: 2px solid #000;
  padding: 1em;
}

body.outlines input:target,
body.outlines input:focus,
body.outlines textarea:target,
body.outlines textarea:focus {
  outline: none;
}

body.outlines input.outline:target,
body.outlines input.outline:focus,
body.outlines textarea.outline:target,
body.outlines textarea.outline:focus {
  border: 1px solid #e81116;
  outline: none;
}

* {
  box-sizing: border-box;
  position: relative;
  outline: none;
  line-height: 1.333;
}

ul,
ol {
  list-style: disc;
  margin-left: 1em;
  padding: 0;
}

ul.plain,
ol.plain {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  display: flex;
  flex-wrap: wrap;
}

ul.inline li,
ol.inline li {
  margin-right: 1em;
}

ul.inline li:last-of-type,
ol.inline li:last-of-type {
  margin-right: 0;
}

ul li,
ol li {
  margin: 0 0 1em;
}

ul li:last-of-type,
ol li:last-of-type {
  margin-bottom: 0;
}

figure {
  margin: 0;
}

hr {
  border: 0;
  border-bottom: 1px solid #000;
  opacity: 0.5;
  margin: 0.6em 0;
}

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

br {
  line-height: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  margin: 0;
}

p {
  margin-bottom: 1em;
}

address {
  font-style: normal;
}

input,
textarea {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  background: none;
  padding: 1em;
  border: 1px solid #e81116;
  line-height: 1;
  border-radius: 2em;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: white;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: white;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: white;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: white;
}

input::placeholder,
textarea::placeholder {
  color: white;
}

iframe {
  display: block;
}

.sr-only {
  position: absolute;
  top: auto;
  left: -1000vw;
}

.layout {
  margin: 0 auto;
}

.desktop .layout {
  width: calc(100% + 0.5rem);
}

.grid-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0.1;
  background: url("/images/site-grid.svg");
  background-size: cover;
  pointer-events: none;
}

.last {
  margin-bottom: 0 !important;
}

.page-section {
  padding-top: 5.55555556vw;
}

.first-section,
.about-page .section-1 {
  padding-top: 11.11111111vw !important;
}

@media screen and (max-width: 800px) {
  .first-section,
  .about-page .section-1 {
    padding-top: 22.22222222vw !important;
  }
}

@media screen and (max-width: 400px) {
  .first-section,
  .about-page .section-1 {
    padding-top: 33.33333333vw !important;
  }
}

nav.main-nav {
  position: absolute;
  z-index: 200;
  display: flex;
  align-items: center;
  padding: 2.77777778vw 5.55555556vw;
  margin-bottom: 5.55555556vw;
  width: 100%;
}

@media screen and (max-width: 800px) {
  nav.main-nav {
    flex-direction: column;
    align-items: stretch;
  }
}

nav.main-nav .left,
nav.main-nav .right {
  flex: 0 0 44.44444444vw;
}

@media screen and (max-width: 800px) {
  nav.main-nav .left,
  nav.main-nav .right {
    flex: 1 1 auto;
    padding: 0.92592593vw 0;
  }
}

@media screen and (max-width: 400px) {
  nav.main-nav .left,
  nav.main-nav .right {
    padding: 1.38888889vw 0;
  }
}

nav.main-nav .right {
  display: flex;
  align-items: center;
}

nav.main-nav.red-theme a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #e81116;
  cursor: pointer;
}

nav.main-nav.red-theme a:hover {
  color: #000;
}

nav.main-nav.red-theme a:hover svg path {
  transition: fill 0.2s ease;
  fill: #000;
}

@media screen and (max-width: 800px) {
  nav.main-nav.red-theme a:hover {
    color: #e81116;
  }

  nav.main-nav.red-theme a:hover svg path {
    transition: fill 0.2s ease;
    fill: #e81116;
  }
}

nav.main-nav.red-theme a.underline,
nav.main-nav.red-theme .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red nav.main-nav.red-theme a.dropdown-option,
nav.main-nav.red-theme .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black nav.main-nav.red-theme a.dropdown-option,
nav.main-nav.red-theme .fullscreen-section .text a,
.fullscreen-section .text nav.main-nav.red-theme a,
nav.main-nav.red-theme .text-section .text a,
.text-section .text nav.main-nav.red-theme a,
nav.main-nav.red-theme .people-page .page-options a.active,
.people-page .page-options nav.main-nav.red-theme a.active,
.people-page .page-options .about-page nav.main-nav.red-theme a.about.item,
.about-page nav.main-nav.red-theme .people-page .page-options a.about.item,
.people-page .page-options nav.main-nav.red-theme a.people.item,
.people-page nav.main-nav.red-theme .page-options a.people.item,
.people-page .page-options .projects-page nav.main-nav.red-theme a.work.item,
.projects-page nav.main-nav.red-theme .people-page .page-options a.work.item,
.team-page nav.main-nav.red-theme .people-page .page-options a.people.item,
.people-page .page-options .work-page nav.main-nav.red-theme a.work.item,
.work-page nav.main-nav.red-theme .people-page .page-options a.work.item,
.people-page .page-options .news-page nav.main-nav.red-theme a.about.item,
.news-page nav.main-nav.red-theme .people-page .page-options a.about.item,
nav.main-nav.red-theme .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red nav.main-nav.red-theme a.dropdown-option.active,
nav.main-nav.red-theme .projects-page .text a.active,
.projects-page .text nav.main-nav.red-theme a.active,
.projects-page .text .about-page nav.main-nav.red-theme a.about.item,
.about-page nav.main-nav.red-theme .projects-page .text a.about.item,
.projects-page .text .people-page nav.main-nav.red-theme a.people.item,
.people-page nav.main-nav.red-theme .projects-page .text a.people.item,
.projects-page .text nav.main-nav.red-theme a.work.item,
.projects-page nav.main-nav.red-theme .text a.work.item,
.projects-page .text .team-page nav.main-nav.red-theme a.people.item,
.team-page nav.main-nav.red-theme .projects-page .text a.people.item,
.work-page nav.main-nav.red-theme .projects-page .text a.work.item,
.projects-page .text .news-page nav.main-nav.red-theme a.about.item,
.news-page nav.main-nav.red-theme .projects-page .text a.about.item,
nav.main-nav.red-theme .caption a,
.caption nav.main-nav.red-theme a {
  color: #e81116;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
  line-height: 1.5;
}

nav.main-nav.red-theme a.underline:hover,
nav.main-nav.red-theme .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red nav.main-nav.red-theme a.dropdown-option:hover,
nav.main-nav.red-theme .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black nav.main-nav.red-theme a.dropdown-option:hover,
nav.main-nav.red-theme .fullscreen-section .text a:hover,
.fullscreen-section .text nav.main-nav.red-theme a:hover,
nav.main-nav.red-theme .text-section .text a:hover,
.text-section .text nav.main-nav.red-theme a:hover,
nav.main-nav.red-theme .people-page .page-options a.active:hover,
.people-page .page-options nav.main-nav.red-theme a.active:hover,
.people-page .page-options .about-page nav.main-nav.red-theme a.about.item:hover,
.about-page nav.main-nav.red-theme .people-page .page-options a.about.item:hover,
.people-page .page-options nav.main-nav.red-theme a.people.item:hover,
.people-page nav.main-nav.red-theme .page-options a.people.item:hover,
.people-page .page-options .projects-page nav.main-nav.red-theme a.work.item:hover,
.projects-page nav.main-nav.red-theme .people-page .page-options a.work.item:hover,
.team-page nav.main-nav.red-theme .people-page .page-options a.people.item:hover,
.people-page .page-options .work-page nav.main-nav.red-theme a.work.item:hover,
.work-page nav.main-nav.red-theme .people-page .page-options a.work.item:hover,
.people-page .page-options .news-page nav.main-nav.red-theme a.about.item:hover,
.news-page nav.main-nav.red-theme .people-page .page-options a.about.item:hover,
nav.main-nav.red-theme .projects-page .text a.active:hover,
.projects-page .text nav.main-nav.red-theme a.active:hover,
.projects-page .text .about-page nav.main-nav.red-theme a.about.item:hover,
.about-page nav.main-nav.red-theme .projects-page .text a.about.item:hover,
.projects-page .text .people-page nav.main-nav.red-theme a.people.item:hover,
.people-page nav.main-nav.red-theme .projects-page .text a.people.item:hover,
.projects-page .text nav.main-nav.red-theme a.work.item:hover,
.projects-page nav.main-nav.red-theme .text a.work.item:hover,
.projects-page .text .team-page nav.main-nav.red-theme a.people.item:hover,
.team-page nav.main-nav.red-theme .projects-page .text a.people.item:hover,
.work-page nav.main-nav.red-theme .projects-page .text a.work.item:hover,
.projects-page .text .news-page nav.main-nav.red-theme a.about.item:hover,
.news-page nav.main-nav.red-theme .projects-page .text a.about.item:hover,
nav.main-nav.red-theme .caption a:hover,
.caption nav.main-nav.red-theme a:hover {
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

nav.main-nav.red-theme a.underline-alt,
nav.main-nav.red-theme .images-section .text a,
.images-section .text nav.main-nav.red-theme a {
  color: #e81116;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

nav.main-nav.red-theme a.underline-alt:hover,
nav.main-nav.red-theme .images-section .text a:hover,
.images-section .text nav.main-nav.red-theme a:hover {
  color: #000;
}

nav.main-nav.red-theme .logo svg path {
  fill: #e81116;
}

nav.main-nav.black-theme a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #000;
  cursor: pointer;
}

nav.main-nav.black-theme a:hover {
  color: #e81116;
}

nav.main-nav.black-theme a:hover svg path {
  transition: fill 0.2s ease;
  fill: #e81116;
}

@media screen and (max-width: 800px) {
  nav.main-nav.black-theme a:hover {
    color: #000;
  }

  nav.main-nav.black-theme a:hover svg path {
    transition: fill 0.2s ease;
    fill: #000;
  }
}

nav.main-nav.black-theme a.underline,
nav.main-nav.black-theme .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red nav.main-nav.black-theme a.dropdown-option,
nav.main-nav.black-theme .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black nav.main-nav.black-theme a.dropdown-option,
nav.main-nav.black-theme .fullscreen-section .text a,
.fullscreen-section .text nav.main-nav.black-theme a,
nav.main-nav.black-theme .text-section .text a,
.text-section .text nav.main-nav.black-theme a,
nav.main-nav.black-theme .people-page .page-options a.active,
.people-page .page-options nav.main-nav.black-theme a.active,
.people-page .page-options .about-page nav.main-nav.black-theme a.about.item,
.about-page nav.main-nav.black-theme .people-page .page-options a.about.item,
.people-page .page-options nav.main-nav.black-theme a.people.item,
.people-page nav.main-nav.black-theme .page-options a.people.item,
.people-page .page-options .projects-page nav.main-nav.black-theme a.work.item,
.projects-page nav.main-nav.black-theme .people-page .page-options a.work.item,
.team-page nav.main-nav.black-theme .people-page .page-options a.people.item,
.people-page .page-options .work-page nav.main-nav.black-theme a.work.item,
.work-page nav.main-nav.black-theme .people-page .page-options a.work.item,
.people-page .page-options .news-page nav.main-nav.black-theme a.about.item,
.news-page nav.main-nav.black-theme .people-page .page-options a.about.item,
nav.main-nav.black-theme .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red nav.main-nav.black-theme a.dropdown-option.active,
nav.main-nav.black-theme .projects-page .text a.active,
.projects-page .text nav.main-nav.black-theme a.active,
.projects-page .text .about-page nav.main-nav.black-theme a.about.item,
.about-page nav.main-nav.black-theme .projects-page .text a.about.item,
.projects-page .text .people-page nav.main-nav.black-theme a.people.item,
.people-page nav.main-nav.black-theme .projects-page .text a.people.item,
.projects-page .text nav.main-nav.black-theme a.work.item,
.projects-page nav.main-nav.black-theme .text a.work.item,
.projects-page .text .team-page nav.main-nav.black-theme a.people.item,
.team-page nav.main-nav.black-theme .projects-page .text a.people.item,
.work-page nav.main-nav.black-theme .projects-page .text a.work.item,
.projects-page .text .news-page nav.main-nav.black-theme a.about.item,
.news-page nav.main-nav.black-theme .projects-page .text a.about.item,
nav.main-nav.black-theme .caption a,
.caption nav.main-nav.black-theme a {
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}

nav.main-nav.black-theme a.underline:hover,
nav.main-nav.black-theme .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red nav.main-nav.black-theme a.dropdown-option:hover,
nav.main-nav.black-theme .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black nav.main-nav.black-theme a.dropdown-option:hover,
nav.main-nav.black-theme .fullscreen-section .text a:hover,
.fullscreen-section .text nav.main-nav.black-theme a:hover,
nav.main-nav.black-theme .text-section .text a:hover,
.text-section .text nav.main-nav.black-theme a:hover,
nav.main-nav.black-theme .people-page .page-options a.active:hover,
.people-page .page-options nav.main-nav.black-theme a.active:hover,
.people-page .page-options .about-page nav.main-nav.black-theme a.about.item:hover,
.about-page nav.main-nav.black-theme .people-page .page-options a.about.item:hover,
.people-page .page-options nav.main-nav.black-theme a.people.item:hover,
.people-page nav.main-nav.black-theme .page-options a.people.item:hover,
.people-page .page-options .projects-page nav.main-nav.black-theme a.work.item:hover,
.projects-page nav.main-nav.black-theme .people-page .page-options a.work.item:hover,
.team-page nav.main-nav.black-theme .people-page .page-options a.people.item:hover,
.people-page .page-options .work-page nav.main-nav.black-theme a.work.item:hover,
.work-page nav.main-nav.black-theme .people-page .page-options a.work.item:hover,
.people-page .page-options .news-page nav.main-nav.black-theme a.about.item:hover,
.news-page nav.main-nav.black-theme .people-page .page-options a.about.item:hover,
nav.main-nav.black-theme .projects-page .text a.active:hover,
.projects-page .text nav.main-nav.black-theme a.active:hover,
.projects-page .text .about-page nav.main-nav.black-theme a.about.item:hover,
.about-page nav.main-nav.black-theme .projects-page .text a.about.item:hover,
.projects-page .text .people-page nav.main-nav.black-theme a.people.item:hover,
.people-page nav.main-nav.black-theme .projects-page .text a.people.item:hover,
.projects-page .text nav.main-nav.black-theme a.work.item:hover,
.projects-page nav.main-nav.black-theme .text a.work.item:hover,
.projects-page .text .team-page nav.main-nav.black-theme a.people.item:hover,
.team-page nav.main-nav.black-theme .projects-page .text a.people.item:hover,
.work-page nav.main-nav.black-theme .projects-page .text a.work.item:hover,
.projects-page .text .news-page nav.main-nav.black-theme a.about.item:hover,
.news-page nav.main-nav.black-theme .projects-page .text a.about.item:hover,
nav.main-nav.black-theme .caption a:hover,
.caption nav.main-nav.black-theme a:hover {
  color: #e81116;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
}

nav.main-nav.black-theme a.underline-alt,
nav.main-nav.black-theme .images-section .text a,
.images-section .text nav.main-nav.black-theme a {
  color: #000;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

nav.main-nav.black-theme a.underline-alt:hover,
nav.main-nav.black-theme .images-section .text a:hover,
.images-section .text nav.main-nav.black-theme a:hover {
  color: #e81116;
}

nav.main-nav.black-theme .logo svg path {
  fill: #000;
}

nav.main-nav.white-theme a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #fff;
  cursor: pointer;
}

nav.main-nav.white-theme a:hover {
  color: #000;
}

nav.main-nav.white-theme a:hover svg path {
  transition: fill 0.2s ease;
  fill: #000;
}

@media screen and (max-width: 800px) {
  nav.main-nav.white-theme a:hover {
    color: #fff;
  }

  nav.main-nav.white-theme a:hover svg path {
    transition: fill 0.2s ease;
    fill: #fff;
  }
}

nav.main-nav.white-theme a.underline,
nav.main-nav.white-theme .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red nav.main-nav.white-theme a.dropdown-option,
nav.main-nav.white-theme .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black nav.main-nav.white-theme a.dropdown-option,
nav.main-nav.white-theme .fullscreen-section .text a,
.fullscreen-section .text nav.main-nav.white-theme a,
nav.main-nav.white-theme .text-section .text a,
.text-section .text nav.main-nav.white-theme a,
nav.main-nav.white-theme .people-page .page-options a.active,
.people-page .page-options nav.main-nav.white-theme a.active,
.people-page .page-options .about-page nav.main-nav.white-theme a.about.item,
.about-page nav.main-nav.white-theme .people-page .page-options a.about.item,
.people-page .page-options nav.main-nav.white-theme a.people.item,
.people-page nav.main-nav.white-theme .page-options a.people.item,
.people-page .page-options .projects-page nav.main-nav.white-theme a.work.item,
.projects-page nav.main-nav.white-theme .people-page .page-options a.work.item,
.team-page nav.main-nav.white-theme .people-page .page-options a.people.item,
.people-page .page-options .work-page nav.main-nav.white-theme a.work.item,
.work-page nav.main-nav.white-theme .people-page .page-options a.work.item,
.people-page .page-options .news-page nav.main-nav.white-theme a.about.item,
.news-page nav.main-nav.white-theme .people-page .page-options a.about.item,
nav.main-nav.white-theme .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red nav.main-nav.white-theme a.dropdown-option.active,
nav.main-nav.white-theme .projects-page .text a.active,
.projects-page .text nav.main-nav.white-theme a.active,
.projects-page .text .about-page nav.main-nav.white-theme a.about.item,
.about-page nav.main-nav.white-theme .projects-page .text a.about.item,
.projects-page .text .people-page nav.main-nav.white-theme a.people.item,
.people-page nav.main-nav.white-theme .projects-page .text a.people.item,
.projects-page .text nav.main-nav.white-theme a.work.item,
.projects-page nav.main-nav.white-theme .text a.work.item,
.projects-page .text .team-page nav.main-nav.white-theme a.people.item,
.team-page nav.main-nav.white-theme .projects-page .text a.people.item,
.work-page nav.main-nav.white-theme .projects-page .text a.work.item,
.projects-page .text .news-page nav.main-nav.white-theme a.about.item,
.news-page nav.main-nav.white-theme .projects-page .text a.about.item,
nav.main-nav.white-theme .caption a,
.caption nav.main-nav.white-theme a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

nav.main-nav.white-theme a.underline:hover,
nav.main-nav.white-theme .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red nav.main-nav.white-theme a.dropdown-option:hover,
nav.main-nav.white-theme .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black nav.main-nav.white-theme a.dropdown-option:hover,
nav.main-nav.white-theme .fullscreen-section .text a:hover,
.fullscreen-section .text nav.main-nav.white-theme a:hover,
nav.main-nav.white-theme .text-section .text a:hover,
.text-section .text nav.main-nav.white-theme a:hover,
nav.main-nav.white-theme .people-page .page-options a.active:hover,
.people-page .page-options nav.main-nav.white-theme a.active:hover,
.people-page .page-options .about-page nav.main-nav.white-theme a.about.item:hover,
.about-page nav.main-nav.white-theme .people-page .page-options a.about.item:hover,
.people-page .page-options nav.main-nav.white-theme a.people.item:hover,
.people-page nav.main-nav.white-theme .page-options a.people.item:hover,
.people-page .page-options .projects-page nav.main-nav.white-theme a.work.item:hover,
.projects-page nav.main-nav.white-theme .people-page .page-options a.work.item:hover,
.team-page nav.main-nav.white-theme .people-page .page-options a.people.item:hover,
.people-page .page-options .work-page nav.main-nav.white-theme a.work.item:hover,
.work-page nav.main-nav.white-theme .people-page .page-options a.work.item:hover,
.people-page .page-options .news-page nav.main-nav.white-theme a.about.item:hover,
.news-page nav.main-nav.white-theme .people-page .page-options a.about.item:hover,
nav.main-nav.white-theme .projects-page .text a.active:hover,
.projects-page .text nav.main-nav.white-theme a.active:hover,
.projects-page .text .about-page nav.main-nav.white-theme a.about.item:hover,
.about-page nav.main-nav.white-theme .projects-page .text a.about.item:hover,
.projects-page .text .people-page nav.main-nav.white-theme a.people.item:hover,
.people-page nav.main-nav.white-theme .projects-page .text a.people.item:hover,
.projects-page .text nav.main-nav.white-theme a.work.item:hover,
.projects-page nav.main-nav.white-theme .text a.work.item:hover,
.projects-page .text .team-page nav.main-nav.white-theme a.people.item:hover,
.team-page nav.main-nav.white-theme .projects-page .text a.people.item:hover,
.work-page nav.main-nav.white-theme .projects-page .text a.work.item:hover,
.projects-page .text .news-page nav.main-nav.white-theme a.about.item:hover,
.news-page nav.main-nav.white-theme .projects-page .text a.about.item:hover,
nav.main-nav.white-theme .caption a:hover,
.caption nav.main-nav.white-theme a:hover {
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

nav.main-nav.white-theme a.underline-alt,
nav.main-nav.white-theme .images-section .text a,
.images-section .text nav.main-nav.white-theme a {
  color: #fff;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

nav.main-nav.white-theme a.underline-alt:hover,
nav.main-nav.white-theme .images-section .text a:hover,
.images-section .text nav.main-nav.white-theme a:hover {
  color: #000;
}

nav.main-nav.white-theme .logo svg path {
  fill: #fff;
}

nav.main-nav .item {
  width: 11.11111111vw;
}

nav.main-nav .item.active,
.about-page nav.main-nav .item.about,
.people-page nav.main-nav .item.people,
.projects-page nav.main-nav .item.work,
.team-page nav.main-nav .item.people,
.work-page nav.main-nav .item.work,
.news-page nav.main-nav .item.about {
  width: 22.22222222vw;
}

@media screen and (max-width: 800px) {
  nav.main-nav .item.active,
  .about-page nav.main-nav .item.about,
  .people-page nav.main-nav .item.people,
  .projects-page nav.main-nav .item.work,
  .team-page nav.main-nav .item.people,
  .work-page nav.main-nav .item.work,
  .news-page nav.main-nav .item.about {
    width: 44.44444444vw;
  }
}

@media screen and (max-width: 800px) {
  nav.main-nav .item {
    width: 22.22222222vw;
  }
}

footer.main-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 5.55555556vw;
  padding: 5.55555556vw 0;
}

@media screen and (max-width: 800px) {
  footer.main-footer {
    flex-direction: column;
    align-items: stretch;
    padding-top: 11.11111111vw;
  }
}

@media screen and (max-width: 400px) {
  footer.main-footer {
    padding-top: 22.22222222vw;
  }
}

footer.main-footer a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #e81116;
  cursor: pointer;
  display: inline-block;
}

footer.main-footer a:hover {
  color: #000;
}

footer.main-footer a:hover svg path {
  transition: fill 0.2s ease;
  fill: #000;
}

@media screen and (max-width: 800px) {
  footer.main-footer a:hover {
    color: #e81116;
  }

  footer.main-footer a:hover svg path {
    transition: fill 0.2s ease;
    fill: #e81116;
  }
}

footer.main-footer a.underline,
footer.main-footer .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red footer.main-footer a.dropdown-option,
footer.main-footer .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black footer.main-footer a.dropdown-option,
footer.main-footer .fullscreen-section .text a,
.fullscreen-section .text footer.main-footer a,
footer.main-footer .text-section .text a,
.text-section .text footer.main-footer a,
footer.main-footer .people-page .page-options a.active,
.people-page .page-options footer.main-footer a.active,
footer.main-footer .people-page .page-options .about-page .main-nav a.about.item,
.people-page .page-options .about-page .main-nav footer.main-footer a.about.item,
footer.main-footer .about-page .main-nav .people-page .page-options a.about.item,
.about-page .main-nav .people-page .page-options footer.main-footer a.about.item,
footer.main-footer .people-page .page-options .main-nav a.people.item,
.people-page .page-options .main-nav footer.main-footer a.people.item,
footer.main-footer .people-page .main-nav .page-options a.people.item,
.people-page .main-nav .page-options footer.main-footer a.people.item,
footer.main-footer .people-page .page-options .projects-page .main-nav a.work.item,
.people-page .page-options .projects-page .main-nav footer.main-footer a.work.item,
footer.main-footer .projects-page .main-nav .people-page .page-options a.work.item,
.projects-page .main-nav .people-page .page-options footer.main-footer a.work.item,
footer.main-footer .team-page .main-nav .people-page .page-options a.people.item,
.team-page .main-nav .people-page .page-options footer.main-footer a.people.item,
footer.main-footer .people-page .page-options .work-page .main-nav a.work.item,
.people-page .page-options .work-page .main-nav footer.main-footer a.work.item,
footer.main-footer .work-page .main-nav .people-page .page-options a.work.item,
.work-page .main-nav .people-page .page-options footer.main-footer a.work.item,
footer.main-footer .people-page .page-options .news-page .main-nav a.about.item,
.people-page .page-options .news-page .main-nav footer.main-footer a.about.item,
footer.main-footer .news-page .main-nav .people-page .page-options a.about.item,
.news-page .main-nav .people-page .page-options footer.main-footer a.about.item,
footer.main-footer .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red footer.main-footer a.dropdown-option.active,
footer.main-footer .projects-page .text a.active,
.projects-page .text footer.main-footer a.active,
footer.main-footer .projects-page .text .about-page .main-nav a.about.item,
.projects-page .text .about-page .main-nav footer.main-footer a.about.item,
footer.main-footer .about-page .main-nav .projects-page .text a.about.item,
.about-page .main-nav .projects-page .text footer.main-footer a.about.item,
footer.main-footer .projects-page .text .people-page .main-nav a.people.item,
.projects-page .text .people-page .main-nav footer.main-footer a.people.item,
footer.main-footer .people-page .main-nav .projects-page .text a.people.item,
.people-page .main-nav .projects-page .text footer.main-footer a.people.item,
footer.main-footer .projects-page .text .main-nav a.work.item,
.projects-page .text .main-nav footer.main-footer a.work.item,
footer.main-footer .projects-page .main-nav .text a.work.item,
.projects-page .main-nav .text footer.main-footer a.work.item,
footer.main-footer .projects-page .text .team-page .main-nav a.people.item,
.projects-page .text .team-page .main-nav footer.main-footer a.people.item,
footer.main-footer .team-page .main-nav .projects-page .text a.people.item,
.team-page .main-nav .projects-page .text footer.main-footer a.people.item,
footer.main-footer .work-page .main-nav .projects-page .text a.work.item,
.work-page .main-nav .projects-page .text footer.main-footer a.work.item,
footer.main-footer .projects-page .text .news-page .main-nav a.about.item,
.projects-page .text .news-page .main-nav footer.main-footer a.about.item,
footer.main-footer .news-page .main-nav .projects-page .text a.about.item,
.news-page .main-nav .projects-page .text footer.main-footer a.about.item,
footer.main-footer .caption a,
.caption footer.main-footer a {
  color: #e81116;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
  line-height: 1.5;
}

footer.main-footer a.underline:hover,
footer.main-footer .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red footer.main-footer a.dropdown-option:hover,
footer.main-footer .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black footer.main-footer a.dropdown-option:hover,
footer.main-footer .fullscreen-section .text a:hover,
.fullscreen-section .text footer.main-footer a:hover,
footer.main-footer .text-section .text a:hover,
.text-section .text footer.main-footer a:hover,
footer.main-footer .people-page .page-options a.active:hover,
.people-page .page-options footer.main-footer a.active:hover,
footer.main-footer .people-page .page-options .about-page .main-nav a.about.item:hover,
.people-page .page-options .about-page .main-nav footer.main-footer a.about.item:hover,
footer.main-footer .about-page .main-nav .people-page .page-options a.about.item:hover,
.about-page .main-nav .people-page .page-options footer.main-footer a.about.item:hover,
footer.main-footer .people-page .page-options .main-nav a.people.item:hover,
.people-page .page-options .main-nav footer.main-footer a.people.item:hover,
footer.main-footer .people-page .main-nav .page-options a.people.item:hover,
.people-page .main-nav .page-options footer.main-footer a.people.item:hover,
footer.main-footer .people-page .page-options .projects-page .main-nav a.work.item:hover,
.people-page .page-options .projects-page .main-nav footer.main-footer a.work.item:hover,
footer.main-footer .projects-page .main-nav .people-page .page-options a.work.item:hover,
.projects-page .main-nav .people-page .page-options footer.main-footer a.work.item:hover,
footer.main-footer .team-page .main-nav .people-page .page-options a.people.item:hover,
.team-page .main-nav .people-page .page-options footer.main-footer a.people.item:hover,
footer.main-footer .people-page .page-options .work-page .main-nav a.work.item:hover,
.people-page .page-options .work-page .main-nav footer.main-footer a.work.item:hover,
footer.main-footer .work-page .main-nav .people-page .page-options a.work.item:hover,
.work-page .main-nav .people-page .page-options footer.main-footer a.work.item:hover,
footer.main-footer .people-page .page-options .news-page .main-nav a.about.item:hover,
.people-page .page-options .news-page .main-nav footer.main-footer a.about.item:hover,
footer.main-footer .news-page .main-nav .people-page .page-options a.about.item:hover,
.news-page .main-nav .people-page .page-options footer.main-footer a.about.item:hover,
footer.main-footer .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active:hover,
.projects-page .text .dropdown-container.dropdown-red footer.main-footer a.dropdown-option.active:hover,
footer.main-footer .projects-page .text a.active:hover,
.projects-page .text footer.main-footer a.active:hover,
footer.main-footer .projects-page .text .about-page .main-nav a.about.item:hover,
.projects-page .text .about-page .main-nav footer.main-footer a.about.item:hover,
footer.main-footer .about-page .main-nav .projects-page .text a.about.item:hover,
.about-page .main-nav .projects-page .text footer.main-footer a.about.item:hover,
footer.main-footer .projects-page .text .people-page .main-nav a.people.item:hover,
.projects-page .text .people-page .main-nav footer.main-footer a.people.item:hover,
footer.main-footer .people-page .main-nav .projects-page .text a.people.item:hover,
.people-page .main-nav .projects-page .text footer.main-footer a.people.item:hover,
footer.main-footer .projects-page .text .main-nav a.work.item:hover,
.projects-page .text .main-nav footer.main-footer a.work.item:hover,
footer.main-footer .projects-page .main-nav .text a.work.item:hover,
.projects-page .main-nav .text footer.main-footer a.work.item:hover,
footer.main-footer .projects-page .text .team-page .main-nav a.people.item:hover,
.projects-page .text .team-page .main-nav footer.main-footer a.people.item:hover,
footer.main-footer .team-page .main-nav .projects-page .text a.people.item:hover,
.team-page .main-nav .projects-page .text footer.main-footer a.people.item:hover,
footer.main-footer .work-page .main-nav .projects-page .text a.work.item:hover,
.work-page .main-nav .projects-page .text footer.main-footer a.work.item:hover,
footer.main-footer .projects-page .text .news-page .main-nav a.about.item:hover,
.projects-page .text .news-page .main-nav footer.main-footer a.about.item:hover,
footer.main-footer .news-page .main-nav .projects-page .text a.about.item:hover,
.news-page .main-nav .projects-page .text footer.main-footer a.about.item:hover,
footer.main-footer .caption a:hover,
.caption footer.main-footer a:hover {
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

footer.main-footer a.underline-alt,
footer.main-footer .images-section .text a,
.images-section .text footer.main-footer a {
  color: #e81116;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

footer.main-footer a.underline-alt:hover,
footer.main-footer .images-section .text a:hover,
.images-section .text footer.main-footer a:hover {
  color: #000;
}

footer.main-footer .left,
footer.main-footer .right {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 1 0%;
}

@media screen and (max-width: 800px) {
  footer.main-footer .left,
  footer.main-footer .right {
    align-items: stretch;
  }
}

footer.main-footer a[href="#top"] {
  display: flex;
  align-items: center;
}

footer.main-footer a[href="#top"] svg {
  height: 0.666em;
  width: auto;
  transform: rotate(180deg);
  margin-left: 0.333em;
}

@media screen and (max-width: 800px) {
  footer.main-footer .left {
    flex-basis: 5.55555556vw;
  }
}

@media screen and (max-width: 800px) {
  footer.main-footer .left {
    flex-basis: 11.11111111vw;
  }
}

footer.main-footer .item {
  flex: 0 0 11.11111111vw;
}

footer.main-footer .address {
  flex: 0 0 22.22222222vw;
}

.gallery {
  width: 100%;
  height: 100%;
}

.gallery .slide {
  width: 100%;
  height: 100%;
}

.gallery .slide img {
  width: 100%;
  height: 100%;
}

.flickity-prev-next-button {
  top: 0;
  width: 50%;
  height: 100%;
  transform: none;
  border-radius: 0;
  background: none;
}

.flickity-prev-next-button:hover {
  background: none;
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

.flickity-prev-next-button .flickity-button-icon {
  display: none;
}

.hamburger {
  height: 28px;
  width: 2rem;
  cursor: pointer;
}

.hamburger .bar {
  position: relative;
  width: 100%;
  background: white;
  height: 4px;
  border-radius: 1px;
  transform-origin: center;
  transition-property: top, transform, background;
  transition-duration: 0.2s, 0.6s, 1s;
  transition-delay: 0.6s, 0s, 0s;
  transition-timing-function: ease;
}

.hamburger .bar:nth-of-type(1) {
  top: 0;
}

.hamburger .bar:nth-of-type(2) {
  top: calc(50% - 4px);
  transform: translateY(-4px);
}

.hamburger .bar:nth-of-type(3) {
  top: calc(100% - 8px);
  transform: translateY(-8px);
}

.nav-active .hamburger .bar {
  transition-delay: 0s, 0.2s;
  background: black;
}

.nav-active .hamburger .bar:nth-of-type(1) {
  top: 50%;
  transform: rotate(125deg);
}

.nav-active .hamburger .bar:nth-of-type(2) {
  top: 50%;
  transform: translateY(-4px);
}

.nav-active .hamburger .bar:nth-of-type(3) {
  top: 50%;
  transform: translateY(-8px) rotate(-125deg);
}

.nav-active .hidden-nav {
  transform: translateX(-100%);
}

.admin-banner {
  background: #e81116;
  display: flex;
  align-items: center;
  padding: 0 5.55555556vw;
}

.admin-banner a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: white;
  cursor: pointer;
  padding: 1em 0;
}

.admin-banner a:hover {
  color: white;
}

.admin-banner a:hover svg path {
  transition: fill 0.2s ease;
  fill: white;
}

@media screen and (max-width: 800px) {
  .admin-banner a:hover {
    color: white;
  }

  .admin-banner a:hover svg path {
    transition: fill 0.2s ease;
    fill: white;
  }
}

.admin-banner a.underline,
.admin-banner .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red .admin-banner a.dropdown-option,
.admin-banner .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black .admin-banner a.dropdown-option,
.admin-banner .fullscreen-section .text a,
.fullscreen-section .text .admin-banner a,
.admin-banner .text-section .text a,
.text-section .text .admin-banner a,
.admin-banner .people-page .page-options a.active,
.people-page .page-options .admin-banner a.active,
.admin-banner .people-page .page-options .about-page .main-nav a.about.item,
.people-page .page-options .about-page .main-nav .admin-banner a.about.item,
.admin-banner .about-page .main-nav .people-page .page-options a.about.item,
.about-page .main-nav .people-page .page-options .admin-banner a.about.item,
.admin-banner .people-page .page-options .main-nav a.people.item,
.people-page .page-options .main-nav .admin-banner a.people.item,
.admin-banner .people-page .main-nav .page-options a.people.item,
.people-page .main-nav .page-options .admin-banner a.people.item,
.admin-banner .people-page .page-options .projects-page .main-nav a.work.item,
.people-page .page-options .projects-page .main-nav .admin-banner a.work.item,
.admin-banner .projects-page .main-nav .people-page .page-options a.work.item,
.projects-page .main-nav .people-page .page-options .admin-banner a.work.item,
.admin-banner .team-page .main-nav .people-page .page-options a.people.item,
.team-page .main-nav .people-page .page-options .admin-banner a.people.item,
.admin-banner .people-page .page-options .work-page .main-nav a.work.item,
.people-page .page-options .work-page .main-nav .admin-banner a.work.item,
.admin-banner .work-page .main-nav .people-page .page-options a.work.item,
.work-page .main-nav .people-page .page-options .admin-banner a.work.item,
.admin-banner .people-page .page-options .news-page .main-nav a.about.item,
.people-page .page-options .news-page .main-nav .admin-banner a.about.item,
.admin-banner .news-page .main-nav .people-page .page-options a.about.item,
.news-page .main-nav .people-page .page-options .admin-banner a.about.item,
.admin-banner .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red .admin-banner a.dropdown-option.active,
.admin-banner .projects-page .text a.active,
.projects-page .text .admin-banner a.active,
.admin-banner .projects-page .text .about-page .main-nav a.about.item,
.projects-page .text .about-page .main-nav .admin-banner a.about.item,
.admin-banner .about-page .main-nav .projects-page .text a.about.item,
.about-page .main-nav .projects-page .text .admin-banner a.about.item,
.admin-banner .projects-page .text .people-page .main-nav a.people.item,
.projects-page .text .people-page .main-nav .admin-banner a.people.item,
.admin-banner .people-page .main-nav .projects-page .text a.people.item,
.people-page .main-nav .projects-page .text .admin-banner a.people.item,
.admin-banner .projects-page .text .main-nav a.work.item,
.projects-page .text .main-nav .admin-banner a.work.item,
.admin-banner .projects-page .main-nav .text a.work.item,
.projects-page .main-nav .text .admin-banner a.work.item,
.admin-banner .projects-page .text .team-page .main-nav a.people.item,
.projects-page .text .team-page .main-nav .admin-banner a.people.item,
.admin-banner .team-page .main-nav .projects-page .text a.people.item,
.team-page .main-nav .projects-page .text .admin-banner a.people.item,
.admin-banner .work-page .main-nav .projects-page .text a.work.item,
.work-page .main-nav .projects-page .text .admin-banner a.work.item,
.admin-banner .projects-page .text .news-page .main-nav a.about.item,
.projects-page .text .news-page .main-nav .admin-banner a.about.item,
.admin-banner .news-page .main-nav .projects-page .text a.about.item,
.news-page .main-nav .projects-page .text .admin-banner a.about.item,
.admin-banner .caption a,
.caption .admin-banner a {
  color: white;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

.admin-banner a.underline:hover,
.admin-banner .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red .admin-banner a.dropdown-option:hover,
.admin-banner .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black .admin-banner a.dropdown-option:hover,
.admin-banner .fullscreen-section .text a:hover,
.fullscreen-section .text .admin-banner a:hover,
.admin-banner .text-section .text a:hover,
.text-section .text .admin-banner a:hover,
.admin-banner .people-page .page-options a.active:hover,
.people-page .page-options .admin-banner a.active:hover,
.admin-banner .people-page .page-options .about-page .main-nav a.about.item:hover,
.people-page .page-options .about-page .main-nav .admin-banner a.about.item:hover,
.admin-banner .about-page .main-nav .people-page .page-options a.about.item:hover,
.about-page .main-nav .people-page .page-options .admin-banner a.about.item:hover,
.admin-banner .people-page .page-options .main-nav a.people.item:hover,
.people-page .page-options .main-nav .admin-banner a.people.item:hover,
.admin-banner .people-page .main-nav .page-options a.people.item:hover,
.people-page .main-nav .page-options .admin-banner a.people.item:hover,
.admin-banner .people-page .page-options .projects-page .main-nav a.work.item:hover,
.people-page .page-options .projects-page .main-nav .admin-banner a.work.item:hover,
.admin-banner .projects-page .main-nav .people-page .page-options a.work.item:hover,
.projects-page .main-nav .people-page .page-options .admin-banner a.work.item:hover,
.admin-banner .team-page .main-nav .people-page .page-options a.people.item:hover,
.team-page .main-nav .people-page .page-options .admin-banner a.people.item:hover,
.admin-banner .people-page .page-options .work-page .main-nav a.work.item:hover,
.people-page .page-options .work-page .main-nav .admin-banner a.work.item:hover,
.admin-banner .work-page .main-nav .people-page .page-options a.work.item:hover,
.work-page .main-nav .people-page .page-options .admin-banner a.work.item:hover,
.admin-banner .people-page .page-options .news-page .main-nav a.about.item:hover,
.people-page .page-options .news-page .main-nav .admin-banner a.about.item:hover,
.admin-banner .news-page .main-nav .people-page .page-options a.about.item:hover,
.news-page .main-nav .people-page .page-options .admin-banner a.about.item:hover,
.admin-banner .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active:hover,
.projects-page .text .dropdown-container.dropdown-red .admin-banner a.dropdown-option.active:hover,
.admin-banner .projects-page .text a.active:hover,
.projects-page .text .admin-banner a.active:hover,
.admin-banner .projects-page .text .about-page .main-nav a.about.item:hover,
.projects-page .text .about-page .main-nav .admin-banner a.about.item:hover,
.admin-banner .about-page .main-nav .projects-page .text a.about.item:hover,
.about-page .main-nav .projects-page .text .admin-banner a.about.item:hover,
.admin-banner .projects-page .text .people-page .main-nav a.people.item:hover,
.projects-page .text .people-page .main-nav .admin-banner a.people.item:hover,
.admin-banner .people-page .main-nav .projects-page .text a.people.item:hover,
.people-page .main-nav .projects-page .text .admin-banner a.people.item:hover,
.admin-banner .projects-page .text .main-nav a.work.item:hover,
.projects-page .text .main-nav .admin-banner a.work.item:hover,
.admin-banner .projects-page .main-nav .text a.work.item:hover,
.projects-page .main-nav .text .admin-banner a.work.item:hover,
.admin-banner .projects-page .text .team-page .main-nav a.people.item:hover,
.projects-page .text .team-page .main-nav .admin-banner a.people.item:hover,
.admin-banner .team-page .main-nav .projects-page .text a.people.item:hover,
.team-page .main-nav .projects-page .text .admin-banner a.people.item:hover,
.admin-banner .work-page .main-nav .projects-page .text a.work.item:hover,
.work-page .main-nav .projects-page .text .admin-banner a.work.item:hover,
.admin-banner .projects-page .text .news-page .main-nav a.about.item:hover,
.projects-page .text .news-page .main-nav .admin-banner a.about.item:hover,
.admin-banner .news-page .main-nav .projects-page .text a.about.item:hover,
.news-page .main-nav .projects-page .text .admin-banner a.about.item:hover,
.admin-banner .caption a:hover,
.caption .admin-banner a:hover {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.admin-banner a.underline-alt,
.admin-banner .images-section .text a,
.images-section .text .admin-banner a {
  color: white;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

.admin-banner a.underline-alt:hover,
.admin-banner .images-section .text a:hover,
.images-section .text .admin-banner a:hover {
  color: white;
}

.spinner {
  width: 5.55555556vw;
  text-align: center;
  z-index: 100000;
  display: flex;
  justify-content: space-between;
}

.spinner > div {
  width: 0.55555556vw;
  height: 0.55555556vw;
  background-color: white;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
          animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

@media screen and (max-width: 800px) {
  .spinner {
    width: 11.11111111vw;
  }

  .spinner > div {
    width: 1.11111111vw;
    height: 1.11111111vw;
  }
}

@media screen and (max-width: 400px) {
  .spinner {
    width: 22.22222222vw;
  }

  .spinner > div {
    width: 2.22222222vw;
    height: 2.22222222vw;
  }
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.sk-folding-cube {
  width: 5.55555556vw;
  height: 5.55555556vw;
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e81116;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }

  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }

  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }

  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

.loading {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.loading .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.loading .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.loading .sk-circle2 {
  transform: rotate(30deg);
}

.loading .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

.loading .sk-circle3 {
  transform: rotate(60deg);
}

.loading .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.loading .sk-circle4 {
  transform: rotate(90deg);
}

.loading .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

.loading .sk-circle5 {
  transform: rotate(120deg);
}

.loading .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.loading .sk-circle6 {
  transform: rotate(150deg);
}

.loading .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}

.loading .sk-circle7 {
  transform: rotate(180deg);
}

.loading .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

.loading .sk-circle8 {
  transform: rotate(210deg);
}

.loading .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.loading .sk-circle9 {
  transform: rotate(240deg);
}

.loading .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.loading .sk-circle10 {
  transform: rotate(270deg);
}

.loading .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.loading .sk-circle11 {
  transform: rotate(300deg);
}

.loading .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.loading .sk-circle12 {
  transform: rotate(330deg);
}

.loading .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.dropdown-container {
  transition: all 0.5s ease;
  overflow: hidden;
}

.dropdown-container .dropdown-trigger {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 22.22222222vw;
  padding: 0 0 0.5em 0;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .dropdown-container .dropdown-trigger {
    width: 44.44444444vw;
  }
}

@media screen and (max-width: 400px) {
  .dropdown-container .dropdown-trigger {
    width: 100%;
  }
}

.dropdown-container .dropdown-trigger p {
  margin: 0 !important;
}

.dropdown-container .dropdown-trigger .plus {
  width: 1em;
  height: 1em;
  transition: all 0.5s ease;
}

.dropdown-container .dropdown-trigger .plus:before,
.dropdown-container .dropdown-trigger .plus:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.dropdown-container .dropdown-trigger .plus:after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.dropdown-container .dropdown-trigger .plus:before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.dropdown-container .dropdown-options {
  position: absolute;
  padding: 1em 0;
  transition: all 0.5s ease;
  opacity: 0;
  pointer-events: none;
  width: 100%;
}

.dropdown-container.dropdown-active .dropdown-options {
  opacity: 1;
  pointer-events: all;
}

.dropdown-container.dropdown-active .dropdown-trigger .plus {
  transform: rotate(45deg);
}

.dropdown-container.dropdown-white .dropdown-trigger {
  border-bottom: 1px solid white;
}

.dropdown-container.dropdown-white .dropdown-trigger p {
  color: white;
}

.dropdown-container.dropdown-white .dropdown-trigger .plus:before,
.dropdown-container.dropdown-white .dropdown-trigger .plus:after {
  background: white;
}

.dropdown-container.dropdown-white .dropdown-option {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: white;
  cursor: pointer;
}

.dropdown-container.dropdown-white .dropdown-option:hover {
  color: #e81116;
}

.dropdown-container.dropdown-white .dropdown-option:hover svg path {
  transition: fill 0.2s ease;
  fill: #e81116;
}

@media screen and (max-width: 800px) {
  .dropdown-container.dropdown-white .dropdown-option:hover {
    color: white;
  }

  .dropdown-container.dropdown-white .dropdown-option:hover svg path {
    transition: fill 0.2s ease;
    fill: white;
  }
}

.dropdown-container.dropdown-white .dropdown-option.underline,
.dropdown-container.dropdown-white .dropdown-container.dropdown-red .dropdown-option,
.dropdown-container.dropdown-red .dropdown-container.dropdown-white .dropdown-option,
.dropdown-container.dropdown-white .dropdown-container.dropdown-black .dropdown-option,
.dropdown-container.dropdown-black .dropdown-container.dropdown-white .dropdown-option,
.dropdown-container.dropdown-white .fullscreen-section .text a.dropdown-option,
.fullscreen-section .text .dropdown-container.dropdown-white a.dropdown-option,
.dropdown-container.dropdown-white .text-section .text a.dropdown-option,
.text-section .text .dropdown-container.dropdown-white a.dropdown-option,
.dropdown-container.dropdown-white .people-page .page-options a.dropdown-option.active,
.people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.active,
.dropdown-container.dropdown-white .people-page .page-options .about-page .main-nav a.dropdown-option.about.item,
.people-page .page-options .about-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .about-page .main-nav .people-page .page-options a.dropdown-option.about.item,
.about-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .people-page .page-options .main-nav a.dropdown-option.people.item,
.people-page .page-options .main-nav .dropdown-container.dropdown-white a.dropdown-option.people.item,
.dropdown-container.dropdown-white .people-page .main-nav .page-options a.dropdown-option.people.item,
.people-page .main-nav .page-options .dropdown-container.dropdown-white a.dropdown-option.people.item,
.dropdown-container.dropdown-white .people-page .page-options .projects-page .main-nav a.dropdown-option.work.item,
.people-page .page-options .projects-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.work.item,
.dropdown-container.dropdown-white .projects-page .main-nav .people-page .page-options a.dropdown-option.work.item,
.projects-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.work.item,
.dropdown-container.dropdown-white .team-page .main-nav .people-page .page-options a.dropdown-option.people.item,
.team-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.people.item,
.dropdown-container.dropdown-white .people-page .page-options .work-page .main-nav a.dropdown-option.work.item,
.people-page .page-options .work-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.work.item,
.dropdown-container.dropdown-white .work-page .main-nav .people-page .page-options a.dropdown-option.work.item,
.work-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.work.item,
.dropdown-container.dropdown-white .people-page .page-options .news-page .main-nav a.dropdown-option.about.item,
.people-page .page-options .news-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .news-page .main-nav .people-page .page-options a.dropdown-option.about.item,
.news-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .projects-page .text a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-white a.dropdown-option.active,
.dropdown-container.dropdown-white .projects-page .text .about-page .main-nav a.dropdown-option.about.item,
.projects-page .text .about-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .about-page .main-nav .projects-page .text a.dropdown-option.about.item,
.about-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .projects-page .text .people-page .main-nav a.dropdown-option.people.item,
.projects-page .text .people-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.people.item,
.dropdown-container.dropdown-white .people-page .main-nav .projects-page .text a.dropdown-option.people.item,
.people-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.people.item,
.dropdown-container.dropdown-white .projects-page .text .main-nav a.dropdown-option.work.item,
.projects-page .text .main-nav .dropdown-container.dropdown-white a.dropdown-option.work.item,
.dropdown-container.dropdown-white .projects-page .main-nav .text a.dropdown-option.work.item,
.projects-page .main-nav .text .dropdown-container.dropdown-white a.dropdown-option.work.item,
.dropdown-container.dropdown-white .projects-page .text .team-page .main-nav a.dropdown-option.people.item,
.projects-page .text .team-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.people.item,
.dropdown-container.dropdown-white .team-page .main-nav .projects-page .text a.dropdown-option.people.item,
.team-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.people.item,
.dropdown-container.dropdown-white .work-page .main-nav .projects-page .text a.dropdown-option.work.item,
.work-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.work.item,
.dropdown-container.dropdown-white .projects-page .text .news-page .main-nav a.dropdown-option.about.item,
.projects-page .text .news-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .news-page .main-nav .projects-page .text a.dropdown-option.about.item,
.news-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.about.item,
.dropdown-container.dropdown-white .caption a.dropdown-option,
.caption .dropdown-container.dropdown-white a.dropdown-option {
  color: white;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

.dropdown-container.dropdown-white .dropdown-option.underline:hover,
.dropdown-container.dropdown-white .dropdown-container.dropdown-red .dropdown-option:hover,
.dropdown-container.dropdown-red .dropdown-container.dropdown-white .dropdown-option:hover,
.dropdown-container.dropdown-white .dropdown-container.dropdown-black .dropdown-option:hover,
.dropdown-container.dropdown-black .dropdown-container.dropdown-white .dropdown-option:hover,
.dropdown-container.dropdown-white .fullscreen-section .text a.dropdown-option:hover,
.fullscreen-section .text .dropdown-container.dropdown-white a.dropdown-option:hover,
.dropdown-container.dropdown-white .text-section .text a.dropdown-option:hover,
.text-section .text .dropdown-container.dropdown-white a.dropdown-option:hover,
.dropdown-container.dropdown-white .people-page .page-options a.dropdown-option.active:hover,
.people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.active:hover,
.dropdown-container.dropdown-white .people-page .page-options .about-page .main-nav a.dropdown-option.about.item:hover,
.people-page .page-options .about-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .about-page .main-nav .people-page .page-options a.dropdown-option.about.item:hover,
.about-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .people-page .page-options .main-nav a.dropdown-option.people.item:hover,
.people-page .page-options .main-nav .dropdown-container.dropdown-white a.dropdown-option.people.item:hover,
.dropdown-container.dropdown-white .people-page .main-nav .page-options a.dropdown-option.people.item:hover,
.people-page .main-nav .page-options .dropdown-container.dropdown-white a.dropdown-option.people.item:hover,
.dropdown-container.dropdown-white .people-page .page-options .projects-page .main-nav a.dropdown-option.work.item:hover,
.people-page .page-options .projects-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.work.item:hover,
.dropdown-container.dropdown-white .projects-page .main-nav .people-page .page-options a.dropdown-option.work.item:hover,
.projects-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.work.item:hover,
.dropdown-container.dropdown-white .team-page .main-nav .people-page .page-options a.dropdown-option.people.item:hover,
.team-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.people.item:hover,
.dropdown-container.dropdown-white .people-page .page-options .work-page .main-nav a.dropdown-option.work.item:hover,
.people-page .page-options .work-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.work.item:hover,
.dropdown-container.dropdown-white .work-page .main-nav .people-page .page-options a.dropdown-option.work.item:hover,
.work-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.work.item:hover,
.dropdown-container.dropdown-white .people-page .page-options .news-page .main-nav a.dropdown-option.about.item:hover,
.people-page .page-options .news-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .news-page .main-nav .people-page .page-options a.dropdown-option.about.item:hover,
.news-page .main-nav .people-page .page-options .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .projects-page .text a.dropdown-option.active:hover,
.projects-page .text .dropdown-container.dropdown-white a.dropdown-option.active:hover,
.dropdown-container.dropdown-white .projects-page .text .about-page .main-nav a.dropdown-option.about.item:hover,
.projects-page .text .about-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .about-page .main-nav .projects-page .text a.dropdown-option.about.item:hover,
.about-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .projects-page .text .people-page .main-nav a.dropdown-option.people.item:hover,
.projects-page .text .people-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.people.item:hover,
.dropdown-container.dropdown-white .people-page .main-nav .projects-page .text a.dropdown-option.people.item:hover,
.people-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.people.item:hover,
.dropdown-container.dropdown-white .projects-page .text .main-nav a.dropdown-option.work.item:hover,
.projects-page .text .main-nav .dropdown-container.dropdown-white a.dropdown-option.work.item:hover,
.dropdown-container.dropdown-white .projects-page .main-nav .text a.dropdown-option.work.item:hover,
.projects-page .main-nav .text .dropdown-container.dropdown-white a.dropdown-option.work.item:hover,
.dropdown-container.dropdown-white .projects-page .text .team-page .main-nav a.dropdown-option.people.item:hover,
.projects-page .text .team-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.people.item:hover,
.dropdown-container.dropdown-white .team-page .main-nav .projects-page .text a.dropdown-option.people.item:hover,
.team-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.people.item:hover,
.dropdown-container.dropdown-white .work-page .main-nav .projects-page .text a.dropdown-option.work.item:hover,
.work-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.work.item:hover,
.dropdown-container.dropdown-white .projects-page .text .news-page .main-nav a.dropdown-option.about.item:hover,
.projects-page .text .news-page .main-nav .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .news-page .main-nav .projects-page .text a.dropdown-option.about.item:hover,
.news-page .main-nav .projects-page .text .dropdown-container.dropdown-white a.dropdown-option.about.item:hover,
.dropdown-container.dropdown-white .caption a.dropdown-option:hover,
.caption .dropdown-container.dropdown-white a.dropdown-option:hover {
  color: #e81116;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
}

.dropdown-container.dropdown-white .dropdown-option.underline-alt,
.dropdown-container.dropdown-white .images-section .text a.dropdown-option,
.images-section .text .dropdown-container.dropdown-white a.dropdown-option {
  color: white;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

.dropdown-container.dropdown-white .dropdown-option.underline-alt:hover,
.dropdown-container.dropdown-white .images-section .text a.dropdown-option:hover,
.images-section .text .dropdown-container.dropdown-white a.dropdown-option:hover {
  color: #e81116;
}

.dropdown-container.dropdown-red .dropdown-trigger {
  border-bottom: 1px solid #e81116;
}

.dropdown-container.dropdown-red .dropdown-trigger p {
  color: #e81116;
}

.dropdown-container.dropdown-red .dropdown-trigger .plus:before,
.dropdown-container.dropdown-red .dropdown-trigger .plus:after {
  background: #e81116;
}

.dropdown-container.dropdown-black .dropdown-trigger {
  border-bottom: 1px solid #000;
}

.dropdown-container.dropdown-black .dropdown-trigger p {
  color: #000;
}

.dropdown-container.dropdown-black .dropdown-trigger .plus:before,
.dropdown-container.dropdown-black .dropdown-trigger .plus:after {
  background: #000;
}

.dropdown-container.openBottom .dropdown-options {
  top: 0;
  transform: translateY(-11.11111111vw);
}

.dropdown-container.openBottom.dropdown-active .dropdown-options {
  transform: translateY(0);
}

.dropdown-container.openTop .dropdown-trigger {
  bottom: 0;
}

.dropdown-container.openTop .dropdown-options {
  bottom: 0;
  transform: translateY(11.11111111vw);
}

.dropdown-container.openTop.dropdown-active .dropdown-options {
  transform: translateY(0);
}

.hamburger {
  height: 28px;
  width: 2rem;
  cursor: pointer;
}

.hamburger .bar {
  position: relative;
  width: 100%;
  background: white;
  height: 4px;
  border-radius: 1px;
  transform-origin: center;
  transition-property: top, transform, background;
  transition-duration: 0.2s, 0.6s, 1s;
  transition-delay: 0.6s, 0s, 0s;
  transition-timing-function: ease;
}

.hamburger .bar:nth-of-type(1) {
  top: 0;
}

.hamburger .bar:nth-of-type(2) {
  top: calc(50% - 4px);
  transform: translateY(-4px);
}

.hamburger .bar:nth-of-type(3) {
  top: calc(100% - 8px);
  transform: translateY(-8px);
}

.nav-active .hamburger .bar {
  transition-delay: 0s, 0.2s;
  background: black;
}

.nav-active .hamburger .bar:nth-of-type(1) {
  top: 50%;
  transform: rotate(125deg);
}

.nav-active .hamburger .bar:nth-of-type(2) {
  top: 50%;
  transform: translateY(-4px);
}

.nav-active .hamburger .bar:nth-of-type(3) {
  top: 50%;
  transform: translateY(-8px) rotate(-125deg);
}

.nav-active .hidden-nav {
  transform: translateX(-100%);
}

.button {
  display: inline-block;
  width: auto;
  padding: 1em 1.5em;
  margin: 0;
  border: none;
  border-radius: 1.75em;
  background: #e81116;
  color: white;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
}

.button.white {
  background: white;
  color: #e81116;
}

@media screen and (max-width: 800px) {
  .button {
    font-size: 0.75rem;
  }
}

a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #e81116;
  cursor: pointer;
}

a.plain {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #e81116;
  cursor: pointer;
}

a.plain:hover {
  color: #f68385;
}

a.plain:hover svg path {
  transition: fill 0.2s ease;
  fill: #f68385;
}

@media screen and (max-width: 800px) {
  a.plain:hover {
    color: #e81116;
  }

  a.plain:hover svg path {
    transition: fill 0.2s ease;
    fill: #e81116;
  }
}

a.plain.underline,
.dropdown-container.dropdown-red a.plain.dropdown-option,
.dropdown-container.dropdown-black a.plain.dropdown-option,
.fullscreen-section .text a.plain,
.text-section .text a.plain,
.people-page .page-options a.plain.active,
.people-page .page-options .about-page .main-nav a.plain.about.item,
.about-page .main-nav .people-page .page-options a.plain.about.item,
.people-page .page-options .main-nav a.plain.people.item,
.people-page .main-nav .page-options a.plain.people.item,
.people-page .page-options .projects-page .main-nav a.plain.work.item,
.projects-page .main-nav .people-page .page-options a.plain.work.item,
.team-page .main-nav .people-page .page-options a.plain.people.item,
.people-page .page-options .work-page .main-nav a.plain.work.item,
.work-page .main-nav .people-page .page-options a.plain.work.item,
.people-page .page-options .news-page .main-nav a.plain.about.item,
.news-page .main-nav .people-page .page-options a.plain.about.item,
.projects-page .text .dropdown-container.dropdown-red a.plain.dropdown-option.active,
.projects-page .text a.plain.active,
.projects-page .text .about-page .main-nav a.plain.about.item,
.about-page .main-nav .projects-page .text a.plain.about.item,
.projects-page .text .people-page .main-nav a.plain.people.item,
.people-page .main-nav .projects-page .text a.plain.people.item,
.projects-page .text .main-nav a.plain.work.item,
.projects-page .main-nav .text a.plain.work.item,
.projects-page .text .team-page .main-nav a.plain.people.item,
.team-page .main-nav .projects-page .text a.plain.people.item,
.work-page .main-nav .projects-page .text a.plain.work.item,
.projects-page .text .news-page .main-nav a.plain.about.item,
.news-page .main-nav .projects-page .text a.plain.about.item,
.caption a.plain {
  color: #e81116;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
  line-height: 1.5;
}

a.plain.underline:hover,
.dropdown-container.dropdown-red a.plain.dropdown-option:hover,
.dropdown-container.dropdown-black a.plain.dropdown-option:hover,
.fullscreen-section .text a.plain:hover,
.text-section .text a.plain:hover,
.people-page .page-options a.plain.active:hover,
.people-page .page-options .about-page .main-nav a.plain.about.item:hover,
.about-page .main-nav .people-page .page-options a.plain.about.item:hover,
.people-page .page-options .main-nav a.plain.people.item:hover,
.people-page .main-nav .page-options a.plain.people.item:hover,
.people-page .page-options .projects-page .main-nav a.plain.work.item:hover,
.projects-page .main-nav .people-page .page-options a.plain.work.item:hover,
.team-page .main-nav .people-page .page-options a.plain.people.item:hover,
.people-page .page-options .work-page .main-nav a.plain.work.item:hover,
.work-page .main-nav .people-page .page-options a.plain.work.item:hover,
.people-page .page-options .news-page .main-nav a.plain.about.item:hover,
.news-page .main-nav .people-page .page-options a.plain.about.item:hover,
.projects-page .text .dropdown-container.dropdown-red a.plain.dropdown-option.active:hover,
.projects-page .text a.plain.active:hover,
.projects-page .text .about-page .main-nav a.plain.about.item:hover,
.about-page .main-nav .projects-page .text a.plain.about.item:hover,
.projects-page .text .people-page .main-nav a.plain.people.item:hover,
.people-page .main-nav .projects-page .text a.plain.people.item:hover,
.projects-page .text .main-nav a.plain.work.item:hover,
.projects-page .main-nav .text a.plain.work.item:hover,
.projects-page .text .team-page .main-nav a.plain.people.item:hover,
.team-page .main-nav .projects-page .text a.plain.people.item:hover,
.work-page .main-nav .projects-page .text a.plain.work.item:hover,
.projects-page .text .news-page .main-nav a.plain.about.item:hover,
.news-page .main-nav .projects-page .text a.plain.about.item:hover,
.caption a.plain:hover {
  color: #f68385;
  border-bottom: 1px solid rgba(246, 131, 133, 0.6);
}

a.plain.underline-alt,
.images-section .text a.plain {
  color: #e81116;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

a.plain.underline-alt:hover,
.images-section .text a.plain:hover {
  color: #f68385;
}

a.white {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #fff;
  cursor: pointer;
}

a.white:hover {
  color: #e81116;
}

a.white:hover svg path {
  transition: fill 0.2s ease;
  fill: #e81116;
}

@media screen and (max-width: 800px) {
  a.white:hover {
    color: #fff;
  }

  a.white:hover svg path {
    transition: fill 0.2s ease;
    fill: #fff;
  }
}

a.white.underline,
.dropdown-container.dropdown-red a.white.dropdown-option,
.dropdown-container.dropdown-black a.white.dropdown-option,
.fullscreen-section .text a.white,
.text-section .text a.white,
.people-page .page-options a.white.active,
.people-page .page-options .about-page .main-nav a.white.about.item,
.about-page .main-nav .people-page .page-options a.white.about.item,
.people-page .page-options .main-nav a.white.people.item,
.people-page .main-nav .page-options a.white.people.item,
.people-page .page-options .projects-page .main-nav a.white.work.item,
.projects-page .main-nav .people-page .page-options a.white.work.item,
.team-page .main-nav .people-page .page-options a.white.people.item,
.people-page .page-options .work-page .main-nav a.white.work.item,
.work-page .main-nav .people-page .page-options a.white.work.item,
.people-page .page-options .news-page .main-nav a.white.about.item,
.news-page .main-nav .people-page .page-options a.white.about.item,
.projects-page .text .dropdown-container.dropdown-red a.white.dropdown-option.active,
.projects-page .text a.white.active,
.projects-page .text .about-page .main-nav a.white.about.item,
.about-page .main-nav .projects-page .text a.white.about.item,
.projects-page .text .people-page .main-nav a.white.people.item,
.people-page .main-nav .projects-page .text a.white.people.item,
.projects-page .text .main-nav a.white.work.item,
.projects-page .main-nav .text a.white.work.item,
.projects-page .text .team-page .main-nav a.white.people.item,
.team-page .main-nav .projects-page .text a.white.people.item,
.work-page .main-nav .projects-page .text a.white.work.item,
.projects-page .text .news-page .main-nav a.white.about.item,
.news-page .main-nav .projects-page .text a.white.about.item,
.caption a.white {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

a.white.underline:hover,
.dropdown-container.dropdown-red a.white.dropdown-option:hover,
.dropdown-container.dropdown-black a.white.dropdown-option:hover,
.fullscreen-section .text a.white:hover,
.text-section .text a.white:hover,
.people-page .page-options a.white.active:hover,
.people-page .page-options .about-page .main-nav a.white.about.item:hover,
.about-page .main-nav .people-page .page-options a.white.about.item:hover,
.people-page .page-options .main-nav a.white.people.item:hover,
.people-page .main-nav .page-options a.white.people.item:hover,
.people-page .page-options .projects-page .main-nav a.white.work.item:hover,
.projects-page .main-nav .people-page .page-options a.white.work.item:hover,
.team-page .main-nav .people-page .page-options a.white.people.item:hover,
.people-page .page-options .work-page .main-nav a.white.work.item:hover,
.work-page .main-nav .people-page .page-options a.white.work.item:hover,
.people-page .page-options .news-page .main-nav a.white.about.item:hover,
.news-page .main-nav .people-page .page-options a.white.about.item:hover,
.projects-page .text .dropdown-container.dropdown-red a.white.dropdown-option.active:hover,
.projects-page .text a.white.active:hover,
.projects-page .text .about-page .main-nav a.white.about.item:hover,
.about-page .main-nav .projects-page .text a.white.about.item:hover,
.projects-page .text .people-page .main-nav a.white.people.item:hover,
.people-page .main-nav .projects-page .text a.white.people.item:hover,
.projects-page .text .main-nav a.white.work.item:hover,
.projects-page .main-nav .text a.white.work.item:hover,
.projects-page .text .team-page .main-nav a.white.people.item:hover,
.team-page .main-nav .projects-page .text a.white.people.item:hover,
.work-page .main-nav .projects-page .text a.white.work.item:hover,
.projects-page .text .news-page .main-nav a.white.about.item:hover,
.news-page .main-nav .projects-page .text a.white.about.item:hover,
.caption a.white:hover {
  color: #e81116;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
}

a.white.underline-alt,
.images-section .text a.white {
  color: #fff;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

a.white.underline-alt:hover,
.images-section .text a.white:hover {
  color: #e81116;
}

a.black {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #000;
  cursor: pointer;
}

a.black:hover {
  color: #e81116;
}

a.black:hover svg path {
  transition: fill 0.2s ease;
  fill: #e81116;
}

@media screen and (max-width: 800px) {
  a.black:hover {
    color: #000;
  }

  a.black:hover svg path {
    transition: fill 0.2s ease;
    fill: #000;
  }
}

a.black.underline,
.dropdown-container.dropdown-red a.black.dropdown-option,
.dropdown-container.dropdown-black a.black.dropdown-option,
.fullscreen-section .text a.black,
.text-section .text a.black,
.people-page .page-options a.black.active,
.people-page .page-options .about-page .main-nav a.black.about.item,
.about-page .main-nav .people-page .page-options a.black.about.item,
.people-page .page-options .main-nav a.black.people.item,
.people-page .main-nav .page-options a.black.people.item,
.people-page .page-options .projects-page .main-nav a.black.work.item,
.projects-page .main-nav .people-page .page-options a.black.work.item,
.team-page .main-nav .people-page .page-options a.black.people.item,
.people-page .page-options .work-page .main-nav a.black.work.item,
.work-page .main-nav .people-page .page-options a.black.work.item,
.people-page .page-options .news-page .main-nav a.black.about.item,
.news-page .main-nav .people-page .page-options a.black.about.item,
.projects-page .text .dropdown-container.dropdown-red a.black.dropdown-option.active,
.projects-page .text a.black.active,
.projects-page .text .about-page .main-nav a.black.about.item,
.about-page .main-nav .projects-page .text a.black.about.item,
.projects-page .text .people-page .main-nav a.black.people.item,
.people-page .main-nav .projects-page .text a.black.people.item,
.projects-page .text .main-nav a.black.work.item,
.projects-page .main-nav .text a.black.work.item,
.projects-page .text .team-page .main-nav a.black.people.item,
.team-page .main-nav .projects-page .text a.black.people.item,
.work-page .main-nav .projects-page .text a.black.work.item,
.projects-page .text .news-page .main-nav a.black.about.item,
.news-page .main-nav .projects-page .text a.black.about.item,
.caption a.black {
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}

a.black.underline:hover,
.dropdown-container.dropdown-red a.black.dropdown-option:hover,
.dropdown-container.dropdown-black a.black.dropdown-option:hover,
.fullscreen-section .text a.black:hover,
.text-section .text a.black:hover,
.people-page .page-options a.black.active:hover,
.people-page .page-options .about-page .main-nav a.black.about.item:hover,
.about-page .main-nav .people-page .page-options a.black.about.item:hover,
.people-page .page-options .main-nav a.black.people.item:hover,
.people-page .main-nav .page-options a.black.people.item:hover,
.people-page .page-options .projects-page .main-nav a.black.work.item:hover,
.projects-page .main-nav .people-page .page-options a.black.work.item:hover,
.team-page .main-nav .people-page .page-options a.black.people.item:hover,
.people-page .page-options .work-page .main-nav a.black.work.item:hover,
.work-page .main-nav .people-page .page-options a.black.work.item:hover,
.people-page .page-options .news-page .main-nav a.black.about.item:hover,
.news-page .main-nav .people-page .page-options a.black.about.item:hover,
.projects-page .text .dropdown-container.dropdown-red a.black.dropdown-option.active:hover,
.projects-page .text a.black.active:hover,
.projects-page .text .about-page .main-nav a.black.about.item:hover,
.about-page .main-nav .projects-page .text a.black.about.item:hover,
.projects-page .text .people-page .main-nav a.black.people.item:hover,
.people-page .main-nav .projects-page .text a.black.people.item:hover,
.projects-page .text .main-nav a.black.work.item:hover,
.projects-page .main-nav .text a.black.work.item:hover,
.projects-page .text .team-page .main-nav a.black.people.item:hover,
.team-page .main-nav .projects-page .text a.black.people.item:hover,
.work-page .main-nav .projects-page .text a.black.work.item:hover,
.projects-page .text .news-page .main-nav a.black.about.item:hover,
.news-page .main-nav .projects-page .text a.black.about.item:hover,
.caption a.black:hover {
  color: #e81116;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
}

a.black.underline-alt,
.images-section .text a.black {
  color: #000;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

a.black.underline-alt:hover,
.images-section .text a.black:hover {
  color: #e81116;
}

a:hover {
  color: #000;
}

a:hover svg path {
  transition: fill 0.2s ease;
  fill: #000;
}

@media screen and (max-width: 800px) {
  a:hover {
    color: #e81116;
  }

  a:hover svg path {
    transition: fill 0.2s ease;
    fill: #e81116;
  }
}

a.underline,
.dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-black a.dropdown-option,
.fullscreen-section .text a,
.text-section .text a,
.people-page .page-options a.active,
.people-page .page-options .about-page .main-nav a.about.item,
.about-page .main-nav .people-page .page-options a.about.item,
.people-page .page-options .main-nav a.people.item,
.people-page .main-nav .page-options a.people.item,
.people-page .page-options .projects-page .main-nav a.work.item,
.projects-page .main-nav .people-page .page-options a.work.item,
.team-page .main-nav .people-page .page-options a.people.item,
.people-page .page-options .work-page .main-nav a.work.item,
.work-page .main-nav .people-page .page-options a.work.item,
.people-page .page-options .news-page .main-nav a.about.item,
.news-page .main-nav .people-page .page-options a.about.item,
.projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red .main-nav a.dropdown-option.work.item,
.projects-page .main-nav .text .dropdown-container.dropdown-red a.dropdown-option.work.item,
.projects-page .text a.active,
.projects-page .text .about-page .main-nav a.about.item,
.about-page .main-nav .projects-page .text a.about.item,
.projects-page .text .people-page .main-nav a.people.item,
.people-page .main-nav .projects-page .text a.people.item,
.projects-page .text .main-nav a.work.item,
.projects-page .main-nav .text a.work.item,
.projects-page .text .team-page .main-nav a.people.item,
.team-page .main-nav .projects-page .text a.people.item,
.work-page .main-nav .projects-page .text a.work.item,
.projects-page .text .news-page .main-nav a.about.item,
.news-page .main-nav .projects-page .text a.about.item,
.caption a {
  color: #e81116;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
  line-height: 1.5;
}

a.underline:hover,
.dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-black a.dropdown-option:hover,
.fullscreen-section .text a:hover,
.text-section .text a:hover,
.people-page .page-options a.active:hover,
.people-page .page-options .about-page .main-nav a.about.item:hover,
.about-page .main-nav .people-page .page-options a.about.item:hover,
.people-page .page-options .main-nav a.people.item:hover,
.people-page .main-nav .page-options a.people.item:hover,
.people-page .page-options .projects-page .main-nav a.work.item:hover,
.projects-page .main-nav .people-page .page-options a.work.item:hover,
.team-page .main-nav .people-page .page-options a.people.item:hover,
.people-page .page-options .work-page .main-nav a.work.item:hover,
.work-page .main-nav .people-page .page-options a.work.item:hover,
.people-page .page-options .news-page .main-nav a.about.item:hover,
.news-page .main-nav .people-page .page-options a.about.item:hover,
.projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active:hover,
.projects-page .text a.active:hover,
.projects-page .text .about-page .main-nav a.about.item:hover,
.about-page .main-nav .projects-page .text a.about.item:hover,
.projects-page .text .people-page .main-nav a.people.item:hover,
.people-page .main-nav .projects-page .text a.people.item:hover,
.projects-page .text .main-nav a.work.item:hover,
.projects-page .main-nav .text a.work.item:hover,
.projects-page .text .team-page .main-nav a.people.item:hover,
.team-page .main-nav .projects-page .text a.people.item:hover,
.work-page .main-nav .projects-page .text a.work.item:hover,
.projects-page .text .news-page .main-nav a.about.item:hover,
.news-page .main-nav .projects-page .text a.about.item:hover,
.caption a:hover {
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

a.underline-alt,
.images-section .text a {
  color: #e81116;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

a.underline-alt:hover,
.images-section .text a:hover {
  color: #000;
}

.blockquote-section {
  padding: 5.55555556vw;
  padding-top: 11.11111111vw;
}

@media screen and (max-width: 800px) {
  .blockquote-section {
    padding-bottom: 11.11111111vw;
  }
}

.blockquote-section.width-116 blockquote {
  padding-right: 83.33333333vw;
}

.blockquote-section.width-18 blockquote {
  padding-right: 77.77777778vw;
}

.blockquote-section.width-316 blockquote {
  padding-right: 72.22222222vw;
}

.blockquote-section.width-14 blockquote {
  padding-right: 66.66666667vw;
}

.blockquote-section.width-516 blockquote {
  padding-right: 61.11111111vw;
}

.blockquote-section.width-38 blockquote {
  padding-right: 55.55555556vw;
}

.blockquote-section.width-716 blockquote {
  padding-right: 50vw;
}

.blockquote-section.width-12 blockquote {
  padding-right: 44.44444444vw;
}

.blockquote-section.width-916 blockquote {
  padding-right: 38.88888889vw;
}

.blockquote-section.width-58 blockquote {
  padding-right: 33.33333333vw;
}

.blockquote-section.width-1116 blockquote {
  padding-right: 27.77777778vw;
}

.blockquote-section.width-34 blockquote {
  padding-right: 22.22222222vw;
}

.blockquote-section.width-1316 blockquote {
  padding-right: 16.66666667vw;
}

.blockquote-section.width-78 blockquote {
  padding-right: 11.11111111vw;
}

.blockquote-section.width-1516 blockquote {
  padding-right: 5.55555556vw;
}

.blockquote-section.width-1 blockquote {
  padding-right: 0;
}

.blockquote-section blockquote {
  margin: 0;
  padding-right: 33.33333333vw;
}

@media screen and (max-width: 800px) {
  .blockquote-section blockquote {
    padding-right: 0 !important;
  }
}

.blockquote-section .quote {
  color: #000;
  padding-bottom: 1em;
}

.blockquote-section cite {
  color: #000;
  font-style: normal;
}

.blockquote-section cite:before {
  content: "\2014";
  position: absolute;
  left: -0.1em;
  transform: translateX(-100%);
  line-height: 1.2;
}

.fullscreen-section {
  overflow: hidden;
  padding: 0;
}

.fullscreen-section .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fullscreen-section .text {
  position: absolute;
  top: 5.55555556vw;
  z-index: 100;
  color: white;
  width: 100%;
}

.fullscreen-section .background {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 56.25vw;
}

.fullscreen-section .background img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.fullscreen-section .background .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}

.fullscreen-section .background .vimeo-video {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fullscreen-section .background .loading-icon {
  z-index: 100;
}

.fullscreen-section .background.video-loaded .loading-icon {
  display: none;
}

.images-section .images {
  display: flex;
  align-items: center;
  margin: 0 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .images-section .images {
    flex-direction: column;
  }
}

.images-section .images.has-text {
  align-items: flex-start;
}

@media screen and (max-width: 800px) {
  .images-section {
    padding-bottom: 5.55555556vw;
  }
}

.images-section .image {
  flex-shrink: 1;
  flex-basis: auto;
}

@media screen and (max-width: 800px) {
  .images-section .image {
    width: 100% !important;
    margin: 5.55555556vw 0;
  }
}

.images-section .space {
  height: 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .images-section .space {
    display: none;
  }
}

.images-section .text {
  color: #000;
}

@media screen and (max-width: 800px) {
  .images-section .text {
    width: 100% !important;
    margin: 5.55555556vw 0;
  }
}

.news-index-section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 5.55555556vw;
}

.news-index-section .item {
  flex: 0 0 25%;
}

.news-index-section .item.hidden {
  opacity: 0;
  display: none;
}

@media screen and (max-width: 800px) {
  .news-index-section .item {
    flex: 1 1 44.44444444vw;
  }
}

@media screen and (max-width: 400px) {
  .news-index-section .item {
    flex: 1 1 100%;
  }
}

.news-index-section .item a {
  display: inline-block;
  padding-right: 5.55555556vw;
  padding-bottom: 2.77777778vw;
}

@media screen and (max-width: 800px) {
  .news-index-section .item a {
    padding-right: 11.11111111vw;
    padding-bottom: 5.55555556vw;
  }
}

.news-index-section img {
  display: none;
}

.news-index-section h3 {
  text-decoration: underline;
}

.people-section {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5.55555556vw;
  width: 94.44444444vw;
  margin: 0 2.77777778vw;
}

@media screen and (max-width: 800px) {
  .people-section {
    padding-top: 11.11111111vw;
  }
}

@media screen and (max-width: 400px) {
  .people-section {
    padding-top: 16.66666667vw;
  }
}

.people-section .item {
  flex: 0 0 25%;
  padding: 0 2.77777778vw;
  margin-bottom: 5.55555556vw;
}

.people-section .item:nth-of-type(4n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .people-section .item {
    flex: 0 0 33.333%;
  }
}

@media screen and (max-width: 800px) {
  .people-section .item {
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 400px) {
  .people-section .item {
    flex: 0 0 100%;
  }
}

.people-section .item .profile-picture.placeholder {
  padding-bottom: 150%;
  background: #e81116;
}

.people-section .item footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 1.38888889vw;
}

@media screen and (max-width: 800px) {
  .people-section .item footer {
    padding-top: 2.77777778vw;
  }
}

.team-section {
  padding-top: 0;
}

.home-intro-section {
  min-height: 100vh;
  padding: 0;
}

.home-intro-section .row {
  position: absolute;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  padding: 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .home-intro-section .row {
    position: relative;
  }
}

.home-intro-section .row .left,
.home-intro-section .row .right {
  flex: 0 0 50%;
}

@media screen and (max-width: 800px) {
  .home-intro-section .row .left,
  .home-intro-section .row .right {
    flex: 1 0 auto;
  }
}

.home-intro-section .scroll-down svg path {
  fill: #000;
}

.home-intro-section .text {
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 800px) {
  .home-intro-section .text {
    flex-direction: column;
    top: 0;
    transform: none;
    padding-top: 50vh;
  }
}

@media screen and (max-width: 400px) {
  .home-intro-section .text .left svg {
    width: 100%;
    height: auto;
    padding: 0 0.1em;
  }
}

@media screen and (max-width: 800px) {
  .home-intro-section .navigation .left {
    display: none;
  }
}

.home-intro-section .navigation {
  bottom: 0;
}

.home-intro-section nav .item {
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  border: 1px solid #000;
  margin-right: 1.5em;
  transition: all 0.5s ease;
  cursor: pointer;
}

.home-intro-section nav .item.active,
.home-intro-section nav .about-page .main-nav .item.about,
.about-page .main-nav .home-intro-section nav .item.about,
.home-intro-section nav .people-page .main-nav .item.people,
.people-page .main-nav .home-intro-section nav .item.people,
.home-intro-section nav .projects-page .main-nav .item.work,
.projects-page .main-nav .home-intro-section nav .item.work,
.home-intro-section nav .team-page .main-nav .item.people,
.team-page .main-nav .home-intro-section nav .item.people,
.home-intro-section nav .work-page .main-nav .item.work,
.work-page .main-nav .home-intro-section nav .item.work,
.home-intro-section nav .news-page .main-nav .item.about,
.news-page .main-nav .home-intro-section nav .item.about {
  background: #000;
}

.home-intro-section .last {
  display: none;
}

.home-intro-section button {
  padding: 0;
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #000;
  cursor: pointer;
  border: none;
  width: 5.55555556vw;
  text-align: left;
  background: white;
}

.home-intro-section button:hover {
  color: #e81116;
}

.home-intro-section button:hover svg path {
  transition: fill 0.2s ease;
  fill: #e81116;
}

@media screen and (max-width: 800px) {
  .home-intro-section button:hover {
    color: #000;
  }

  .home-intro-section button:hover svg path {
    transition: fill 0.2s ease;
    fill: #000;
  }
}

.home-intro-section button.underline,
.home-intro-section .dropdown-container.dropdown-red button.dropdown-option,
.dropdown-container.dropdown-red .home-intro-section button.dropdown-option,
.home-intro-section .dropdown-container.dropdown-black button.dropdown-option,
.dropdown-container.dropdown-black .home-intro-section button.dropdown-option {
  color: #000;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  line-height: 1.5;
}

.home-intro-section button.underline:hover,
.home-intro-section .dropdown-container.dropdown-red button.dropdown-option:hover,
.dropdown-container.dropdown-red .home-intro-section button.dropdown-option:hover,
.home-intro-section .dropdown-container.dropdown-black button.dropdown-option:hover,
.dropdown-container.dropdown-black .home-intro-section button.dropdown-option:hover {
  color: #e81116;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
}

.home-intro-section button.underline-alt {
  color: #000;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

.home-intro-section button.underline-alt:hover {
  color: #e81116;
}

.home-intro-section button svg {
  height: 0.75em;
  width: auto;
}

@media screen and (max-width: 800px) {
  .home-intro-section button {
    width: 11.11111111vw;
  }
}

@media screen and (max-width: 400px) {
  .home-intro-section button {
    width: 22.22222222vw;
  }
}

.home-intro-section .slide {
  position: absolute;
  opacity: 0;
}

.home-intro-section .slide span {
  display: block;
  color: #000;
  opacity: 0;
}

@media screen and (max-width: 400px) {
  .home-intro-section .slide span {
    display: inline;
  }
}

.home-intro-section .slide.active,
.home-intro-section .about-page .main-nav .slide.about.item,
.about-page .main-nav .home-intro-section .slide.about.item,
.home-intro-section .people-page .main-nav .slide.people.item,
.people-page .main-nav .home-intro-section .slide.people.item,
.home-intro-section .projects-page .main-nav .slide.work.item,
.projects-page .main-nav .home-intro-section .slide.work.item,
.home-intro-section .team-page .main-nav .slide.people.item,
.team-page .main-nav .home-intro-section .slide.people.item,
.home-intro-section .work-page .main-nav .slide.work.item,
.work-page .main-nav .home-intro-section .slide.work.item,
.home-intro-section .news-page .main-nav .slide.about.item,
.news-page .main-nav .home-intro-section .slide.about.item {
  opacity: 1;
  transition: opacity 0.5s ease;
}

@media screen and (max-width: 800px) {
  .home-intro-section .slide.active,
  .home-intro-section .about-page .main-nav .slide.about.item,
  .about-page .main-nav .home-intro-section .slide.about.item,
  .home-intro-section .people-page .main-nav .slide.people.item,
  .people-page .main-nav .home-intro-section .slide.people.item,
  .home-intro-section .projects-page .main-nav .slide.work.item,
  .projects-page .main-nav .home-intro-section .slide.work.item,
  .home-intro-section .team-page .main-nav .slide.people.item,
  .team-page .main-nav .home-intro-section .slide.people.item,
  .home-intro-section .work-page .main-nav .slide.work.item,
  .work-page .main-nav .home-intro-section .slide.work.item,
  .home-intro-section .news-page .main-nav .slide.about.item,
  .news-page .main-nav .home-intro-section .slide.about.item {
    position: relative;
  }
}

.home-team-section {
  padding-top: 0;
}

.home-team-section .team-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .home-team-section .team-row {
    padding-bottom: 2.77777778vw;
  }
}

.home-team-section .team-item {
  width: 11.11111111vw;
  padding: 2.77777778vw 0;
  transform: translateY(-0.2em);
  color: #000;
}

@media screen and (max-width: 800px) {
  .home-team-section .team-item {
    width: 22.22222222vw;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 400px) {
  .home-team-section .team-item {
    width: 44.44444444vw;
    padding: 5.55555556vw 0;
    padding-bottom: 2.77777778vw;
  }
}

.home-menu-section {
  padding: 11.11111111vw 0;
}

.fullscreen-section .text,
.text-section .text {
  color: #000;
  padding: 0 5.55555556vw;
  display: flex;
}

@media screen and (max-width: 800px) {
  .fullscreen-section .text,
  .text-section .text {
    flex-direction: column;
  }
}

.fullscreen-section .text .sans-serif-small,
.fullscreen-section .text .admin-banner a,
.admin-banner .fullscreen-section .text a,
.text-section .text .sans-serif-small,
.text-section .text .admin-banner a,
.admin-banner .text-section .text a {
  margin-bottom: 1.25em;
}

.fullscreen-section .text .sans-serif-normal,
.fullscreen-section .text nav.main-nav a,
nav.main-nav .fullscreen-section .text a,
.fullscreen-section .text footer.main-footer a,
footer.main-footer .fullscreen-section .text a,
.fullscreen-section .text .dropdown-container .dropdown-trigger p,
.dropdown-container .dropdown-trigger .fullscreen-section .text p,
.fullscreen-section .text .blockquote-section cite,
.blockquote-section .fullscreen-section .text cite,
.fullscreen-section .text .home-intro-section .slide span,
.home-intro-section .slide .fullscreen-section .text span,
.fullscreen-section .text p,
.fullscreen-section .text-section .text p,
.text-section .fullscreen-section .text p,
.fullscreen-section .not-found-page .text h2,
.not-found-page .fullscreen-section .text h2,
.fullscreen-section .not-found-page .text h3,
.not-found-page .fullscreen-section .text h3,
.fullscreen-section .not-found-page .text h4,
.not-found-page .fullscreen-section .text h4,
.fullscreen-section .not-found-page .text h5,
.not-found-page .fullscreen-section .text h5,
.fullscreen-section .not-found-page .text h6,
.not-found-page .fullscreen-section .text h6,
.fullscreen-section .not-found-page .text p,
.not-found-page .fullscreen-section .text p,
.text-section .text .sans-serif-normal,
.text-section .text nav.main-nav a,
nav.main-nav .text-section .text a,
.text-section .text footer.main-footer a,
footer.main-footer .text-section .text a,
.text-section .text .dropdown-container .dropdown-trigger p,
.dropdown-container .dropdown-trigger .text-section .text p,
.text-section .text .blockquote-section cite,
.blockquote-section .text-section .text cite,
.text-section .text .home-intro-section .slide span,
.home-intro-section .slide .text-section .text span,
.text-section .fullscreen-section .text p,
.fullscreen-section .text-section .text p,
.text-section .text p,
.text-section .not-found-page .text h2,
.not-found-page .text-section .text h2,
.text-section .not-found-page .text h3,
.not-found-page .text-section .text h3,
.text-section .not-found-page .text h4,
.not-found-page .text-section .text h4,
.text-section .not-found-page .text h5,
.not-found-page .text-section .text h5,
.text-section .not-found-page .text h6,
.not-found-page .text-section .text h6,
.text-section .not-found-page .text p,
.not-found-page .text-section .text p {
  margin-bottom: 0.8em;
}

.fullscreen-section .text h1,
.fullscreen-section .text h2,
.fullscreen-section .text h3,
.fullscreen-section .text h4,
.fullscreen-section .text h5,
.fullscreen-section .text h6,
.text-section .text h1,
.text-section .text h2,
.text-section .text h3,
.text-section .text h4,
.text-section .text h5,
.text-section .text h6 {
  padding-right: 1em;
}

.fullscreen-section .text hr,
.text-section .text hr {
  width: 75%;
}

.fullscreen-section .text .left,
.fullscreen-section .text .right,
.text-section .text .left,
.text-section .text .right {
  flex: 0 0 44.44444444vw;
}

@media screen and (max-width: 800px) {
  .fullscreen-section .text .left,
  .fullscreen-section .text .right,
  .text-section .text .left,
  .text-section .text .right {
    flex: 1 1 auto;
  }
}

@media screen and (max-width: 800px) {
  .fullscreen-section .text .left,
  .text-section .text .left {
    padding-bottom: 5.55555556vw;
  }
}

@media screen and (max-width: 800px) {
  .text-section {
    padding: 11.11111111vw 0;
  }
}

.text-section .text {
  color: #000;
}

.text-section + .images-section {
  padding-top: 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .text-section + .images-section {
    padding-top: 0;
  }
}

.vimeo-video.background {
  pointer-events: none;
}

.dropdown-section {
  padding: 0 5.55555556vw;
  padding-top: 5.55555556vw;
}

.video-section {
  padding: 0 5.55555556vw;
  padding-top: 5.55555556vw;
}

.video-section a {
  display: block;
}

.video-section .video-container {
  overflow: hidden;
}

.video-section .video-container:not(.ratio-natural) .vimeo-video {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-section .ratio-21 .spacer {
  padding-bottom: 50%;
}

.video-section .ratio-169 .spacer {
  padding-bottom: 56.25%;
}

@media screen and (max-width: 800px) {
  .video-section {
    padding-bottom: 11.11111111vw;
  }
}

body.modal-active .announcement-video-popup {
  opacity: 1;
  pointer-events: all;
}

.adminbar-on .announcement-video-popup .close {
  top: 11.11111111vw;
}

.announcement-video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  padding: 5.55555556vw;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease;
}

.announcement-video-popup .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.55555556vw;
  height: 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .announcement-video-popup .close {
    width: 11.11111111vw;
    height: 11.11111111vw;
  }
}

.announcement-video-popup .container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.announcement-video-popup .vimeo-video {
  width: 100%;
  height: 100%;
}

.announcement-video-popup.pin-height .vimeo-video {
  height: 100%;
  width: 100%;
}

.announcement-video-popup.pin-width .vimeo-video {
  width: 100%;
  height: auto;
}

.announcement-video-section {
  overflow: hidden;
}

.announcement-video-section.theme-dark {
  border-bottom: 1px solid #cdcccc;
}

.announcement-video-section .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: white;
}

.announcement-video-section .bottom-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.announcement-video-section .call-to-action {
  display: flex;
  align-items: center;
}

.announcement-video-section .call-to-action p {
  margin-bottom: 0;
}

.announcement-video-section .call-to-action .play-button {
  width: 4rem;
  margin: 2.77777778vw 1rem;
  cursor: pointer;
}

.announcement-video-section .call-to-action .play-button svg {
  display: block;
}

.announcement-video-section .call-to-action .play-button svg polygon {
  fill: #b80e11;
}

.announcement-video-section.theme-dark .bottom-text p {
  color: #000;
}

.announcement-video-section.theme-light .bottom-text p {
  color: #fff;
}

.announcement-video-section .vimeo-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.announcement-video-section .spacer.ratio-169 {
  padding-bottom: 56.25%;
}

.announcement-video-section .spacer.ratio-21 {
  padding-bottom: 50%;
}

.announcement-video-section .spacer.ratio-32 {
  padding-bottom: 66.666%;
}

@media screen and (max-width: 800px) {
  .announcement-video-section .spacer {
    padding-bottom: 100% !important;
  }
}

.about-page .news-header-section {
  height: 5.55555556vw;
  padding: 0;
  margin-top: 11.11111111vw;
}

.home-page .section-1 {
  padding-top: 0;
}

.home-page .text-section:not(.home-menu-section) .left p {
  margin-top: -0.1em;
}

.home-page .text-section:not(.home-menu-section) .left p a {
  line-height: 1;
}

.home-page .text-section:not(.home-menu-section) .left a {
  border: none;
}

.people-page .people-by-role {
  display: none;
}

.people-page .page-options span,
.people-page .page-options a {
  display: inline-block;
  margin: 0 0.5em;
}

.people-page .page-options span {
  margin-left: 0;
  color: #e81116;
}

.people-page .page-options a {
  border-bottom: none;
}

.people-page .inqueries-section {
  padding: 5.55555556vw;
  color: #000;
}

.people-page .inqueries-section .container {
  width: 22.22222222vw;
  margin-left: auto;
}

@media screen and (max-width: 800px) {
  .people-page .inqueries-section .container {
    width: 50%;
  }
}

@media screen and (max-width: 400px) {
  .people-page .inqueries-section .container {
    width: 100%;
  }
}

.people-page .inqueries-section hr {
  margin: 0.6em 0;
}

.people-page .inqueries-section p {
  margin: 0;
}

.people-page.sort-by-name .item h3 {
  display: none;
}

.portfolio-page {
  background: #e81116;
  scrollbar-color: white #e81116;
  overflow-x: hidden;
  overflow-y: auto;
}

.portfolio-page::-webkit-scrollbar {
  width: 0.5rem;
  background: #e81116;
}

.portfolio-page::-webkit-scrollbar-thumb {
  background: white;
}

.portfolio-page ::-moz-selection {
  background: rgba(255, 255, 255, 0.5);
}

.portfolio-page ::selection {
  background: rgba(255, 255, 255, 0.5);
}

.portfolio-page a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #fff;
  cursor: pointer;
}

.portfolio-page a:hover {
  color: #000;
}

.portfolio-page a:hover svg path {
  transition: fill 0.2s ease;
  fill: #000;
}

@media screen and (max-width: 800px) {
  .portfolio-page a:hover {
    color: #fff;
  }

  .portfolio-page a:hover svg path {
    transition: fill 0.2s ease;
    fill: #fff;
  }
}

.portfolio-page a.underline,
.portfolio-page .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red .portfolio-page a.dropdown-option,
.portfolio-page .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black .portfolio-page a.dropdown-option,
.portfolio-page .fullscreen-section .text a,
.fullscreen-section .text .portfolio-page a,
.portfolio-page .text-section .text a,
.text-section .text .portfolio-page a,
.portfolio-page .people-page .page-options a.active,
.people-page .page-options .portfolio-page a.active,
.portfolio-page .people-page .page-options .about-page .main-nav a.about.item,
.people-page .page-options .about-page .main-nav .portfolio-page a.about.item,
.portfolio-page .about-page .main-nav .people-page .page-options a.about.item,
.about-page .main-nav .people-page .page-options .portfolio-page a.about.item,
.portfolio-page .people-page .page-options .main-nav a.people.item,
.people-page .page-options .main-nav .portfolio-page a.people.item,
.portfolio-page .people-page .main-nav .page-options a.people.item,
.people-page .main-nav .page-options .portfolio-page a.people.item,
.portfolio-page .people-page .page-options .projects-page .main-nav a.work.item,
.people-page .page-options .projects-page .main-nav .portfolio-page a.work.item,
.portfolio-page .projects-page .main-nav .people-page .page-options a.work.item,
.projects-page .main-nav .people-page .page-options .portfolio-page a.work.item,
.portfolio-page .team-page .main-nav .people-page .page-options a.people.item,
.team-page .main-nav .people-page .page-options .portfolio-page a.people.item,
.portfolio-page .people-page .page-options .work-page .main-nav a.work.item,
.people-page .page-options .work-page .main-nav .portfolio-page a.work.item,
.portfolio-page .work-page .main-nav .people-page .page-options a.work.item,
.work-page .main-nav .people-page .page-options .portfolio-page a.work.item,
.portfolio-page .people-page .page-options .news-page .main-nav a.about.item,
.people-page .page-options .news-page .main-nav .portfolio-page a.about.item,
.portfolio-page .news-page .main-nav .people-page .page-options a.about.item,
.news-page .main-nav .people-page .page-options .portfolio-page a.about.item,
.portfolio-page .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red .portfolio-page a.dropdown-option.active,
.portfolio-page .projects-page .text a.active,
.projects-page .text .portfolio-page a.active,
.portfolio-page .projects-page .text .about-page .main-nav a.about.item,
.projects-page .text .about-page .main-nav .portfolio-page a.about.item,
.portfolio-page .about-page .main-nav .projects-page .text a.about.item,
.about-page .main-nav .projects-page .text .portfolio-page a.about.item,
.portfolio-page .projects-page .text .people-page .main-nav a.people.item,
.projects-page .text .people-page .main-nav .portfolio-page a.people.item,
.portfolio-page .people-page .main-nav .projects-page .text a.people.item,
.people-page .main-nav .projects-page .text .portfolio-page a.people.item,
.portfolio-page .projects-page .text .main-nav a.work.item,
.projects-page .text .main-nav .portfolio-page a.work.item,
.portfolio-page .projects-page .main-nav .text a.work.item,
.projects-page .main-nav .text .portfolio-page a.work.item,
.portfolio-page .projects-page .text .team-page .main-nav a.people.item,
.projects-page .text .team-page .main-nav .portfolio-page a.people.item,
.portfolio-page .team-page .main-nav .projects-page .text a.people.item,
.team-page .main-nav .projects-page .text .portfolio-page a.people.item,
.portfolio-page .work-page .main-nav .projects-page .text a.work.item,
.work-page .main-nav .projects-page .text .portfolio-page a.work.item,
.portfolio-page .projects-page .text .news-page .main-nav a.about.item,
.projects-page .text .news-page .main-nav .portfolio-page a.about.item,
.portfolio-page .news-page .main-nav .projects-page .text a.about.item,
.news-page .main-nav .projects-page .text .portfolio-page a.about.item,
.portfolio-page .caption a,
.caption .portfolio-page a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

.portfolio-page a.underline:hover,
.portfolio-page .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red .portfolio-page a.dropdown-option:hover,
.portfolio-page .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black .portfolio-page a.dropdown-option:hover,
.portfolio-page .fullscreen-section .text a:hover,
.fullscreen-section .text .portfolio-page a:hover,
.portfolio-page .text-section .text a:hover,
.text-section .text .portfolio-page a:hover,
.portfolio-page .people-page .page-options a.active:hover,
.people-page .page-options .portfolio-page a.active:hover,
.portfolio-page .people-page .page-options .about-page .main-nav a.about.item:hover,
.people-page .page-options .about-page .main-nav .portfolio-page a.about.item:hover,
.portfolio-page .about-page .main-nav .people-page .page-options a.about.item:hover,
.about-page .main-nav .people-page .page-options .portfolio-page a.about.item:hover,
.portfolio-page .people-page .page-options .main-nav a.people.item:hover,
.people-page .page-options .main-nav .portfolio-page a.people.item:hover,
.portfolio-page .people-page .main-nav .page-options a.people.item:hover,
.people-page .main-nav .page-options .portfolio-page a.people.item:hover,
.portfolio-page .people-page .page-options .projects-page .main-nav a.work.item:hover,
.people-page .page-options .projects-page .main-nav .portfolio-page a.work.item:hover,
.portfolio-page .projects-page .main-nav .people-page .page-options a.work.item:hover,
.projects-page .main-nav .people-page .page-options .portfolio-page a.work.item:hover,
.portfolio-page .team-page .main-nav .people-page .page-options a.people.item:hover,
.team-page .main-nav .people-page .page-options .portfolio-page a.people.item:hover,
.portfolio-page .people-page .page-options .work-page .main-nav a.work.item:hover,
.people-page .page-options .work-page .main-nav .portfolio-page a.work.item:hover,
.portfolio-page .work-page .main-nav .people-page .page-options a.work.item:hover,
.work-page .main-nav .people-page .page-options .portfolio-page a.work.item:hover,
.portfolio-page .people-page .page-options .news-page .main-nav a.about.item:hover,
.people-page .page-options .news-page .main-nav .portfolio-page a.about.item:hover,
.portfolio-page .news-page .main-nav .people-page .page-options a.about.item:hover,
.news-page .main-nav .people-page .page-options .portfolio-page a.about.item:hover,
.portfolio-page .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active:hover,
.projects-page .text .dropdown-container.dropdown-red .portfolio-page a.dropdown-option.active:hover,
.portfolio-page .projects-page .text a.active:hover,
.projects-page .text .portfolio-page a.active:hover,
.portfolio-page .projects-page .text .about-page .main-nav a.about.item:hover,
.projects-page .text .about-page .main-nav .portfolio-page a.about.item:hover,
.portfolio-page .about-page .main-nav .projects-page .text a.about.item:hover,
.about-page .main-nav .projects-page .text .portfolio-page a.about.item:hover,
.portfolio-page .projects-page .text .people-page .main-nav a.people.item:hover,
.projects-page .text .people-page .main-nav .portfolio-page a.people.item:hover,
.portfolio-page .people-page .main-nav .projects-page .text a.people.item:hover,
.people-page .main-nav .projects-page .text .portfolio-page a.people.item:hover,
.portfolio-page .projects-page .text .main-nav a.work.item:hover,
.projects-page .text .main-nav .portfolio-page a.work.item:hover,
.portfolio-page .projects-page .main-nav .text a.work.item:hover,
.projects-page .main-nav .text .portfolio-page a.work.item:hover,
.portfolio-page .projects-page .text .team-page .main-nav a.people.item:hover,
.projects-page .text .team-page .main-nav .portfolio-page a.people.item:hover,
.portfolio-page .team-page .main-nav .projects-page .text a.people.item:hover,
.team-page .main-nav .projects-page .text .portfolio-page a.people.item:hover,
.portfolio-page .work-page .main-nav .projects-page .text a.work.item:hover,
.work-page .main-nav .projects-page .text .portfolio-page a.work.item:hover,
.portfolio-page .projects-page .text .news-page .main-nav a.about.item:hover,
.projects-page .text .news-page .main-nav .portfolio-page a.about.item:hover,
.portfolio-page .news-page .main-nav .projects-page .text a.about.item:hover,
.news-page .main-nav .projects-page .text .portfolio-page a.about.item:hover,
.portfolio-page .caption a:hover,
.caption .portfolio-page a:hover {
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.portfolio-page a.underline-alt,
.portfolio-page .images-section .text a,
.images-section .text .portfolio-page a {
  color: #fff;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

.portfolio-page a.underline-alt:hover,
.portfolio-page .images-section .text a:hover,
.images-section .text .portfolio-page a:hover {
  color: #000;
}

.portfolio-page .portfolio-page-header {
  padding-bottom: 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .portfolio-page .portfolio-project-list .left {
    padding-bottom: 11.11111111vw;
  }
}

.portfolio-page .text-section .text {
  color: white;
}

.portfolio-page .text-section section {
  margin-bottom: 2.77777778vw;
}

@media screen and (max-width: 800px) {
  .portfolio-page .text-section section {
    margin-bottom: 11.11111111vw;
  }
}

.projects-page .text .dropdown-container.dropdown-red a.dropdown-option,
.projects-page .text a {
  border-bottom-color: transparent;
}

.projects-page .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red .about-page .main-nav a.dropdown-option.about.item,
.about-page .main-nav .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.about.item,
.projects-page .text .dropdown-container.dropdown-red .people-page .main-nav a.dropdown-option.people.item,
.people-page .main-nav .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.people.item,
.projects-page .text .dropdown-container.dropdown-red .main-nav a.dropdown-option.work.item,
.projects-page .main-nav .text .dropdown-container.dropdown-red a.dropdown-option.work.item,
.projects-page .text .dropdown-container.dropdown-red .team-page .main-nav a.dropdown-option.people.item,
.team-page .main-nav .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.people.item,
.work-page .main-nav .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.work.item,
.projects-page .text .dropdown-container.dropdown-red .news-page .main-nav a.dropdown-option.about.item,
.news-page .main-nav .projects-page .text .dropdown-container.dropdown-red a.dropdown-option.about.item,
.projects-page .text a.active,
.projects-page .text .about-page .main-nav a.about.item,
.about-page .main-nav .projects-page .text a.about.item,
.projects-page .text .people-page .main-nav a.people.item,
.people-page .main-nav .projects-page .text a.people.item,
.projects-page .text .main-nav a.work.item,
.projects-page .main-nav .text a.work.item,
.projects-page .text .team-page .main-nav a.people.item,
.team-page .main-nav .projects-page .text a.people.item,
.work-page .main-nav .projects-page .text a.work.item,
.projects-page .text .news-page .main-nav a.about.item,
.news-page .main-nav .projects-page .text a.about.item {
  display: inline-block;
}

.projects-page .main-nav .right,
.projects-page .projects-page-header .right {
  padding-left: 0.75rem;
}

@media screen and (max-width: 800px) {
  .projects-page .main-nav .right,
  .projects-page .projects-page-header .right {
    padding-left: 0;
  }
}

.projects-page.index-page .projects-page-header:first-of-type .dropdown-trigger {
  width: 33.33333333vw;
}

@media screen and (max-width: 800px) {
  .projects-page.index-page .projects-page-header:first-of-type .dropdown-trigger {
    width: 100%;
  }
}

.projects-page.category-page .projects-page-header:first-of-type .dropdown-trigger {
  width: 100%;
}

.projects-page .project-category-header {
  padding-bottom: 2.77777778vw;
}

.projects-page .project-category-header + .images-section {
  padding-top: 0;
}

@media screen and (max-width: 800px) {
  .projects-page .project-category-header + .images-section .image {
    margin-top: 0;
  }
}

.projects-page .projects-grid {
  padding: 5.55555556vw;
}

.projects-page .projects-grid .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

@media screen and (max-width: 800px) {
  .projects-page .projects-grid .grid {
    grid-template-columns: 1fr;
  }
}

.projects-page .projects-grid .item a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #fff;
  cursor: pointer;
  display: block;
}

.projects-page .projects-grid .item a:hover {
  color: #fff;
}

.projects-page .projects-grid .item a:hover svg path {
  transition: fill 0.2s ease;
  fill: #fff;
}

@media screen and (max-width: 800px) {
  .projects-page .projects-grid .item a:hover {
    color: #fff;
  }

  .projects-page .projects-grid .item a:hover svg path {
    transition: fill 0.2s ease;
    fill: #fff;
  }
}

.projects-page .projects-grid .item a.underline,
.projects-page .projects-grid .item .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red .projects-page .projects-grid .item a.dropdown-option,
.projects-page .projects-grid .item .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black .projects-page .projects-grid .item a.dropdown-option,
.projects-page .projects-grid .item .fullscreen-section .text a,
.fullscreen-section .text .projects-page .projects-grid .item a,
.projects-page .projects-grid .item .text-section .text a,
.text-section .text .projects-page .projects-grid .item a,
.projects-page .projects-grid .item .people-page .page-options a.active,
.people-page .page-options .projects-page .projects-grid .item a.active,
.projects-page .projects-grid .item .people-page .page-options .about-page .main-nav a.about.item,
.people-page .page-options .about-page .main-nav .projects-page .projects-grid .item a.about.item,
.projects-page .projects-grid .item .about-page .main-nav .people-page .page-options a.about.item,
.about-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.about.item,
.projects-page .projects-grid .item .people-page .page-options .main-nav a.people.item,
.people-page .page-options .main-nav .projects-page .projects-grid .item a.people.item,
.projects-page .projects-grid .item .people-page .main-nav .page-options a.people.item,
.people-page .main-nav .page-options .projects-page .projects-grid .item a.people.item,
.people-page .page-options .projects-page .projects-grid .item .main-nav a.work.item,
.people-page .page-options .projects-page .main-nav .projects-grid .item a.work.item,
.projects-page .projects-grid .item .main-nav .people-page .page-options a.work.item,
.projects-page .main-nav .people-page .page-options .projects-grid .item a.work.item,
.projects-page .projects-grid .item .team-page .main-nav .people-page .page-options a.people.item,
.team-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.people.item,
.projects-page .projects-grid .item .people-page .page-options .work-page .main-nav a.work.item,
.people-page .page-options .work-page .main-nav .projects-page .projects-grid .item a.work.item,
.work-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.work.item,
.projects-page .projects-grid .item .people-page .page-options .news-page .main-nav a.about.item,
.people-page .page-options .news-page .main-nav .projects-page .projects-grid .item a.about.item,
.projects-page .projects-grid .item .news-page .main-nav .people-page .page-options a.about.item,
.news-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.about.item,
.projects-page .text .dropdown-container.dropdown-red .projects-grid .item a.dropdown-option.active,
.projects-page .projects-grid .item .text a.active,
.projects-page .text .projects-grid .item a.active,
.projects-page .projects-grid .item .text .about-page .main-nav a.about.item,
.projects-page .text .about-page .main-nav .projects-grid .item a.about.item,
.about-page .main-nav .projects-page .projects-grid .item .text a.about.item,
.about-page .main-nav .projects-page .text .projects-grid .item a.about.item,
.projects-page .projects-grid .item .text .people-page .main-nav a.people.item,
.projects-page .text .people-page .main-nav .projects-grid .item a.people.item,
.people-page .main-nav .projects-page .projects-grid .item .text a.people.item,
.people-page .main-nav .projects-page .text .projects-grid .item a.people.item,
.projects-page .projects-grid .item .text .main-nav a.work.item,
.projects-page .text .main-nav .projects-grid .item a.work.item,
.projects-page .projects-grid .item .main-nav .text a.work.item,
.projects-page .main-nav .text .projects-grid .item a.work.item,
.projects-page .projects-grid .item .text .team-page .main-nav a.people.item,
.projects-page .text .team-page .main-nav .projects-grid .item a.people.item,
.team-page .main-nav .projects-page .projects-grid .item .text a.people.item,
.team-page .main-nav .projects-page .text .projects-grid .item a.people.item,
.work-page .main-nav .projects-page .projects-grid .item .text a.work.item,
.work-page .main-nav .projects-page .text .projects-grid .item a.work.item,
.projects-page .projects-grid .item .text .news-page .main-nav a.about.item,
.projects-page .text .news-page .main-nav .projects-grid .item a.about.item,
.news-page .main-nav .projects-page .projects-grid .item .text a.about.item,
.news-page .main-nav .projects-page .text .projects-grid .item a.about.item,
.projects-page .projects-grid .item .caption a,
.caption .projects-page .projects-grid .item a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  line-height: 1.5;
}

.projects-page .projects-grid .item a.underline:hover,
.projects-page .projects-grid .item .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red .projects-page .projects-grid .item a.dropdown-option:hover,
.projects-page .projects-grid .item .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black .projects-page .projects-grid .item a.dropdown-option:hover,
.projects-page .projects-grid .item .fullscreen-section .text a:hover,
.fullscreen-section .text .projects-page .projects-grid .item a:hover,
.projects-page .projects-grid .item .text-section .text a:hover,
.text-section .text .projects-page .projects-grid .item a:hover,
.projects-page .projects-grid .item .people-page .page-options a.active:hover,
.people-page .page-options .projects-page .projects-grid .item a.active:hover,
.projects-page .projects-grid .item .people-page .page-options .about-page .main-nav a.about.item:hover,
.people-page .page-options .about-page .main-nav .projects-page .projects-grid .item a.about.item:hover,
.projects-page .projects-grid .item .about-page .main-nav .people-page .page-options a.about.item:hover,
.about-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.about.item:hover,
.projects-page .projects-grid .item .people-page .page-options .main-nav a.people.item:hover,
.people-page .page-options .main-nav .projects-page .projects-grid .item a.people.item:hover,
.projects-page .projects-grid .item .people-page .main-nav .page-options a.people.item:hover,
.people-page .main-nav .page-options .projects-page .projects-grid .item a.people.item:hover,
.people-page .page-options .projects-page .projects-grid .item .main-nav a.work.item:hover,
.people-page .page-options .projects-page .main-nav .projects-grid .item a.work.item:hover,
.projects-page .projects-grid .item .main-nav .people-page .page-options a.work.item:hover,
.projects-page .main-nav .people-page .page-options .projects-grid .item a.work.item:hover,
.projects-page .projects-grid .item .team-page .main-nav .people-page .page-options a.people.item:hover,
.team-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.people.item:hover,
.projects-page .projects-grid .item .people-page .page-options .work-page .main-nav a.work.item:hover,
.people-page .page-options .work-page .main-nav .projects-page .projects-grid .item a.work.item:hover,
.work-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.work.item:hover,
.projects-page .projects-grid .item .people-page .page-options .news-page .main-nav a.about.item:hover,
.people-page .page-options .news-page .main-nav .projects-page .projects-grid .item a.about.item:hover,
.projects-page .projects-grid .item .news-page .main-nav .people-page .page-options a.about.item:hover,
.news-page .main-nav .people-page .page-options .projects-page .projects-grid .item a.about.item:hover,
.projects-page .projects-grid .item .text a.active:hover,
.projects-page .text .projects-grid .item a.active:hover,
.projects-page .projects-grid .item .text .about-page .main-nav a.about.item:hover,
.projects-page .text .about-page .main-nav .projects-grid .item a.about.item:hover,
.about-page .main-nav .projects-page .projects-grid .item .text a.about.item:hover,
.about-page .main-nav .projects-page .text .projects-grid .item a.about.item:hover,
.projects-page .projects-grid .item .text .people-page .main-nav a.people.item:hover,
.projects-page .text .people-page .main-nav .projects-grid .item a.people.item:hover,
.people-page .main-nav .projects-page .projects-grid .item .text a.people.item:hover,
.people-page .main-nav .projects-page .text .projects-grid .item a.people.item:hover,
.projects-page .projects-grid .item .text .main-nav a.work.item:hover,
.projects-page .text .main-nav .projects-grid .item a.work.item:hover,
.projects-page .projects-grid .item .main-nav .text a.work.item:hover,
.projects-page .main-nav .text .projects-grid .item a.work.item:hover,
.projects-page .projects-grid .item .text .team-page .main-nav a.people.item:hover,
.projects-page .text .team-page .main-nav .projects-grid .item a.people.item:hover,
.team-page .main-nav .projects-page .projects-grid .item .text a.people.item:hover,
.team-page .main-nav .projects-page .text .projects-grid .item a.people.item:hover,
.work-page .main-nav .projects-page .projects-grid .item .text a.work.item:hover,
.work-page .main-nav .projects-page .text .projects-grid .item a.work.item:hover,
.projects-page .projects-grid .item .text .news-page .main-nav a.about.item:hover,
.projects-page .text .news-page .main-nav .projects-grid .item a.about.item:hover,
.news-page .main-nav .projects-page .projects-grid .item .text a.about.item:hover,
.news-page .main-nav .projects-page .text .projects-grid .item a.about.item:hover,
.projects-page .projects-grid .item .caption a:hover,
.caption .projects-page .projects-grid .item a:hover {
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.projects-page .projects-grid .item a.underline-alt,
.projects-page .projects-grid .item .images-section .text a,
.images-section .text .projects-page .projects-grid .item a {
  color: #fff;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

.projects-page .projects-grid .item a.underline-alt:hover,
.projects-page .projects-grid .item .images-section .text a:hover,
.images-section .text .projects-page .projects-grid .item a:hover {
  color: #fff;
}

.projects-page .projects-grid .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.projects-page .projects-grid .item:hover .media {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.projects-page .projects-grid .item .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  transition: all 0.5s ease;
}

.projects-page .projects-grid .item .spacer {
  padding-bottom: 50%;
}

.projects-page .project-item:hover .overlay {
  opacity: 1;
}

@media screen and (max-width: 800px) {
  .projects-page .project-item .images .image {
    margin: 0;
  }
}

@media screen and (max-width: 800px) {
  .projects-page .project-item.video-section {
    padding-bottom: 5.55555556vw;
  }
}

.projects-page .project-item.video-section .overlay {
  height: calc(100% - 5.55555556vw);
  width: calc(100% - 11.11111111vw);
  top: 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .projects-page .project-item.video-section .overlay {
    top: 0;
  }
}

.projects-page .project-item.video-section .overlay a {
  height: 100%;
}

.projects-page .project-item a {
  display: inline;
  text-decoration: none;
  transition: color 0.2s ease;
  color: #e81116;
  cursor: pointer;
  display: block;
}

.projects-page .project-item a:hover {
  color: #e81116;
}

.projects-page .project-item a:hover svg path {
  transition: fill 0.2s ease;
  fill: #e81116;
}

@media screen and (max-width: 800px) {
  .projects-page .project-item a:hover {
    color: #e81116;
  }

  .projects-page .project-item a:hover svg path {
    transition: fill 0.2s ease;
    fill: #e81116;
  }
}

.projects-page .project-item a.underline,
.projects-page .project-item .dropdown-container.dropdown-red a.dropdown-option,
.dropdown-container.dropdown-red .projects-page .project-item a.dropdown-option,
.projects-page .project-item .dropdown-container.dropdown-black a.dropdown-option,
.dropdown-container.dropdown-black .projects-page .project-item a.dropdown-option,
.projects-page .project-item .fullscreen-section .text a,
.fullscreen-section .text .projects-page .project-item a,
.projects-page .project-item .text-section .text a,
.text-section .text .projects-page .project-item a,
.projects-page .project-item .people-page .page-options a.active,
.people-page .page-options .projects-page .project-item a.active,
.projects-page .project-item .people-page .page-options .about-page .main-nav a.about.item,
.people-page .page-options .about-page .main-nav .projects-page .project-item a.about.item,
.projects-page .project-item .about-page .main-nav .people-page .page-options a.about.item,
.about-page .main-nav .people-page .page-options .projects-page .project-item a.about.item,
.projects-page .project-item .people-page .page-options .main-nav a.people.item,
.people-page .page-options .main-nav .projects-page .project-item a.people.item,
.projects-page .project-item .people-page .main-nav .page-options a.people.item,
.people-page .main-nav .page-options .projects-page .project-item a.people.item,
.people-page .page-options .projects-page .project-item .main-nav a.work.item,
.people-page .page-options .projects-page .main-nav .project-item a.work.item,
.projects-page .project-item .main-nav .people-page .page-options a.work.item,
.projects-page .main-nav .people-page .page-options .project-item a.work.item,
.projects-page .project-item .team-page .main-nav .people-page .page-options a.people.item,
.team-page .main-nav .people-page .page-options .projects-page .project-item a.people.item,
.projects-page .project-item .people-page .page-options .work-page .main-nav a.work.item,
.people-page .page-options .work-page .main-nav .projects-page .project-item a.work.item,
.work-page .main-nav .people-page .page-options .projects-page .project-item a.work.item,
.projects-page .project-item .people-page .page-options .news-page .main-nav a.about.item,
.people-page .page-options .news-page .main-nav .projects-page .project-item a.about.item,
.projects-page .project-item .news-page .main-nav .people-page .page-options a.about.item,
.news-page .main-nav .people-page .page-options .projects-page .project-item a.about.item,
.projects-page .project-item .text .dropdown-container.dropdown-red a.dropdown-option.active,
.projects-page .text .dropdown-container.dropdown-red .project-item a.dropdown-option.active,
.projects-page .project-item .text a.active,
.projects-page .text .project-item a.active,
.projects-page .project-item .text .about-page .main-nav a.about.item,
.projects-page .text .about-page .main-nav .project-item a.about.item,
.about-page .main-nav .projects-page .project-item .text a.about.item,
.about-page .main-nav .projects-page .text .project-item a.about.item,
.projects-page .project-item .text .people-page .main-nav a.people.item,
.projects-page .text .people-page .main-nav .project-item a.people.item,
.people-page .main-nav .projects-page .project-item .text a.people.item,
.people-page .main-nav .projects-page .text .project-item a.people.item,
.projects-page .project-item .text .main-nav a.work.item,
.projects-page .text .main-nav .project-item a.work.item,
.projects-page .project-item .main-nav .text a.work.item,
.projects-page .main-nav .text .project-item a.work.item,
.projects-page .project-item .text .team-page .main-nav a.people.item,
.projects-page .text .team-page .main-nav .project-item a.people.item,
.team-page .main-nav .projects-page .project-item .text a.people.item,
.team-page .main-nav .projects-page .text .project-item a.people.item,
.work-page .main-nav .projects-page .project-item .text a.work.item,
.work-page .main-nav .projects-page .text .project-item a.work.item,
.projects-page .project-item .text .news-page .main-nav a.about.item,
.projects-page .text .news-page .main-nav .project-item a.about.item,
.news-page .main-nav .projects-page .project-item .text a.about.item,
.news-page .main-nav .projects-page .text .project-item a.about.item,
.projects-page .project-item .caption a,
.caption .projects-page .project-item a {
  color: #e81116;
  text-decoration: none;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
  line-height: 1.5;
}

.projects-page .project-item a.underline:hover,
.projects-page .project-item .dropdown-container.dropdown-red a.dropdown-option:hover,
.dropdown-container.dropdown-red .projects-page .project-item a.dropdown-option:hover,
.projects-page .project-item .dropdown-container.dropdown-black a.dropdown-option:hover,
.dropdown-container.dropdown-black .projects-page .project-item a.dropdown-option:hover,
.projects-page .project-item .fullscreen-section .text a:hover,
.fullscreen-section .text .projects-page .project-item a:hover,
.projects-page .project-item .text-section .text a:hover,
.text-section .text .projects-page .project-item a:hover,
.projects-page .project-item .people-page .page-options a.active:hover,
.people-page .page-options .projects-page .project-item a.active:hover,
.projects-page .project-item .people-page .page-options .about-page .main-nav a.about.item:hover,
.people-page .page-options .about-page .main-nav .projects-page .project-item a.about.item:hover,
.projects-page .project-item .about-page .main-nav .people-page .page-options a.about.item:hover,
.about-page .main-nav .people-page .page-options .projects-page .project-item a.about.item:hover,
.projects-page .project-item .people-page .page-options .main-nav a.people.item:hover,
.people-page .page-options .main-nav .projects-page .project-item a.people.item:hover,
.projects-page .project-item .people-page .main-nav .page-options a.people.item:hover,
.people-page .main-nav .page-options .projects-page .project-item a.people.item:hover,
.people-page .page-options .projects-page .project-item .main-nav a.work.item:hover,
.people-page .page-options .projects-page .main-nav .project-item a.work.item:hover,
.projects-page .project-item .main-nav .people-page .page-options a.work.item:hover,
.projects-page .main-nav .people-page .page-options .project-item a.work.item:hover,
.projects-page .project-item .team-page .main-nav .people-page .page-options a.people.item:hover,
.team-page .main-nav .people-page .page-options .projects-page .project-item a.people.item:hover,
.projects-page .project-item .people-page .page-options .work-page .main-nav a.work.item:hover,
.people-page .page-options .work-page .main-nav .projects-page .project-item a.work.item:hover,
.work-page .main-nav .people-page .page-options .projects-page .project-item a.work.item:hover,
.projects-page .project-item .people-page .page-options .news-page .main-nav a.about.item:hover,
.people-page .page-options .news-page .main-nav .projects-page .project-item a.about.item:hover,
.projects-page .project-item .news-page .main-nav .people-page .page-options a.about.item:hover,
.news-page .main-nav .people-page .page-options .projects-page .project-item a.about.item:hover,
.projects-page .text .dropdown-container.dropdown-red .project-item a.dropdown-option.active:hover,
.projects-page .project-item .text a.active:hover,
.projects-page .text .project-item a.active:hover,
.projects-page .project-item .text .about-page .main-nav a.about.item:hover,
.projects-page .text .about-page .main-nav .project-item a.about.item:hover,
.about-page .main-nav .projects-page .project-item .text a.about.item:hover,
.about-page .main-nav .projects-page .text .project-item a.about.item:hover,
.projects-page .project-item .text .people-page .main-nav a.people.item:hover,
.projects-page .text .people-page .main-nav .project-item a.people.item:hover,
.people-page .main-nav .projects-page .project-item .text a.people.item:hover,
.people-page .main-nav .projects-page .text .project-item a.people.item:hover,
.projects-page .project-item .text .main-nav a.work.item:hover,
.projects-page .text .main-nav .project-item a.work.item:hover,
.projects-page .project-item .main-nav .text a.work.item:hover,
.projects-page .main-nav .text .project-item a.work.item:hover,
.projects-page .project-item .text .team-page .main-nav a.people.item:hover,
.projects-page .text .team-page .main-nav .project-item a.people.item:hover,
.team-page .main-nav .projects-page .project-item .text a.people.item:hover,
.team-page .main-nav .projects-page .text .project-item a.people.item:hover,
.work-page .main-nav .projects-page .project-item .text a.work.item:hover,
.work-page .main-nav .projects-page .text .project-item a.work.item:hover,
.projects-page .project-item .text .news-page .main-nav a.about.item:hover,
.projects-page .text .news-page .main-nav .project-item a.about.item:hover,
.news-page .main-nav .projects-page .project-item .text a.about.item:hover,
.news-page .main-nav .projects-page .text .project-item a.about.item:hover,
.projects-page .project-item .caption a:hover,
.caption .projects-page .project-item a:hover {
  color: #e81116;
  border-bottom: 1px solid rgba(232, 17, 22, 0.6);
}

.projects-page .project-item a.underline-alt,
.projects-page .project-item .images-section .text a,
.images-section .text .projects-page .project-item a {
  color: #e81116;
  text-decoration: underline;
  transition: color 0.2s ease-in, border-color 0.2s ease-in;
}

.projects-page .project-item a.underline-alt:hover,
.projects-page .project-item .images-section .text a:hover,
.images-section .text .projects-page .project-item a:hover {
  color: #e81116;
}

.projects-page .project-item .overlay {
  position: absolute;
  top: 0;
  padding: 2.77777778vw;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s ease;
}

.projects-page .portfolio-link {
  margin-top: 1em;
}

.projects-page.mobile .project-item .overlay {
  position: relative;
  opacity: 1;
}

@media screen and (max-width: 800px) {
  .projects-page.mobile .project-item .overlay {
    padding-left: 0;
  }
}

@media screen and (max-width: 800px) {
  .projects-page-header .text .left {
    padding-bottom: 22.22222222vw;
  }
}

.projects-page-header .right {
  padding-right: 0;
  display: flex;
}

.projects-page-header .right .filter-block {
  flex: 1 1 22.22222222vw;
}

.projects-page-header .right .display-normal,
.projects-page-header .right .home-page .text-section:not(.home-menu-section) .left p,
.home-page .text-section:not(.home-menu-section) .left .projects-page-header .right p {
  display: block;
  border-bottom: none;
  line-height: 1;
}

.projects-page-header .right .display-normal:hover,
.projects-page-header .right .home-page .text-section:not(.home-menu-section) .left p:hover,
.home-page .text-section:not(.home-menu-section) .left .projects-page-header .right p:hover {
  border-bottom: none;
}

.projects-page-header .right .dropdown-trigger p {
  font-weight: normal;
}

@media screen and (max-width: 800px) {
  .projects-page-header {
    padding-bottom: 5.55555556vw;
  }
}

@media screen and (max-width: 400px) {
  .projects-page-header {
    padding-bottom: 11.11111111vw;
  }
}

.team-page .text-section .left {
  padding-right: 22.22222222vw;
}

@media screen and (max-width: 800px) {
  .team-page .text-section .left {
    padding-bottom: 11.11111111vw;
  }
}

@media screen and (max-width: 800px) {
  .team-page .text-section .right {
    padding-right: 0;
  }
}

.team-page .text-section h2,
.team-page .text-section h3 {
  font-weight: normal;
}

.team-page .profile-picture {
  margin-top: 5.55555556vw;
}

.team-page .profile-picture.placeholder {
  padding-bottom: 150%;
  background: #e81116;
}

.team-page .profile-picture.mobile {
  display: none;
  margin-top: 11.11111111vw;
  margin-bottom: 5.55555556vw;
}

@media screen and (max-width: 800px) {
  .team-page .profile-picture.mobile {
    display: block;
  }
}

.team-page .profile-picture.desktop {
  display: block;
}

@media screen and (max-width: 800px) {
  .team-page .profile-picture.desktop {
    display: none;
  }
}

.work-page .images-section.first-section .images,
.work-page .about-page .images-section.section-1 .images,
.about-page .work-page .images-section.section-1 .images {
  max-height: 44.4444444vw;
  overflow: hidden;
}

@media screen and (max-width: 800px) {
  .work-page .images-section.first-section .images,
  .work-page .about-page .images-section.section-1 .images,
  .about-page .work-page .images-section.section-1 .images {
    max-height: 88.8888888vw;
  }
}

.work-page .images-section.first-section .image,
.work-page .about-page .images-section.section-1 .image,
.about-page .work-page .images-section.section-1 .image {
  margin: 0;
}

@media screen and (max-width: 800px) {
  .work-page .work-page-details {
    padding: 11.11111111vw 0;
  }
}

@media screen and (max-width: 800px) {
  .work-page .work-page-details .left {
    padding-bottom: 5.55555556vw;
  }
}

@media screen and (max-width: 400px) {
  .work-page .work-page-details .left {
    padding-bottom: 11.11111111vw;
  }
}

.work-page .work-page-details .text h3:first-of-type {
  margin-top: 2em;
}

.work-list {
  padding: 11.11111111vw 5.55555556vw;
}

.news-page .first-section h4,
.news-page .about-page .section-1 h4,
.about-page .news-page .section-1 h4 {
  margin-top: 1em;
}

.news-page .first-section .sans-serif-small,
.news-page .about-page .section-1 .sans-serif-small,
.about-page .news-page .section-1 .sans-serif-small,
.news-page .first-section .admin-banner a,
.admin-banner .news-page .first-section a,
.news-page .about-page .section-1 .admin-banner a,
.admin-banner .news-page .about-page .section-1 a,
.about-page .news-page .section-1 .admin-banner a,
.admin-banner .about-page .news-page .section-1 a {
  margin-top: 1em;
}

.logo svg,
.logo img {
  height: 2.5em;
  width: auto;
}

@media screen and (max-width: 800px) {
  .logo svg,
  .logo img {
    height: 2em;
  }
}

@media screen and (max-width: 400px) {
  .logo svg,
  .logo img {
    height: 1.5em;
  }
}

.caption {
  color: #000;
  margin-top: 1em;
}

.not-found-page .text h2,
.not-found-page .text h3,
.not-found-page .text h4,
.not-found-page .text h5,
.not-found-page .text h6,
.not-found-page .text p {
  margin-bottom: 1em;
}