body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, button, p, blockquote, th, td,
section, aside, article, nav, header, footer {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

ul li a, a, li a, ul a, ul li, #nav ul li a {
  -webkit-text-size-adjust: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
textarea,
button {
  outline: none;
  border: 0; }

hr.clear {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  border-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden; }

.clear:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .clear {
  display: block; }

* html .clear {
  height: 1%; }

@font-face {
  font-family: "DINNextLTProBoldCondensed";
  src: url("/assets/DINNextLTProBoldCondensed-a79d018c8ad7d5924171d19c83c5624fbd1d063521a669781b3f823ddda56e8c.eot");
  src: url("/assets/DINNextLTProBoldCondensed-dc8050aa25a954661f4436a0fef7f822d6833042756ec73cfb3d126698b41704.ttf");
  src: url("/assets/DINNextLTProBoldCondensed-f5be43e91c917a0d04b97fc583a8e404e889a1906dd4f30df8c828576fc68245.woff");
  src: url("/assets/DINNextLTProBoldCondensed-7dddb1f4b2dc5ebe7c92482184371e1c11e9be5ae5ebb98bc3faec73f10b87b7.woff2"); }
@font-face {
  font-family: 'DINNextLTPro-Italic';
  src: url("/assets/DINNextLTPro-Italic-c6e1492e016148892a7b45cb7185129d80831bf5dbe764395c502401bba89327.eot?#iefix");
  src: url("/assets/DINNextLTPro-Italic-ba350afbf81331fc308b659f436233863a30e196ec99ec314f451340fe8ec9c5.otf");
  src: url("/assets/DINNextLTPro-Italic-49f7170a2b05e08506738839218b4f23a3449d3312eba0b3b88d6e09865e57ca.ttf");
  src: url("/assets/DINNextLTPro-Italic-7f7b27bac5b0eda5b86dba7d83efa5fef5278c0e72491a70e2fbb111331a6256.woff"); }
@font-face {
  font-family: 'DINNextLTPro-Regular';
  src: url("/assets/DINNextLTPro-Regular-7635c73f1e463a722e582e97034739be794eb0af930af6d9038d16af4119f012.eot?#iefix");
  src: url("/assets/DINNextLTPro-Regular-f937f1c06d94d77a330556eec91017af47018edc0a157ee003403b6234285c0e.otf");
  src: url("/assets/DINNextLTPro-Regular-399cdd1d51277f49df6823cd2e5b63b344424cb84383727f53bd0119412bcb32.ttf");
  src: url("/assets/DINNextLTPro-Regular-7ff5843bdafedaabdaaa80442e96d0eeabfa84debc3442748a5983a197e4ebff.woff"); }
body {
  color: #fff;
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 39px; }
  @media only screen and (max-width: 640px) {
    body {
      font-size: 4vw;
      line-height: 6.5vw; } }

::selection {
  color: #000;
  background: #ffb4ab;
  text-shadow: none; }

::-moz-selection {
  color: #000;
  background: #ffb4ab;
  text-shadow: none; }

a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  transition: .3s ease all; }
  @media (hover: hover) {
    a:hover:not(.disabled) {
      color: #ffb4ab; } }

em {
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif; }

h1, h2 {
  font-size: 12vh;
  line-height: 15vh;
  font-weight: 900; }
  @media only screen and (max-width: 640px) {
    h1, h2 {
      font-size: 14.5vw;
      line-height: 19vw; } }

.large-four h1, .large-four h2 {
  font-size: 11.5vh;
  line-height: 13.5vh;
  font-weight: 900; }
  @media only screen and (max-width: 640px) {
    .large-four h1, .large-four h2 {
      font-size: 8.75vh;
      line-height: 10.5vh; } }

.large-five h1, .large-five h2 {
  font-size: 10.5vh;
  line-height: 12vh;
  font-weight: 900; }
  @media only screen and (max-width: 640px) {
    .large-five h1, .large-five h2 {
      font-size: 7.75vh;
      line-height: 9.5vh; } }

h3 {
  font-weight: 600;
  margin-bottom: 36px; }
  @media only screen and (max-width: 640px) {
    h3 {
      margin-bottom: 6.5vw; } }

h4 {
  margin-bottom: 36px;
  font-weight: 600; }
  @media only screen and (max-width: 640px) {
    h4 {
      margin-bottom: 6.5vw; } }

p {
  margin-bottom: 36px; }
  p:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 640px) {
    p {
      margin-bottom: 6.5vw; } }

strong, b {
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif;
  font-weight: 600; }

em, i {
  font-style: normal; }

.back-link {
  margin-top: 36px; }
  @media only screen and (max-width: 640px) {
    .back-link {
      margin-top: 6.5vw; } }
  .back-link a {
    font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif; }
    .back-link a span {
      display: inline-block; }
      .back-link a span.icon {
        padding-right: 24px;
        text-decoration: none; }
        @media only screen and (max-width: 640px) {
          .back-link a span.icon {
            padding-right: 3vw; } }
      .back-link a span.text {
        text-decoration: underline; }

.links-wrap {
  padding-top: 5em; }

a.footer-btn-big {
  font-size: 5.5vw;
  padding: 0;
  font-family: "DINNextLTProBoldCondensed", Helvetica, Arial, sans-serif; }
  a.footer-btn-big.button {
    max-width: none; }
    a.footer-btn-big.button span.label {
      margin-bottom: 0;
      line-height: inherit; }
  a.footer-btn-big span.label {
    margin-bottom: 0;
    line-height: inherit; }
  @media only screen and (max-width: 641px) {
    a.footer-btn-big {
      font-size: 15vw; } }

a.footer-btn-small {
  font-size: 2vw;
  line-height: inherit;
  padding: 0;
  margin-top: .25em;
  font-family: "DINNextLTProBoldCondensed", Helvetica, Arial, sans-serif; }
  a.footer-btn-small.button {
    max-width: none; }
    a.footer-btn-small.button span.label {
      margin-bottom: 0;
      line-height: inherit; }
  a.footer-btn-small span.label {
    margin-bottom: 0;
    line-height: inherit; }
  @media only screen and (max-width: 641px) {
    a.footer-btn-small {
      font-size: 12vw;
      margin-top: 1.25rem; } }

span.copyright {
  line-height: .8;
  font-size: 3vh;
  font-family: "DINNextLTProBoldCondensed", Helvetica, Arial, sans-serif; }
  @media only screen and (max-width: 641px) {
    span.copyright {
      font-size: 8vw;
      line-height: 1;
      margin-top: .5rem; } }

a:focus {
  outline: 0; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

input::-moz-focus-inner {
  border: 0; }

input,
textarea,
select,
button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

input,
textarea,
select {
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif;
  background-color: #000;
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input.text_input,
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  width: 100%;
  font-size: 24px;
  line-height: 39px;
  color: #fff;
  border-bottom: 1px solid #fff; }
  @media only screen and (max-width: 640px) {
    input.text_input,
    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select {
      font-size: 4vw;
      line-height: 6.5vw; } }

label {
  position: relative;
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }
  label:hover {
    cursor: pointer; }

textarea {
  width: 100%;
  min-height: 36px;
  font-size: 24px;
  line-height: 39px;
  letter-spacing: 0.01em; }
  @media only screen and (max-width: 640px) {
    textarea {
      font-size: 4vw;
      line-height: 6.5vw; } }

form .field_with_errors input.text_input,
form .field_with_errors input[type="text"],
form .field_with_errors input[type="password"],
form .field_with_errors input[type="email"],
form .field_with_errors textarea {
  border-color: #f20f39; }
form .fieldWithErrors {
  padding: 2px;
  background-color: #f20f39;
  display: inline; }
form input.text_input.error,
form input[type="text"].error,
form input[type="password"].error,
form input[type="email"].error,
form textarea.error {
  border-color: #f20f39; }

a.button {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 148px;
  font-family: "DINNextLTProBoldCondensed", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-decoration: none;
  text-align: center; }
  a.button span {
    display: block; }

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

html {
  -webkit-tap-highlight-color: transparent; }

body {
  width: 100%;
  background: black; }

body.bio {
  animation-name: colorShiftBackgroundWhite; }

svg {
  display: block;
  width: 100%; }

.content-narrow {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  padding-left: 5%;
  padding-right: 5%;
  width: 100%;
  max-width: 770px; }

.content-wide {
  display: block;
  margin: 0 auto;
  margin-top: 3em;
  width: 100%;
  max-width: 825px; }

.links-wrap {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center; }

a.head-icon {
  display: flex;
  margin-top: .5em; }

#main_content {
  padding: 2em 0; }
  @media only screen and (max-width: 1000px) {
    #main_content {
      padding: 2.5em 0; } }

.header-main {
  margin: 0;
  font-family: "DINNextLTProBoldCondensed", Helvetica, Arial, sans-serif; }
  .header-main h1 {
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .header-main h1 {
        line-height: 15vw; } }
    .header-main h1 a.disabled {
      text-decoration: none; }
      .header-main h1 a.disabled:hover {
        cursor: default; }
    .header-main h1 a.home {
      font-size: 12.25vw;
      line-height: 11vw; }
      @media only screen and (max-width: 1000px) {
        .header-main h1 a.home {
          font-size: 16.5vw;
          line-height: 10.5vw; } }
      @media only screen and (max-width: 855px) {
        .header-main h1 a.home {
          font-size: 19.5vw;
          line-height: 10.5vw; } }
  .header-main .navigation {
    font-size: 12vh;
    line-height: 15vh;
    font-weight: 900;
    text-align: center; }
    @media only screen and (max-width: 640px) {
      .header-main .navigation {
        font-size: 14.5vw;
        line-height: 19vw; } }
    .header-main .navigation li:nth-of-type(1) {
      font-size: 23vh;
      line-height: 15vh; }
    .header-main .navigation li:nth-of-type(2) {
      font-size: 26vh;
      line-height: 17.5vh;
      margin-top: 1.25rem; }
    .header-main .navigation li:nth-of-type(3) {
      font-size: 13vh;
      line-height: 10vh; }
    .header-main .navigation li:nth-of-type(4) {
      font-size: 16vh;
      line-height: 13vh; }
    .header-main .navigation li:nth-of-type(5) {
      font-size: 6vh;
      line-height: 3.5vh; }
    .header-main .navigation li:nth-of-type(6) .follow {
      display: flex;
      justify-content: center;
      margin: .5rem 0 .25rem; }
    .header-main .navigation li:nth-of-type(7) {
      font-size: 5vw;
      line-height: 4.75vw; }
    .header-main .navigation li span.no-link {
      text-transform: uppercase; }
      @media (hover: hover) {
        .header-main .navigation li span.no-link:hover {
          color: #000; } }
    .header-main .navigation li.copyright span {
      display: flex;
      justify-content: center;
      line-height: .8;
      font-size: 3.75vh; }
    @media only screen and (max-aspect-ratio: 1500 / 1330) and (min-width: 1000px) {
      .header-main .navigation li:nth-of-type(1) {
        font-size: 12.25vw;
        line-height: 8.5vw; }
      .header-main .navigation li:nth-of-type(2) {
        font-size: 14vw;
        line-height: 10vw;
        margin-top: 1.25rem; }
      .header-main .navigation li:nth-of-type(3) {
        font-size: 7vw;
        line-height: 6vw; }
      .header-main .navigation li:nth-of-type(4) {
        font-size: 9vw;
        line-height: 7.5vw; }
      .header-main .navigation li:nth-of-type(5) {
        font-size: 5.75vw;
        line-height: 4.5vw; }
      .header-main .navigation li:nth-of-type(6) {
        font-size: 2vw;
        line-height: 2.75vw; } }
    @media only screen and (max-width: 1000px) {
      .header-main .navigation li:nth-of-type(1) {
        font-size: 16vw;
        line-height: 12vw; }
      .header-main .navigation li:nth-of-type(2) {
        font-size: 19vw;
        margin-top: 0;
        line-height: 18vw; }
      .header-main .navigation li:nth-of-type(3) {
        font-size: 14vw;
        line-height: 8vw;
        margin-top: 0; }
      .header-main .navigation li:nth-of-type(4) {
        font-size: 20vw;
        line-height: 18vw;
        margin-top: .25rem; }
      .header-main .navigation li:nth-of-type(5) {
        font-size: 8vw;
        line-height: 3vw; }
      .header-main .navigation li:nth-of-type(6) {
        font-size: 4.75vw;
        line-height: 4vw;
        margin-top: .25rem; }
      .header-main .navigation li:nth-of-type(7) {
        font-size: 11vw;
        line-height: 11vw; }
      .header-main .navigation li.copyright span {
        display: flex;
        justify-content: center;
        line-height: 1;
        font-size: 5vh;
        margin-top: .25rem; } }
    @media only screen and (max-width: 855px) {
      .header-main .navigation li:nth-of-type(6) .follow {
        margin: 1rem 0 .25rem; } }
  .header-main.large-four .navigation {
    font-size: 11.5vh;
    line-height: 13.5vh;
    font-weight: 900; }
    @media only screen and (max-width: 640px) {
      .header-main.large-four .navigation {
        font-size: 8.75vh;
        line-height: 10.5vh; } }
  .header-main.large-five .navigation {
    font-size: 10.5vh;
    line-height: 12vh;
    font-weight: 900; }
    @media only screen and (max-width: 640px) {
      .header-main.large-five .navigation {
        font-size: 7.75vh;
        line-height: 9.5vh; } }

.header-secondary h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 5.75vw;
  line-height: 4.5vw;
  font-family: "DINNextLTProBoldCondensed", Helvetica, Arial, sans-serif; }
  @media only screen and (max-width: 855px) {
    .header-secondary h2 {
      font-size: 15vw;
      line-height: 10vw; } }

body.index #main_content, body.home #main_content {
  display: flex;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center; }
  @media only screen and (min-aspect-ratio: 4 / 3) and (max-width: 999px) {
    body.index #main_content, body.home #main_content {
      display: block; } }
  body.index #main_content .header-main, body.home #main_content .header-main {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 0; }
    body.index #main_content .header-main .navigation, body.home #main_content .header-main .navigation {
      font-size: 12vh;
      line-height: 15vh;
      font-weight: 900;
      text-align: center; }
      @media only screen and (max-width: 640px) {
        body.index #main_content .header-main .navigation, body.home #main_content .header-main .navigation {
          font-size: 14.5vw;
          line-height: 19vw; } }
      body.index #main_content .header-main .navigation ul, body.home #main_content .header-main .navigation ul {
        padding-bottom: 0; }
        @media only screen and (max-width: 640px) {
          body.index #main_content .header-main .navigation ul, body.home #main_content .header-main .navigation ul {
            padding-bottom: 2.5%; } }
