@charset "UTF-8";
@font-face {
  font-family: "fk";
  src: url("/f/fk.woff2") format("woff2"), url("/f/fk.woff") format("woff"); /* Safari, Android, iOS */
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "fk";
  src: url("/f/fk-italic.woff2") format("woff2"), url("/f/fk-italic.woff") format("woff"); /* Safari, Android, iOS */
  font-weight: 100 900;
  font-style: italic;
}
form {
  display: flex;
  flex-direction: column;
  max-width: 84vw;
  margin-top: 6rem;
  align-self: center;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
@media (max-width: 799px) {
  form {
    margin-top: 3rem;
  }
}
form > section {
  display: flex;
  flex-direction: column;
  pointer-events: none;
  opacity: 0.3;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  -khtml-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
form > section .body {
  opacity: 0;
  padding-left: 5rem;
  padding-right: 5rem;
  padding-bottom: 3rem;
  max-height: 0rem;
  display: flex;
  flex-direction: column;
  transition: max-height 1s;
  -moz-transition: max-height 1s;
  -khtml-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -webkit-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 799px) {
  form > section .body {
    padding-left: 0;
    padding-right: 0;
  }
}
form > section.valid, form > section.valid + section, form > section:nth-of-type(1), form > section:nth-of-type(1) + section {
  pointer-events: unset;
  opacity: 1;
}
form > section.valid .body, form > section.valid + section .body, form > section:nth-of-type(1) .body, form > section:nth-of-type(1) + section .body {
  opacity: 1;
  max-height: 40rem;
}
form > section.valid .step .number, form > section:nth-of-type(1) .step .number {
  background-color: var(--fg);
}
form h2 {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 2.6rem;
  color: var(--ac);
  text-align: left;
  -webkit-text-fill-color: rgba(var(--ac), 0.9);
}
@media (max-width: 799px) {
  form h2 {
    font-size: 1.8rem;
  }
}
form .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
}
form .row.formblock {
  background-color: rgba(var(--ac), 0.07);
  color: var(--ac);
  padding: 1rem;
  margin-top: 3rem;
  margin-bottom: 4rem;
}
form .row.formblock.valid {
  background-color: rgba(var(--fg), 0.07);
  color: var(--fg);
}
@media (max-width: 799px) {
  form .inputsocials {
    flex-direction: column;
  }
}
form .inputsocials > div {
  width: 50%;
}
@media (max-width: 799px) {
  form .inputsocials > div {
    width: unset;
  }
}
form input[type=text], form input[type=password], form textarea {
  background-color: rgba(var(--fg), 0.07);
  color: var(--fg);
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border: none;
  padding: 0.4em 0.4em 0.4em 0.7em;
  width: 100%;
  box-shadow: 3px 0 0 var(--fg) inset;
  cursor: auto !important;
  -webkit-touch-callout: auto;
  outline: none;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
form input[type=text]:focus, form input[type=text]:hover, form input[type=password]:focus, form input[type=password]:hover, form textarea:focus, form textarea:hover {
  background-color: rgba(var(--fg), 0.05);
}
form input[type=text]::-moz-placeholder, form input[type=password]::-moz-placeholder, form textarea::-moz-placeholder {
  color: var(--fg);
}
form input[type=text]::placeholder, form input[type=password]::placeholder, form textarea::placeholder {
  color: var(--fg);
}
form input[type=text][required], form input[type=password][required], form textarea[required] {
  background-color: rgba(var(--ac), 0.07);
  color: var(--ac);
}
form input[type=text][required]:focus, form input[type=text][required]:hover, form input[type=password][required]:focus, form input[type=password][required]:hover, form textarea[required]:focus, form textarea[required]:hover {
  background-color: rgba(var(--ac), 0.05);
}
form input[type=text][required]::-moz-placeholder, form input[type=password][required]::-moz-placeholder, form textarea[required]::-moz-placeholder {
  color: rgba(var(--ac), 0.5);
}
form input[type=text][required]::placeholder, form input[type=password][required]::placeholder, form textarea[required]::placeholder {
  color: rgba(var(--ac), 0.5);
}
form input[type=text].valid, form input[type=password].valid, form textarea.valid {
  background-color: rgba(var(--fg), 0.07);
  color: var(--fg);
}
form input[type=text].valid:focus, form input[type=text].valid:hover, form input[type=password].valid:focus, form input[type=password].valid:hover, form textarea.valid:focus, form textarea.valid:hover {
  background-color: rgba(var(--fg), 0.05);
}
form input[type=text].required, form input[type=text][required], form input[type=password].required, form input[type=password][required], form textarea.required, form textarea[required] {
  box-shadow: 3px 0 0 var(--ac) inset;
}
form input[type=text].required.valid, form input[type=text][required].valid, form input[type=password].required.valid, form input[type=password][required].valid, form textarea.required.valid, form textarea[required].valid {
  box-shadow: 3px 0 0 var(--fg) inset;
}
form textarea {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  min-height: 20rem;
  max-height: 20rem;
  height: 20rem;
}
form label:not(input + label) {
  color: var(--fg);
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
}
form label a {
  color: inherit;
  text-decoration: underline;
}
form input[type=checkbox]:not(old),
form input[type=radio]:not(old) {
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  margin-top: 0.25rem;
  margin-right: 1rem;
  position: relative;
  display: block;
  cursor: pointer;
  zoom: 0.01;
  -webkit-appearance: none;
}
form input[type=checkbox]:not(old)::before,
form input[type=radio]:not(old)::before {
  content: "";
  zoom: 100;
  position: absolute;
  color: var(--fg);
  border: 0.2rem solid var(--fg);
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
  justify-self: center;
  align-self: center;
  background-color: var(--fg);
  cursor: pointer !important;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
form input[type=checkbox]:not(old):hover::before,
form input[type=radio]:not(old):hover::before {
  box-shadow: 0px 0px 0px 2px rgba(var(--fg), 1) inset, 0px 0px 0px .8rem var(--fg) inset;
  -moz-box-shadow: 0px 0px 0px 2px rgba(var(--fg), 1) inset, 0px 0px 0px .8rem var(--fg) inset;
  -khtml-box-shadow: 0px 0px 0px 2px rgba(var(--fg), 1) inset, 0px 0px 0px .8rem var(--fg) inset;
  -ms-box-shadow: 0px 0px 0px 2px rgba(var(--fg), 1) inset, 0px 0px 0px .8rem var(--fg) inset;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(var(--fg), 1) inset, 0px 0px 0px .8rem var(--fg) inset;
  -o-box-shadow: 0px 0px 0px 2px rgba(var(--fg), 1) inset, 0px 0px 0px .8rem var(--fg) inset;
}
form input[type=checkbox]:not(old) + label,
form input[type=radio]:not(old) + label {
  cursor: pointer;
}
form input[type=checkbox]:not(old) {
  margin-left: 0.4rem;
}
form input[type=checkbox]:not(old):checked::before {
  background-color: rgba(var(--fg), 1);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.652 7.807"><polyline points="1.3 3.608 4.199 6.507 9.352 1.3" fill="none" stroke="var(--fg)" stroke-width="1.8"/></svg>');
  box-shadow: 0px 0px 0px 1px rgba(var(--fg), 1) inset;
  -moz-box-shadow: 0px 0px 0px 1px rgba(var(--fg), 1) inset;
  -khtml-box-shadow: 0px 0px 0px 1px rgba(var(--fg), 1) inset;
  -ms-box-shadow: 0px 0px 0px 1px rgba(var(--fg), 1) inset;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(var(--fg), 1) inset;
  -o-box-shadow: 0px 0px 0px 1px rgba(var(--fg), 1) inset;
}
form input[type=radio]:not(old)::before {
  border-radius: 50%;
}
form input[type=radio]:not(old):checked::before {
  background-color: rgba(var(--ac), 1);
  box-shadow: 0px 0px 0px 2px rgba(var(--ac), 1) inset, 0px 0px 0px .4rem var(--fg) inset;
  -moz-box-shadow: 0px 0px 0px 2px rgba(var(--ac), 1) inset, 0px 0px 0px .4rem var(--fg) inset;
  -khtml-box-shadow: 0px 0px 0px 2px rgba(var(--ac), 1) inset, 0px 0px 0px .4rem var(--fg) inset;
  -ms-box-shadow: 0px 0px 0px 2px rgba(var(--ac), 1) inset, 0px 0px 0px .4rem var(--fg) inset;
  -webkit-box-shadow: 0px 0px 0px 2px rgba(var(--ac), 1) inset, 0px 0px 0px .4rem var(--fg) inset;
  -o-box-shadow: 0px 0px 0px 2px rgba(var(--ac), 1) inset, 0px 0px 0px .4rem var(--fg) inset;
}
form .wordcount, form .wordcount *, form .charcount, form .charcount * {
  color: var(--fg);
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  line-height: 1.2em;
  font-weight: 500;
}
form .wordcount {
  margin-top: 0.4rem;
}
form #drop-area {
  background-color: rgba(var(--ac), 0.07);
  color: var(--ac);
  box-shadow: 3px 0 0 var(--ac) inset;
  height: 18rem;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  max-height: 26rem;
  overflow: hidden;
  gap: 0rem;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
form #drop-area .uploaded-image, form #drop-area .filename, form #drop-area p {
  max-width: 30rem;
}
form #drop-area .uploaded-image {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
}
form #drop-area .uploaded-image img {
  height: 20rem;
  box-shadow: 0px 10px 20px rgba(var(--fg), 0.1);
  border-radius: 0.2rem;
}
form #drop-area .filename {
  display: none;
  justify-content: center;
  margin: 0;
  color: var(--fg);
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
}
@media (max-width: 799px) {
  form #drop-area .filename {
    font-size: 0.7rem;
  }
}
form #drop-area .button {
  box-shadow: 0 2px 0 rgba(var(--ac), 0.2);
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
form #drop-area.valid {
  color: var(--fg);
  box-shadow: 3px 0 0 var(--fg) inset;
  background-color: rgba(var(--fg), 0.07);
  height: auto;
  gap: 1rem;
}
form #drop-area.valid:hover {
  background-color: rgba(var(--fg), 0.05);
}
form #drop-area.valid p {
  display: none;
}
form #drop-area.valid .filename, form #drop-area.valid .uploaded-image {
  display: flex;
}
form #drop-area, form #drop-area * {
  cursor: pointer;
}
form #drop-area:hover {
  background-color: rgba(var(--ac), 0.05);
}
form #drop-area:hover .button {
  box-shadow: 0 2px 0 rgba(var(--ac), 0.7);
}
form .sep {
  height: 0rem;
  position: relative;
}
form .sep::before {
  content: "";
  background-color: var(--fg);
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0px;
}
form .step {
  color: var(--fg);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
form .step .number {
  background-color: var(--ac);
  position: relative;
  top: 0.2rem;
  height: 3rem;
  width: 3rem;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.1rem;
  transform: skew(0deg, -12deg);
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
@media (max-width: 799px) {
  form .step .number {
    display: none;
  }
}

@keyframes rotateStep {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
:root {
  --fg: 0,0,0;
  --bgAlmost: 0,0,0;
  --bg: 255,251,243;
  --ac: 255,227,79;
  --invert: 0;
  --weightThin: 200;
  --weightRegular: 380;
  --weightSemibold: 380;
  --weightBold: 600;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fg: 255,255,255;
    --bgAlmost: 255,251,243;
    --bg: 0,0,0;
    --ac: 204,217,220;
    --invert: 1;
    --weightThin: 90;
    --weightRegular: 300;
    --weightSemibold: 380;
    --weightBold: 600;
  }
}
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

html, body {
  font-size: 17px;
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: var(--weightThin);
  color: rgb(var(--fg));
}

body {
  background-color: rgb(var(--bg));
  transition: all .8s, background-color 0s;
  -moz-transition: all .8s, background-color 0s;
  -khtml-transition: all .8s, background-color 0s;
  -ms-transition: all .8s, background-color 0s;
  -webkit-transition: all .8s, background-color 0s;
  -o-transition: all .8s, background-color 0s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 799px) {
  body {
    transition: all .8s, background-color 0s;
    -moz-transition: all .8s, background-color 0s;
    -khtml-transition: all .8s, background-color 0s;
    -ms-transition: all .8s, background-color 0s;
    -webkit-transition: all .8s, background-color 0s;
    -o-transition: all .8s, background-color 0s;
  }
}
body[data-scrolltop="1"] {
  background-color: rgb(var(--bg));
}
body[data-scrolltop="0"] {
  background-color: rgb(var(--bgAlmost));
}
body[data-mostinview=contactwrapper] #navtoggle {
  opacity: 0 !important;
  pointer-events: none !important;
}
body[data-mostinview=contactwrapper] main section:not(.stories, .references) {
  transform: scale(0.8);
}
body.disablebodyscroll {
  overflow: hidden !important;
  height: 100vh;
  width: 100vw;
}
body.disablebodyscroll #hamburger.open {
  pointer-events: auto;
}
body.disablebodyscroll main section > * {
  transform: scale(0.8) !important;
  opacity: 0;
  pointer-events: none;
}
body.disablebodyscroll main section#cover h1 {
  letter-spacing: 1em;
  opacity: 0;
  text-indent: 2em;
}
body.disablebodyscroll main section#cover h1.rotatedletters span {
  margin-right: -0.01em;
  transform: rotate(40deg) translateY(0.3em) !important;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(1) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.01s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.01s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.01s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.01s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.01s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.01s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(2) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.02s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.02s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.02s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.02s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.02s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.02s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(3) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.03s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.03s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.03s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.03s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.03s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.03s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(4) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(5) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(6) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.06s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.06s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.06s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.06s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.06s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.06s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(7) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.07s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.07s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.07s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.07s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.07s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.07s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(8) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(9) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.09s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.09s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.09s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.09s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.09s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.09s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(10) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(11) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.11s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.11s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.11s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.11s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.11s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.11s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(12) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(13) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.13s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.13s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.13s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.13s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.13s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.13s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(14) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.14s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.14s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.14s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.14s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.14s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.14s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(15) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(16) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(17) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.17s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.17s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.17s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.17s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.17s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.17s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(18) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.18s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.18s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.18s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.18s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.18s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.18s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(19) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.19s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.19s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.19s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.19s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.19s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.19s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(20) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(21) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.21s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.21s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.21s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.21s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.21s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.21s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(22) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.22s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.22s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.22s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.22s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.22s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.22s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(23) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.23s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.23s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.23s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.23s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.23s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.23s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(24) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(25) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(26) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.26s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.26s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.26s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.26s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.26s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.26s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(27) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.27s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.27s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.27s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.27s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.27s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.27s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(28) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(29) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.29s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.29s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.29s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.29s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.29s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.29s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(30) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(31) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.31s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.31s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.31s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.31s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.31s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.31s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(32) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(33) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.33s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.33s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.33s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.33s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.33s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.33s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(34) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.34s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.34s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.34s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.34s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.34s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.34s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(35) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(36) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(37) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.37s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.37s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.37s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.37s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.37s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.37s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(38) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.38s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.38s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.38s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.38s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.38s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.38s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(39) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.39s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.39s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.39s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.39s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.39s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.39s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(40) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(41) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.41s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.41s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.41s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.41s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.41s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.41s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(42) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.42s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.42s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.42s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.42s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.42s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.42s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(43) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.43s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.43s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.43s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.43s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.43s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.43s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(44) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(45) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(46) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.46s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.46s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.46s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.46s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.46s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.46s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(47) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.47s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.47s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.47s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.47s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.47s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.47s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(48) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
}
body.disablebodyscroll main section#cover h1.rotatedletters span:nth-child(49) {
  transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.49s;
  -moz-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.49s;
  -khtml-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.49s;
  -ms-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.49s;
  -webkit-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.49s;
  -o-transition: transform 0.4s cubic-bezier(0.56, 0, 0.08, 1.01) 0.49s;
}

