/* ==========================================================================
   Normalize
   ========================================================================== */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* ==========================================================================
   Full Page
   ========================================================================== */
.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;display:block}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-table{display:flex;flex-direction:column;justify-content:center;width:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-prev{left:15px}.fp-next{right:15px}.fp-arrow{width:0;height:0;border-style:solid}.fp-arrow.fp-prev{border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-arrow.fp-next{border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;top:50%;opacity:1;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translate3d(0,-50%,0)}#fp-nav.fp-right{right:17px}#fp-nav.fp-left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.fp-bottom{bottom:17px}.fp-slidesNav.fp-top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.fp-right{right:20px}#fp-nav ul li .fp-tooltip.fp-left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-is-overflow.fp-section{height:auto!important}.fp-scrollable .fp-section,.fp-scrollable .fp-slide,.fp-scrollable.fp-responsive .fp-is-overflow.fp-section{height:100vh;height:calc(var(--vh,1vh) * 100)}.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]),.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]){min-height:100vh;min-height:calc(var(--vh,1vh) * 100)}.fp-overflow{justify-content:flex-start;max-height:100%}.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow .fp-overflow.fp-auto-height-responsive,.fp-is-overflow>.fp-overflow{overflow-y:auto}.fp-overflow{outline:0}.fp-overflow.fp-table{display:block}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important;min-height:auto!important}.fp-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-scroll-mac .fp-overflow::-webkit-scrollbar{background-color:transparent;width:9px}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track{background-color:transparent}.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:16px;border:4px solid transparent}.fp-warning,.fp-watermark{z-index:9999999;position:absolute;bottom:0}.fp-warning,.fp-watermark a{text-decoration:none;color:#000;background:rgba(255,255,255,.6);padding:5px 8px;font-size:14px;font-family:arial;color:#000;display:inline-block;border-radius:3px;margin:12px}.fp-noscroll .fp-overflow{overflow:hidden}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com + Custom Styles
   ========================================================================== */

:root {
  --yokai-color--highlight: #f5311d;
}

.header-group:hover,
a {
  cursor: pointer;
}
hr,
html {
  display: block;
}
.logo,
body {
  text-align: center;
}
.ir,
.visuallyhidden {
  overflow: hidden;
  border: 0;
}
.hidden,
.invisible {
  visibility: hidden;
}
button,
html,
input,
select,
textarea {
  color: #222;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.header-group,
.ie7 .title {
  padding-top: 20px;
}
a,
a strong {
  color: #999;
  text-decoration: none;
  transition-duration: 0.3s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
a.highlighted,
a.highlighted:visited,
ul.projects strong {
  color: var(--yokai-color--highlight);
}
a:visited {
  color: #999;
}
a.highlighted:active,
a.highlighted:hover,
a:active,
a:hover,
a:active strong,
a:hover strong {
  color: #666;
}
html {
  position: relative;
  height: 100%;
}
.wf-active body {
  filter: alpha(Opacity=1);
  opacity: 1;
}
body {
  filter: alpha(Opacity=0);
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  color: #999;
  background-color: #000;
  font-family: futura-pt, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}
h1,
h2,
h3 {
  font-weight: 400;
}
h2,
h3 {
  font-size: 1em;
}
h1,
h2 {
  padding-bottom: 0;
  color: #fff;
}
section h1 {
  font-size: 2em;
  line-height: 1.1em;
}
.logo {
  display: inherit;
}
.list li,
.list strong {
  display: block;
}
.header-group h2,
.i,
.ka,
.o,
.y {
  fill: #fff;
  transition-duration: 0.3s;
  transition-property: color, fill;
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

/* Old highlight color #ff5514 */

.header-group:hover h2,
.header-group:hover .i,
.header-group:hover .ka,
.header-group:hover .o,
.header-group:hover .y {
  color: var(--yokai-color--highlight);
  fill: var(--yokai-color--highlight);
}





.list {
  list-style-type: none;
  padding: 0 2em;

  li {
    font-size: 1.5rem;
    line-height: 1.5em;
    padding-bottom: 1.5em;
  }

  ul {
    display: inline-block;
    padding-inline-start: 0;
    li {
      display: inline-block;
    }
  }
}

.list.thin li {
  padding-bottom: 10px;
}

.about.list li:first-child p {
  margin-top: 0;
}

.focus.list {
  display: inline-block;

  li {
    display: inline;
    padding-bottom: 0;
    
    ul {
      display: inline;
      padding-inline-start: 0;
      li {
        display: inline;
      }
    }
  }
}

@media only screen and (min-width: 640px) {
  .list strong {
    font-weight: 700;
    display: inline;
  }
  .list strong:after {
    content: " ";
    padding: 0 20px 0 0;
  }
}
@media only screen and (min-width: 640px) {
  section h1 {
    font-size: 3em;
    line-height: 1.1em;
  }
  ul.list {
    width: 70%;
    display: inline-block;
  }
  .list li {
    font-size: 1.7rem;
    line-height: 1.7em;
    display: inline;
    padding-bottom: 0;
  }
  .list li:after {
    content: ",";
    padding: 0 5px 0 3px;
  }

  .about.list li:after {
    content: "⚡";
    color: transparent;
    text-shadow: 0 0 0 var(--yokai-color--highlight);
  }
  .list li:last-of-type:after {
    content: none;
  }
  .list strong + *:before {
    content: "/";
    padding: 0 5px 0 8px;
  }
}






section.contact {
  font-size: 1.5rem;
  line-height: 1.5em;
}

.country-name,
.location,
.social {
  display: inline;
}
@media only screen and (min-width: 1024px) {
  ul.list {
    width: 810px;
  }
  .list li {
    font-size: 2rem;
  }
}
.location:after {
  content: ",";
  padding-right: 5px;
}
.contact-channels {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  list-style-image: none;
}
.social:first-of-type {
  display: block;
}
.social:after {
  content: "/";
  padding: 0 5px 0 3px;
}
.social:last-of-type:after {
  content: none;
}


@media only screen and (max-width: 640px) {
  .logo {
    padding-left: 24px;
  }
  .logo .vector {
    width: 114px;
  }
  .logo .i,
  .logo .ka,
  .logo .o {
    display: none;
  }
  li {
    display: block;
  }
}
#fp-nav {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #fp-nav {
    display: block;
  }
}




.ir {
  background-color: transparent;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
}
.visuallyhidden {
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.centered-absolute {
  width: 60%;
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}










@media print {
  blockquote,
  img,
  pre,
  tr {
    page-break-inside: avoid;
  }
  * {
    background: 0 0 !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
  }
  thead {
    display: table-header-group;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}