body #main_content {
  padding: 1.25em 0; }
  @media only screen and (max-width: 1000px) {
    body #main_content {
      padding-top: 2.5em; } }

body.bio .paul-photo {
  margin: 0 auto 1em;
  display: flex;
  max-width: 300px; }
body.bio .bio-jump {
  font-family: "DINNextLTProBoldCondensed", Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  line-height: normal;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  text-decoration: none;
  text-align: center; }
  body.bio .bio-jump br {
    display: none; }
  @media only screen and (max-width: 370px) {
    body.bio .bio-jump br {
      display: inline-block; } }
  @media only screen and (max-width: 320px) {
    body.bio .bio-jump {
      font-size: 1.5rem; } }
body.bio article a {
  text-transform: none;
  text-decoration: underline;
  text-transform: none;
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif;
  font-size: 1.125rem; }
body.bio .bio-links h4 {
  margin-bottom: 0; }
body.bio .bio-links ul li {
  line-height: 1em; }
body.bio .bio-links ul a {
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif;
  font-weight: 900; }
@media only screen and (max-width: 641px) {
  body.bio .bio-links h4 {
    margin-bottom: 1rem;
    font-size: 1.25rem; }
  body.bio .bio-links li:not(:last-of-type) {
    margin-bottom: .75rem; } }
