/* Fade
================================ */


@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }
}


/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}



/* Fonts */

@font-face {
    font-family: 'akzidenzgroteskbold';
    src: url('../assets/fonts/akzidenzgroteskbold.eot');
    src: url('../assets/fonts/akzidenzgroteskbold.eot') format('embedded-opentype'),
         url('../assets/fonts/akzidenzgroteskbold.woff2') format('woff2'),
         url('../assets/fonts/akzidenzgroteskbold.woff') format('woff'),
         url('../assets/fonts/akzidenzgroteskbold.ttf') format('truetype'),
         url('../assets/fonts/akzidenzgroteskbold.svg#akzidenzgroteskbold') format('svg');
        font-weight: normal;
        text-rendering: optimizeLegibility;
        font-variant-ligatures: normal;
        
}

@font-face {
    font-family: 'akzidenzgroteskreg';
    src: url('../assets/fonts/akzidenzgroteskreg.eot');
    src: url('../assets/fonts/akzidenzgroteskreg.eot') format('embedded-opentype'),
         url('../assets/fonts/akzidenzgroteskreg.woff2') format('woff2'),
         url('../assets/fonts/akzidenzgroteskreg.woff') format('woff'),
         url('../assets/fonts/akzidenzgroteskreg.ttf') format('truetype'),
         url('../assets/fonts/akzidenzgroteskreg.svg#akzidenzgroteskreg') format('svg');
        text-rendering: optimizeLegibility;
        font-variant-ligatures: normal;
}

@font-face {
    font-family: 'akzidenzgrotesklight';
    src: url('../assets/fonts/akzidenzgrotesklight.eot');
    src: url('../assets/fonts/akzidenzgrotesklight.eot') format('embedded-opentype'),
         url('../assets/fonts/akzidenzgrotesklight.woff2') format('woff2'),
         url('../assets/fonts/akzidenzgrotesklight.woff') format('woff'),
         url('../assets/fonts/akzidenzgrotesklight.ttf') format('truetype'),
         url('../assets/fonts/akzidenzgrotesklight.svg#akzidenzgrotesklight') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: normal;
}

