.Nav {
  position: absolute;
  width: 100%;
  padding: 40px 40px;

  white-space: nowrap;
  overflow-x: scroll;

  box-sizing: border-box;

  z-index: 2;
}

.Nav::-webkit-scrollbar {
  display: none;
}

.Nav.black {
  filter: invert(100%);
}

.Nav-link {
  display: inline-block;
  margin-right: 25px;

  font-weight: 500;
  transform: translate(0, -100px);

  animation-name: Nav-link-reveal;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.3,1.28,.6,1.02);
}

.Nav-link:last-child {
  margin-right: 0;
}

@keyframes Nav-link-reveal {
  0% {transform: translate(0, -100px);}
  100% {transform: translate(0, 0);}
}

html, body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;

  background: #232323;
  color: white;

  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

h1, h2 {
  margin: 15px 0;
}

h1 {
  font-size: 2.8em;
}

h2 {
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.3em;
}

h3 {
  margin: 0;
  font-weight: 500;
}

@media screen and (max-width: 500px) {
  h2 {
    font-size: 1.1em;
    line-height: 1.2em;
  }
}

.u-bold {
  font-weight: 700;
}

.u-secondary {
  font-size: 0.9em;
}

.u-color--white {
  color: white;
}

.u-color--black {
  color: black;
}

.u-button--action {
  padding: 10px 18px;
  border-radius: 20px;

  font-weight: 600;
}

.u-width--100vw {
  width: 100vw;
}

.u-height--120vh {
  height: 120vh;
}
[data-icon] {
  padding-right: 25px;
  background-size: 15px;
  background-position: center right;
  background-repeat: no-repeat;
}

[data-icon-alignment="left"] {
  padding-left: 25px;
  padding-right: 0;
  background-position: center left;
}

[data-icon="lightning"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA5IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bGlnaHRuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9ImxpZ2h0bmluZyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyIDYuNTU2OTQ5NDIgMiAwIDMuNjU2MDQyNjQgNC4zOTY5NTQ5NSA1LjMxMjA4NTI4IDMuMzI2NDE5ODIgNS4zMTIwODUyOCAxMCAzLjY1NjA0MjY0IDUuNjU4MzEwMTIiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
}

[data-icon="lightning--black"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA5IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+bGlnaHRuaW5nX2JsYWNrPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9ImxpZ2h0bmluZ19ibGFjayIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9ImxpZ2h0bmluZyIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSIyIDYuNTU2OTQ5NDIgMiAwIDMuNjU2MDQyNjQgNC4zOTY5NTQ5NSA1LjMxMjA4NTI4IDMuMzI2NDE5ODIgNS4zMTIwODUyOCAxMCAzLjY1NjA0MjY0IDUuNjU4MzEwMTIiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
}

[data-icon="external"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA5IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZXh0ZXJuYWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZXh0ZXJuYWwiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01LjI4ODQ1MzUsMi43MDcyNDc1OCBMMi40MDc3NDI2NywyLjcwNzI0NzU4IEwyLjQwNzc0MjY3LDIgTDYuNjU1NDE2MTIsMiBMNi42NTU0MTYxMiwyLjEyMjg2Mzc3IEw2LjY2MzIyODYyLDIuMTIyODYzNzcgTDYuNjYzMjI4NjIsNi4yMTM1NTA0MSBMNS45MTQwNDU1MSw2LjIxMzU1MDQxIEw1LjkxNDA0NTUxLDMuMzIxNDI1OSBMMS42MTk4MzI2Myw3LjUzNzI5MjQ4IEwxLDYuOTE3NDU5ODUgTDUuMjg4NDUzNSwyLjcwNzI0NzU4IFoiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIwLjUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
}

[data-icon="external--black"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA5IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZXh0ZXJuYWxfYmxhY2s8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZXh0ZXJuYWxfYmxhY2siIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01LjI4ODQ1MzUsMi43MDcyNDc1OCBMMi40MDc3NDI2NywyLjcwNzI0NzU4IEwyLjQwNzc0MjY3LDIgTDYuNjU1NDE2MTIsMiBMNi42NTU0MTYxMiwyLjEyMjg2Mzc3IEw2LjY2MzIyODYyLDIuMTIyODYzNzcgTDYuNjYzMjI4NjIsNi4yMTM1NTA0MSBMNS45MTQwNDU1MSw2LjIxMzU1MDQxIEw1LjkxNDA0NTUxLDMuMzIxNDI1OSBMMS42MTk4MzI2Myw3LjUzNzI5MjQ4IEwxLDYuOTE3NDU5ODUgTDUuMjg4NDUzNSwyLjcwNzI0NzU4IFoiIGlkPSJleHRlcm5hbCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjAuNSIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
}