body.bio .bio-footer {
  margin-top: .875em; }
body.bio p {
  font-size: 1.125rem;
  line-height: 1.125em;
  font-family: "DINNextLTPro-Regular", Helvetica, Arial, sans-serif;
  margin-bottom: 1em; }
body.bio .project-item {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center; }
  body.bio .project-item:first-of-type {
    margin-top: 50px; }
  @media only screen and (max-width: 641px) {
    body.bio .project-item {
      margin: 1.25em 0; } }
  body.bio .project-item .project-image {
    display: flex;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px; }
  body.bio .project-item.caption-overlay {
    position: relative; }
    body.bio .project-item.caption-overlay p {
      position: absolute;
      bottom: 1em;
      left: 0;
      right: 0; }
      @media only screen and (max-width: 641px) {
        body.bio .project-item.caption-overlay p {
          bottom: 0; } }

.mobile_only {
  display: none !important; }

@media only screen and (min-width: 1px) and (max-width: 719px) {
  body {
    -webkit-text-size-adjust: none; }

  .mobile_only {
    display: inline-block !important; }

  .no_mobile {
    display: none !important; } }
@media only screen and (max-width: 400px) {
  body {
    -webkit-text-size-adjust: none; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body {
    -webkit-text-size-adjust: none; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body {
    -webkit-text-size-adjust: none; } }