@font-face {
    font-family: 'NB International Bold';
    src: url('../assets/fonts/nb-int-bold.eot');
    src: url('../assets/fonts/nb-int-bold.eot') format('embedded-opentype'),
         url('../assets/fonts/nb-int-bold.woff2') format('woff2'),
         url('../assets/fonts/nb-int-bold.woff') format('woff'),
         url('../assets/fonts/nb-int-bold.ttf') format('truetype'),
         url('../assets/fonts/nb-int-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: normal;

}

@font-face {
    font-family: 'NB International Regular';
    src: url('../assets/fonts/nb-int-regular.eot');
    src: url('../assets/fonts/nb-int-regular.eot') format('embedded-opentype'),
         url('../assets/fonts/nb-int-regular.woff2') format('woff2'),
         url('../assets/fonts/nb-int-regular.woff') format('woff'),
         url('../assets/fonts/nb-int-regular.ttf') format('truetype'),
         url('../assets/fonts/nb-int-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: normal;

}

@font-face {
    font-family: 'NB International Light';
    src: url('../assets/fonts/nb-int-light.eot');
    src: url('../assets/fonts/nb-int-light.eot') format('embedded-opentype'),
         url('../assets/fonts/nb-int-light.woff2') format('woff2'),
         url('../assets/fonts/nb-int-light.woff') format('woff'),
         url('../assets/fonts/nb-int-light.ttf') format('truetype'),
         url('../assets/fonts/nb-int-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: normal;
    -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'NB International Light';
  src: url('../assets/fonts/nb-int-light.eot');
  src: url('../assets/fonts/nb-int-light.eot') format('embedded-opentype'),
       url('../assets/fonts/nb-int-light.woff2') format('woff2'),
       url('../assets/fonts/nb-int-light.woff') format('woff'),
       url('../assets/fonts/nb-int-light.ttf') format('truetype'),
       url('../assets/fonts/nb-int-light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'SaolDisplay-Regular';
  src: url('../assets/fonts/SaolDisplay-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'SaolDisplay-RegularItalic';
  src: url('../assets/fonts/SaolDisplay-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'SaolText-Regular';
  src: url('../assets/fonts/SaolText-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: normal;
  -webkit-font-smoothing: antialiased;
}


body {
  font-family: "NB International Light", "akzidenzgrotesklight", Helvetica, sans-serif;
  background: no-repeat center center fixed; 
  background-size: cover;
  background-color: #171817;
  color: #fff;
  margin: auto auto;
  font-weight: normal;
  text-align: left;
}



.nobr { white-space: nowrap }

p {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
}


q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}
a:link {
    color: #fff;
    text-decoration: none;
} 

a:visited {
	background-color: rgba(20, 20, 20, 0.5);
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
}
a:hover {
	color: rgba(255, 255, 255, 0.49);
	background-color: rgba(20, 20, 20, 0.5);
}

  video::-webkit-media-controls {
  display: none;
  width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
.name {
  font-family: "NB International Bold", "akzidenzgroteskbold", Helvetica, sans-serif;
  font-size: 142px;
  letter-spacing: -0.03em;
  line-height: 142px;
  margin-top: 350px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  -webkit-animation: fade-in 1s;
  margin-left: auto;
  margin-right: auto;
}


@media (max-width: 979px) {
  .name {
    font-size: 90px;
  }
}
@media (max-width: 979px) {
  .name {
    line-height: 100px;
  }
}
@media (max-width: 979px) {
  .name {
    margin-top: 180px;
  }
}
@media (max-width: 979px) {
  .name {
  letter-spacing: -0.02em;

  }
}
@media (max-width: 599px) {
  .name {
    font-size: 54px;
  }
}
@media (max-width: 599px) {
  .name {
    line-height: 56px;
  }
}
@media (max-width: 599px) {
  .name {
  letter-spacing: -0.03em;

  }
}
@media (max-width: 599px) {
  .name {
    margin-top: 160px;
  }
}
@media (max-width: 599px) {
  .name {
  padding-left: 7%;

  }
}

.about {
  font-family: "NB International Regular", "akzidenzgroteskreg", Helvetica, sans-serif;
  font-size: 120px;
  letter-spacing: -0.02em;
  line-height: 120px;
  margin-top: 150px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  -webkit-animation: fade-in 2s;
  margin-left: auto;
  margin-right: auto;
  font-variant-ligatures: common-ligatures;

}


@media (max-width: 979px) {
  .about {
    font-size: 58px;
  }
}
@media (max-width: 979px) {
  .about {
    line-height: 60px;
  }
}
@media (max-width: 979px) {
  .about {
    margin-top: 140px;
  }
}
@media (max-width: 979px) {
  .about {
  letter-spacing: -0.02em;

  }
}
@media (max-width: 599px) {
  .about {
    font-size: 46px;
  }
}
@media (max-width: 599px) {
  .about {
    line-height: 48px;
  }
}
@media (max-width: 599px) {
  .about {
  letter-spacing: -0.02em;

  }
}
@media (max-width: 599px) {
  .about {
    margin-top: 40px;
  }
}
@media (max-width: 599px) {
  .about {
  padding-left: 7%;

  }
}

.project {
  font-family: "NB International Light", "akzidenzgrotesklight", Helvetica, sans-serif;
  font-size: 20px;
  letter-spacing: -0.03em;
  line-height: 20px;
  margin-top: 50px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 979px) {
  .project {
    font-size: 24px;
  }
}
@media (max-width: 979px) {
  .project {
    line-height: 30px;
  }
}
@media (max-width: 979px) {
  .project {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .project {
    font-size: 22px;
  }
}
@media (max-width: 599px) {
  .project {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .project {
    line-height: 28px;
  }
}
@media (max-width: 599px) {
  .project {
  }
}
@media (max-width: 599px) {
  .project {
    margin-top: 5px;
  }
}
@media (max-width: 599px) {
  .project {
  padding-left: 2.5%;

  }
}


.project_title {
  font-family: "SaolDisplay-RegularItalic", Helvetica, sans-serif;
  font-size: 72px;
  letter-spacing: -0.02em;
  line-height: 72px;
  margin-top: 72px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  margin-left: auto;
  margin-right: auto;
}

}
@media (max-width: 979px) {
  .project_title {
    font-size: 58px;
  }
}
@media (max-width: 979px) {
  .project_title {
    line-height: 72px;
  }
}
@media (max-width: 979px) {
  .project_title {
    margin-top: 60px;
  }
}
@media (max-width: 979px) {
  .project_title {
  letter-spacing: 0em;

  }
}
@media (max-width: 599px) {
  .project_title {
    font-size: 46px;
  }
}
@media (max-width: 599px) {
  .project_title {
    line-height: 42px;
  }
}
@media (max-width: 599px) {
  .project_title {
  letter-spacing: 0em;

  }
}
@media (max-width: 599px) {
  .project_title {
    margin-top: 40px;
  }
}
@media (max-width: 599px) {
  .project_title {
  padding-left: 7%;

  }
}

.project_info {
  font-family: "SaolText-Regular", Helvetica, sans-serif;
  font-size: 22px;
  letter-spacing: +0.03em;
  line-height: 34px;
  margin-top: 16px;
  padding-left: 0.5%;
  padding-right: 0.5%;
  color: #d7d7d7;
  margin-left: auto;
  margin-right: auto;
}

p {
    display: block;
    width: 750px;
    padding-left: 6.5%;
    padding-right: 7.0%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 979px) {
  p {
   display: block;
   width: 530px;
   padding-left: 6.5%;
  }
}
@media (max-width: 599px) {
  p {
   display: block;
   width: 300px;
  }
}


@media (max-width: 979px) {
  .project_info {
    font-size: 20px;
  }
}
@media (max-width: 979px) {
  .project_info {
    line-height: 30px;
  }
}
@media (max-width: 979px) {
  .project_info {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .project_info {
    font-size: 18px;
  }
}
@media (max-width: 599px) {
  .project_info {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .project_info {
    line-height: 23px;
  }
}
@media (max-width: 599px) {
  .project_info {
    margin-top: 5px;
  }
}
@media (max-width: 599px) {
  .project_info {
  padding-left: 0;
  padding-right: 0;

  }
}

  img {
  max-width: 100%;
  border-radius: 30px;
  padding-left: 0%;
  padding-right: 0%;
  margin-top: 2em;
  margin-bottom: 0em;
  }
}
@media (max-width: 979px) {
  img {
  max-width: 90%;
  border-radius: 10px;
  margin-top: 2em;
  }
}
@media (max-width: 599px) {
  img {
  max-width: 100%;
  border-radius: 8px;
  margin-top: 1em;
  padding-left: 0;
  padding-right: 0;
  }
}



.path_list {
  font-family: "NB International Light", "akzidenzgrotesklight", Helvetica, sans-serif;
  font-size: 30px;
  letter-spacing: -0.00em;
  line-height: 78px;
  margin-top: 20px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1279px) {
  .path_list {
    margin-top: 20px;
  }
}
@media (max-width: 979px) {
  .path_list {
    font-size: 24px;
  }
}
@media (max-width: 979px) {
  .path_list {
    line-height: 40px;
  }
}
@media (max-width: 979px) {
  .path_list {
    margin-top: 50px;
  }
}
@media (max-width: 979px) {
  .path_list {
  letter-spacing: 0em;

  }
}
@media (max-width: 599px) {
  .path_list {
    font-size: 20px;
  }
}
@media (max-width: 599px) {
  .path_list {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .path_list {
    line-height: 50px;
  }
}
@media (max-width: 599px) {
  .path_list {
  }
}
@media (max-width: 599px) {
  .path_list {
    margin-top: 20px;
  }
}
@media (max-width: 599px) {
  .path_list {
  padding-left: 2.5%;

  }
}


.photos {
  font-family: "NB International Light", "akzidenzgrotesklight", Helvetica, sans-serif;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 20px;
  margin-top: 50px;
  padding-left: 0.5%;
  padding-right: 0.5%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 979px) {
  .photos {
    font-size: 24px;
  }
}
@media (max-width: 979px) {
  .photos {
    line-height: 30px;
  }
}
@media (max-width: 979px) {
  .photos {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .photos {
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .photos {
    letter-spacing: +0.01empx;
  }
}
@media (max-width: 599px) {
  .photos {
    line-height: 28px;
  }
}
@media (max-width: 599px) {
  .photos {
  }
}
@media (max-width: 599px) {
  .photos {
    margin-top: 10px;
  }
}
@media (max-width: 599px) {
  .photos {

  }
}


  
.work_title {
  font-family: "NB International Bold", "akzidenzgroteskbold", Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: +0.08em;
  line-height: 50px;
  margin-top: 20px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  margin-left: auto;
  margin-right: auto;
}
}

@media (max-width: 979px) {
  .work_title {
    font-size: 24px;
  }
}
@media (max-width: 979px) {
  .work_title  {
    line-height: 30px;
  }
}
@media (max-width: 979px) {
  .work_title  {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .work_title  {
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .work_title  {
    letter-spacing: +0.06em;
  }
}
@media (max-width: 599px) {
  .work_title  {
    line-height: 28px;
  }
}
@media (max-width: 599px) {
  .work_title  {
  }
}
@media (max-width: 599px) {
  .work_title  {
    margin-top: 60px;
  }
}
@media (max-width: 599px) {
  .work_title  {
  padding-left: 7%;

  }
}


.work_list {
  font-family: "SaolText-Regular", Helvetica, sans-serif;
  font-size: 30px;
  letter-spacing: -0.00em;
  line-height: 70px;
  margin-top: 20px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 979px) {
  .work_list {
    font-size: 24px;
  }
}
@media (max-width: 979px) {
  .work_list {
    line-height: 40px;
  }
}
@media (max-width: 979px) {
  .work_list {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .work_list {
    font-size: 20px;
  }
}
@media (max-width: 599px) {
  .work_list {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .work_list {
    line-height: 40px;
  }
}
@media (max-width: 599px) {
  .work_list {
  }
}
@media (max-width: 599px) {
  .work_list {
    margin-top: 30px;
  }
}
@media (max-width: 599px) {
  .work_list {
  padding-left: 2.5%;

  }
}


.highlights_list {
  font-family: "SaolText-Regular", Helvetica, sans-serif;
  font-size: 30px;
  letter-spacing: -0.00em;
  line-height: 70px;
  margin-top: 20px;
  padding-left: 7.0%;
  padding-right: 7.0%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 979px) {
  .highlights_list {
    font-size: 24px;
  }
}
@media (max-width: 979px) {
  .highlights_list {
    line-height: 40px;
  }
}
@media (max-width: 979px) {
  .highlights_list {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .highlights_list {
    font-size: 18px;
  }
}
@media (max-width: 599px) {
  .highlights_list {
    letter-spacing: 0px;
  }
}
@media (max-width: 599px) {
  .highlights_list {
    line-height: 40px;
  }
}
@media (max-width: 599px) {
  .highlights_list {
  }
}
@media (max-width: 599px) {
  .highlights_list {
    margin-top: 30px;
  }
}
@media (max-width: 599px) {
  .highlights_list {
  padding-left: 2.5%;

  }
}



.talk {
  font-size: 30px;
  letter-spacing: -0.05em;
  line-height: 30px;
  margin-left: auto;
  margin-top: 20px;
  float: left;
  position: relative;
}

@media (max-width: 599px) {
  .talk {
  }
}
@media (max-width: 979px) {
  .talk {
  }
}

.no-touch .about a hover {
  text-decoration: line-through;
}