body{
    cursor: crosshair; 
}

@font-face {
    font-family: 'England';
    src: url('assets/fonts/England.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


#nprogress {
    pointer-events: none;
}
#nprogress .bar {
    background: #000;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

span.item.false{
    -webkit-text-stroke: 1px white;
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    line-height: 1;
    color: #000;
    background: transparent;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}
caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle;
}
a img {
    border: none;
}
body.single-loading {
    cursor: wait;
}
body.single-loading > * {
    pointer-events: none;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
}
*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
button {
    border: none;
    background: 0 0;
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent !important;
}
input:not([type="checkbox"]),
select,
textarea {
    border-radius: 0;
    background: 0 0;
    border: none;
    -webkit-appearance: none;
}
input:not([type="checkbox"]):-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    background-color: transparent;
}
input:not([type="checkbox"]):focus {
    outline: 0;
    -webkit-appearance: none;
}
menu {
    padding: 0;
    margin: 0;
}
a,
a:active,
a:visited {
    color: currentColor;
}
.center {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
}
.center-vertical {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.center-horizontal {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}
.bottom-text-box,
.center-text-box {
    display: table-cell;
}
.center-text-box {
    vertical-align: middle;
}
.bottom-text-box {
    vertical-align: bottom;
    text-align: center;
}
.bottom-snap {
    display: table;
    width: 100%;
    height: 100%;
}
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
}
.no-select-all {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
}
.no-select-all * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    tap-highlight-color: rgba(255, 255, 255, 0);
}

::selection {
    background: transparent;
}
::-moz-selection {
    background: transparent;
}
:root {
    --app-height: 100vh;
    --app-half-height: 50vh;
}
body,
html {
    color: #000;
    background: transparent;
    position: relative;
    width: 100%;
    max-height: var(--app-height, 100vh);
    overflow: hidden;
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
    line-height: 1.625;
    letter-spacing: 0;
    font-size: 12px;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-overflow-scrolling: auto;
}
@media only screen and (min-width: 641px) {
    body,
    html {
        font-size: 14px;
    }
}
@media only screen and (max-width: 789px) {
    html.touch,
    html.touch body {
        overflow: hidden;
        -webkit-overflow-scrolling: auto;
        position: fixed;
    }
}
body.page--loading {
    cursor: wait;
}
body.page--loading #app-page,
body.page--loading #scroll-list,
body.page--loading #slider-ui {
    pointer-events: none;
}
h1,
h2,
h3 {
    line-height: 1;
}
strong {
    font-family: "Roboto",sans-serif;
}
a,
button {
    cursor: pointer;
}
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
figure {
    margin: 0;
    padding: 0;
}
div#intro-cover {
    position: fixed;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 91;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
#scroll-list {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 50;
}
#scroll-list.disable {
    pointer-events: none;
}
button[type="close"] {
    position: absolute;
    display: block;
    z-index: 91;
    top: 30px;
    right: calc(15vw - 18px);
    -webkit-transform: translateX(18vw);
    -moz-transform: translateX(18vw);
    -o-transform: translateX(18vw);
    -ms-transform: translateX(18vw);
    transform: translateX(18vw);
    width: 36px;
    height: 36px;
    background: #000;
    cursor: pointer;
    overflow: hidden;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.91s cubic-bezier(0.77, 0, 0.175, 1);
}
@media only screen and (min-width: 641px) {
    button[type="close"] {
        right: calc(3.4vw);
        -webkit-transform: translateX(13.6vw);
        -moz-transform: translateX(13.6vw);
        -o-transform: translateX(13.6vw);
        -ms-transform: translateX(13.6vw);
        transform: translateX(13.6vw);
    }
}
button[type="close"].animate-in {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
button[type="close"]:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-image: url(../images/icon-close-x.png);
    mix-blend-mode: difference;
    z-index: 2;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
button[type="close"]:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-animation: anim-out 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -moz-animation: anim-out 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -o-animation: anim-out 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -ms-animation: anim-out 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation: anim-out 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    background: transparent;
    z-index: 1;
}
button[type="close"]:hover:after {
    -webkit-animation: anim-in 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -moz-animation: anim-in 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -o-animation: anim-in 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -ms-animation: anim-in 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    animation: anim-in 0.91s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.slide-elements-list {
    position: relative;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    z-index: 50;
    height: 100%;
}
img.lazyload {
    visibility: hidden;
}
#footer > a,
.keywords li a,
.slider-content > footer > a,
p > a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
@media only screen and (min-width: 641px) {
    #footer > a,
    .keywords li a,
    .slider-content > footer > a,
    p > a {
        will-change: transform;
        -webkit-transition: padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: inline-block;
    }
    #footer > a:hover,
    .keywords li a:hover,
    .slider-content > footer > a:hover,
    p > a:hover {
        padding-left: 12px;
    }
}
@media only screen and (min-width: 641px) {
    #header nav[role="navigation"] ul li a {
        will-change: color, transform;
        -webkit-transition: color 0.52s cubic-bezier(0.165, 0.84, 0.44, 1), padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: color 0.52s cubic-bezier(0.165, 0.84, 0.44, 1), padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: color 0.52s cubic-bezier(0.165, 0.84, 0.44, 1), padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: color 0.52s cubic-bezier(0.165, 0.84, 0.44, 1), padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: color 0.52s cubic-bezier(0.165, 0.84, 0.44, 1), padding-left 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
        color: #000;
        padding-left: 0;
        display: inline-block;
    }
    #header nav[role="navigation"] ul li a:active {
        color: #858585;
    }
    #header nav[role="navigation"] ul li a:hover {
        padding-left: 12px;
    }
}
#follow {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 180;
    margin-left: 31px;
    margin-top: 40px;
}
#follow .inner {
    width: 40px;
    height: 40px;
    background: #000;
    margin-left: -20px;
    margin-top: -20px;
    position: relative;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateY(-40px) scale(0, 0);
    -moz-transform: translateY(-40px) scale(0, 0);
    -o-transform: translateY(-40px) scale(0, 0);
    -ms-transform: translateY(-40px) scale(0, 0);
    transform: translateY(-40px) scale(0, 0);
    will-change: transform;
}
#follow .inner:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transition: width 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, height 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-transition: width 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, height 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -o-transition: width 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, height 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -ms-transition: width 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, height 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: width 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s, height 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    mix-blend-mode: difference;
    z-index: 2;
}
#follow.bunk--zoomin .inner:before {
    width: 14px;
    height: 14px;
    background-image: url(../images/icon-close-x.png);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
