/*! locomotive-scroll v4.1.2 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */


html.has-scroll-smooth {
    overflow: hidden
   }
   html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
   }
   .has-scroll-smooth body {
    overflow: hidden
   }
   .has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
   }
   [data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
   }
   [data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
   }
   .c-scrollbar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    width: 11px
   }
   .c-scrollbar:hover {
    transform: scaleX(1.45)
   }
   .c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar {
    opacity: 1
   }
   [data-scroll-direction=horizontal] .c-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    transform: scaleY(1);
    width: 100%
   }
   [data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
   }
   .c-scrollbar_thumb {
    background-color: #000;
    border-radius: 10px;
    cursor: -webkit-grab;
    cursor: grab;
    margin: 2px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
   }
   .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
   }
   [data-scroll-direction=horizontal] .c-scrollbar_thumb {
    bottom: 0;
    right: auto
   }



    
    
    /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */



   /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */

   /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

   html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
   }
   body {
    margin: 0
   }
   main {
    display: block
   }
   h1 {
    font-size: 2em;
    margin: .67em 0
   }
   hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
   }
   pre {
    font-family: monospace, monospace;
    font-size: 1em
   }
   a {
    background-color: transparent
   }
   abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
   }
   b, strong {
    font-weight: bolder
   }
   code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
   }
   small {
    font-size: 80%
   }
   sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
   }
   sub {
    bottom: -.25em
   }
   sup {
    top: -.5em
   }
   img {
    border-style: none
   }
   button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
   }
   button, input {
    overflow: visible
   }
   button, select {
    text-transform: none
   }
   [type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
   }
   [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
   }
   [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
   }
   fieldset {
    padding: .35em .75em .625em
   }
   legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
   }
   progress {
    vertical-align: baseline
   }
   [type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
   }
   [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
   }
   [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
   }
   [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
   }
   ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
   }
   details {
    display: block
   }
   summary {
    display: list-item
   }
   template {
    display: none
   }
   [hidden] {
    display: none
   }
   html {
    box-sizing: border-box
   }
   [hidden], template {
    display: none
   }
   *, :after, :before {
    box-sizing: inherit
   }
   address {
    font-style: inherit
   }
   cite, dfn, em, i {
    font-style: italic
   }
   b, strong {
    font-weight: 700
   }
   a {
    text-decoration: none
   }
   a svg {
    pointer-events: none
   }
   ol, ul {
    list-style: none
   }
   figure, ol, p, ul {
    margin: 0;
    padding: 0
   }
   [tabindex], a, area, button, input, label, select, textarea {
    touch-action: manipulation
   }
   [hreflang]>abbr[title] {
    text-decoration: none
   }
   table {
    border-collapse: collapse;
    border-spacing: 0
   }
   hr {
    border: 0;
    border-top: 1px solid #272727;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
   }
   audio, canvas, iframe, img, svg, video {
    vertical-align: middle
   }
   audio:not([controls]) {
    display: none;
    height: 0
   }
   img, svg {
    height: auto;
    max-width: 100%
   }
   img[height], img[width], svg[height], svg[width] {
    max-width: none
   }
   img {
    font-style: italic
   }
   svg {
    fill: currentColor
   }
   input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    display: block;
    font: inherit;
    line-height: normal;
    margin: 0;
    outline: 0;
    padding: 0;
    width: 100%
   }
   select {
    text-transform: none
   }
   select::-ms-expand {
    display: none
   }
   select::-ms-value {
    background: none;
    color: inherit
   }
   textarea {
    overflow: auto;
    resize: vertical
   }
   .o-button, button {
    background: none transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    line-height: normal;
    margin: 0;
    outline: 0;
    overflow: visible;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
   }
   .o-button:focus, .o-button:hover, button:focus, button:hover {
    text-decoration: none
   }
   
   html:not(.has-scroll-init) {
    cursor: wait;
    overflow: hidden
   }
   ::-moz-selection {
    background-color: #272727;
    color: #fff;
    text-shadow: none
   }
   ::selection {
    background-color: #272727;
    color: #fff;
    text-shadow: none
   }

   .o-button {
    background-color: #272727;
    color: #fff;
    font-size: 1.5rem;
    padding: 2rem 2.1875rem;
    position: relative;
    text-align: left;
    transition: color .3s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    z-index: 1
   }
   .o-button:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1);
    z-index: -1
   }
   .o-button:focus, .o-button:hover {
    color: #272727
   }
   .o-button:focus:before, .o-button:hover:before {
    transform: scaleY(1);
    transform-origin: center bottom
   }
   .o-button_icon {
    display: inline-block;
    height: 3.4375rem;
    margin-right: .9375rem;
    vertical-align: middle;
    width: 3.4375rem
   }
   .o-button_icon svg {
    display: block;
    height: 100%;
    width: 100%
   }
   .o-button_arrow {
    position: absolute;
    right: 2.1875rem;
    top: 50%;
    transform: translateY(-50%)
   }
   .o-scroll {
    background-color: #d4c9c9;
    overflow: hidden
   }
   .o-title {
    margin: 0;
    padding: 2.5rem 0;
    perspective: 600px;
    -webkit-perspective: 600px
   }
   .o-title_line {
    display: block;
    font-size: 0;
    opacity: 0;
    transform: translateY(100%) rotateX(-80deg);
    transform-origin: center top;
    transform-style: preserve-3d;
    transition: opacity .8s cubic-bezier(.215, .61, .355, 1), transform .8s cubic-bezier(.215, .61, .355, 1)
   }
   .o-title.is-inview .o-title_line {
    opacity: 1;
    transform: none
   }
   .o-title.is-inview .o-title_line:first-child {
    transition-delay: .4s
   }
   .o-title.is-inview .o-title_line:nth-child(2) {
    transition-delay: .5s
   }
   .o-title.is-inview .o-title_line:nth-child(3) {
    transition-delay: .6s
   }
   .o-title.is-inview .o-title_line:nth-child(4) {
    transition-delay: .7s
   }
   .o-title_line span {
    display: inline-block;
    font-size: 13.5vw;
    min-width: .05em
   }
   .o-image_wrapper {
    background-color: #d4c9c9;
    overflow: hidden;
    position: relative
   }
   .o-image_wrapper.-full {
    align-content: center;
    display: flex;
    height: 100%;
    margin: 0 6.25rem
   }
   @media (max-width:699px) {
    .o-image_wrapper.-full {
      margin: 1.875rem 0
    }
   }
   .o-image {
    mix-blend-mode: multiply;
    opacity: 1;
   }
   .o-image img {
    opacity: 0;
    transform: scale(1.4);
    transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1);
    width: 100%
   }
   .o-image.is-inview img {
    opacity: 1;
    transform: scale(1);
    transition-delay: .6s
   }
   .o-image_wrapper.-full .o-image {
    align-self: center
   }
   html.has-scroll-smooth {
    overflow: hidden
   }
   html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
   }
   .has-scroll-smooth body {
    overflow: hidden
   }
   .has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
   }
   [data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
   }
   [data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
   }
   .c-scrollbar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    width: 11px
   }
   .c-scrollbar:hover {
    transform: scaleX(1.45)
   }
   .c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar {
    opacity: 1
   }
   [data-scroll-direction=horizontal] .c-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    transform: scaleY(1);
    width: 100%
   }
   [data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
   }
   .c-scrollbar_thumb {
    background-color: #000;
    border-radius: 10px;
    cursor: -webkit-grab;
    cursor: grab;
    margin: 2px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
   }
   .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
   }
   [data-scroll-direction=horizontal] .c-scrollbar_thumb {
    bottom: 0;
    right: auto
   }
   .c-header {
    position: relative
   }
   @media (max-width:699px) {
    .c-header {
      height: 50vh;
      min-height: 340px
    }
   }
   @media (min-width:700px) and (max-width:999px) {
    .c-header {
      height: 80vh;
      min-height: 380px
    }
   }
   @media (min-width:1000px) {
    .c-header {
      height: 100vh;
      min-height: 46.875rem
    }
   }



   .c-header_title_line span {
    display: inline-block
   }
   .c-header_title_line.-version {
    font-size: 0;
    text-transform: none
   }
   .c-header_heading {
    padding: 1.875rem 0
   }
   .c-header_heading_label {
    display: block;
    transform: translateY(-60px);
    transition: transform 0s cubic-bezier(.215, .61, .355, 1)
   }
   html.is-ready .c-header_heading_label {
    transform: none;
    transition-duration: .6s
   }
   html.is-ready .o-layout_item:nth-child(2) .c-header_heading_label {
    transition-delay: .1s
   }
   .c-header_logo {
    bottom: 2.5rem;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(120px);
    transition: opacity 0s cubic-bezier(.215, .61, .355, 1), transform 0s cubic-bezier(.215, .61, .355, 1)
   }
   @media (max-width:699px) {
    .c-header_logo {
      height: 66px;
      width: 30px
    }
   }
   @media (min-width:700px) {
    .c-header_logo {
      height: 8.75rem;
      width: 4rem
    }
   }
   .c-header_logo svg {
    display: block;
    height: 100%;
    width: 100%
   }
   html.is-ready .c-header_logo {
    opacity: 1;
    transform: none;
    transition-delay: .6s;
    transition-duration: .6s
   }


   .c-summary {
    margin: 3.75rem 0 7.5rem
   }
   .c-summary_text {
  
    opacity: 0;
    transform: translateY(60px);
    transition: transform 1s cubic-bezier(.215, .61, .355, 1)
   }
   .c-summary.is-inview .c-summary_text {
    opacity: 1;
    transform: none
   }
   
   .c-summary_list_item a {
    display: block;
    padding: 8px 0
   }
   .c-summary_list_icon {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) translateX(30px) rotate(90deg);
    transition: opacity .4s cubic-bezier(.215, .61, .355, 1), transform .4s cubic-bezier(.215, .61, .355, 1)
   }
 
   .c-section {
    position: relative
   }