* {
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: var(--weightRegular);
  font-feature-settings: "liga", "ss04";
  letter-spacing: 0.03em;
  line-height: 1.4em;
  cursor: default;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
@media (max-width: 799px) {
  * {
    font-size: 1.2rem;
  }
}

a, a *, button, button * {
  cursor: pointer;
}

a {
  color: rgb(var(--fg));
  text-decoration: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}

a.button, [type=submit], button {
  border: 0.1em solid rgb(var(--fg));
  background-color: transparent;
  border-radius: 2rem;
  padding: 1.1rem 1.5rem 1rem 1.5rem;
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02em;
  font-size: 1.4rem !important;
  font-weight: var(--weightSemibold) !important;
  color: rgb(var(--fg));
  align-self: center;
  cursor: pointer !important;
  box-shadow: none !important;
  transform: scale(1);
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
@media (max-width: 799px) {
  a.button, [type=submit], button {
    font-size: 1rem !important;
  }
}
a.button.ghost, [type=submit].ghost, button.ghost {
  background-color: transparent;
  color: rgb(var(--fg));
}
a.button.globe, a.button.li, a.button.email, a.button.ig, [type=submit].globe, [type=submit].li, [type=submit].email, [type=submit].ig, button.globe, button.li, button.email, button.ig {
  padding-left: 3.6rem;
  background-repeat: no-repeat;
  background-position: 1rem center;
  background-size: auto 1.8rem;
}
a.button.globe, [type=submit].globe, button.globe {
  background-image: url(/i/globe.svg);
}
a.button.li, [type=submit].li, button.li {
  background-image: url(/i/li.svg);
}
a.button.ig, [type=submit].ig, button.ig {
  background-image: url(/i/ig.svg);
}
a.button.email, [type=submit].email, button.email {
  background-image: url(/i/email.svg);
}
a.button[disabled], [type=submit][disabled], button[disabled] {
  color: rgba(255, 255, 255, 0.2);
  border: 0.1rem solid rgba(var(--fg), 0.1);
  cursor: default;
  pointer-events: none;
}
a.button:not([disabled]):hover, [type=submit]:not([disabled]):hover, button:not([disabled]):hover {
  color: rgb(var(--ac));
  border: 0.1em solid rgba(var(--ac), 1);
}
a.button:active:hover, [type=submit]:active:hover, button:active:hover {
  transform: scale(0.97);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.marquee {
  display: inline-block;
  white-space: nowrap;
}

h1, h2 {
  font-size: 34vw;
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: var(--weightSemibold);
  line-height: 0.9em;
  letter-spacing: -0.03em;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 1.8rem;
  padding-bottom: 0.8rem;
}
h1, h1 *, h2, h2 * {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
h1 span, h2 span {
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.2em;
  letter-spacing: inherit;
  color: rgb(var(--fg));
  margin-top: -0.1em;
}
h1 span + span, h2 span + span {
  margin-top: -0.5em;
}

h1 {
  position: relative;
  left: -0.08em;
  margin-top: 3vw;
}
@media (max-width: 1400px) {
  h1 {
    margin-top: 7vw;
  }
}
h1 + p {
  transition: all .4s;
  -moz-transition: all .4s;
  -khtml-transition: all .4s;
  -ms-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  margin-top: 0vw;
  margin-right: 40%;
}
@media (max-width: 1500px) {
  h1 + p {
    margin-right: 25%;
  }
}
@media (max-width: 1400px) {
  h1 + p {
    margin-right: 15%;
  }
}
@media (max-width: 799px) {
  h1 + p {
    margin-right: 6%;
    margin-bottom: 13vw;
  }
}
h1 + br + p {
  margin-bottom: 4rem;
}
@media (max-width: 799px) {
  h1 + br + p {
    margin-bottom: 6vw;
  }
}

h2 {
  padding-top: 3rem;
  padding-bottom: 1rem;
  letter-spacing: -0.01em;
  color: rgb(var(--fg));
  padding-top: 0;
  font-size: 4rem;
  line-height: 1.1em;
  font-weight: var(--weightRegular);
}
@media (max-width: 799px) {
  h2 {
    font-size: 11vw;
    padding-top: 2rem;
    padding-bottom: 0rem;
  }
}

h3 {
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1.6rem;
  color: rgb(var(--fg));
  font-weight: normal;
}

.nowrap {
  white-space: nowrap;
}
@media (max-width: 799px) {
  .nowrap {
    white-space: unset;
  }
}

p a, .actions a, .body a {
  color: rgb(var(--fg));
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  box-shadow: 0 0.05em 0 rgb(var(--fg));
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
p a:hover, .actions a:hover, .body a:hover {
  box-shadow: 0 0.1em 0 rgb(var(--fg));
}
p > strong, .actions > strong, .body > strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
}
p + h2, .actions + h2, .body + h2 {
  padding-top: 2rem;
}
@media (max-width: 799px) {
  p + h2, .actions + h2, .body + h2 {
    padding-top: 1rem;
  }
}
p.intro, .actions.intro, .body.intro {
  position: relative;
}
p.intro, p.intro *, .actions.intro, .actions.intro *, .body.intro, .body.intro * {
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 2rem;
}
@media (max-width: 1500px) {
  p.intro, p.intro *, .actions.intro, .actions.intro *, .body.intro, .body.intro * {
    font-size: 1.8rem;
  }
}
@media (max-width: 1400px) {
  p.intro, p.intro *, .actions.intro, .actions.intro *, .body.intro, .body.intro * {
    font-size: 1.6rem;
  }
}
@media (max-width: 799px) {
  p.intro, p.intro *, .actions.intro, .actions.intro *, .body.intro, .body.intro * {
    font-size: 1.5rem;
  }
}
@media (max-width: 1400px) {
  p.intro br, .actions.intro br, .body.intro br {
    display: none;
  }
}
p.intro > strong, .actions.intro > strong, .body.intro > strong {
  font-weight: bolder;
  line-height: inherit;
}
p + .actions, .actions + .actions, .body + .actions {
  margin-top: 2em;
}

p.arrow, a.arrow {
  margin-left: 4.6rem;
  position: relative;
  box-shadow: none;
}
p.arrow::before, a.arrow::before {
  content: "";
  height: 2rem;
  width: 4rem;
  position: absolute;
  left: -5.1rem;
  top: -0.2rem;
}
p.arrow.arrowup::before, a.arrow.arrowup::before {
  background-image: url(/i/arrow_upward.svg);
}
p.svg, a.svg {
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-shadow: none;
  margin-left: 2.6em;
  position: relative;
}
p.svg svg, a.svg svg {
  display: inline-block;
  height: 1em;
  width: 2em;
  position: absolute;
  left: -2.6em;
  top: 0.1em;
}
p.svg svg, p.svg svg *, a.svg svg, a.svg svg * {
  stroke: rgb(var(--fg));
  stroke-width: 2;
}
p[target=_blank]:not(.button), a[target=_blank]:not(.button) {
  position: relative;
}
p[target=_blank]:not(.button)::after, a[target=_blank]:not(.button)::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.4em;
  right: -0.1em;
  width: 0.4em;
  height: 0.4em;
  background-image: url(/i/externallink.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% 100%;
  pointer-events: none;
  filter: invert(var(--invert));
}
p a, a a {
  user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  -o-user-select: auto;
  user-drag: auto;
  -moz-user-drag: auto;
  -khtml-user-drag: auto;
  -ms-user-drag: auto;
  -webkit-user-drag: auto;
  -o-user-drag: auto;
}

.actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.6em;
}
.actions button, .actions .button {
  display: inline-block;
  line-height: 1em;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
.actions a {
  line-height: 1.3em;
  display: block;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
.actions a:active:hover {
  transform: scale(0.97);
}
.actions a.arrow, .actions a.svg {
  margin-right: 3em;
}
.actions + .actions {
  margin-top: 1em;
}

html body[data-scrolltop="0"] > main {
  transform: scale(0.74);
}
@media (max-width: 799px) {
  html body[data-scrolltop="0"] > main {
    transform: scale(1);
  }
}
html body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}
html body::after {
  content: "";
  background-color: rgb(var(--bg));
  top: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: -1;
  opacity: 1 !important;
}
html body::before, html body::after {
  transition: all .3s;
  -moz-transition: all .3s;
  -khtml-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  opacity: 0;
}
html body.disabletransitions, html body.disabletransitions * {
  transition: none !important;
  -moz-transition: none !important;
  -khtml-transition: none !important;
  -ms-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
}
html body > main {
  opacity: 1;
  pointer-events: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  overflow: hidden;
  max-width: 100vw;
  padding-left: calc(4vw / 2);
  padding-right: calc(4vw / 2);
  flex-grow: 1;
  background-color: rgb(var(--bg));
  border-radius: 0.4vw;
  transform-origin: center bottom;
  transition: all .8s;
  -moz-transition: all .8s;
  -khtml-transition: all .8s;
  -ms-transition: all .8s;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 799px) {
  html body > main {
    padding-left: calc(6vw / 2);
    padding-right: calc(6vw / 2);
    border-radius: 0.4vw 0.4vw 60vw 60vw;
  }
}
html body > main section {
  transform: scale(1);
  transform-origin: center bottom;
  transition: all .8s;
  -moz-transition: all .8s;
  -khtml-transition: all .8s;
  -ms-transition: all .8s;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body > main.mostinview {
  transform: scale(1);
}
html body > main.fullwidth {
  width: 100%;
  max-width: 94vw;
}
html body > main.midcenter {
  justify-content: center;
  align-items: center;
  text-align: center;
}
html body > main .socials {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2rem;
  padding-top: 6vw;
}
html body > main .socials .social {
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999999px;
  overflow: hidden;
  transform: scale(1);
  transition: all .3s;
  -moz-transition: all .3s;
  -khtml-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 799px) {
  html body > main .socials .social {
    width: 2rem;
    height: 2rem;
  }
}
html body > main .socials .social.xcom {
  background-image: url(/i/social_x.svg);
}
html body > main .socials .social.tw {
  background-image: url(/i/social_tw.svg);
}
html body > main .socials .social.ig {
  background-image: url(/i/social_ig.svg);
}
html body > main .socials .social.fb {
  background-image: url(/i/social_fb.svg);
}
html body > main .socials .social.th {
  background-image: url(/i/social_th.svg);
}
html body > main .socials .social:hover {
  transform: scale(1.1);
}
html body > main .links a {
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
  transition: all .3s;
  -moz-transition: all .3s;
  -khtml-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body > main .links a:hover {
  box-shadow: 0px 2px 0px rgb(var(--bg));
  color: rgb(var(--ac));
}
html body > main .links a:hover::after {
  top: 1em;
  height: 2em;
  opacity: 1;
}
html body > main .links {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding-top: 2rem;
}
@media (max-width: 799px) {
  html body > main .links {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding-bottom: 2rem;
  }
}
html body > header {
  width: 160rem;
  max-width: 96vw;
  display: flex;
  gap: 4vw;
  padding: 1.65rem 0vw 0rem 0vw;
  pointer-events: none;
}
@media (max-width: 799px) {
  html body > header {
    padding: 1.5rem 0vw 6vw 0vw;
  }
}
html body > header #hamburger {
  position: fixed;
  left: 0rem;
  right: 0vw;
  top: 0vw;
  gap: 0.5rem;
  flex-direction: column;
  pointer-events: none;
  display: none;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100vh;
  width: 100vw;
  justify-content: center;
}
@media (max-width: 799px) {
  html body > header #hamburger {
    display: flex;
  }
}
html body > header #hamburger #navtoggle {
  pointer-events: auto;
  top: 4vw;
  right: 4vw;
  height: calc(2rem + 2vw);
  width: calc(2rem + 2vw);
  display: flex;
  cursor: pointer !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -khtml-transition: opacity .4s;
  -ms-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
}
@media (max-width: 799px) {
  html body > header #hamburger #navtoggle {
    height: calc(2rem + 3vw);
    width: calc(2rem + 3vw);
  }
}
html body > header #hamburger #navtoggle svg {
  width: 100% !important;
  height: 100% !important;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (prefers-color-scheme: dark) {
  html body > header #hamburger #navtoggle svg {
    filter: invert(1);
  }
}
html body > header #hamburger #navtoggle svg [fill], html body > header #hamburger #navtoggle svg * [fill] {
  stroke: none;
  transition: all cubic-bezier(0.56, 0, 0.08, 1.01) .3s;
  -moz-transition: all cubic-bezier(0.56, 0, 0.08, 1.01) .3s;
  -khtml-transition: all cubic-bezier(0.56, 0, 0.08, 1.01) .3s;
  -ms-transition: all cubic-bezier(0.56, 0, 0.08, 1.01) .3s;
  -webkit-transition: all cubic-bezier(0.56, 0, 0.08, 1.01) .3s;
  -o-transition: all cubic-bezier(0.56, 0, 0.08, 1.01) .3s;
}
html body > header #hamburger #navtoggle svg [stroke], html body > header #hamburger #navtoggle svg * [stroke] {
  stroke-width: 24;
}
@media (prefers-color-scheme: dark) {
  html body > header #hamburger #navtoggle svg [stroke], html body > header #hamburger #navtoggle svg * [stroke] {
    stroke-width: 28.8;
  }
}
html body > header #hamburger #navtoggle:hover svg [stroke], html body > header #hamburger #navtoggle:hover svg [stroke="rgb(0,0,0)"], html body > header #hamburger #navtoggle:hover svg * [stroke], html body > header #hamburger #navtoggle:hover svg * [stroke="rgb(0,0,0)"] {
  stroke-width: 24;
}
@media (prefers-color-scheme: dark) {
  html body > header #hamburger #navtoggle:hover svg [stroke], html body > header #hamburger #navtoggle:hover svg [stroke="rgb(0,0,0)"], html body > header #hamburger #navtoggle:hover svg * [stroke], html body > header #hamburger #navtoggle:hover svg * [stroke="rgb(0,0,0)"] {
    stroke-width: 28.8;
  }
}
html body > header #hamburger #navtoggle:hover svg [stroke="rgb(0,0,0)"], html body > header #hamburger #navtoggle:hover svg * [stroke="rgb(0,0,0)"] {
  stroke-dashoffset: 200;
}
html body > header #hamburger #navtoggle:active:hover svg {
  transform: scale(0.95) !important;
  transform-origin: 50% 50%;
}
html body > header #hamburger #navtoggle:active:hover svg [stroke], html body > header #hamburger #navtoggle:active:hover svg [stroke="rgb(0,0,0)"], html body > header #hamburger #navtoggle:active:hover svg * [stroke], html body > header #hamburger #navtoggle:active:hover svg * [stroke="rgb(0,0,0)"] {
  stroke-width: 24;
}
@media (prefers-color-scheme: dark) {
  html body > header #hamburger #navtoggle:active:hover svg [stroke], html body > header #hamburger #navtoggle:active:hover svg [stroke="rgb(0,0,0)"], html body > header #hamburger #navtoggle:active:hover svg * [stroke], html body > header #hamburger #navtoggle:active:hover svg * [stroke="rgb(0,0,0)"] {
    stroke-width: 24;
  }
}
html body > header #hamburger #navtoggle.logo img {
  position: relative;
  height: 3.5rem;
  width: 3.5rem;
}
html body > header #hamburger > .items {
  position: relative;
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 2vh;
  margin-top: -16vh;
}
@media (max-width: 799px) {
  html body > header #hamburger > .items {
    transform: scale(0.7);
    transform-origin: 0 0;
  }
}
html body > header #hamburger > .items .item {
  display: inline-flex;
  align-self: flex-start;
  position: relative;
  opacity: 0;
  pointer-events: none;
  top: -5rem;
  left: 0rem;
  right: unset;
  transform: scaleY(0.8) rotate(0deg);
}
html body > header #hamburger > .items .item:nth-child(1) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.04s;
}
html body > header #hamburger > .items .item:nth-child(2) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.08s;
}
html body > header #hamburger > .items .item:nth-child(3) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.12s;
}
html body > header #hamburger > .items .item:nth-child(4) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
}
html body > header #hamburger > .items .item:nth-child(5) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
}
html body > header #hamburger > .items .item:nth-child(6) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.24s;
}
html body > header #hamburger > .items .item:nth-child(7) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.28s;
}
html body > header #hamburger > .items .item:nth-child(8) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
}
html body > header #hamburger > .items .item:nth-child(9) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.36s;
}
html body > header #hamburger > .items .item:nth-child(10) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
}
html body > header #hamburger > .items .item:nth-child(11) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.44s;
}
html body > header #hamburger > .items .item:nth-child(12) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
}
html body > header #hamburger > .items .item:nth-child(13) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.52s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.52s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.52s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.52s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.52s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.52s;
}
html body > header #hamburger > .items .item:nth-child(14) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.56s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.56s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.56s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.56s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.56s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.56s;
}
html body > header #hamburger > .items .item:nth-child(15) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
}
html body > header #hamburger > .items .item:nth-child(16) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
}
html body > header #hamburger > .items .item:nth-child(17) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.68s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.68s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.68s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.68s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.68s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.68s;
}
html body > header #hamburger > .items .item:nth-child(18) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.72s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.72s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.72s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.72s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.72s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.72s;
}
html body > header #hamburger > .items .item:nth-child(19) {
  transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.76s;
  -moz-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.76s;
  -khtml-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.76s;
  -ms-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.76s;
  -webkit-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.76s;
  -o-transition: all 0.3s cubic-bezier(0.56, 0, 0.08, 1.01) 0.76s;
}
html body > header #hamburger > .items .item a {
  display: flex;
  align-items: center;
  color: rgb(var(--fg));
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-transform: lowercase;
  font-weight: 310;
  font-size: 22rem;
  padding: 0em;
  opacity: 0;
  letter-spacing: 2em;
  line-height: 1em;
  transition: all .3s, letter-spacing .2s;
  -moz-transition: all .3s, letter-spacing .2s;
  -khtml-transition: all .3s, letter-spacing .2s;
  -ms-transition: all .3s, letter-spacing .2s;
  -webkit-transition: all .3s, letter-spacing .2s;
  -o-transition: all .3s, letter-spacing .2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 799px) {
  html body > header #hamburger > .items .item a {
    font-size: 40vw;
  }
}
html body > header #hamburger > .items .item a, html body > header #hamburger > .items .item a * {
  color: rgb(var(--fg));
  text-decoration: none;
}
html body > header #hamburger > .items .item a::after {
  content: "";
  height: 0.06em;
  width: 0%;
  background-color: rgb(var(--fg));
  position: absolute;
  top: 0.67em;
  z-index: 3;
  transition: width .2s .2s;
  -moz-transition: width .2s .2s;
  -khtml-transition: width .2s .2s;
  -ms-transition: width .2s .2s;
  -webkit-transition: width .2s .2s;
  -o-transition: width .2s .2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body > header #hamburger > .items .item.active a {
  opacity: 0;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