[data-icon="download"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA5IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZG93bmxvYWQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZG93bmxvYWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8cGF0aCBkPSJNNi4xMjQyNTI1NiwxLjU4MzEyNDIyIEw2LjE4NDI5NjE1LDEuNjQ1NjY5NjMgTDYuMTg1MzcwOTgsMS41ODMxMjQyMiBMNi4xMjQyNTI1NiwxLjU4MzEyNDIyIFogTTUuNjQ2NjIxMTYsMS41ODMxMjQyMiBMMy4yNTk3MzE2OSwxLjU4MzEyNDIyIEwzLjI1OTczMTY5LDEuMDE3MzI2MTYgTDYuNzk5NDU5NTcsMS4wMTczMjYxNiBMNi43OTk0NTk1NywxLjU4MzEyNDIyIEw2Ljc4NDcxNzQ3LDEuNTgzMTI0MjIgTDYuNzM0MjkxNzYsNC41MTc0NTM5NiBMNi4xMzQ5NDUyNyw0LjUxNzQ1Mzk2IEw2LjE3NzEwMjkzLDIuMDY0MjUxMjkgTDIuNzAwMTk4MjEsNS42MTk5NDkxIEwyLjIwNDMzMjExLDUuMTAzNDIxOTEgTDUuNjQ2NjIxMTYsMS41ODMxMjQyMiBaIiBpZD0iQXJyb3ciIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIwLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNTAxODk2LCAzLjMxODYzOCkgcm90YXRlKDEzNS4wMDAwMDApIHRyYW5zbGF0ZSgtNC41MDE4OTYsIC0zLjMxODYzOCkgIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJTbGFiIiB4PSIwLjUiIHk9IjguMzMzMzMzMzMiIHdpZHRoPSI4IiBoZWlnaHQ9IjEuMjUiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

[data-icon="download--black"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA5IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+ZG93bmxvYWQgY29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJkb3dubG9hZC1jb3B5IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZG93bmxvYWQiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8cGF0aCBkPSJNNi4xMjQyNTI1NiwxLjU4MzEyNDIyIEw2LjE4NDI5NjE1LDEuNjQ1NjY5NjMgTDYuMTg1MzcwOTgsMS41ODMxMjQyMiBMNi4xMjQyNTI1NiwxLjU4MzEyNDIyIFogTTUuNjQ2NjIxMTYsMS41ODMxMjQyMiBMMy4yNTk3MzE2OSwxLjU4MzEyNDIyIEwzLjI1OTczMTY5LDEuMDE3MzI2MTYgTDYuNzk5NDU5NTcsMS4wMTczMjYxNiBMNi43OTk0NTk1NywxLjU4MzEyNDIyIEw2Ljc4NDcxNzQ3LDEuNTgzMTI0MjIgTDYuNzM0MjkxNzYsNC41MTc0NTM5NiBMNi4xMzQ5NDUyNyw0LjUxNzQ1Mzk2IEw2LjE3NzEwMjkzLDIuMDY0MjUxMjkgTDIuNzAwMTk4MjEsNS42MTk5NDkxIEwyLjIwNDMzMjExLDUuMTAzNDIxOTEgTDUuNjQ2NjIxMTYsMS41ODMxMjQyMiBaIiBpZD0iQXJyb3ciIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNTAxODk2LCAzLjMxODYzOCkgcm90YXRlKDEzNS4wMDAwMDApIHRyYW5zbGF0ZSgtNC41MDE4OTYsIC0zLjMxODYzOCkgIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJTbGFiIiB4PSIwLjUiIHk9IjguMzMzMzMzMzMiIHdpZHRoPSI4IiBoZWlnaHQ9IjEuMjUiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
}

.Hero {
  position: relative;
  display: flex;

  width: 100%;
  height: 100%;

  justify-content: center;
  align-items: center;

  overflow: hidden;
}

@media screen and (max-width: 960px) {
  .Hero {
    height: calc(100% - 100px);
  }
}

@media screen and (max-height: 400px) and (max-width: 960px) {
  .Hero {
    height: calc(100% - 20px);
  }
}

.Hero::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
  z-index: 1;
}

.Hero-image {
  position: relative;
  object-fit: cover;

  min-width: 100%;
  min-height: 100%;
  
  opacity: 0;
}

.Hero-image.is-loaded {
  animation-name: Hero-image-loaded;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}

@keyframes Hero-image-loaded {
  0% {opacity: 0;}
  100% {opacity: 0.4;}
}

.Hero .Hero-content {
  position: absolute;
  width: 100%;

  margin-left: 50px;
  padding: 40px;

  box-sizing: border-box;
  z-index: 1;
}

@media screen and (max-width: 960px) {
  .Hero .Hero-content {
    margin-left: 0;
    bottom: 20px;
  }
}
.Events {
  position: fixed;
  right: 0px;
  bottom: 0px;

  z-index: 2;
}

.Events-event {
  position: relative;
  display: flex;

  padding: 50px;

  background: white;

  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .Events {
    position: relative;
    right: auto;
  }

  .Events-event {
    width: 100%;
    padding: 40px;

    flex-direction: column;
    align-items: normal;
  }

  .Events-event-action {
    margin: 40px 0 0;
  }
}

.Events-event-title {
  margin-bottom: 10px;
}

.Events-event-content {
  width: 60%;
}