@-moz-keyframes anim-in {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes anim-in {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-o-keyframes anim-in {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes anim-in {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-moz-keyframes anim-out {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@-webkit-keyframes anim-out {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@-o-keyframes anim-out {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes anim-out {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
body.page-type--home.intro-done:not(.scroll-to-explore--show) header#header {
    pointer-events: auto;
}
body.page-type--home.intro-done:not(.scroll-to-explore--show) header#header nav[role="navigation"] ul li {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
body:not(.page-type--home).intro-done header#header {
    pointer-events: auto;
}
body:not(.page-type--home).intro-done header#header nav[role="navigation"] ul li {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
body.intro-done header#header {
    visibility: visible;
}
header#header {
    position: fixed;
    z-index: 91;
    top: 0;
    left: 0;
    font-size: 14px;
    height: 100%;
    width: 0;
    pointer-events: none;
    visibility: hidden;
}
@media only screen and (min-width: 789px) {
    header#header {
        font-size: 14px;
    }
}
header#header a {
    text-decoration: none;
}
header#header nav[role="navigation"] {
    font-family: "Roboto",sans-serif;
    display: inline-block;
    position: absolute;
    left: 3.4vw;
    will-change: transform;
    top: 25px;
}
@media only screen and (min-width: 789px) {
    header#header nav[role="navigation"] {
        top: 50px;
    }
}
header#header nav[role="navigation"] > ul {
    line-height: 1.8;
    margin-top: -3px;
    margin-left: 2px;
}
header#header nav[role="navigation"] > ul > li {
    display: table;
    text-align: left;
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateX(5vw);
    -moz-transform: translateX(5vw);
    -o-transform: translateX(5vw);
    -ms-transform: translateX(5vw);
    transform: translateX(5vw);
    opacity: 0;
}
header#header nav[role="navigation"] > ul > li:nth-child(1) {
    -webkit-transition-delay: 60ms, 60ms;
    -moz-transition-delay: 60ms, 60ms;
    -o-transition-delay: 60ms, 60ms;
    -ms-transition-delay: 60ms, 60ms;
    transition-delay: 60ms, 60ms;
}
header#header nav[role="navigation"] > ul > li:nth-child(2) {
    -webkit-transition-delay: 0.12s, 0.12s;
    -moz-transition-delay: 0.12s, 0.12s;
    -o-transition-delay: 0.12s, 0.12s;
    -ms-transition-delay: 0.12s, 0.12s;
    transition-delay: 0.12s, 0.12s;
}
header#header nav[role="navigation"] > ul > li:nth-child(3) {
    -webkit-transition-delay: 0.18s, 0.18s;
    -moz-transition-delay: 0.18s, 0.18s;
    -o-transition-delay: 0.18s, 0.18s;
    -ms-transition-delay: 0.18s, 0.18s;
    transition-delay: 0.18s, 0.18s;
}
header#header nav[role="navigation"] > ul > li:nth-child(4) {
    -webkit-transition-delay: 0.24s, 0.24s;
    -moz-transition-delay: 0.24s, 0.24s;
    -o-transition-delay: 0.24s, 0.24s;
    -ms-transition-delay: 0.24s, 0.24s;
    transition-delay: 0.24s, 0.24s;
}
header#header nav[role="navigation"] > ul > li:nth-child(5) {
    -webkit-transition-delay: 0.3s, 0.3s;
    -moz-transition-delay: 0.3s, 0.3s;
    -o-transition-delay: 0.3s, 0.3s;
    -ms-transition-delay: 0.3s, 0.3s;
    transition-delay: 0.3s, 0.3s;
}
header#header nav[role="navigation"] > ul > li:nth-child(6) {
    -webkit-transition-delay: 0.36s, 0.36s;
    -moz-transition-delay: 0.36s, 0.36s;
    -o-transition-delay: 0.36s, 0.36s;
    -ms-transition-delay: 0.36s, 0.36s;
    transition-delay: 0.36s, 0.36s;
}
header#header nav[role="navigation"] > ul > li:nth-child(7) {
    -webkit-transition-delay: 0.42s, 0.42s;
    -moz-transition-delay: 0.42s, 0.42s;
    -o-transition-delay: 0.42s, 0.42s;
    -ms-transition-delay: 0.42s, 0.42s;
    transition-delay: 0.42s, 0.42s;
}
header#header nav[role="navigation"] > ul > li.active-semi a {
    color: #858585;
}
header#header nav[role="navigation"] > ul > li.active a {
    color: #858585;
    pointer-events: none;
}
header#header .nav-outer > section {
    height: auto;
    position: absolute;
    color: #000;
    left: 3.4vw;
    width: 50vw;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
    -webkit-transition: -webkit-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