html body > header #hamburger > .items .item.active a::after {
  width: 140%;
}
html body > header #hamburger > .items .item.active a:hover::after {
  width: 0%;
}
html body > header #hamburger::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--bg));
  opacity: 0;
  z-index: -1;
  transition: all ease .4s;
  -moz-transition: all ease .4s;
  -khtml-transition: all ease .4s;
  -ms-transition: all ease .4s;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
}
html body > header #hamburger.open .items {
  position: relative;
}
html body > header #hamburger.open .items .item {
  top: 0rem;
  left: 0rem;
  right: unset;
  opacity: 1;
  pointer-events: auto;
  transform: scaleY(1) rotate(3deg);
}
html body > header #hamburger.open .items .item:nth-child(even) {
  transform: scaleY(1) rotate(-3deg);
}
html body > header #hamburger.open .items .item a {
  opacity: 1;
  line-height: 1.3em;
  letter-spacing: -0.01em;
  font-size: 5rem;
}
html body > header #hamburger.open .items .item.active a {
  opacity: 1;
}
html body > header #hamburger.open::after {
  opacity: 1;
  pointer-events: all;
}
html body > header #hamburger.right {
  align-items: flex-end;
}
@media (max-width: 799px) {
  html body > header #hamburger.right #navtoggle {
    transform-origin: 100% 0;
  }
}
@media (max-width: 799px) {
  html body > header #hamburger.right > .items {
    transform-origin: 50% 50%;
  }
}
html body > header #hamburger.right > .items .item {
  align-self: center;
  left: unset;
  right: 0rem;
}
html body > header #hamburger.right.open .items .item {
  left: unset;
  right: 0rem;
}
html body > header #hamburger.right.open + #sitetitle svg, html body > header #hamburger.right.open + #sitetitle svg * {
  stroke: #FFE34F !important;
}
html body > header #sitetitle {
  position: relative;
  top: -0.2rem;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  align-items: flex-start;
  align-items: center;
  justify-content: center;
}
html body > header #sitetitle, html body > header #sitetitle * {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
html body > header #sitetitle a.title {
  height: 2.4rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.8rem;
  align-items: center;
  color: rgb(var(--fg));
  line-height: 1.2em;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
html body > header #sitetitle a.title, html body > header #sitetitle a.title * {
  font-size: 1.4rem;
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: var(--weightSemibold);
}
html body > header #sitetitle a.title svg {
  height: 2.6rem;
  width: 2rem;
}
html body > header #sitetitle a.title svg, html body > header #sitetitle a.title svg * {
  fill: none;
  stroke: rgb(var(--fg));
  stroke-width: 0.3rem;
  overflow: visible;
}
html body > header #sitetitle a.title span {
  display: none;
}
html body > header #sitetitle a.title:hover {
  color: rgba(255, 227, 79, 0.9);
}
html body > header #sitetitle a.title:hover svg, html body > header #sitetitle a.title:hover svg * {
  stroke: rgb(var(--ac));
}
html body > header #sitetitle a.title:active:hover {
  transform: scale(0.9);
}
html body > header #sitetitle .subtitle, html body > header #sitetitle .subtitle * {
  color: rgb(var(--fg));
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.02em;
  font-weight: var(--weightRegular);
  line-height: 1em;
}
html body > header #sitetitle .subtitle a {
  color: rgb(var(--ac));
  font-weight: var(--weightSemibold);
}
html body > header #sitetitle .subtitle a:hover {
  color: rgba(255, 227, 79, 0.9);
}
html body > header nav {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  width: 100%;
}
@media (max-width: 799px) {
  html body > header nav {
    display: none;
  }
}
html body > header nav .items {
  display: flex;
  flex-direction: row;
  gap: 3em;
  align-items: center;
}
html body > header nav .items .item {
  display: flex;
  height: 1em;
}
html body > header nav .items .item a {
  display: flex;
  position: relative;
  align-items: center;
  line-height: 1em;
  color: rgba(var(--fg), 1);
  font-size: 1rem !important;
  font-weight: var(--weightRegular);
  letter-spacing: 0.03em;
  pointer-events: all;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
@media (prefers-color-scheme: dark) {
  html body > header nav .items .item a {
    font-weight: var(--weightRegular);
  }
}
html body > header nav .items .item a.button {
  padding: 0.3rem 1rem 0.1rem 1rem;
  position: relative;
  top: -0.1rem;
}
html body > header nav .items .item a.button.ghost {
  color: rgb(var(--fg));
  border-color: rgb(var(--fg));
}
html body > header nav .items .item a:hover {
  color: rgb(var(--fg));
}
html body > header nav .items .item a:hover.button.ghost {
  color: rgb(var(--ac));
  background-color: rgb(var(--bg));
  border-color: rgb(var(--ac));
}
html body > header nav .items .item a:hover::after {
  width: 100%;
}
html body > header nav .items .item a::after {
  content: "";
  height: 0.04em;
  width: 0%;
  background-color: rgb(var(--fg));
  position: absolute;
  top: 1.42em;
  z-index: 3;
  transition: width .2s;
  -moz-transition: width .2s;
  -khtml-transition: width .2s;
  -ms-transition: width .2s;
  -webkit-transition: width .2s;
  -o-transition: width .2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body > header nav .items .item.active a {
  color: rgba(var(--fg), 1);
}
html body > header nav .items .item.active a::after {
  width: 100%;
}
html body > header nav .items + .items {
  gap: 2em;
}
html body > header #sitetitle a.title .logo {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/i/sitelogo.svg);
  height: 3rem;
  width: 3rem;
  margin-top: 0.2em;
}
@media (prefers-color-scheme: dark) {
  html body > header #sitetitle a.title .logo {
    filter: invert(1);
  }
}
html body > footer {
  padding-bottom: 1rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
}
@media (max-width: 1400px) {
  html body > footer {
    width: 92vw;
    padding: 2rem 0vw calc(1rem + 1vw) 0vw;
  }
}
html body > footer nav {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 1rem;
  justify-content: space-between;
  width: 60rem;
  max-width: 96vw;
}
@media (max-width: 799px) {
  html body > footer nav {
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 799px) {
  html body > footer nav::after {
    content: "";
    width: 2rem;
    height: 2rem;
    padding-bottom: 4rem;
    background-repeat: no-repeat;
    background-size: 2rem auto;
    background-image: url(/i/sitelogo.svg);
    filter: invert(1);
  }
}
@media (max-width: 799px) and (prefers-color-scheme: dark) {
  html body > footer nav::after {
    filter: invert(0);
  }
}
html body > footer nav, html body > footer nav * {
  font-size: 1rem;
  font-weight: var(--weightRegular);
  line-height: 1.2em;
  color: rgb(var(--bg));
}
@media (prefers-color-scheme: dark) {
  html body > footer nav, html body > footer nav * {
    font-weight: var(--weightSemibold);
  }
}
@media (max-width: 799px) {
  html body > footer nav, html body > footer nav * {
    font-size: 1rem;
  }
}
html body > footer nav .items {
  display: flex;
  flex-direction: row;
  gap: 4em;
  align-items: center;
  height: 4rem;
  justify-content: center;
  width: 100%;
}
@media (max-width: 799px) {
  html body > footer nav .items {
    flex-direction: column;
    height: unset;
    gap: 1rem;
  }
}
html body > footer nav .items .item a {
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
html body > footer .footerlogo {
  filter: invert(1);
}
@media (prefers-color-scheme: dark) {
  html body > footer .footerlogo {
    filter: invert(0);
  }
}
@media (max-width: 799px) {
  html body > footer .footerlogo {
    display: none;
  }
}
html body > footer .footerlogo svg {
  height: 3rem;
  width: 3rem;
}
html body > footer .footerlogo svg, html body > footer .footerlogo svg * {
  overflow: visible;
  transition: all .4s;
  -moz-transition: all .4s;
  -khtml-transition: all .4s;
  -ms-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
html body > footer .footerlogo span {
  display: none;
}
html body > footer .siteby {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.2rem;
  opacity: 0.6;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
@media (max-width: 799px) {
  html body > footer .siteby {
    margin-top: 4rem;
    transform: scale(0.8);
  }
}
html body > footer .siteby span {
  display: inline-block;
  overflow: hidden;
  width: 0px;
}
html body > footer .siteby svg {
  width: 2rem;
  height: 2rem;
}
html body > footer .siteby svg, html body > footer .siteby svg * {
  fill: rgb(var(--bg));
}
html body > footer .siteby:hover {
  opacity: 1;
}
html body > footer .siteby:hover svg, html body > footer .siteby:hover svg * {
  fill: black;
}
html body #back {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 2rem;
  left: 2rem;
  margin-right: 5vw;
  opacity: 0.3;
  transition: all .2s;
  -moz-transition: all .2s;
  -khtml-transition: all .2s;
  -ms-transition: all .2s;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
}
html body #back, html body #back * {
  cursor: pointer !important;
}
@media (max-width: 1400px) {
  html body #back {
    top: 2rem;
    left: 1.2rem;
    width: 1.4rem;
    height: 1.4rem;
  }
}
html body #back svg {
  width: 100%;
  height: 100%;
}
html body #back svg, html body #back svg * {
  stroke: rgb(var(--fg));
  stroke-width: 2;
}
html body #back:hover {
  opacity: 1;
}
html body section {
  width: 100%;
}
html body section > * {
  opacity: 1;
  pointer-events: unset;
  transition: all .3s;
  -moz-transition: all .3s;
  -khtml-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 1400px) {
  html body section {
    max-width: 160rem;
  }
}
@media (max-width: 799px) {
  html body section {
    max-width: 100%;
  }
}
html body section#projectintro {
  display: flex;
  flex-direction: row;
  gap: 3vw;
}
@media (max-width: 1500px) {
  html body section#projectintro {
    flex-direction: column-reverse;
    gap: 2vw;
  }
}
html body section#projectintro .meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 5vw;
  margin-bottom: 2vw;
  transition: all 1.2s;
  -moz-transition: all 1.2s;
  -khtml-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body section#projectintro .meta, html body section#projectintro .meta * {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
@media (max-width: 1500px) {
  html body section#projectintro .meta {
    margin-bottom: 3vw;
  }
}
@media (max-width: 1400px) {
  html body section#projectintro .meta {
    margin-top: 5vw;
    flex-wrap: wrap;
  }
}
@media (max-width: 799px) {
  html body section#projectintro .meta {
    justify-content: flex-start;
  }
}
html body section#projectintro .meta ul {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  opacity: 0;
}
html body section#projectintro .meta ul:nth-child(1) {
  transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -moz-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -khtml-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -ms-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -webkit-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
  -o-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.16s;
}
html body section#projectintro .meta ul:nth-child(2) {
  transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -moz-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -khtml-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -ms-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -webkit-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
  -o-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.32s;
}
html body section#projectintro .meta ul:nth-child(3) {
  transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -moz-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -khtml-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -ms-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -webkit-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
  -o-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.48s;
}
html body section#projectintro .meta ul:nth-child(4) {
  transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -moz-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -khtml-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -ms-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -webkit-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
  -o-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.64s;
}
html body section#projectintro .meta ul, html body section#projectintro .meta ul * {
  margin: 0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
  font-size: 1.1rem;
}
html body section#projectintro .meta ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-right: 5vw;
}
html body section#projectintro .meta ul li.head {
  font-size: 0.9rem;
  font-weight: var(--weightRegular);
  letter-spacing: 0.02em;
  margin-bottom: 0.5em;
  opacity: 0.5;
  white-space: nowrap;
}
@media (max-width: 1400px) {
  html body section#projectintro .meta ul li.head {
    margin-bottom: 0em;
  }
}
@media (max-width: 799px) {
  html body section#projectintro .meta ul li.head {
    display: none;
  }
}
html body section#projectintro .meta ul li a:not(:last-of-type)::after {
  content: ",";
  padding-right: 0.5rem;
}
html body section#projectintro .meta ul li a::first-letter {
  text-transform: uppercase;
}
@media (max-width: 799px) {
  html body section#projectintro .meta ul.type, html body section#projectintro .meta ul.deliverables {
    opacity: 0.6;
    display: none;
  }
  html body section#projectintro .meta ul.type, html body section#projectintro .meta ul.type *, html body section#projectintro .meta ul.deliverables, html body section#projectintro .meta ul.deliverables * {
    font-size: 0.9rem;
    font-weight: var(--weightThin);
    letter-spacing: 0em;
  }
}
@media (max-width: 799px) {
  html body section#projectintro .meta ul.intro {
    margin-top: 2em;
  }
}
html body section#projectintro .intro {
  margin-bottom: 4rem;
}
html body section#projectintro.inview .meta ul {
  gap: 0.4rem;
  opacity: 1;
  background-color: transparent;
}
html body section#about {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
@media (max-width: 1400px) {
  html body section#about {
    flex-direction: column-reverse;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 0;
  }
}
@media (max-width: 799px) {
  html body section#about {
    padding-top: 0rem;
  }
}
html body section#about > div {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (max-width: 1400px) {
  html body section#about > div {
    width: unset;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}