header#header .nav-outer > section:nth-child(2) {
    bottom: calc(50% - 4px);
}
@media only screen and (min-width: 789px) {
    header#header .nav-outer > section:nth-child(2) {
        bottom: calc(50% - 7px);
    }
}
header#header .nav-outer > section:nth-child(3) {
    bottom: 30px;
}
@media only screen and (min-width: 789px) {
    header#header .nav-outer > section {
        max-width: 425px;
        width: 35vw;
        font-size: 0.714285714285714rem;
    }
}
header#header .nav-outer > section p {
    margin-bottom: 4px;
    line-height: 1.7;
    color: #858585;
    font-size: 0.785714285714286rem;
}
header#header .nav-outer > section p > a {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
}
header#header .nav-outer > section p > a:nth-child(1) {
    -webkit-transition-delay: 0.35s, 0.35s;
    -moz-transition-delay: 0.35s, 0.35s;
    -o-transition-delay: 0.35s, 0.35s;
    -ms-transition-delay: 0.35s, 0.35s;
    transition-delay: 0.35s, 0.35s;
}
header#header .nav-outer > section p > a:nth-child(2) {
    -webkit-transition-delay: 0.45s, 0.45s;
    -moz-transition-delay: 0.45s, 0.45s;
    -o-transition-delay: 0.45s, 0.45s;
    -ms-transition-delay: 0.45s, 0.45s;
    transition-delay: 0.45s, 0.45s;
}
header#header .nav-outer > section p > a:nth-child(3) {
    -webkit-transition-delay: 0.55s, 0.55s;
    -moz-transition-delay: 0.55s, 0.55s;
    -o-transition-delay: 0.55s, 0.55s;
    -ms-transition-delay: 0.55s, 0.55s;
    transition-delay: 0.55s, 0.55s;
}
header#header .nav-outer > section p > a:nth-child(4) {
    -webkit-transition-delay: 0.65s, 0.65s;
    -moz-transition-delay: 0.65s, 0.65s;
    -o-transition-delay: 0.65s, 0.65s;
    -ms-transition-delay: 0.65s, 0.65s;
    transition-delay: 0.65s, 0.65s;
}
header#header .nav-outer > section p > a:nth-child(5) {
    -webkit-transition-delay: 0.75s, 0.75s;
    -moz-transition-delay: 0.75s, 0.75s;
    -o-transition-delay: 0.75s, 0.75s;
    -ms-transition-delay: 0.75s, 0.75s;
    transition-delay: 0.75s, 0.75s;
}
header#header .nav-outer > section p strong {
    color: #000;
}
hamburger-line {
    display: block;
    position: fixed;
    z-index: 90;
    pointer-events: none;
    width: 0;
    will-change: width;
    -webkit-transition: width 0.91s cubic-bezier(0.77, 0, 0.175, 1) 20ms;
    -moz-transition: width 0.91s cubic-bezier(0.77, 0, 0.175, 1) 20ms;
    -o-transition: width 0.91s cubic-bezier(0.77, 0, 0.175, 1) 20ms;
    -ms-transition: width 0.91s cubic-bezier(0.77, 0, 0.175, 1) 20ms;
    transition: width 0.91s cubic-bezier(0.77, 0, 0.175, 1) 20ms;
    height: 2px;
    background: #000;
    top: var(--app-half-height, 50vh);
    white-space: nowrap;
    left: calc(85vw - 25px);
}
@media only screen and (min-width: 789px) {
    hamburger-line {
        left: calc(64vw - 25px);
    }
}
hamburger-line label:nth-child(2) {
    display: none;
}
html.touch hamburger-line label:nth-child(1) {
    display: none;
}
html.touch hamburger-line label:nth-child(2) {
    display: block;
}
hamburger-line.show {
    width: 50px;
}
hamburger-line.show label > span {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
hamburger-line label {
    display: table;
    position: relative;
    left: -6px;
    -webkit-transform: translateX(-100%) translateY(-35%);
    -moz-transform: translateX(-100%) translateY(-35%);
    -o-transform: translateX(-100%) translateY(-35%);
    -ms-transform: translateX(-100%) translateY(-35%);
    transform: translateX(-100%) translateY(-35%);
    font-size: 0.785714285714286rem;
    letter-spacing: 0.1px;
}
@media only screen and (min-width: 789px) {
    hamburger-line label {
        left: -12px;
    }
}
hamburger-line label span {
    display: inline-block;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
    opacity: 0;
    will-change: opacity, transform;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.91s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.91s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.91s cubic-bezier(0.77, 0, 0.175, 1);
}
hamburger-line label span:not(:last-child) {
    margin-right: 5px;
}
@media only screen and (max-width: 789px) {
    .slide-elements-list[page-type="home"]:not(.bunk--type-aa) {
        padding-left: 27.2vw;
    }
}
.slide-elements-list {
    visibility: hidden;
}
.slide-elements-list.ready {
    visibility: visible;
}
.slide-elements-list .slide-element {
    width: auto;
    height: var(--app-height, 100vh);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    color: #000;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
}
.slide-elements-list .slide-element .slide-element--inner {
    height: 100%;
    position: relative;
}
html.touch .slide-elements-list .slide-element a:focus {
    -webkit-transition-duration: 0s, 0s;
    -moz-transition-duration: 0s, 0s;
    -o-transition-duration: 0s, 0s;
    -ms-transition-duration: 0s, 0s;
    transition-duration: 0s, 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    opacity: 0.85 !important;
}
.slide-elements-list .slide-element figure.portrait {
    display: block;
}
.slide-elements-list .slide-element .image--outer {
    height: 100%;
    width: auto;
    position: relative;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    will-change: transform;
}
.slide-elements-list .slide-element .image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.slide-elements-list .slide-element .image canvas.face-detection {
    display: none;
}
@media only screen and (min-width: 789px) {
    .slide-elements-list .slide-element .image canvas.face-detection {
        position: absolute;
        display: block;
        visibility: hidden;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 3;
    }
}
@media only screen and (min-width: 789px) {
    .slide-elements-list .slide-element .image:hover canvas.face-detection {
        visibility: visible;
    }
}
.slide-elements-list .slide-element .exoskelet {
    pointer-events: none;
    position: relative;
    z-index: 2;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.slide-elements-list .slide-element .exoskelet.invisible {
    background-color: transparent !important;
}
.slide-elements-list .slide-element .exoskelet.hide {
    opacity: 0;
}
.slide-elements-list .slide-element .exoskelet > img {
    height: 100%;
    width: auto;
    visibility: hidden;
}
.slide-elements-list .slide-element .progress {
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 30px;
    background: #000;
}
.slide-elements-list .slide-element.in-view {
    visibility: visible;
}
.slide-elements-list .slide-element a {
    display: block;
    cursor: pointer;
}
.slide-elements-list:not(.scrolled)[page-type="home"] .slide-element:nth-child(1) .bunk-element:nth-child(2),
.slide-elements-list:not(.scrolled)[page-type="home"] .slide-element:nth-child(1) .bunk-element:nth-child(3) {
    opacity: 0;
}
body.intro-done .slide-elements-list .slide-element:not(.bunk--type-aa).header-open {
    pointer-events: none;
    z-index: 3;
}
.slide-elements-list .slide-element .bunk-elements {
    display: block;
    width: 100%;
    height: 100%;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element {
    position: absolute;
    width: auto;
    bottom: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    will-change: transform, height, left, right, opacity;
    -webkit-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    left: auto;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    display: none;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element.scaling {
    pointer-events: none;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element:nth-child(1) .bunk-element--inner.over .image img {
    -webkit-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element:nth-child(2) .bunk-element--inner.over .image img {
    -webkit-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -moz-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -o-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    -ms-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element:nth-child(3) .bunk-element--inner.over .image img {
    -webkit-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -moz-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -o-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    -ms-animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    animation: blinker 0.52s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element a.bunk-element--inner {
    height: 100%;
    width: auto;
    cursor: pointer;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    cursor: default;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element a.bunk-element--inner.show {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element a.bunk-element--inner .image {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.slide-elements-list .slide-element .bunk-elements figure.bunk-element a.bunk-element--inner .image img {
    width: 100%;
    height: auto;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.slide-elements-list .slide-element.bunk--type-a .bunk-elements figure.bunk-element:nth-child(1) {
    height: 53vh;
    left: 50%;
    -webkit-transform: translateX(-47vh);
    -moz-transform: translateX(-47vh);
    -o-transform: translateX(-47vh);
    -ms-transform: translateX(-47vh);
    transform: translateX(-47vh);
    z-index: 2;
}
.slide-elements-list .slide-element.bunk--type-a .bunk-elements figure.bunk-element:nth-child(2) {
    height: var(--app-height, 100vh);
    left: 50%;
    z-index: 1;
}
.slide-elements-list .slide-element.bunk--type-a .bunk-elements figure.bunk-element:nth-child(3) {
    height: 32vh;
    right: 50%;
    -webkit-transform: translateX(50vh);
    -moz-transform: translateX(50vh);
    -o-transform: translateX(50vh);
    -ms-transform: translateX(50vh);
    transform: translateX(50vh);
    z-index: 3;
}
.slide-elements-list .slide-element.bunk--type-aa .bunk-element--inner {
    opacity: 1 !important;
    -ms-filter: none !important;
    filter: none !important;
}
.slide-elements-list .slide-element.bunk--type-aa .bunk-elements figure.bunk-element:nth-child(1) {
    height: 53vh;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 3;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.slide-elements-list .slide-element.bunk--type-aa .bunk-elements figure.bunk-element:nth-child(2) {
    height: var(--app-height, 100vh);
    left: 51vh;
    z-index: 1;
}
.slide-elements-list .slide-element.bunk--type-aa .bunk-elements figure.bunk-element:nth-child(3) {
    height: 32vh;
    left: 78vh;
    z-index: 2;
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    -ms-transform: translateX(2%);
    transform: translateX(2%);
}
.slide-elements-list .slide-element.bunk--type-b .bunk-elements figure.bunk-element:nth-child(1) {
    height: 32vh;
    left: 50%;
    -webkit-transform: translateX(-52vh);
    -moz-transform: translateX(-52vh);
    -o-transform: translateX(-52vh);
    -ms-transform: translateX(-52vh);
    transform: translateX(-52vh);
    z-index: 3;
}
.slide-elements-list .slide-element.bunk--type-b .bunk-elements figure.bunk-element:nth-child(2) {
    height: var(--app-height, 100vh);
    left: 49%;
    z-index: 1;
}
.slide-elements-list .slide-element.bunk--type-b .bunk-elements figure.bunk-element:nth-child(3) {
    height: 53vh;
    right: 50%;
    z-index: 2;
    -webkit-transform: translateX(46vh);
    -moz-transform: translateX(46vh);
    -o-transform: translateX(46vh);
    -ms-transform: translateX(46vh);
    transform: translateX(46vh);
}
.slide-elements-list .slide-element.bunk--type-c .bunk-elements figure.bunk-element:nth-child(1) {
    height: 32vh;
    left: 50%;
    -webkit-transform: translateX(4vh);
    -moz-transform: translateX(4vh);
    -o-transform: translateX(4vh);
    -ms-transform: translateX(4vh);
    transform: translateX(4vh);
    z-index: 3;
}
.slide-elements-list .slide-element.bunk--type-c .bunk-elements figure.bunk-element:nth-child(2) {
    height: var(--app-height, 100vh);
    left: 44%;
    z-index: 1;
}
.slide-elements-list .slide-element.bunk--type-c .bunk-elements figure.bunk-element:nth-child(3) {
    height: 53vh;
    left: 50%;
    -webkit-transform: translateX(15vh);
    -moz-transform: translateX(15vh);
    -o-transform: translateX(15vh);
    -ms-transform: translateX(15vh);
    transform: translateX(15vh);
    z-index: 2;
}
.slide-elements-list .slide-element.bunk--type-d .bunk-elements figure.bunk-element:nth-child(1) {
    height: 32vh;
    left: 50%;
    -webkit-transform: translateX(-18vh);
    -moz-transform: translateX(-18vh);
    -o-transform: translateX(-18vh);
    -ms-transform: translateX(-18vh);
    transform: translateX(-18vh);
    z-index: 3;
}
.slide-elements-list .slide-element.bunk--type-d .bunk-elements figure.bunk-element:nth-child(2) {
    height: var(--app-height, 100vh);
    left: 61%;
    z-index: 1;
}
.slide-elements-list .slide-element.bunk--type-d .bunk-elements figure.bunk-element:nth-child(3) {
    height: 53vh;
    left: 50%;
    -webkit-transform: translateX(-47vh);
    -moz-transform: translateX(-47vh);
    -o-transform: translateX(-47vh);
    -ms-transform: translateX(-47vh);
    transform: translateX(-47vh);
    z-index: 2;
}
.slide-elements-list .slide-element.bunk--type-e .bunk-elements figure.bunk-element:nth-child(1) {
    height: 32vh;
    left: 50%;
    -webkit-transform: translateX(41vh);
    -moz-transform: translateX(41vh);
    -o-transform: translateX(41vh);
    -ms-transform: translateX(41vh);
    transform: translateX(41vh);
    z-index: 3;
}
.slide-elements-list .slide-element.bunk--type-e .bunk-elements figure.bunk-element:nth-child(2) {
    height: var(--app-height, 100vh);
    left: 44%;
    z-index: 1;
}
.slide-elements-list .slide-element.bunk--type-e .bunk-elements figure.bunk-element:nth-child(3) {
    height: 53vh;
    left: 50%;
    -webkit-transform: translateX(14vh);
    -moz-transform: translateX(14vh);
    -o-transform: translateX(14vh);
    -ms-transform: translateX(14vh);
    transform: translateX(14vh);
    z-index: 2;
}
.slide-elements-list .slide-element.bunk--type-f .bunk-elements figure.bunk-element:nth-child(1) {
    height: 32vh;
    left: 50%;
    -webkit-transform: translateX(-44vh);
    -moz-transform: translateX(-44vh);
    -o-transform: translateX(-44vh);
    -ms-transform: translateX(-44vh);
    transform: translateX(-44vh);
    z-index: 3;
}
.slide-elements-list .slide-element.bunk--type-f .bunk-elements figure.bunk-element:nth-child(2) {
    height: var(--app-height, 100vh);
    left: 65%;
    z-index: 1;
}
.slide-elements-list .slide-element.bunk--type-f .bunk-elements figure.bunk-element:nth-child(3) {
    height: 53vh;
    left: 50%;
    -webkit-transform: translateX(-36vh);
    -moz-transform: translateX(-36vh);
    -o-transform: translateX(-36vh);
    -ms-transform: translateX(-36vh);
    transform: translateX(-36vh);
    z-index: 2;
}
@-moz-keyframes blinker {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    50% {
        opacity: 0.85;
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@-webkit-keyframes blinker {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    50% {
        opacity: 0.85;
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@-o-keyframes blinker {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    50% {
        opacity: 0.85;
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
@keyframes blinker {
    0% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    50% {
        opacity: 0.85;
    }
    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}
body:not(.scroll-to-explore--show) .slide-elements-list .slide-element .case-elements .case-element--inner.scaled-up .colors > * {
    -webkit-transform: translateZ(0) scale(1, 1);
    -moz-transform: translateZ(0) scale(1, 1);
    -o-transform: translateZ(0) scale(1, 1);
    -ms-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
}
body:not(.scroll-to-explore--show) .slide-elements-list .slide-element .case-elements .case-element--inner.scaled-up .keywords h4 {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
body:not(.scroll-to-explore--show) .slide-elements-list .slide-element .case-elements .case-element--inner.scaled-up .keywords li {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.page-type--contact .slide-elements-list .slide-element .case-elements figure.case-element:last-child {
    margin-right: 0;
}
.slide-elements-list .slide-element .case-elements {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: auto;
    height: 100%;
    white-space: nowrap;
}
.slide-elements-list .slide-element .case-elements:after {
    content: "";
    display: block;
    clear: both;
}
.slide-elements-list .slide-element .case-elements figure.case-element {
    width: auto;
    height: 100%;
    margin: 0;
    margin-right: 14vw;
    visibility: hidden;
}
.slide-elements-list .slide-element .case-elements figure.case-element.visible {
    visibility: visible;
}
.slide-elements-list .slide-element .case-elements figure.case-element .case-element--inner {
    height: 100%;
    width: auto;
}
.slide-elements-list .slide-element .case-elements figure.case-element .case-element--inner .image--outer {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    z-index: 2;
}
.slide-elements-list .slide-element .case-elements figure.case-element .case-element--inner .image img {
    width: calc(100% + 1px);
    height: 100%;
    position: relative;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.slide-elements-list .slide-element .case-elements .keywords {
    width: 20px;
    height: 40%;
    position: absolute;
    z-index: 1;
    left: calc(100% + 30px);
    top: 30px;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.slide-elements-list .slide-element .case-elements .keywords ul {
    display: block;
    line-height: 1.3;
}
.slide-elements-list .slide-element .case-elements .keywords ul h4 {
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slide-elements-list .slide-element .case-elements .keywords ul li {
    text-transform: capitalize;
    display: block;
    font-size: 10px;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}
.slide-elements-list .slide-element .case-elements .keywords ul li > a,
.slide-elements-list .slide-element .case-elements .keywords ul li > div {
    display: inline-block;
    text-decoration: none;
}
.slide-elements-list .slide-element .case-elements .keywords ul > li:nth-child(2) {
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    -ms-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}
.slide-elements-list .slide-element .case-elements .keywords ul > li:nth-child(3) {
    -webkit-transition-delay: 0.1s, 0.1s;
    -moz-transition-delay: 0.1s, 0.1s;
    -o-transition-delay: 0.1s, 0.1s;
    -ms-transition-delay: 0.1s, 0.1s;
    transition-delay: 0.1s, 0.1s;
}
.slide-elements-list .slide-element .case-elements .keywords ul > li:nth-child(4) {
    -webkit-transition-delay: 0.2s, 0.2s;
    -moz-transition-delay: 0.2s, 0.2s;
    -o-transition-delay: 0.2s, 0.2s;
    -ms-transition-delay: 0.2s, 0.2s;
    transition-delay: 0.2s, 0.2s;
}
.slide-elements-list .slide-element .case-elements .keywords ul > li:nth-child(5) {
    -webkit-transition-delay: 0.3s, 0.3s;
    -moz-transition-delay: 0.3s, 0.3s;
    -o-transition-delay: 0.3s, 0.3s;
    -ms-transition-delay: 0.3s, 0.3s;
    transition-delay: 0.3s, 0.3s;
}
.slide-elements-list .slide-element .case-elements .keywords ul > li:nth-child(6) {
    -webkit-transition-delay: 0.4s, 0.4s;
    -moz-transition-delay: 0.4s, 0.4s;
    -o-transition-delay: 0.4s, 0.4s;
    -ms-transition-delay: 0.4s, 0.4s;
    transition-delay: 0.4s, 0.4s;
}
.slide-elements-list .slide-element .case-elements .colors {
    width: 20px;
    height: 40%;
    position: absolute;
    z-index: 1;
    left: -20px;
    bottom: 0;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.slide-elements-list .slide-element .case-elements .colors > * {
    background: 0 0;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 100%;
    -webkit-transform: translateZ(0) scale(0, 1);
    -moz-transform: translateZ(0) scale(0, 1);
    -o-transform: translateZ(0) scale(0, 1);
    -ms-transform: translateZ(0) scale(0, 1);
    transform: translateZ(0) scale(0, 1);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    position: relative;
    z-index: 1;
}
.slide-elements-list .slide-element .case-elements .colors > :nth-child(1) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.slide-elements-list .slide-element .case-elements .colors > :nth-child(2) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.slide-elements-list .slide-element .case-elements .colors > :nth-child(3) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.slide-elements-list .slide-element .case-elements .colors > :nth-child(4) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.slide-elements-list .slide-element .case-elements .colors > * > div {
    content: "";
    width: 200%;
    height: calc(100% + 0px);
    display: block;
    will-change: transform, height;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), height 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    position: relative;
}
.slide-elements-list .slide-element .case-elements .colors > * > div:after {
    content: "";
    background-image: url(../images/icon-%2b.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    width: 16px;
    height: 16px;
    color: transparent;
    display: block;
    position: absolute;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0, 0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0, 0);
    -o-transform: translateX(-50%) translateY(-50%) scale(0, 0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0, 0);
    transform: translateX(-50%) translateY(-50%) scale(0, 0);
}
.slide-elements-list .slide-element .case-elements .colors > :first-child > div {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.slide-elements-list .slide-element .case-elements .colors > :last-child > div {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.slide-elements-list .slide-element .case-elements .colors > :hover {
    z-index: 2;
}
.slide-elements-list .slide-element .case-elements .colors > :hover > div {
    height: calc(100% + 20px);
    -webkit-transform: translateZ(0) translateX(-19px) translateY(-5px);
    -moz-transform: translateZ(0) translateX(-19px) translateY(-5px);
    -o-transform: translateZ(0) translateX(-19px) translateY(-5px);
    -ms-transform: translateZ(0) translateX(-19px) translateY(-5px);
    transform: translateZ(0) translateX(-19px) translateY(-5px);
}
.slide-elements-list .slide-element .case-elements .colors > :hover > div:after {
    -webkit-transition-delay: 0.39s;
    -moz-transition-delay: 0.39s;
    -o-transition-delay: 0.39s;
    -ms-transition-delay: 0.39s;
    transition-delay: 0.39s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1, 1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1, 1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1, 1);
    transform: translateX(-50%) translateY(-50%) scale(1, 1);
}
.slide-elements-list .slide-element .case-elements .colors > :hover:first-child > div,
.slide-elements-list .slide-element .case-elements .colors > :hover:last-child > div {
    -webkit-transform: translateZ(0) translateX(-20px) translateY(-10px);
    -moz-transform: translateZ(0) translateX(-20px) translateY(-10px);
    -o-transform: translateZ(0) translateX(-20px) translateY(-10px);
    -ms-transform: translateZ(0) translateX(-20px) translateY(-10px);
    transform: translateZ(0) translateX(-20px) translateY(-10px);
}
body.intro-done .slider-ui {
    visibility: visible;
}
.slider-ui {
    display: block;
    visibility: hidden;
    position: absolute;
    z-index: 89;
    left: 0;
    bottom: 25px;
    font-family: "Roboto",sans-serif;
    font-size: 15px;
    pointer-events: none;
    white-space: nowrap;
    color: #000;
    height: 12px;
    line-height: 0.7;
}
@media only screen and (min-width: 789px) {
    .slider-ui {
        bottom: 50px;
    }
}
.slider-ui:not([can-go-forward="1"]) button[type="previous"] {
    opacity: 0.2;
    pointer-events: none;
}
.slider-ui #box {
    width: 12px;
    height: 12px;
    background: transparent;
    margin-right: 7.5px;
    margin-left: 7.5px;
}
.slider-ui > div {
    position: relative;
    display: inline-block;
    -webkit-transform: translateX(5vw);
    -moz-transform: translateX(5vw);
    -o-transform: translateX(5vw);
    -ms-transform: translateX(5vw);
    transform: translateX(5vw);
    height: 10px;
    width: 20px;
    vertical-align: top;
    opacity: 0;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slider-ui > div:nth-child(1) {
    -webkit-transition-delay: 0.12s, 0.12s;
    -moz-transition-delay: 0.12s, 0.12s;
    -o-transition-delay: 0.12s, 0.12s;
    -ms-transition-delay: 0.12s, 0.12s;
    transition-delay: 0.12s, 0.12s;
}
.slider-ui > div:nth-child(2) {
    -webkit-transition-delay: 80ms, 80ms;
    -moz-transition-delay: 80ms, 80ms;
    -o-transition-delay: 80ms, 80ms;
    -ms-transition-delay: 80ms, 80ms;
    transition-delay: 80ms, 80ms;
}
.slider-ui > div:nth-child(3) {
    -webkit-transition-delay: 40ms, 40ms;
    -moz-transition-delay: 40ms, 40ms;
    -o-transition-delay: 40ms, 40ms;
    -ms-transition-delay: 40ms, 40ms;
    transition-delay: 40ms, 40ms;
}
.slider-ui > div > span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    will-change: opacity, transform;
    -webkit-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
}
body:not(.scroll-to-explore--show).intro-done .slider-ui.animate-in > div {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
body:not(.scroll-to-explore--show).intro-done .slider-ui.animate-in > div:nth-child(1) {
    -webkit-transition-delay: 1.04s, 1.04s;
    -moz-transition-delay: 1.04s, 1.04s;
    -o-transition-delay: 1.04s, 1.04s;
    -ms-transition-delay: 1.04s, 1.04s;
    transition-delay: 1.04s, 1.04s;
}
body:not(.scroll-to-explore--show).intro-done .slider-ui.animate-in > div:nth-child(2) {
    -webkit-transition-delay: 1.08s, 1.08s;
    -moz-transition-delay: 1.08s, 1.08s;
    -o-transition-delay: 1.08s, 1.08s;
    -ms-transition-delay: 1.08s, 1.08s;
    transition-delay: 1.08s, 1.08s;
}
body:not(.scroll-to-explore--show).intro-done .slider-ui.animate-in > div:nth-child(3) {
    -webkit-transition-delay: 1.12s, 1.12s;
    -moz-transition-delay: 1.12s, 1.12s;
    -o-transition-delay: 1.12s, 1.12s;
    -ms-transition-delay: 1.12s, 1.12s;
    transition-delay: 1.12s, 1.12s;
}
#slider-info {
    position: fixed;
    z-index: 51;
    left: 0;
    width: 100%;
    will-change: opacity;
    -webkit-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    padding-left: 3.4vw;
}
#slider-info > h3 {
    position: absolute;
    font-family: 'England', sans-serif;
    font-size: 45px;
    line-height: 1;
    width: calc(100% - 80px);
    text-transform: capitalize;
    white-space: normal;
    display: block;
    
}
@media only screen and (min-width: 641px) {
    #slider-info > h3 {
        font-size: 66px;
        line-height: 0.75;
        width: 60%;
        
    }
}

.white{
    color: #fff;
    -webkit-text-stroke: 2px white !important;
}

#slider-info > h3.left {
    top: var(--app-half-height, 50vh);
    
}
#slider-info > h3 sup {
    font-size: 50%;
    vertical-align: top;
    margin-left: -5px;
}
#slider-info > h3 > div {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: -0.5px;
}
#slider-info > h3 > div > * {
    display: inline-block;
    opacity: 0;
    white-space: nowrap;
}
#slider-info > h3 > div > :not(.branding):not(:last-child) {
    margin-right: 15px;
    -webkit-text-stroke: 1px black;
}

span.item.false{
    -webkit-text-stroke: 1px black;
}

#slider-info > h3 > div > .branding {
    display: table;
    margin-top: -0.65vh;
    -webkit-text-stroke: 2px black;
}
#slider-info > h3 > div .subtitle {
    display: table;
    font-size: 14px;
    font-family: "Roboto",sans-serif;
    margin-top: 18px;
    letter-spacing: 2px;
}
@media only screen and (min-width: 641px) {
    #slider-info > h3 > div .subtitle {
        margin-left: 4px;
        font-size: 14px;
    }
}
article.slider-content {
    position: absolute;
    height: 100%;
    z-index: 51;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    color: #858585;
    left: 3.4vw;
    padding-top: 21px;
    padding-bottom: 14px;
    bottom: 2vh;
}
@media only screen and (max-width: 789px) {
    article.slider-content {
        padding-right: 50px;
    }
}
@media only screen and (min-width: 789px) {
    article.slider-content {
        padding-top: 44px;
        padding-bottom: 44px;
    }
}
main[page-type="project"] article.slider-content {
    left: 3.4vw;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
main[page-type="contact"] article.slider-content {
    left: 45vw;
}
@media only screen and (min-width: 641px) {
    main[page-type="contact"] article.slider-content {
        left: 30vw;
    }
}
@media only screen and (min-width: 1025px) {
    main[page-type="contact"] article.slider-content {
        left: 30.599999999999998vw;
    }
}
@media only screen and (min-width: 789px) {
    article.slider-content {
        max-width: 300px;
    }
}
article.slider-content > :not(h1) {
    padding-left: 3px;
}
article.slider-content p {
    line-height: 2;
    font-size: 1rem;
}
@media only screen and (min-width: 789px) {
    article.slider-content p {
        font-size: 1rem;
    }
}
article.slider-content p strong {
    color: #000;
}
article.slider-content .social,
article.slider-content > footer,
article.slider-content > p,
article.slider-content > section > p {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 0;
    -webkit-transform: translateX(10vw);
    -moz-transform: translateX(10vw);
    -o-transform: translateX(10vw);
    -ms-transform: translateX(10vw);
    transform: translateX(10vw);
    will-change: transform, opacity;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
}
article.slider-content .social {
    margin-top: auto;
    margin-bottom: 0;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(1),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(1),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(1),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(1),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(1),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(1),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(1),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(1),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(1),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(1),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(1),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(1) {
    -webkit-transition-delay: 125ms, 125ms;
    -moz-transition-delay: 125ms, 125ms;
    -o-transition-delay: 125ms, 125ms;
    -ms-transition-delay: 125ms, 125ms;
    transition-delay: 125ms, 125ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(2),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(2),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(2),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(2),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(2),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(2),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(2),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(2),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(2),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(2),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(2),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(2) {
    -webkit-transition-delay: 225ms, 225ms;
    -moz-transition-delay: 225ms, 225ms;
    -o-transition-delay: 225ms, 225ms;
    -ms-transition-delay: 225ms, 225ms;
    transition-delay: 225ms, 225ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(3),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(3),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(3),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(3),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(3),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(3),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(3),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(3),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(3),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(3),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(3),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(3) {
    -webkit-transition-delay: 325ms, 325ms;
    -moz-transition-delay: 325ms, 325ms;
    -o-transition-delay: 325ms, 325ms;
    -ms-transition-delay: 325ms, 325ms;
    transition-delay: 325ms, 325ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(4),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(4),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(4),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(4),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(4),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(4),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(4),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(4),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(4),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(4),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(4),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(4) {
    -webkit-transition-delay: 425ms, 425ms;
    -moz-transition-delay: 425ms, 425ms;
    -o-transition-delay: 425ms, 425ms;
    -ms-transition-delay: 425ms, 425ms;
    transition-delay: 425ms, 425ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(5),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(5),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(5),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(5),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(5),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(5),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(5),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(5),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(5),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(5),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(5),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(5) {
    -webkit-transition-delay: 525ms, 525ms;
    -moz-transition-delay: 525ms, 525ms;
    -o-transition-delay: 525ms, 525ms;
    -ms-transition-delay: 525ms, 525ms;
    transition-delay: 525ms, 525ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(6),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(6),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(6),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(6),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(6),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(6),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(6),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(6),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(6),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(6),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(6),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(6) {
    -webkit-transition-delay: 625ms, 625ms;
    -moz-transition-delay: 625ms, 625ms;
    -o-transition-delay: 625ms, 625ms;
    -ms-transition-delay: 625ms, 625ms;
    transition-delay: 625ms, 625ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(7),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(7),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(7),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(7),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(7),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(7),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(7),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(7),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(7),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(7),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(7),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(7) {
    -webkit-transition-delay: 725ms, 725ms;
    -moz-transition-delay: 725ms, 725ms;
    -o-transition-delay: 725ms, 725ms;
    -ms-transition-delay: 725ms, 725ms;
    transition-delay: 725ms, 725ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(8),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(8),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(8),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(8),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(8),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(8),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(8),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(8),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(8),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(8),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(8),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(8) {
    -webkit-transition-delay: 825ms, 825ms;
    -moz-transition-delay: 825ms, 825ms;
    -o-transition-delay: 825ms, 825ms;
    -ms-transition-delay: 825ms, 825ms;
    transition-delay: 825ms, 825ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(9),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer:nth-child(9),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p:nth-child(9),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(9),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(9),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(9),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(9),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer:nth-child(9),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p:nth-child(9),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(9),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer:nth-child(9),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p:nth-child(9) {
    -webkit-transition-delay: 925ms, 925ms;
    -moz-transition-delay: 925ms, 925ms;
    -o-transition-delay: 925ms, 925ms;
    -ms-transition-delay: 925ms, 925ms;
    transition-delay: 925ms, 925ms;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(1),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(1),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(1),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(1),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(1),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(1),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(1),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(1) {
    -webkit-transition-delay: 0.15s, 0.15s;
    -moz-transition-delay: 0.15s, 0.15s;
    -o-transition-delay: 0.15s, 0.15s;
    -ms-transition-delay: 0.15s, 0.15s;
    transition-delay: 0.15s, 0.15s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(2),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(2),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(2),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(2),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(2),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(2),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(2),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(2) {
    -webkit-transition-delay: 0.25s, 0.25s;
    -moz-transition-delay: 0.25s, 0.25s;
    -o-transition-delay: 0.25s, 0.25s;
    -ms-transition-delay: 0.25s, 0.25s;
    transition-delay: 0.25s, 0.25s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(3),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(3),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(3),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(3),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(3),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(3),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(3),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(3) {
    -webkit-transition-delay: 0.35s, 0.35s;
    -moz-transition-delay: 0.35s, 0.35s;
    -o-transition-delay: 0.35s, 0.35s;
    -ms-transition-delay: 0.35s, 0.35s;
    transition-delay: 0.35s, 0.35s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(4),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(4),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(4),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(4),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(4),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(4),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(4),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(4) {
    -webkit-transition-delay: 0.45s, 0.45s;
    -moz-transition-delay: 0.45s, 0.45s;
    -o-transition-delay: 0.45s, 0.45s;
    -ms-transition-delay: 0.45s, 0.45s;
    transition-delay: 0.45s, 0.45s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(5),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(5),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(5),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(5),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(5),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(5),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(5),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(5) {
    -webkit-transition-delay: 0.55s, 0.55s;
    -moz-transition-delay: 0.55s, 0.55s;
    -o-transition-delay: 0.55s, 0.55s;
    -ms-transition-delay: 0.55s, 0.55s;
    transition-delay: 0.55s, 0.55s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(6),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(6),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(6),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(6),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(6),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(6),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(6),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(6) {
    -webkit-transition-delay: 0.65s, 0.65s;
    -moz-transition-delay: 0.65s, 0.65s;
    -o-transition-delay: 0.65s, 0.65s;
    -ms-transition-delay: 0.65s, 0.65s;
    transition-delay: 0.65s, 0.65s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(7),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(7),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(7),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(7),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(7),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(7),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(7),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(7) {
    -webkit-transition-delay: 0.75s, 0.75s;
    -moz-transition-delay: 0.75s, 0.75s;
    -o-transition-delay: 0.75s, 0.75s;
    -ms-transition-delay: 0.75s, 0.75s;
    transition-delay: 0.75s, 0.75s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(8),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(8),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(8),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(8),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(8),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(8),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(8),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(8) {
    -webkit-transition-delay: 0.85s, 0.85s;
    -moz-transition-delay: 0.85s, 0.85s;
    -o-transition-delay: 0.85s, 0.85s;
    -ms-transition-delay: 0.85s, 0.85s;
    transition-delay: 0.85s, 0.85s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social:nth-child(9),
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p:nth-child(9),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(9),
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(9),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social:nth-child(9),
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p:nth-child(9),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social:nth-child(9),
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p:nth-child(9) {
    -webkit-transition-delay: 0.95s, 0.95s;
    -moz-transition-delay: 0.95s, 0.95s;
    -o-transition-delay: 0.95s, 0.95s;
    -ms-transition-delay: 0.95s, 0.95s;
    transition-delay: 0.95s, 0.95s;
}
body.intro-done main[page-type="contact"] article.slider-content.animate-in .social,
body.intro-done main[page-type="contact"] article.slider-content.animate-in > footer,
body.intro-done main[page-type="contact"] article.slider-content.animate-in > p,
body.intro-done main[page-type="contact"] article.slider-content.animate-in > section > p,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in .social,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > footer,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > p,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-in > section > p,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in .social,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > footer,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > p,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-in > section > p,
body.intro-done.scroll-to-explore--show article.slider-content.animate-in .social,
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > footer,
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > p,
body.intro-done.scroll-to-explore--show article.slider-content.animate-in > section > p {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
body.intro-done main[page-type="contact"] article.slider-content.animate-out .social,
body.intro-done main[page-type="contact"] article.slider-content.animate-out > footer,
body.intro-done main[page-type="contact"] article.slider-content.animate-out > p,
body.intro-done main[page-type="contact"] article.slider-content.animate-out > section > p,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-out .social,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-out > footer,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-out > p,
body.intro-done main[page-type="explore"]:not(.scrolled) article.slider-content.animate-out > section > p,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-out .social,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-out > footer,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-out > p,
body.intro-done main[page-type="project"]:not(.scrolled) article.slider-content.animate-out > section > p,
body.intro-done.scroll-to-explore--show article.slider-content.animate-out .social,
body.intro-done.scroll-to-explore--show article.slider-content.animate-out > footer,
body.intro-done.scroll-to-explore--show article.slider-content.animate-out > p,
body.intro-done.scroll-to-explore--show article.slider-content.animate-out > section > p {
    opacity: 0;
    -webkit-transform: translateX(10vw);
    -moz-transform: translateX(10vw);
    -o-transform: translateX(10vw);
    -ms-transform: translateX(10vw);
    transform: translateX(10vw);
}
main[role="main"][page-type="explore-result"] .color-box {
    position: absolute;
    left: 30px;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -45px;
}
@media only screen and (min-width: 789px) {
    main[role="main"][page-type="explore-result"] .color-box {
        width: 280px;
        height: 280px;
        margin-top: -140px;
    }
}
main[role="main"][page-type="explore"] .slider-content footer img {
    width: 98px;
    height: auto;
}
main[role="main"][page-type="explore"] menu {
    position: absolute;
    right: 6.8vw;
    height: 100%;
    z-index: 51;
}
@media only screen and (min-width: 789px) {
    main[role="main"][page-type="explore"] menu {
        right: 1.7vw;
    }
}
main[role="main"][page-type="explore"] menu button {
    font-family: "Roboto",sans-serif;
    font-size: 1.428571428571429rem;
    position: absolute;
}
main[role="main"][page-type="explore"] menu button > span {
    display: inline-block;
    position: relative;
    will-change: letter-spacing;
    -webkit-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
}
main[role="main"][page-type="explore"] menu button > span:after {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.91s cubic-bezier(0.165, 0.84, 0.44, 1);
}
main[role="main"][page-type="explore"] menu button:hover > span {
    letter-spacing: 2px;
}
main[role="main"][page-type="explore"] menu button.selected > span:after {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
main[role="main"][page-type="explore"] menu button.selected {
    pointer-events: none;
}
main[role="main"][page-type="explore"] menu button:nth-child(1) {
    top: 30px;
}
main[role="main"][page-type="explore"] menu button:nth-child(1) > span {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translateX(-100%) rotate(-90deg) translateY(-100%);
    -moz-transform: translateX(-100%) rotate(-90deg) translateY(-100%);
    -o-transform: translateX(-100%) rotate(-90deg) translateY(-100%);
    -ms-transform: translateX(-100%) rotate(-90deg) translateY(-100%);
    transform: translateX(-100%) rotate(-90deg) translateY(-100%);
}
main[role="main"][page-type="explore"] menu button:nth-child(2) {
    bottom: 30px;
}
main[role="main"][page-type="explore"] menu button:nth-child(2) > span {
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%) rotate(-90deg) translateY(-100%);
    -moz-transform: translateY(100%) rotate(-90deg) translateY(-100%);
    -o-transform: translateY(100%) rotate(-90deg) translateY(-100%);
    -ms-transform: translateY(100%) rotate(-90deg) translateY(-100%);
    transform: translateY(100%) rotate(-90deg) translateY(-100%);
}
main[role="main"][page-type="explore"] .lists {
    position: absolute;
    height: 100%;
    width: 100%;
}
main[role="main"][page-type="explore"] .lists:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    right: 0;
    width: 15vw;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    will-change: transform;
    -webkit-transition: -webkit-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: -moz-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: -o-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: -ms-transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (min-width: 789px) {
    main[role="main"][page-type="explore"] .lists:before {
        width: 36vw;
    }
}
main[role="main"][page-type="explore"] .lists.show-background:before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
main[role="main"][page-type="explore"] .lists ul {
    -webkit-transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    -o-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    z-index: 50;
    position: absolute;
    white-space: nowrap;
    width: auto;
    height: 100%;
    top: 0;
    font-family: "Roboto",sans-serif;
    padding-left: 9vw;
    left: 100vw;
    padding-right: 6vw;
}
@media only screen and (min-width: 789px) {
    main[role="main"][page-type="explore"] .lists ul {
        padding-left: 21.599999999999998vw;
        left: 64vw;
    }
}
main[role="main"][page-type="explore"] .lists ul.disabled {
    pointer-events: none;
}
main[role="main"][page-type="explore"] .lists ul.disabled li.selected {
    -webkit-transition-duration: 0s, 0s;
    -moz-transition-duration: 0s, 0s;
    -o-transition-duration: 0s, 0s;
    -ms-transition-duration: 0s, 0s;
    transition-duration: 0s, 0s;
}
main[role="main"][page-type="explore"] .lists ul.disabled li:not(.selected) {
    opacity: 0;
}
main[role="main"][page-type="explore"] .lists ul li {
    display: inline-block;
    position: relative;
    top: 50%;
    will-change: letter-spacing, opacity;
    -webkit-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: letter-spacing 0.91s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.52s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (min-width: 641px) {
    main[role="main"][page-type="explore"] .lists ul li.selected,
    main[role="main"][page-type="explore"] .lists ul li:hover {
        letter-spacing: 2px;
    }
}
main[role="main"][page-type="explore"] .lists ul li.selected {
    -webkit-transition-delay: 0.1s, 0.1s;
    -moz-transition-delay: 0.1s, 0.1s;
    -o-transition-delay: 0.1s, 0.1s;
    -ms-transition-delay: 0.1s, 0.1s;
    transition-delay: 0.1s, 0.1s;
}
main[role="main"][page-type="explore"] .lists ul a {
    text-decoration: none;
}
main[role="main"][page-type="explore"] .lists ul.list-keywords li {
    width: 50px;
    display: inline-block;
}
main[role="main"][page-type="explore"] .lists ul.list-keywords li:not(:last-child) {
    margin-right: 30px;
}
main[role="main"][page-type="explore"] .lists ul.list-keywords li a {
    display: table;
    font-size: 3.571428571428572rem;
    margin-left: 25px;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    -moz-transform: translateX(-50%) rotate(-90deg);
    -o-transform: translateX(-50%) rotate(-90deg);
    -ms-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg);
    text-transform: capitalize;
}
@media only screen and (min-width: 789px) {
    main[role="main"][page-type="explore"] .lists ul.list-keywords li a {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
}
main[role="main"][page-type="explore"] .lists ul.list-colors li {
    width: 280px;
    height: 280px;
}
main[role="main"][page-type="explore"] .lists ul.list-colors li:not(:last-child) {
    margin-right: 30px;
}
main[role="main"][page-type="explore"] .lists ul.list-colors li a {
    margin-top: -140px;
    display: block;
    width: 100%;
    height: 100%;
}
main[role="main"][page-type="explore"] .lists[type="keywords"] ul.list-keywords {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}
main[role="main"][page-type="explore"] .lists[type="keywords"] ul.list-colors {
    display: none;
}
main[role="main"][page-type="explore"] .lists[type="colors"] ul.list-colors {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}
main[role="main"][page-type="explore"] .lists[type="colors"] ul.list-keywords {
    display: none;
}