@media (max-width: 799px) {
  html body section#about > div {
    padding-top: 1rem;
    padding-bottom: 0rem;
  }
}
html body section#about > div .actions {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding-bottom: 3rem;
}
@media (max-width: 799px) {
  html body section#about > div .actions {
    padding-bottom: 0rem;
    gap: 0.6rem;
  }
}
html body section#about > div .actions .button {
  display: inline-block;
}
html body section#about > div .actions .button:hover {
  background-color: rgb(var(--bg));
  border-color: rgb(var(--bg));
}
html body section#carrousel.references {
  width: calc(100% + 4vw);
  max-width: calc(100% + 4vw);
  display: flex;
  justify-content: space-evenly;
  align-self: center;
  height: 16rem;
  margin-top: 5vw;
  margin-bottom: 0vw;
  flex-direction: column;
  overflow: hidden;
}
html body section#carrousel.references, html body section#carrousel.references * {
  pointer-events: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
html body section#carrousel.references p {
  text-align: center;
  padding-left: 10vw;
  padding-right: 10vw;
}
@media (max-width: 799px) {
  html body section#carrousel.references p {
    font-size: 1rem;
    opacity: 0.6;
  }
}
html body section#carrousel.references .clientlogos {
  display: grid;
  grid-auto-flow: column;
  gap: 7rem;
  align-self: center;
  align-items: center;
  overflow: hidden;
  filter: invert(var(--invert));
}
@media (max-width: 1400px) {
  html body section#carrousel.references .clientlogos {
    gap: 4rem;
  }
}
@media (max-width: 799px) {
  html body section#carrousel.references .clientlogos {
    gap: 3rem;
  }
}
html body section#carrousel.references .clientlogos img {
  height: 10rem;
  max-width: 16rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1400px) {
  html body section#carrousel.references .clientlogos img {
    height: 8rem;
  }
}
@media (max-width: 799px) {
  html body section#carrousel.references .clientlogos img {
    height: 6rem;
  }
}
html body section#carrousel.references::after, html body section#carrousel.references::before {
  position: absolute;
  border: 10px dotted rgb(var(--bg));
  border-radius: 50%;
  height: 4.5rem;
  width: 4.5rem;
  top: -0.35rem;
  z-index: -2;
  animation: rotateStep 4s linear infinite;
}
html body section#carrousel.references::after {
  left: -0.4rem;
}
html body section#carrousel.references::before {
  right: -0.4rem;
}
html body section#process .intro {
  margin-top: 2em;
  margin-bottom: 2em;
}
html body section.thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@keyframes nudge {
  25% {
    transform: translate(calc(var(--nudge-x, 0) * -1), calc(var(--nudge-y, 0) * -1));
  }
  50% {
    transform: translate(var(--nudge-x/2, 0), var(--nudge-y/2, 0));
  }
  75% {
    transform: translate(calc(var(--nudge-x/2, 0) * -1), calc(var(--nudge-y/2, 0) * -1));
  }
  100% {
    transform: translate(calc(var(--nudge-x/3, 0)), calc(var(--nudge-y/3, 0)));
  }
}
html body section.thumbnails > a, html body section.thumbnails > .project, html body section.thumbnails > .spacer {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10vw;
  opacity: 0;
  transform: scale(0.9) translateY(1rem);
  transition: transform .8s;
  -moz-transition: transform .8s;
  -khtml-transition: transform .8s;
  -ms-transition: transform .8s;
  -webkit-transition: transform .8s;
  -o-transition: transform .8s;
  transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -moz-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -khtml-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -ms-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -webkit-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -o-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
}
html body section.thumbnails > a:nth-child(1), html body section.thumbnails > .project:nth-child(1), html body section.thumbnails > .spacer:nth-child(1) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(2), html body section.thumbnails > .project:nth-child(2), html body section.thumbnails > .spacer:nth-child(2) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(3), html body section.thumbnails > .project:nth-child(3), html body section.thumbnails > .spacer:nth-child(3) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(4), html body section.thumbnails > .project:nth-child(4), html body section.thumbnails > .spacer:nth-child(4) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(5), html body section.thumbnails > .project:nth-child(5), html body section.thumbnails > .spacer:nth-child(5) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(6), html body section.thumbnails > .project:nth-child(6), html body section.thumbnails > .spacer:nth-child(6) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(7), html body section.thumbnails > .project:nth-child(7), html body section.thumbnails > .spacer:nth-child(7) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(8), html body section.thumbnails > .project:nth-child(8), html body section.thumbnails > .spacer:nth-child(8) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(9), html body section.thumbnails > .project:nth-child(9), html body section.thumbnails > .spacer:nth-child(9) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(10), html body section.thumbnails > .project:nth-child(10), html body section.thumbnails > .spacer:nth-child(10) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(11), html body section.thumbnails > .project:nth-child(11), html body section.thumbnails > .spacer:nth-child(11) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(12), html body section.thumbnails > .project:nth-child(12), html body section.thumbnails > .spacer:nth-child(12) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(13), html body section.thumbnails > .project:nth-child(13), html body section.thumbnails > .spacer:nth-child(13) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(14), html body section.thumbnails > .project:nth-child(14), html body section.thumbnails > .spacer:nth-child(14) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(15), html body section.thumbnails > .project:nth-child(15), html body section.thumbnails > .spacer:nth-child(15) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(16), html body section.thumbnails > .project:nth-child(16), html body section.thumbnails > .spacer:nth-child(16) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(17), html body section.thumbnails > .project:nth-child(17), html body section.thumbnails > .spacer:nth-child(17) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(18), html body section.thumbnails > .project:nth-child(18), html body section.thumbnails > .spacer:nth-child(18) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(19), html body section.thumbnails > .project:nth-child(19), html body section.thumbnails > .spacer:nth-child(19) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(20), html body section.thumbnails > .project:nth-child(20), html body section.thumbnails > .spacer:nth-child(20) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(21), html body section.thumbnails > .project:nth-child(21), html body section.thumbnails > .spacer:nth-child(21) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(22), html body section.thumbnails > .project:nth-child(22), html body section.thumbnails > .spacer:nth-child(22) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(23), html body section.thumbnails > .project:nth-child(23), html body section.thumbnails > .spacer:nth-child(23) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(24), html body section.thumbnails > .project:nth-child(24), html body section.thumbnails > .spacer:nth-child(24) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(25), html body section.thumbnails > .project:nth-child(25), html body section.thumbnails > .spacer:nth-child(25) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(26), html body section.thumbnails > .project:nth-child(26), html body section.thumbnails > .spacer:nth-child(26) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(27), html body section.thumbnails > .project:nth-child(27), html body section.thumbnails > .spacer:nth-child(27) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(28), html body section.thumbnails > .project:nth-child(28), html body section.thumbnails > .spacer:nth-child(28) {
  margin-top: 16vw;
}
html body section.thumbnails > a:nth-child(29), html body section.thumbnails > .project:nth-child(29), html body section.thumbnails > .spacer:nth-child(29) {
  margin-top: 0;
}
html body section.thumbnails > a:nth-child(30), html body section.thumbnails > .project:nth-child(30), html body section.thumbnails > .spacer:nth-child(30) {
  margin-top: 16vw;
}
@media (max-width: 799px) {
  html body section.thumbnails > a, html body section.thumbnails > .project, html body section.thumbnails > .spacer {
    margin-top: 0 !important;
    margin-bottom: 26vw !important;
  }
}
html body section.thumbnails > a.nudge, html body section.thumbnails > .project.nudge, html body section.thumbnails > .spacer.nudge {
  animation: nudge 0.8s ease;
}
html body section.thumbnails > a.intro p, html body section.thumbnails > .project.intro p, html body section.thumbnails > .spacer.intro p {
  padding-right: 1em;
  margin: 0;
}
html body section.thumbnails > a.intro p, html body section.thumbnails > a.intro p *, html body section.thumbnails > .project.intro p, html body section.thumbnails > .project.intro p *, html body section.thumbnails > .spacer.intro p, html body section.thumbnails > .spacer.intro p * {
  font-size: 2.8rem;
  font-weight: var(--weightThin);
  line-height: 1.4em;
  color: #ffffff;
}
@media (max-width: 1400px) {
  html body section.thumbnails > a.intro p, html body section.thumbnails > a.intro p *, html body section.thumbnails > .project.intro p, html body section.thumbnails > .project.intro p *, html body section.thumbnails > .spacer.intro p, html body section.thumbnails > .spacer.intro p * {
    font-size: 2.4rem;
  }
}
@media (max-width: 799px) {
  html body section.thumbnails > a.intro p, html body section.thumbnails > a.intro p *, html body section.thumbnails > .project.intro p, html body section.thumbnails > .project.intro p *, html body section.thumbnails > .spacer.intro p, html body section.thumbnails > .spacer.intro p * {
    font-size: 2rem;
  }
}
html body section.thumbnails > a figure, html body section.thumbnails > .project figure, html body section.thumbnails > .spacer figure {
  margin: 0;
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 0.4vw;
  margin-bottom: 0.5em;
  will-change: transform;
  aspect-ratio: 1;
}
html body section.thumbnails > a figure, html body section.thumbnails > a figure *, html body section.thumbnails > .project figure, html body section.thumbnails > .project figure *, html body section.thumbnails > .spacer figure, html body section.thumbnails > .spacer figure * {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
html body section.thumbnails > a figure img, html body section.thumbnails > a figure .lottie, html body section.thumbnails > .project figure img, html body section.thumbnails > .project figure .lottie, html body section.thumbnails > .spacer figure img, html body section.thumbnails > .spacer figure .lottie {
  aspect-ratio: 1;
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1);
  transition: all .8s;
  -moz-transition: all .8s;
  -khtml-transition: all .8s;
  -ms-transition: all .8s;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -moz-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -khtml-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -ms-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -webkit-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -o-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
}
html body section.thumbnails > a h3, html body section.thumbnails > .project h3, html body section.thumbnails > .spacer h3 {
  margin: 0;
  margin-top: 0.4em;
  font-size: 2.6em;
  font-weight: var(--weightSemibold);
  line-height: 1.1em;
  letter-spacing: -0.02em;
  position: relative;
  left: -0.04em;
}
html body section.thumbnails > a h3::first-letter, html body section.thumbnails > .project h3::first-letter, html body section.thumbnails > .spacer h3::first-letter {
  text-transform: uppercase;
}
html body section.thumbnails > a p, html body section.thumbnails > .project p, html body section.thumbnails > .spacer p {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  padding-right: 3em;
  line-height: 1.5em;
  font-size: 1.2rem;
  font-weight: var(--weightRegular);
  letter-spacing: 0.02em;
  transition: all .3s;
  -moz-transition: all .3s;
  -khtml-transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1400px) {
  html body section.thumbnails > a p, html body section.thumbnails > .project p, html body section.thumbnails > .spacer p {
    font-size: 1rem;
  }
}
html body section.thumbnails > a p.arrow, html body section.thumbnails > .project p.arrow, html body section.thumbnails > .spacer p.arrow {
  margin-left: 2.4rem;
  color: rgb(var(--ac));
}
html body section.thumbnails > a p.arrow::before, html body section.thumbnails > .project p.arrow::before, html body section.thumbnails > .spacer p.arrow::before {
  left: -3.1rem;
  top: -0.3rem;
  transform: scale(0.8);
  background-image: url(/i/arrow_short.svg);
}
html body section.thumbnails > a .deliverables, html body section.thumbnails > .project .deliverables, html body section.thumbnails > .spacer .deliverables {
  display: flex;
  flex-direction: row;
  gap: 0.2em;
  flex-wrap: wrap;
}
html body section.thumbnails > a .deliverables span, html body section.thumbnails > .project .deliverables span, html body section.thumbnails > .spacer .deliverables span {
  font-size: 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.5);
  font-weight: var(--weightThin);
  padding: 0.3em 0.8em 0.1em 0.8em;
  border-radius: 1.2em;
}
html body section.thumbnails > a:hover figure img, html body section.thumbnails > a:hover figure .lottie, html body section.thumbnails > .project:hover figure img, html body section.thumbnails > .project:hover figure .lottie, html body section.thumbnails > .spacer:hover figure img, html body section.thumbnails > .spacer:hover figure .lottie {
  transform: scale(1.01);
}
html body section.thumbnails > a:hover p, html body section.thumbnails > .project:hover p, html body section.thumbnails > .spacer:hover p {
  opacity: 1;
}
html body section.thumbnails > a, html body section.thumbnails .project, html body section.thumbnails .spacer, html body section.thumbnails .end {
  display: flex;
  width: calc((100% - 8vw) / 3);
}
@media (max-width: 1400px) {
  html body section.thumbnails > a, html body section.thumbnails .project, html body section.thumbnails .spacer, html body section.thumbnails .end {
    width: calc((100% - 4vw) / 2);
  }
}
@media (max-width: 799px) {
  html body section.thumbnails > a, html body section.thumbnails .project, html body section.thumbnails .spacer, html body section.thumbnails .end {
    width: 100%;
  }
}
html body section.thumbnails > a:not(.project) figure .lottie {
  aspect-ratio: 1;
}
html body section.thumbnails > a:not(.project) figure .lottie svg {
  display: block;
}
html body section.thumbnails > a:not(.project) figure .lottie svg, html body section.thumbnails > a:not(.project) figure .lottie svg * {
  stroke-width: 16;
  transition: stroke-width .3s;
  -moz-transition: stroke-width .3s;
  -khtml-transition: stroke-width .3s;
  -ms-transition: stroke-width .3s;
  -webkit-transition: stroke-width .3s;
  -o-transition: stroke-width .3s;
  transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -moz-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -khtml-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -ms-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -webkit-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -o-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
}
html body section.thumbnails > a:not(.project):hover figure .lottie svg, html body section.thumbnails > a:not(.project):hover figure .lottie svg * {
  stroke-width: 16;
}
html body section.thumbnails .spacer {
  display: block;
  filter: invert(var(--invert));
  opacity: 1;
  transform: scale(1);
}
html body section.thumbnails .spacer figure {
  background-color: unset;
}
html body section.thumbnails .spacer figure svg, html body section.thumbnails .spacer figure svg * {
  transition: stroke-width .3s 1s;
  -moz-transition: stroke-width .3s 1s;
  -khtml-transition: stroke-width .3s 1s;
  -ms-transition: stroke-width .3s 1s;
  -webkit-transition: stroke-width .3s 1s;
  -o-transition: stroke-width .3s 1s;
  transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -moz-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -khtml-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -ms-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -webkit-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  -o-transition-timing-function: cubic-bezier(.22,-0.01,0,1);
  stroke-width: 14;
}
html body section.thumbnails .end {
  height: 0;
}
html body section.thumbnails#services > a figure .lottie svg, html body section.thumbnails#services > a figure .lottie svg * {
  stroke-width: 16;
}
html body section.thumbnails#services > a, html body section.thumbnails#services > .project, html body section.thumbnails#services > .spacer, html body section.thumbnails#services .end {
  display: flex;
  width: calc((100% - 8vw) / 3);
}
@media (max-width: 1500px) {
  html body section.thumbnails#services > a, html body section.thumbnails#services > .project, html body section.thumbnails#services > .spacer, html body section.thumbnails#services .end {
    width: calc((100% - 8vw) / 3);
  }
}
@media (max-width: 1400px) {
  html body section.thumbnails#services > a, html body section.thumbnails#services > .project, html body section.thumbnails#services > .spacer, html body section.thumbnails#services .end {
    width: calc((100% - 4vw) / 2);
  }
}
@media (max-width: 799px) {
  html body section.thumbnails#services > a, html body section.thumbnails#services > .project, html body section.thumbnails#services > .spacer, html body section.thumbnails#services .end {
    width: 100%;
  }
}
html body section.thumbnails.inview a.inview, html body section.thumbnails.inview .project.inview {
  transform: scale(1) translateY(0rem);
  opacity: 1;
}
html body section.stories {
  display: flex;
  flex-direction: column;
  gap: 14rem;
}
@media (max-width: 1400px) {
  html body section.stories {
    padding-top: 0em;
    padding-bottom: 0em;
    gap: 24vw;
  }
}
@media (max-width: 799px) {
  html body section.stories {
    gap: 32vw;
  }
}
html body section.stories:not(:last-of-type) {
  padding-bottom: 2em;
}
html body section.stories h3 {
  font-weight: var(--weightSemibold);
}
html body section.stories article {
  display: flex;
  flex-direction: row;
  align-self: center;
  position: relative;
  width: 100%;
  margin-left: calc(-4vw / 2);
  margin-right: calc(-4vw / 2);
  transition: all 1s;
  -moz-transition: all 1s;
  -khtml-transition: all 1s;
  -ms-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}
@media (max-width: 1400px) {
  html body section.stories article {
    flex-direction: column;
  }
}
html body section.stories article:last-child {
  padding-bottom: 12vw;
}
html body section.stories article:last-child .wide {
  margin-bottom: calc(-12vw - 1px);
  margin-left: calc(-4vw / 2);
  margin-right: calc(-4vw / 2);
  width: 100vw;
  opacity: 1 !important;
  top: 0rem !important;
  transform: none !important;
}
@media (max-width: 1400px) {
  html body section.stories article:last-child .wide {
    margin-bottom: calc(-12vw - 1px) !important;
  }
}
html body section.stories article:last-child .wide img {
  transition: transform .8s;
  -moz-transition: transform .8s;
  -khtml-transition: transform .8s;
  -ms-transition: transform .8s;
  -webkit-transition: transform .8s;
  -o-transition: transform .8s;
  transition-timing-function: cubic-bezier(.02,.01,0,1);
  -moz-transition-timing-function: cubic-bezier(.02,.01,0,1);
  -khtml-transition-timing-function: cubic-bezier(.02,.01,0,1);
  -ms-transition-timing-function: cubic-bezier(.02,.01,0,1);
  -webkit-transition-timing-function: cubic-bezier(.02,.01,0,1);
  -o-transition-timing-function: cubic-bezier(.02,.01,0,1);
  transform-origin: center top;
}
html body section.stories article, html body section.stories article * {
  text-align: unset;
}
html body section.stories article .body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
  position: relative;
  top: 0.4rem;
  padding-right: 8em;
  padding-left: 1em;
  transform: scale(0.98);
  transition: all 1.2s;
  -moz-transition: all 1.2s;
  -khtml-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 1500px) {
  html body section.stories article .body {
    padding-right: 1em;
    padding-left: 2em;
  }
}
@media (max-width: 1400px) {
  html body section.stories article .body {
    left: unset;
    padding-right: 3em;
    padding-left: 0em;
    width: 100%;
  }
}
@media (max-width: 799px) {
  html body section.stories article .body {
    padding-right: 0em;
  }
}
html body section.stories article .body h2 {
  padding-top: 0;
  padding-right: 0.25em;
}
html body section.stories article .body h2, html body section.stories article .body h2 * {
  font-size: 7rem;
  line-height: 0.9em;
  font-weight: var(--weightSemibold);
  letter-spacing: -0.02em;
}
@media (max-width: 1500px) {
  html body section.stories article .body h2, html body section.stories article .body h2 * {
    font-size: 5rem;
  }
}
@media (max-width: 1400px) {
  html body section.stories article .body h2, html body section.stories article .body h2 * {
    font-size: 3rem;
    line-height: 1.1em;
  }
}
@media (max-width: 1400px) {
  html body section.stories article .body h2 {
    margin-top: 1em;
  }
}
@media (max-width: 799px) {
  html body section.stories article .body h2 {
    margin-top: 0.5em;
  }
}
@media (max-width: 400px) {
  html body section.stories article .body h2 {
    margin-top: 0.8em;
  }
}
html body section.stories article .body h2 span {
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
}
html body section.stories article .body p, html body section.stories article .body p * {
  font-size: 1.2rem;
}
html body section.stories article .body p:last-of-type {
  margin-bottom: 0;
}
html body section.stories article .body .actions a {
  font-size: 1.2rem;
}
html body section.stories article figure {
  display: flex;
  align-self: flex-start;
  position: relative;
  margin: 0;
  opacity: 0;
  top: 2rem;
  transform: scale(0.9) rotate(2deg);
  width: 100%;
  border-radius: 0.4vw;
  max-width: 65%;
  overflow: hidden;
  background-color: rgba(var(--fg), 0.03);
  aspect-ratio: 1;
}
html body section.stories article figure.wide {
  max-width: unset;
  aspect-ratio: unset;
}
@media (max-width: 1400px) {
  html body section.stories article figure.wide {
    aspect-ratio: 1.5;
  }
}
@media (max-width: 799px) {
  html body section.stories article figure.wide {
    aspect-ratio: 1;
  }
}
html body section.stories article figure.wide.allowinvert {
  filter: invert(var(--invert));
}
html body section.stories article figure:nth-child(1) {
  transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -moz-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -khtml-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -ms-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -webkit-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -o-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
}
html body section.stories article figure:nth-child(2) {
  transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -moz-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -khtml-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -ms-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -webkit-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -o-transition: all 0.8s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
}
@media (max-width: 1400px) {
  html body section.stories article figure {
    left: unset;
    right: unset;
    width: 100%;
    max-width: unset;
  }
}
html body section.stories article figure * {
  pointer-events: none;
}
html body section.stories article figure img {
  overflow: hidden;
  border-radius: 0.4vw;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.2);
  transition: all 1.2s;
  -moz-transition: all 1.2s;
  -khtml-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -webkit-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-drag: none;
  -moz-user-drag: none;
  -khtml-user-drag: none;
  -ms-user-drag: none;
  -webkit-user-drag: none;
  -o-user-drag: none;
}
html body section.stories article figure .lottie {
  width: 100%;
}
html body section.stories article figure .lottie svg {
  height: 100%;
  width: auto;
}
html body section.stories article figure .caption {
  opacity: 0;
  position: absolute;
  bottom: -1.7rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8rem;
  right: 1rem;
  font-weight: var(--weightSemibold);
  transition: all .4s;
  -moz-transition: all .4s;
  -khtml-transition: all .4s;
  -ms-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
@media (max-width: 1400px) {
  html body section.stories article figure .caption {
    display: none;
  }
}
html body section.stories article figure + figure {
  margin-left: 1vw;
  margin-right: 0;
}
html body section.stories article figure.allowinvert {
  filter: invert(var(--invert));
}
@media (pointer: fine) {
  html body section.stories article figure:hover .caption {
    opacity: 1;
  }
}
html body section.stories article.color::after {
  content: "";
  position: absolute;
  z-index: -2;
  background-color: rgb(var(--ac));
  width: 50%;
  height: calc(100% - 5vw);
  right: calc(50% + 10vw);
  top: 5vw;
}
@media (max-width: 799px) {
  html body section.stories article.color img {
    margin-bottom: revert;
  }
  html body section.stories article.color::after {
    top: -5vw;
    height: 50%;
  }
}
html body section.stories article.flip {
  flex-direction: row-reverse;
}
@media (max-width: 1400px) {
  html body section.stories article.flip {
    flex-direction: column;
  }
}
html body section.stories article.flip .body {
  padding-right: 1em;
  padding-left: 0em;
}
@media (max-width: 1500px) {
  html body section.stories article.flip .body {
    padding-left: unset;
    padding-right: 3em;
  }
}
@media (max-width: 799px) {
  html body section.stories article.flip .body {
    padding-right: 0em;
  }
}
html body section.stories article.flip figure {
  left: unset;
  transform: scale(0.9) rotate(-1deg);
}
@media (max-width: 1400px) {
  html body section.stories article.flip figure {
    left: unset;
    right: unset;
  }
}
html body section.stories article.flip figure .caption {
  left: 1rem;
  right: unset;
}
html body section.stories article.flip figure + figure {
  margin-right: 1vw;
  margin-left: 0;
}
html body section.stories article.flip.color::after {
  left: calc(50% + 10vw);
  right: unset;
}
html body section.stories article.inview .body {
  opacity: 1;
  top: 0rem;
  transform: scale(1);
}
html body section.stories article.inview figure {
  opacity: 1;
  top: 0rem;
  transform: scale(1) rotate(0deg);
}
html body section.stories article.inview figure img {
  transform: scale(1);
}
html body section.stories article.mostinview figure {
  transform: scale(1) rotate(0deg);
}
html body section.stories .crosslinktitle {
  font-size: 1.6rem;
  line-height: 1.3em;
}
html body section.stories .testimonial, html body section.stories .insert {
  display: flex;
  flex-direction: column;
  gap: 0em;
  align-self: center;
  position: relative;
  margin: 0vw 16vw 0vw 16vw;
  max-width: 100vw;
  overflow: hidden;
  transform: scale(1.2) rotate(2deg);
  transform-origin: center 0%;
  opacity: 0;
  transition: all .6s;
  -moz-transition: all .6s;
  -khtml-transition: all .6s;
  -ms-transition: all .6s;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 1400px) {
  html body section.stories .testimonial, html body section.stories .insert {
    padding: 6vw;
  }
  html body section.stories .testimonial, html body section.stories .testimonial *, html body section.stories .insert, html body section.stories .insert * {
    font-weight: var(--weightThin);
    line-height: 1.3em !important;
  }
}
@media (max-width: 799px) {
  html body section.stories .testimonial, html body section.stories .insert {
    margin: 0vw 6vw 0vw 6vw;
    gap: 0.4rem;
  }
}
html body section.stories .testimonial:last-child, html body section.stories .insert:last-child {
  padding-bottom: 8rem;
}
html body section.stories .testimonial blockquote, html body section.stories .testimonial .body, html body section.stories .insert blockquote, html body section.stories .insert .body {
  position: relative;
  padding: 0;
  margin: 0;
  border-radius: 0.2em;
  padding: 1em;
  letter-spacing: -0.01em;
}
html body section.stories .testimonial blockquote, html body section.stories .testimonial blockquote *, html body section.stories .testimonial .body, html body section.stories .testimonial .body *, html body section.stories .insert blockquote, html body section.stories .insert blockquote *, html body section.stories .insert .body, html body section.stories .insert .body * {
  font-size: 3rem;
  line-height: 1.2em;
  font-weight: var(--weightSemibold);
  letter-spacing: -0.005em;
}
html body section.stories .testimonial blockquote a, html body section.stories .testimonial blockquote * a, html body section.stories .testimonial .body a, html body section.stories .testimonial .body * a, html body section.stories .insert blockquote a, html body section.stories .insert blockquote * a, html body section.stories .insert .body a, html body section.stories .insert .body * a {
  font-size: inherit;
  line-height: inherit;
}
@media (max-width: 1400px) {
  html body section.stories .testimonial blockquote, html body section.stories .testimonial .body, html body section.stories .insert blockquote, html body section.stories .insert .body {
    font-size: 2.4rem;
    font-weight: var(--weightRegular);
    padding: 1em 0em 1em 0em;
    text-align: center;
    margin-left: 0.1em;
  }
}
html body section.stories .testimonial blockquote::before, html body section.stories .insert blockquote::before {
  content: "“";
  position: absolute;
  right: calc(100% - 0.9em);
  font-size: inherit;
  color: rgb(var(--fg));
  background-color: rgb(var(--bg));
  height: 1rem;
  font-weight: var(--weightThin);
}
@media (max-width: 1400px) {
  html body section.stories .testimonial blockquote::before, html body section.stories .insert blockquote::before {
    font-size: inherit;
    padding-top: 0.2em;
    right: unset;
    background-color: transparent;
    position: relative;
  }
}
html body section.stories .testimonial blockquote::after, html body section.stories .insert blockquote::after {
  content: "”";
  font-size: inherit;
  position: relative;
  left: 0.1em;
  color: rgb(var(--fg));
  font-weight: var(--weightThin);
}
@media (max-width: 1400px) {
  html body section.stories .testimonial blockquote::after, html body section.stories .insert blockquote::after {
    font-size: inherit;
    left: unset;
    background-color: transparent;
    position: relative;
  }
}
html body section.stories .testimonial .author, html body section.stories .testimonial .title, html body section.stories .insert .author, html body section.stories .insert .title {
  font-size: 1.2rem;
  padding-left: calc(2.8rem + 0.3em);
  letter-spacing: 0.03em;
  white-space: nowrap;
  font-weight: var(--weightRegular);
}
@media (max-width: 1400px) {
  html body section.stories .testimonial .author, html body section.stories .testimonial .title, html body section.stories .insert .author, html body section.stories .insert .title {
    text-align: center;
    font-size: 1rem;
    padding-left: 0;
  }
}
@media (max-width: 799px) {
  html body section.stories .testimonial .author, html body section.stories .testimonial .title, html body section.stories .insert .author, html body section.stories .insert .title {
    white-space: unset;
    font-size: 0.8rem;
  }
}
html body section.stories .testimonial .title + .body::before, html body section.stories .insert .title + .body::before {
  top: -0.5rem;
}
html body section.stories .testimonial .title + .body::after, html body section.stories .insert .title + .body::after {
  top: calc(-3rem - 0.05em);
  border-top: none;
  border-bottom: 0.05em solid rgba(var(--fg), 1);
  border-radius: 0 0 50% 0;
}
@media (max-width: 799px) {
  html body section.stories .testimonial .title + .body::after, html body section.stories .insert .title + .body::after {
    top: calc(-2rem - 0.05em);
  }
}
html body section.stories .testimonial.inview, html body section.stories .insert.inview {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
@media (max-width: 799px) {
  html body section.stories + .thumbnails {
    padding-bottom: 50vw;
  }
}
@media (max-width: 799px) {
  html body section.stories:last-of-type article:last-of-type:last-child {
    padding-bottom: 50vw;
  }
}
@media (max-width: 799px) {
  html body section.stories:last-of-type article:last-of-type:last-child .wide {
    margin-bottom: -50vw !important;
  }
}
html body section#cover {
  margin-bottom: 0vw;
  margin-top: 2vw;
  opacity: 0;
  width: 100vw;
  margin-left: calc(4vw / 2);
  margin-right: calc(4vw / 2);
  padding-left: calc(4vw / 2);
  transition: all 1s;
  -moz-transition: all 1s;
  -khtml-transition: all 1s;
  -ms-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 799px) {
  html body section#cover {
    max-width: 100vw;
  }
}
html body section#cover h1 {
  display: inline-flex;
  margin-top: 12vh;
  margin-bottom: -0.16em;
  position: relative;
  white-space: nowrap;
  padding-right: 0em;
  padding-top: 0.16em;
  letter-spacing: -0.04em;
  left: -2vw;
  right: 2vw;
  padding-left: 1vw;
  transform: scale(0.98);
  font-weight: var(--weightSemibold);
  line-height: 1.1em;
  height: 1.1em;
  transition: font-weight 1s, line-height .4s, opacity .4s, margin-top .4s, letter-spacing .4s, transform 1s, text-indent 1s;
  -moz-transition: font-weight 1s, line-height .4s, opacity .4s, margin-top .4s, letter-spacing .4s, transform 1s, text-indent 1s;
  -khtml-transition: font-weight 1s, line-height .4s, opacity .4s, margin-top .4s, letter-spacing .4s, transform 1s, text-indent 1s;
  -ms-transition: font-weight 1s, line-height .4s, opacity .4s, margin-top .4s, letter-spacing .4s, transform 1s, text-indent 1s;
  -webkit-transition: font-weight 1s, line-height .4s, opacity .4s, margin-top .4s, letter-spacing .4s, transform 1s, text-indent 1s;
  -o-transition: font-weight 1s, line-height .4s, opacity .4s, margin-top .4s, letter-spacing .4s, transform 1s, text-indent 1s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 1400px) {
  html body section#cover h1 {
    margin-top: 10vw;
  }
}
@media (max-width: 799px) {
  html body section#cover h1 {
    margin-top: 24vw;
    margin-bottom: -0.06em;
  }
}
html body section#cover h1 br {
  display: none;
}
html body section#cover h1 span.first span.bigplus {
  display: inline-block;
  height: 0.59em;
  width: 0.59em;
  overflow: hidden;
  text-indent: -99999px;
  position: relative;
  top: -0.24em;
}
@media (prefers-color-scheme: dark) {
  html body section#cover h1 span.first span.bigplus {
    filter: invert(1);
  }
}
html body section#cover h1 span.first span.bigplus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(/i/bigplus.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
html body section#cover h1 span.second {
  white-space: nowrap;
  margin-bottom: -0.1em;
}
html body section#cover h1.start {
  margin-top: 0vw;
  line-height: 0.8em;
  opacity: 0;
}
html body section#cover h1.start + .intro {
  opacity: 0;
  line-height: 1em;
}
html body section#cover h1.start2 {
  letter-spacing: 12vw;
  text-indent: 2.5em;
  left: 0em;
  top: 3em;
  transform: scale(-7) rotate(90deg);
}
html body section#cover h1.lowercase {
  text-transform: lowercase;
}
html body section#cover h1.rotatedletters span {
  transform: rotate(0deg) translateY(0rem);
  transition: all .7s;
  -moz-transition: all .7s;
  -khtml-transition: all .7s;
  -ms-transition: all .7s;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body section#cover h1.rotatedletters span:nth-child(1) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.05s;
}
html body section#cover h1.rotatedletters span:nth-child(2) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.1s;
}
html body section#cover h1.rotatedletters span:nth-child(3) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.15s;
}
html body section#cover h1.rotatedletters span:nth-child(4) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.2s;
}
html body section#cover h1.rotatedletters span:nth-child(5) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.25s;
}
html body section#cover h1.rotatedletters span:nth-child(6) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.3s;
}
html body section#cover h1.rotatedletters span:nth-child(7) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.35s;
}
html body section#cover h1.rotatedletters span:nth-child(8) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.4s;
}
html body section#cover h1.rotatedletters span:nth-child(9) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.45s;
}
html body section#cover h1.rotatedletters span:nth-child(10) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.5s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.5s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.5s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.5s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.5s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.5s;
}
html body section#cover h1.rotatedletters span:nth-child(11) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.55s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.55s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.55s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.55s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.55s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.55s;
}
html body section#cover h1.rotatedletters span:nth-child(12) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.6s;
}
html body section#cover h1.rotatedletters span:nth-child(13) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.65s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.65s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.65s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.65s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.65s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.65s;
}
html body section#cover h1.rotatedletters span:nth-child(14) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.7s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.7s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.7s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.7s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.7s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.7s;
}
html body section#cover h1.rotatedletters span:nth-child(15) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.75s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.75s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.75s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.75s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.75s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.75s;
}
html body section#cover h1.rotatedletters span:nth-child(16) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.8s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.8s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.8s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.8s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.8s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.8s;
}
html body section#cover h1.rotatedletters span:nth-child(17) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.85s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.85s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.85s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.85s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.85s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.85s;
}
html body section#cover h1.rotatedletters span:nth-child(18) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.9s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.9s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.9s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.9s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.9s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.9s;
}
html body section#cover h1.rotatedletters span:nth-child(19) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.95s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.95s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.95s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.95s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.95s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 0.95s;
}
html body section#cover h1.rotatedletters span:nth-child(20) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1s;
}
html body section#cover h1.rotatedletters span:nth-child(21) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.05s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.05s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.05s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.05s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.05s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.05s;
}
html body section#cover h1.rotatedletters span:nth-child(22) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.1s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.1s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.1s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.1s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.1s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.1s;
}
html body section#cover h1.rotatedletters span:nth-child(23) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.15s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.15s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.15s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.15s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.15s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.15s;
}
html body section#cover h1.rotatedletters span:nth-child(24) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.2s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.2s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.2s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.2s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.2s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.2s;
}
html body section#cover h1.rotatedletters span:nth-child(25) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.25s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.25s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.25s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.25s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.25s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.25s;
}
html body section#cover h1.rotatedletters span:nth-child(26) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.3s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.3s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.3s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.3s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.3s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.3s;
}
html body section#cover h1.rotatedletters span:nth-child(27) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.35s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.35s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.35s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.35s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.35s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.35s;
}
html body section#cover h1.rotatedletters span:nth-child(28) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.4s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.4s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.4s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.4s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.4s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.4s;
}
html body section#cover h1.rotatedletters span:nth-child(29) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.45s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.45s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.45s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.45s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.45s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.45s;
}
html body section#cover h1.rotatedletters span:nth-child(30) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.5s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.5s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.5s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.5s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.5s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.5s;
}
html body section#cover h1.rotatedletters span:nth-child(31) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.55s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.55s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.55s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.55s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.55s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.55s;
}
html body section#cover h1.rotatedletters span:nth-child(32) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.6s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.6s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.6s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.6s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.6s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.6s;
}
html body section#cover h1.rotatedletters span:nth-child(33) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.65s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.65s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.65s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.65s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.65s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.65s;
}
html body section#cover h1.rotatedletters span:nth-child(34) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.7s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.7s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.7s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.7s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.7s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.7s;
}
html body section#cover h1.rotatedletters span:nth-child(35) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.75s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.75s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.75s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.75s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.75s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.75s;
}
html body section#cover h1.rotatedletters span:nth-child(36) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.8s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.8s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.8s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.8s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.8s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.8s;
}
html body section#cover h1.rotatedletters span:nth-child(37) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.85s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.85s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.85s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.85s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.85s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.85s;
}
html body section#cover h1.rotatedletters span:nth-child(38) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.9s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.9s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.9s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.9s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.9s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.9s;
}
html body section#cover h1.rotatedletters span:nth-child(39) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.95s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.95s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.95s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.95s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.95s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 1.95s;
}
html body section#cover h1.rotatedletters span:nth-child(40) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2s;
}
html body section#cover h1.rotatedletters span:nth-child(41) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.05s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.05s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.05s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.05s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.05s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.05s;
}
html body section#cover h1.rotatedletters span:nth-child(42) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.1s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.1s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.1s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.1s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.1s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.1s;
}
html body section#cover h1.rotatedletters span:nth-child(43) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.15s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.15s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.15s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.15s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.15s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.15s;
}
html body section#cover h1.rotatedletters span:nth-child(44) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.2s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.2s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.2s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.2s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.2s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.2s;
}
html body section#cover h1.rotatedletters span:nth-child(45) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.25s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.25s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.25s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.25s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.25s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.25s;
}
html body section#cover h1.rotatedletters span:nth-child(46) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.3s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.3s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.3s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.3s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.3s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.3s;
}
html body section#cover h1.rotatedletters span:nth-child(47) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.35s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.35s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.35s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.35s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.35s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.35s;
}
html body section#cover h1.rotatedletters span:nth-child(48) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.4s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.4s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.4s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.4s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.4s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.4s;
}
html body section#cover h1.rotatedletters span:nth-child(49) {
  transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.45s;
  -moz-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.45s;
  -khtml-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.45s;
  -ms-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.45s;
  -webkit-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.45s;
  -o-transition: transform 0.7s cubic-bezier(0.56, 0, 0.08, 1.01) 2.45s;
}
html body section#cover h1.rotatedletters.start span {
  transform: rotate(0deg) translateY(4rem);
}
html body section#cover p.intro {
  display: none;
}
@media (max-width: 799px) {
  html body section#cover p.intro {
    display: block;
    margin: 3em 1em 1em calc(4vw / 4);
  }
  html body section#cover p.intro, html body section#cover p.intro * {
    font-size: 1.1rem;
  }
}
html body section#cover.inview {
  opacity: 1;
}
html body section#cover.inview h1 {
  transform: scale(1);
  font-weight: var(--weightSemibold);
}
html body section#contactwrapper {
  overflow: hidden;
  padding-top: 26vw;
}
@media (max-width: 1400px) {
  html body section#contactwrapper {
    padding-top: 56vw;
  }
}
html body section#contactwrapper #contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100vw;
  flex-grow: 1;
  padding-bottom: 10vw;
  transform: scale(1.4);
  transform-origin: center top;
  transition: all .7s;
  -moz-transition: all .7s;
  -khtml-transition: all .7s;
  -ms-transition: all .7s;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
@media (max-width: 1400px) {
  html body section#contactwrapper #contact {
    flex-direction: column;
    gap: 0vw;
  }
}
@media (max-width: 799px) {
  html body section#contactwrapper #contact {
    transform: scale(1);
    opacity: 1;
  }
}
html body section#contactwrapper #contact h2 {
  position: relative;
  left: -0.03em;
  line-height: 1em;
  white-space: nowrap;
  text-align: center;
  padding-top: 0vw;
  margin-bottom: -4vw;
  margin-top: -0.5em;
  padding-bottom: 0vw;
  padding-left: calc(4vw / 2);
  padding-right: calc(4vw / 2);
  font-weight: var(--weightSemibold);
  flex-grow: 1;
  opacity: 0;
  overflow: visible;
  transition: all .7s;
  -moz-transition: all .7s;
  -khtml-transition: all .7s;
  -ms-transition: all .7s;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body section#contactwrapper #contact h2, html body section#contactwrapper #contact h2 * {
  font-size: 36vw;
  color: rgb(var(--bg));
  letter-spacing: -0.07em;
}
html body section#contactwrapper #contact h2:not(.marquee) {
  align-self: center;
}
@media (max-width: 1400px) {
  html body section#contactwrapper #contact h2 {
    font-size: 80vw;
  }
}
html body section#contactwrapper #contact h2 span {
  transition: all .7s;
  -moz-transition: all .7s;
  -khtml-transition: all .7s;
  -ms-transition: all .7s;
  -webkit-transition: all .7s;
  -o-transition: all .7s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body section#contactwrapper #contact .right {
  display: flex;
  flex-direction: column;
  width: 60%;
  align-self: center;
  align-items: center;
}
@media (max-width: 1400px) {
  html body section#contactwrapper #contact .right {
    width: 100%;
  }
}
html body section#contactwrapper #contact .right, html body section#contactwrapper #contact .right * {
  font-weight: var(--weightThin);
  color: rgb(var(--bg));
  font-size: 3.5rem;
  line-height: 1.4em;
  letter-spacing: 0.01em;
}
@media (prefers-color-scheme: dark) {
  html body section#contactwrapper #contact .right, html body section#contactwrapper #contact .right * {
    font-weight: var(--weightRegular);
  }
}
@media (max-width: 799px) {
  html body section#contactwrapper #contact .right, html body section#contactwrapper #contact .right * {
    font-size: 8vw;
    line-height: 1.6em;
  }
}
html body section#contactwrapper #contact .right a {
  box-shadow: 0 0.05em 0 rgb(var(--bg));
}
html body section#contactwrapper #contact .right a:hover {
  box-shadow: 0 0.1em 0 rgb(var(--bg));
}
html body section#contactwrapper #contact .right a.button {
  background-color: rgb(var(--bg));
  color: rgb(var(--fg));
  border-color: rgb(var(--bg));
  font-weight: var(--weightSemibold);
}
html body section#contactwrapper #contact .right p {
  text-align: center;
}
@media (max-width: 799px) {
  html body section#contactwrapper #contact .right p {
    padding: 4vw 8vw 4vw 8vw;
  }
}
html body section#contactwrapper #contact .right p + .actions {
  margin-top: 0;
}
@media (max-width: 799px) {
  html body section#contactwrapper #contact .right p + .actions {
    justify-content: center;
  }
}
html body section#contactwrapper #contact .right #email {
  margin-right: 0.2em;
}
html body section#contactwrapper #contact .right #copyemail {
  padding: 0.5em 1em 0.5em 1em;
  font-size: 1rem !important;
  position: relative;
  top: -0.2em;
  letter-spacing: 0.02em;
  font-weight: var(--weightSemibold) !important;
  border-width: 0.1rem;
  border-color: rgb(var(--bg));
  width: 10rem;
}
@media (prefers-color-scheme: dark) {
  html body section#contactwrapper #contact .right #copyemail {
    font-weight: 450 !important;
    border-width: 0.1rem;
  }
}
@media (max-width: 799px) {
  html body section#contactwrapper #contact .right #copyemail {
    top: 1em;
  }
}
html body section#contactwrapper.mostinview #contact {
  transform: scale(1);
  opacity: 1;
}
html body section#contactwrapper.mostinview #contact h2 {
  opacity: 1;
  color: rgb(var(--bg));
}
html body #consent {
  position: fixed;
  left: 0;
  bottom: -100%;
  width: 100vw;
  background-color: rgb(var(--bg));
  color: rgb(var(--fg));
  padding: 1rem 1.6rem 1.2rem 1.6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition: bottom .5s;
  -moz-transition: bottom .5s;
  -khtml-transition: bottom .5s;
  -ms-transition: bottom .5s;
  -webkit-transition: bottom .5s;
  -o-transition: bottom .5s;
  transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -moz-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -khtml-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -ms-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -webkit-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
  -o-transition-timing-function: cubic-bezier(0.56, 0, 0.08, 1.01);
}
html body #consent.shown {
  bottom: -1px;
}
html body #consent a:not(.button) {
  color: rgb(var(--fg));
  text-decoration: underline;
}
html body #consent .text {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
  align-items: flex-end;
}
html body #consent .text, html body #consent .text * {
  font-size: 0.9rem;
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: var(--weightSemibold);
  text-transform: uppercase;
  line-height: 1em;
}
html body #consent .text .links {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
}
@media (max-width: 1400px) {
  html body #consent .text, html body #consent .text * {
    display: inline !important;
  }
}
html body #consent .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
html body #consent .actions .accept {
  background-color: rgb(var(--bg));
  color: rgb(var(--fg));
  border: 2px solid rgb(var(--fg));
  opacity: 1;
  font-family: "fk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  font-size: 1.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4em;
}
html body #consent .actions .accept::before {
  content: "";
  display: flex;
  width: 1em;
  height: 1em;
  pointer-events: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><polyline points="1 5.3 6.4 10.7 16 1" fill="none" stroke="%23ffffff" stroke-width="2" /></svg>');
  background-repeat: no-repeat;
  background-position: center 0.15em;
  background-size: contain;
  transition: stroke linear .3s;
  -moz-transition: stroke linear .3s;
  -khtml-transition: stroke linear .3s;
  -ms-transition: stroke linear .3s;
  -webkit-transition: stroke linear .3s;
  -o-transition: stroke linear .3s;
}
html body #consent .actions .accept:hover {
  background-color: rgb(var(--fg));
  color: rgb(var(--fg));
}
html body #consent .actions .accept:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17"><polyline points="1 5.3 6.4 10.7 16 1" fill="none" stroke="%23000000" stroke-width="2" /></svg>');
}
html body #consent .actions .deny {
  color: rgb(var(--fg));
}
html body[data-type=home] section.stories article .body {
  justify-content: center;
}
html body[data-type=home] section.stories article figure .lottie svg [stroke], html body[data-type=home] section.stories article figure .lottie svg * [stroke] {
  stroke-width: 8;
}
html body:not([data-type=services_single]) section.stories article [data-lottie] {
  background-color: transparent !important;
}
html body[data-type=services_single] section.stories article:first-of-type figure .lottie svg, html body[data-type=services_single] section.stories article:first-of-type figure .lottie svg * {
  stroke-width: 16;
}

#consent {
  z-index: 9500;
}

#back {
  z-index: 9400;
}

#sitetitle {
  z-index: 9300;
}

#hamburger {
  z-index: 9200;
}

header {
  z-index: 9100;
}

main {
  z-index: 9000;
}