.dropdownx {
 
    color: #000;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: relative;
    width: 200px;
    text-align: center;
    text-decoration: none;
    font-size: 30px;
    letter-spacing: 3px;
    font-weight: bold;
    z-index: 1;
    transform: perspective(1000px);
    
  }
  
  .dropdown-menux {
    background-color: #fe471d;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    opacity: 0;
    text-align: center;
    
    visibility: hidden;
    z-index: -99999;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
  }
  
  .dropdown-menux li a
  {
      font-size:18px;
      text-transform: uppercase;
      line-height: 40px;
  
  }
  
  .dropdown-menux li:first-child {
    cursor: default;
  }
  
  .dropdown-menux a {
    color: #000;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  
  .dropdown-menux a:hover {
    background: #fe471d;
    color: #fff;
  }
  
  .dropdownx:hover .dropdown-menux {
    background: #fe471d;
    opacity: 1;
    visibility: visible;
    top: 100%;
    width: 100%;
    -webkit-transition: all .5s, background, 2s .5s linear;
    transition: all .5s, background 2s .5s linear;
  }
  

@media (max-width: 991px) {
    .page-row .comment-form--wrapper {
        margin: 2.5rem 0;
    }
    .page-row .col-lg-8 {
        padding: 0;
    }
}
@media (min-width: 992px) and (max-width: 1340px) {
    .text-image-container .elementor-widget-wrap {
        padding: 5rem !important;
    }
  
}
@media (min-width: 1340px) and (max-width: 1530px) {
    .text-image-container .elementor-widget-wrap {
        padding: 5rem !important;
    }
}

.index-header {
    margin: 7rem auto 3.2rem auto;
}
.index-header .page-title {
    margin: 0 0 2rem 0;
    font-size: 6rem;
    line-height: 8rem;
}
@media (max-width: 1199px) {
    .index-header .page-title {
        font-size: calc(35px + (60 - 30) * ((100vw - 200px) / (1199 - 200)));
        line-height: calc(50px + (80 - 45) * ((100vw - 200px) / (1199 - 200)));
    }
}
@media (max-width: 991px) {
    .index-header {
        margin: 6.5rem auto 1rem auto;
    }
}
@media (max-width: 767px) {
    .index-header {
        margin: 4rem auto 1rem auto;
    }
}
@media (max-width: 991px) {
    .container {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .container {
        padding-left: 25px;
        padding-right: 25px;
    }
}

body.elementor-page .sidebar-page .content-column {
    padding: 0;
}

video {
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #000;
}










.footer--logo img {
    max-width: 100%;
}
.footer--wrapper {
    margin-left:5%;
    margin-right:5%;
margin-top:40px;
   border-radius:30px;
   height:500px;
   
   
    background-color: #171717;
}
@media (max-width: 1024px) {
    .footer--wrapper {
        padding: 7.5rem 0;
    }
}
@media (max-width: 991px) {
    .footer--wrapper {
        padding: 5rem 0 3.6rem 0;
    }
}
@media (min-width: 1025px) and (max-width: 1340px) {
    .footer--wrapper {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}
.footer--paragraph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (min-width: 1200px) {
    .footer--paragraph {
        padding-left: 6rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .footer--paragraph {
        padding-left: 1rem;
    }
}
.footer--paragraph .heading,
.footer--paragraph .heading > * {
    font-size: 3rem;
    line-height: 5rem;
    letter-spacing: -0.1rem;
}
@media (max-width: 991px) {
    .footer--paragraph .heading,
    .footer--paragraph .heading > * {
        font-size: 2.25rem;
        line-height: 4.25rem;
    }
}
.footer--header {
    padding-top:2rem;
   

    padding-bottom: 5rem;
  
}
.footer--header .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .footer--header {
        padding-bottom: 2.2rem;
        margin-bottom: -0.8rem;
    }
    .footer--header .footer--paragraph {
        margin-top: 2.1rem;
        display: inline-block;
    }
}
.footer .detail-single {
    margin-top: 5rem;
}
.footer .detail-single h6 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #949494;
    line-height: 1.6rem;
    letter-spacing: normal;
}
.footer .detail-single h4 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    line-height: 3.2rem;
    margin-top: 0.7rem;
    letter-spacing: normal;
}
@media (max-width: 991px) {
    .footer .detail-single {
        margin-top: 4.3rem;
    }
}
.footer-bottom {
    margin: 10rem 0;
}
@media (max-width: 991px) {
    .footer-bottom {
        margin: 2rem 0 -0.5rem 0;
    }
}
.footer-bottom h6 {
    font-size: 1.4rem;
    font-weight: 500;
    color: #949494;
}
.default-footer {
    margin-top: 5rem;
    padding-bottom: 0;
}

.default-footer .footer--header {
    
}
.default-footer .footer-bottom {
    margin: 1rem 0 0 0;
}
@media (max-width: 991px) {
    .default-footer .footer-bottom {
        margin: 2.4rem 0 0 0;
    }
    .default-footer .footer--paragraph {
        margin: 0;
    }
}
body.custom-scrollbar .footer {
    padding-bottom: 5rem;
}
@media (max-width: 1199px) {
    body.custom-scrollbar .footer {
        padding-bottom: 2.5rem;
    }
}
@media (max-width: 991px) {
    body.custom-scrollbar .footer {
        padding-bottom: 2rem;
    }
}
@media (max-width: 767px) {
    body.custom-scrollbar .footer {
        padding-bottom: 1.5rem;
    }
}
video {
    width: 90%;
    height: 41.9rem;
    border-radius:30px;
}

@media (max-width: 1199px) {
    .artwork {
        display: none;
    }
}
.top-heading {
    margin-top: 13.8rem;
    margin-bottom: 6.3rem;
}
@media (max-width: 991px) {
    .top-heading {
        margin-top: 6rem;
        margin-bottom: 3rem;
    }
}
@media (max-width: 767px) {
    .top-heading {
        margin-top: 4rem;
        margin-bottom: 3.5rem;
    }
}
.services-header-wrapper {
    padding-top: 13.2rem;
    padding-bottom: 6.6rem;
}
@media (max-width: 991px) {
    .services-header-wrapper {
        padding-top: 4.2rem;
        padding-bottom: 3rem;
    }
}
.text-content-wrapper {
    padding-top: 13.7rem;
    padding-bottom: 12.1rem;
}
@media (max-width: 991px) {
    .text-content-wrapper {
        padding-top: 4.4rem;
        padding-bottom: 5rem;
    }
}



.page-header-top {
    margin-top: 13.3rem;
    margin-bottom: 8.3rem;
}
@media (max-width: 991px) {
    .page-header-top {
        margin-top: 5rem;
        margin-bottom: 3.1rem;
    }
}
@media (max-width: 767px) {
    .page-header-top {
        margin-top: 2.4rem;
        margin-bottom: 3rem;
    }
}
.about-text-section-inner .heading {
    margin-top: 12.3rem;
    margin-bottom: 15rem;
}
@media (max-width: 991px) {
    .about-text-section-inner .heading {
        margin-top: 4.6rem;
        margin-bottom: 4.6em;
    }
}
@media (max-width: 767px) {
    .about-text-section-inner .heading {
        margin-top: 4.6rem;
        margin-bottom: 4em;
    }
}
.text-image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .text-image-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.text-image-content {
    width: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .text-image-content {
        width: 100%;
    }
}
.text-image-content .heading {
    margin-bottom: 2.5rem;
}
.text-image-content-inner {
    padding: 0 10% 0 35%;
}
@media (min-width: 992px) and (max-width: 1500px) {
    .text-image-content-inner {
        padding: 5rem;
    }
}
@media (max-width: 991px) {
    .text-image-content-inner {
        padding: 3.8rem 5rem 3.4rem 5rem;
    }
}
@media (max-width: 767px) {
    .text-image-content-inner {
        padding: 4rem 2.5rem 4.5rem 2.5rem;
    }
}
.text-image-content .reverse {
    padding: 0 35% 0 10%;
}
@media (min-width: 992px) and (max-width: 1500px) {
    .text-image-content .reverse {
        padding: 5rem;
    }
}
@media (max-width: 991px) {
    .text-image-content .reverse {
        padding: 3.8rem 5rem 3.4rem 5rem;
    }
}
@media (max-width: 767px) {
    .text-image-content .reverse {
        padding: 4rem 2.5rem 4.5rem 2.5rem;
    }
}
.text-image-image {
    width: 50%;
    position: relative;
}
@media (max-width: 991px) {
    .text-image-image {
        width: 100%;
    }
}
.text-image-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.text-image-image .icon {
    position: absolute;
    bottom: 0;
    font-size: 5rem;
    padding: 2.9rem 3rem 2.4rem 3rem;
    background-color: var(--slope-main-color);
}
.text-image-image .icon:not(.reverse) {
    left: 0;
}
.text-image-image .icon.reverse {
    right: 0;
}
@media (max-width: 991px) {
    .text-image-image .icon.reverse {
        right: initial;
        left: 0;
    }
}
.text-image-image .icon svg {
    width: 8rem;
    fill: #000;
}
.text-image-image .icon-2 svg {
    width: 6.5rem;
}
.text-image-image .icon-3 svg {
    width: 6.5rem;
}
.team-wrapper {
    padding-top: 14rem;
    padding-bottom: 14rem;
}
@media (max-width: 991px) {
    .team-wrapper {
        padding-top: 4.6rem;
        padding-bottom: 3rem;
    }
}
.team-header {
    margin-bottom: 2.3rem;
}
.team-content div[class*="col"]:nth-child(n + 4) {
    margin-top: 5rem;
}
@media (max-width: 991px) {
    .team-content div[class*="col"]:nth-child(n + 4) {
        margin-top: 0;
    }
}
@media (max-width: 991px) {
    .team-content div[class*="col"]:nth-child(n + 3) {
        margin-top: 3rem;
    }
}
@media (max-width: 767px) {
    .team-content div[class*="col"]:nth-child(n + 2) {
        margin-top: 3rem;
    }
}
.contact-section-wrapper {
    margin-top: 7.6rem;
    margin-bottom: 12.8rem;
}
@media (max-width: 991px) {
    .contact-section-wrapper {
        margin-top: 4.6rem;
        margin-bottom: 5rem;
    }
}
.services-section-wrapper {
    padding-top: 12.2rem;
    padding-bottom: 15rem;
}
@media (max-width: 991px) {
    .services-section-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (max-width: 767px) {
    .services-section-wrapper {
        padding-top: 4.2rem;
        padding-bottom: 5rem;
    }
}
.services-section .heading {
    margin-bottom: 7.6rem;
}
@media (max-width: 991px) {
    .services-section .heading {
        margin-top: 4.2rem;
    }
}
@media (max-width: 767px) {
    .services-section .heading {
        margin: 0 0 3rem 0;
    }
}
.tab-section-wrapper {
    padding-top: 13.8rem;
    padding-bottom: 12rem;
}
@media (max-width: 991px) {
    .tab-section-wrapper {
        padding-top: 4.3rem;
        padding-bottom: 4.5rem;
    }
}
@media (max-width: 767px) {
    .tab-section-wrapper {
        padding-top: 4.3rem;
        padding-bottom: 4rem;
    }
}
.tab-section .tabs {
    margin-top: 7.8rem;
}
@media (max-width: 991px) {
    .tab-section .tabs {
        margin-top: 2.5rem;
    }
}
.blog-heading {
    margin-top: 13.8rem;
    margin-bottom: 5rem;
}
@media (max-width: 991px) {
    .blog-heading {
        margin-top: 6.2rem;
        margin-bottom: 0;
    }
}
@media (max-width: 767px) {
    .blog-heading {
        margin-top: 3.5rem;
    }
}


.top-heading
{
text-align:center;
font-size:40px;
line-height:95px;


      font-family: Kit Simon Mono, monospace;
    font-weight:bolder;
	color:#1d1d1d;
}
.top-heading h1:hover
{
color:#ff471d;

}



.context
{

margin-top:30px;


}
.context p
{
    text-align:center;
    font-size:26px;
letter-spacing:2px;

    font-stretch: expanded;
     font-family: Kit Simon Mono, monospace;
    
	color:#1d1d1d;
    line-height:40px;
    margin-top:25px;

}
.txunderline
{
    text-decoration: none;
    padding-bottom: 29px;
    background: url(../images/line1.png) bottom repeat-x;
   
}
.framer-NPb0m .framer-17ga0j {
    align-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: center;
    min-width: 120px;
    overflow: hidden;
    padding: 8px 20px;
    position: relative;
    text-decoration: none;
    width: 160px;
}


.ftpadding
{
margin-left:250px;
}

.footertext
{
     padding: 2.1rem 0 2rem 0;
 font-family: Kit Simon Mono, monospace;
font-weight:400;
line-height:1.2;
color:#FFFFFF;
font-size:34px;
margin-left:50px;

}

.totop
{
 font-family: Kit Simon Mono, monospace;
padding-right:30px;
font-weight:bolder;
float:right;
color:#FFFFFF;
font-size:26px;
}
.ftbottom
{
margin-left:50px;
margin-top:100px;

}
.footerheadingtxt
{
 font-family: Kit Simon Mono, monospace;
text-transform:uppercase;
font-size:28px;
font-weight:bolder;

color:#ff471d;
}
.footertxt1
{
 font-family: Kit Simon Mono, monospace;
height:80px;
margin-top:10px;
font-size:20px;

color:#FFFFFF;
}

.scrbtn
{
scroll-behavior: smooth;
}


:root {
    --h1-fs: 10rem;
    --h1-lh: 1.2em;
    --h2-fs: 8.4rem;
    --h2-lh: 1.2em;
    --h3-fs: 7.2rem;
    --h3-lh: 1.2em;
    --h4-fs: 6rem;
    --h4-lh: 1.2em;
    --h5-fs: 3.6em;
    --h5-lh: 1.2em;
    --h6-fs: 3.2rem;
    --h6-lh: 1.2em;
    --fs-12: 1.2rem;
    --lh-12: 1.6em;
    --fs-14: 1.4rem;
    --lh-14: 1.5em;
    --fs-16: 1.6rem;
    --lh-16: 1.6em;
    --fs-18: 1.8rem;
    --lh-18: 1.6em;
    --fs-20: 2rem;
    --lh-20: 1.3em;
    --fs-24: 2.4rem;
    --lh-24: 1.3em;
    --fs-28: 2.8em;
    --lh-28: 1.35em;
    --fs-36: 3.6rem;
    --lh-36: 1.2em;
}
@media only screen and (width<=991px) {
    :root {
        --h1-fs: 7.2rem;
        --h2-fs: 5.2rem;
        --h3-fs: 3.4rem;
        --h4-fs: 2.6rem;
        --h4-lh: 1.5em;
        --h6-fs: 2rem;
        --h6-lh: 1.4em;
        --fs-36: 2.4rem;
        --lh-36: 1.3em;
        --fs-24: 2rem;
        --fs-20: 1.8rem;
        --lh-20: 1.6em;
        --fs-18: 1.6rem;
    }
}
@media only screen and (width<=767px) {
    :root {
        --h1-fs: 6rem;
        --h2-fs: 3.6rem;
        --h3-fs: 3.2rem;
        --h4-fs: 2.4rem;
        --fs-24: 1.8rem;
        --fs-20: 1.6rem;
    }
}
@media only screen and (width<=476px) {
    :root {
        --h1-fs: 3.6rem;
        --h3-fs: 3.2rem;
    }
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@media only screen and (width>=2160px) {
    html {
        font-size: 12.5px;
    }
}
@media only screen and (width<=991px) {
    html {
        font-size: 1vw;
    }
}
@media only screen and (width<=767px) {
    html {
        font-size: 1.3vw;
    }
}
@media only screen and (width<=476px) {
    html {
        font-size: 2.667vw;
    }
}
a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}
button,
input,
textarea {
    appearance: none;
    border: none;
    outline: none;
    font-family: HelveticaNowDisplay;
}
button {
    cursor: pointer;
}
.lenis.lenis-smooth {
    scroll-behavior: auto;
}
@media screen and (width<=767px) {
    html,
    body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    body {
        overscroll-behavior-y: none;
        overscroll-behavior-x: none;
        position: fixed;
    }
    .wrapper {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}
.hover-un,
.priv-hero__main-richtext a {
    --line-spacing: 4rem;
    --line-width: 100%;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
}
.hover-un:before,
.hover-un:after,
.priv-hero__main-richtext a:before,
.priv-hero__main-richtext a:after {
    content: "";
    width: var(--line-width);
    background-color: currentColor;
    height: 1px;
    transition: transform 0.6s cubic-bezier(0.66, 0, 0.15, 1);
    display: block;
    position: absolute;
    bottom: 0;
}
.hover-un:before,
.priv-hero__main-richtext a:before {
    left: 0;
}
.hover-un:after,
.priv-hero__main-richtext a:after {
    left: calc(-1 * var(--line-spacing));
    transform: translate(-100%);
}
.hover-un:hover:before,
.priv-hero__main-richtext a:hover:before {
    -webkit-transform: translateX(calc(100% + var(--line-spacing)));
    transform: translateX(calc(100% + var(--line-spacing)));
}
.hover-un:hover:after,
.priv-hero__main-richtext a:hover:after {
    -webkit-transform: translateX(var(--line-spacing));
    transform: translateX(var(--line-spacing));
}
.tag-wrap {
    position: relative;
}
.tag-link {
    color: #fff;
    text-wrap: nowrap;
    white-space: nowrap;
    background-color: #ff471d;
    border-radius: 0.2rem;
    margin-bottom: 0.05rem;
    margin-left: -1.7rem;
    padding: 0.5rem 0.6rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1em;
    position: absolute;
    bottom: 100%;
    left: 100%;
}
.tag-link:after {
    content: "";
    clip-path: polygon(0% 0%, 100% 0, 0% 100%);
    background-color: #ff471d;
    width: 0.8rem;
    height: 0.5rem;
    display: block;
    position: absolute;
    top: 100%;
    left: 0.5rem;
}
.tag-link.hidden {
    display: none;
}
.arr-wrap {
    flex: none;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.arr-wrap-24 {
    width: .0rem;
    height: 2.0rem;
}
.arr-wrap-32 {
    width: 3.2rem;
    height: 3.2rem;
}
.arr-wrap .arr-ic-main {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
}
.arr-wrap .arr-ic-clone {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: translate(-150%, 150%);
}
.arr-hover:hover .arr-ic-main {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.1, 1);
    transform: translate(150%, -150%);
}
.arr-hover:hover .arr-ic-clone {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.1, 1);
    transform: translate(0);
}
.grid {
    column-gap: 2rem;
    display: grid;
}
.container {
    --grid-column: 16;
    --container-padding: 6rem;
    padding: 0 var(--container-padding);
    width: 100%;
    max-width: 192rem;
    margin: 0 auto;
}
.container.fluid {
    max-width: none;
}
.container.grid {
    grid-template-columns: repeat(var(--grid-column), 1fr);
}
@media screen and (width<=991px) {
    .container {
        --grid-column: 12;
        --container-padding: 4rem;
    }
}
@media screen and (width<=767px) {
    .container {
        --grid-column: 2;
    }
}
@media screen and (width<=476px) {
    .container {
        --container-padding: 2rem;
    }
}
.swiper,
.swiper-wrapper,
.swiper-slide {
    width: 100%;
}
.swiper-slide {
    height: auto;
}
@font-face {
    font-family: HelveticaNowDisplay;
    src: url(HelveticaNowDisplay.a5cc3dee.otf);
    font-display: swap;
}
@font-face {
    font-family: HelveticaNowDisplay;
    font-weight: 500;
    src: url(HelveticaNowDisplayMedium.eb41a797.otf);
    font-display: swap;
}
@font-face {
    font-family: HelveticaNowDisplay;
    font-weight: 700;
    src: url(HelveticaNowDisplayBold.c7ed647d.otf);
    font-display: swap;
}
.txt {
    font-family: HelveticaNowDisplay;
}
.txt-12 {
    font-size: var(--fs-12);
    line-height: var(--lh-12);
}
.txt-14 {
    font-size: var(--fs-14);
    line-height: var(--lh-14);
}
.txt-16 {
    font-size: var(--fs-16);
    line-height: var(--lh-16);
}
.txt-18 {
    font-size: var(--fs-18);
    line-height: var(--lh-18);
}
.txt-20 {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
}
.txt-24 {
    font-size: var(--fs-24);
    line-height: var(--lh-24);
}
.txt-28 {
    font-size: var(--fs-28);
    line-height: var(--lh-28);
}
.txt-36 {
    font-size: var(--fs-36);
    line-height: var(--lh-36);
}
.txt-med {
    font-weight: 500;
}
.txt-bold {
    font-weight: 700;
}
.txt-hl,
.txt-link {
    color: #ff471d;
}
.txt-subscript {
    vertical-align: sub;
}



@media screen and (width<=991px) {
    .trans__home-inner .home-hero__title {
        transform: translateY(82vh);
    }
    .trans__home-inner .home-hero__backer {
        grid-row: 1/3;
        align-self: start;
        margin-top: 100vh;
        transform: translateY(calc(6rem + 100%));
    }
}
@media screen and (width<=767px) {
    .trans__home-inner .home-hero__title {
        transform: translateY(84svh);
    }
}
.trans__count {
    opacity: 0;
    flex-direction: column;
    grid-area: 1/1/3/17;
    justify-content: space-between;
    align-items: start;
    row-gap: calc(25vh - 20.5rem);
    height: 25vh;
    display: flex;
    transform: translateY(68vh);
}
@media screen and (width<=991px) {
    .trans__count {
        grid-column: 1/13;
        row-gap: calc(14vh - 12.7rem);
        height: 14vh;
        transform: translateY(82vh);
    }
}
@media screen and (width<=767px) {
    .trans__count {
        grid-column: 1/3;
        row-gap: calc(3svh - 0.2rem);
        height: 13svh;
        transform: translateY(84svh);
    }
}
.trans__count.active {
    opacity: 1;
}
.trans__count-number {
    color: #fff;
    position: relative;
}
.trans__count-value {
    font-kerning: none;
    font-variant-numeric: tabular-nums;
    font-size: 20rem;
    line-height: 14.2rem;
}
@media screen and (width<=991px) {
    .trans__count-value {
        font-size: 12rem;
        line-height: 12.2rem;
    }
}
@media screen and (width<=767px) {
    .trans__count-value {
        font-size: 10svh;
        line-height: 10svh;
    }
}
.trans__count-percent {
    margin-left: 0.4rem;
    font-size: 8rem;
    line-height: 5.7rem;
    position: absolute;
    top: 0;
    left: 100%;
}
@media screen and (width<=991px) {
    .trans__count-percent {
        font-size: 4.7rem;
        line-height: 4.7rem;
    }
}
@media screen and (width<=767px) {
    .trans__count-percent {
        font-size: 4rem;
    }
}
.trans__count-bar {
    background-color: #ffffff1a;
    flex-shrink: 0;
    width: 100%;
    height: 0.5rem;
}
@media screen and (width<=767px) {
    .trans__count-bar {
        height: 0.2rem;
    }
}
.trans__count-bar-inner {
    transform-origin: 0;
    background-color: #f4f0ed;
    width: 100%;
    height: 100%;
    transform: scaleX(0);
}
@media screen and (width<=991px) {
    .trans__logo {
        width: 12rem;
        height: 12rem;
    }
}
@media screen and (width<=767px) {
    .trans__wrapper {
        height: 100svh;
    }
    .trans__logo {
        width: 8rem;
        height: 8rem;
    }
}

.header.dark-mode {
    --header-txt: 255, 255, 255;
}
.header .container {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.header__typo-1,
.header__typo-2 {
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    display: flex;
    overflow: hidden;
}
.header__logo {
    height: 4.2rem;
    margin-right: auto;
    transition: height 0.4s;
    display: flex;
}
.header__logo-shape {
    z-index: 2;
    grid-template-columns: 1fr;
    margin-right: 1.18rem;
    display: grid;
    position: relative;
}
.header__logo-shape-top {
    grid-area: 1/2/1/2;
    color: rgba(var(--header-orange), 1) !important;
}
.header__logo-shape-bottom {
    grid-area: 1/2/1/2;
    color: rgba(var(--header-txt), 1) !important;
}
.header__logo-letter {
    z-index: 1;
    -o-transition: all 0.4s ease;
    transition: all 0.4s;
    position: relative;
    color: rgba(var(--header-txt), 1) !important;
}
.header__logo svg {
    width: auto;
    height: 100%;
}
.header__logo svg path {
    transition: color 0.4s;

}
.header__links {
    --default-width: 63.9rem;
    -o-transition: all 0.4s ease;
    justify-items: end;
    margin-right: 4.8rem;
    transition: all 0.4s;
    display: grid;
}
.header__links-inner {
    max-width: calc(var(--default-width) + 4.8rem);
    z-index: 2;
    -o-transition: all 0.4s ease;
    flex-wrap: nowrap;
    grid-area: 1/1/2/2;
    justify-content: end;
    align-items: center;
    column-gap: 7.2rem;
    padding: 0 2.4rem;
    transition: all 0.4s;
    display: flex;
    position: relative;
    overflow: hidden;
}
.header__links-toggle {
    z-index: 1;
    pointer-events: none;
    transform-origin: 100%;
    grid-area: 1/1/2/2;
    width: 5rem;
    height: 5rem;
    position: relative;
}
.header__links-toggle-icon {
    background-color: rgba(var(--header-txt), 1);
    transform-origin: 100%;
    -o-transition: transform 0.4s ease;
    width: 100%;
    height: 1px;
    transition: transform 0.4s;
    position: absolute;
    right: 1.3rem;
    transform: scaleX(0);
}
.header__links-toggle-icon-1 {
    width: 2.4rem;
    top: 1.7rem;
}
.header__links-toggle-icon-2 {
    width: 2.4rem;
    top: calc(2.4rem + 0.5px);
}
.header__links-toggle-icon-3 {
    width: 1.2rem;
    top: 3.2rem;
}
.header__link {
    color: rgba(var(--header-txt), 0.6);
    -o-transition: all 0.4s ease;
    white-space: nowrap;
    transition: all 0.4s;
    transition-delay: calc(0.2s + 40ms * var(--link-delay-index));
    display: block;
}
.header__link:first-child {
    --link-delay-index: 5;
}
.header__link:nth-child(2) {
    --link-delay-index: 4;
}
.header__link:nth-child(3) {
    --link-delay-index: 3;
}
.header__link:nth-child(4) {
    --link-delay-index: 2;
}
.header__link:nth-child(5) {
    --link-delay-index: 1;
}
.header__link:hover,
.header__link.active {
    color: rgba(var(--header-txt), 1);
}
.header__btn {
    padding: 1.5rem 2rem 1.7rem;
}
.header__btn .txt-16 {
    line-height: 1.125em;
}
.header__toggle,
.header__nav {
    display: none;
}
.header.on-scroll .header__typo-1,
.header.on-scroll .header__typo-2 {
    transform: translate(-2rem);
}
.header.on-scroll .header__logo-letter {
    opacity: 0;
}
.header.on-scroll .header__logo-letter.letter-c,
.header.on-scroll .header__logo-letter.letter-a,
.header.on-scroll .header__logo-letter.letter-r,
.header.on-scroll .header__logo-letter.letter-g,
.header.on-scroll .header__logo-letter.letter-o {
    transform: translate(-3rem);
}
.header.on-scroll .header__logo-letter.letter-k,
.header.on-scroll .header__logo-letter.letter-i,
.header.on-scroll .header__logo-letter.letter-t,
.header.on-scroll .header__logo-letter.letter-e {
    transform: translate(-2rem);
}
.header.on-scroll .header__logo:hover .header__logo-letter {
    opacity: 1;
    transform: translate(0);
}
.header.on-scroll .header__logo:hover .header__typo-1,
.header.on-scroll .header__logo:hover .header__typo-2 {
    transform: translate(0);
}
.header.on-scroll .header__links {
    background-color: #f6f6f6;
    margin-right: 0.8rem;
}
.header.on-scroll .header__links-inner {
    column-gap: 6.4rem;
    max-width: 5rem;
    padding: 0 2.4rem;
    transition-delay: 0s;
}
.header.on-scroll .header__links-toggle-icon {
    transform-origin: 0;
    opacity: 1;
    transition-delay: calc(0.1s + 40ms * var(--link-delay-index));
    transform: scaleX(1);
}
.header.on-scroll .header__links-toggle-icon:first-child {
    --link-delay-index: 5;
}
.header.on-scroll .header__links-toggle-icon:nth-child(2) {
    --link-delay-index: 4;
}
.header.on-scroll .header__links-toggle-icon:nth-child(3) {
    --link-delay-index: 3;
}
.header.on-scroll .header__links-toggle-icon:nth-child(4) {
    --link-delay-index: 2;
}
.header.on-scroll .header__links-toggle-icon:nth-child(5) {
    --link-delay-index: 1;
}
.header.on-scroll .header__links .header__link {
    opacity: 0;
    transition-delay: calc(0.1s + 40ms * var(--link-delay-index));
    transform: translate(2rem);
}
.header.on-scroll .header__links:hover {
    width: auto;
    overflow: visible;
}
.header.on-scroll .header__links:hover .header__links-inner {
    max-width: calc(var(--default-width) + 6.4rem - 3.2rem);
    padding: 0 3.2rem;
}
.header.on-scroll .header__links:hover .header__links-toggle-icon {
    opacity: 1;
    transform-origin: 100%;
    transition-delay: calc(40ms * var(--ic-delay-index));
    transform: scaleX(0);
}
.header.on-scroll .header__links:hover .header__links-toggle-icon:first-child {
    --ic-delay-index: 3;
}
.header.on-scroll .header__links:hover .header__links-toggle-icon:nth-child(2) {
    --ic-delay-index: 2;
}
.header.on-scroll .header__links:hover .header__links-toggle-icon:nth-child(3) {
    --ic-delay-index: 1;
}
.header.on-scroll .header__links:hover .header__link {
    opacity: 1;
    transition-delay: calc(0.1s + 40ms * var(--link-delay-index));
    transform: translate(0);
}
.header.on-scroll .header__links:hover .header__link:first-child {
    --link-delay-index: 5;
}
.header.on-scroll .header__links:hover .header__link:nth-child(2) {
    --link-delay-index: 4;
}
.header.on-scroll .header__links:hover .header__link:nth-child(3) {
    --link-delay-index: 3;
}
.header.on-scroll .header__links:hover .header__link:nth-child(4) {
    --link-delay-index: 2;
}
.header.on-scroll .header__links:hover .header__link:nth-child(5) {
    --link-delay-index: 1;
}
.header.on-scroll.dark-mode .header__links {
    background-color: #ffffff0d;
}
.header.mix-mode .header__logo-shape-top,
.header.mix-mode .header__logo-shape-bottom,
.header.mix-mode .header__logo-letter,
.header.invert-mode .header__logo-shape-top,
.header.invert-mode .header__logo-shape-bottom,
.header.invert-mode .header__logo-letter {
    color: #fff !important;
}
.header.invert-mode .header__btn {
    background-color: #1d1d1d;
}
.header.invert-mode .header__btn:before {
    background-color: #323232;
}
.header.invert-mode .header__btn:after {
    background-color: #232323;
}
@media screen and (width<=991px) {
    .header {
        padding: 4rem 0;
    }
    .header__logo {
        margin-right: 0.9rem;
    }
    .header_act {
        margin-left: auto;
    }
    .header__btn {
        height: 5rem;
        padding: 1.1rem 2rem;
        font-size: 1.4rem;
    }
    .header__links {
        display: none;
    }
    .header__toggle {
        z-index: 4;
        -o-transition: all 0.4s ease-out;
        background-color: #f6f6f6;
        width: 5rem;
        height: 5rem;
        margin-left: 0.5rem;
        transition: all 0.4s ease-out;
        display: block;
        position: relative;
        top: 0;
    }
    .header__toggle-icon {
        background-color: rgba(var(--header-txt), 1);
        -o-transition: 0.49s cubic-bezier(0.7, 0.1, 0.1, 1.5);
        width: 100%;
        height: 0.15rem;
        margin: auto;
        transition: all 0.49s cubic-bezier(0.7, 0.1, 0.1, 1.5);
        position: absolute;
        left: 0;
        right: 0;
    }
    .header__toggle-icon-1 {
        width: 45.45%;
        top: calc(40% - 0.2rem);
    }
    .header__toggle-icon-2 {
        width: 45.45%;
        top: calc(40% + 0.35rem);
    }
    .header__toggle-icon-3 {
        width: 28.97%;
        top: calc(40% + 0.9rem);
        left: 16.03%;
    }
    .header__nav {
        z-index: 3;
        pointer-events: none;
        color: #fff;
        opacity: 0;
        -o-transition: 0.4s ease-out 1s;
        background-color: #1d1d1d;
        padding: 2rem;
        transition: all 0.4s ease-out 1s;
        display: block;
        position: absolute;
        top: 2rem;
        right: 2rem;
    }
    .header__nav ul {
        grid-template-columns: repeat(3, 1fr);
        display: grid;
    }
    .header__nav-item {
        --nav-trans-dur: 0.2s;
        --nav-delay-stagger: 80ms;
        --nav-delay-index: 1;
        width: 15rem;
        list-style: none;
        position: relative;
    }
    .header__nav-item:before {
        content: "";
        pointer-events: none;
        width: 0;
        height: 100%;
        padding-top: 100%;
        display: block;
    }
    .header__nav-item:first-child {
        --nav-delay-index: 5;
        grid-column: 1/2;
    }
    .header__nav-item:nth-child(2) {
        --nav-delay-index: 3;
        grid-area: 3/1/4/2;
    }
    .header__nav-item:nth-child(3) {
        --nav-delay-index: 4;
        grid-area: 2/2/3/3;
    }
    .header__nav-item:nth-child(4) {
        --nav-delay-index: 2;
        grid-area: 3/3/4/4;
    }
    .header__nav-item:nth-child(5) {
        --nav-delay-index: 1;
        grid-area: 4/2/5/3;
    }
    .header__nav-item:last-child,
    .header__nav-item:last-child:before {
        display: none;
    }
    .header__nav-link {
        opacity: 0;
        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        transition: opacity 0.6s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index)), clip-path 0.4s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index));
        background-color: #ffffff0d;
        align-items: flex-end;
        padding: 14.28%;
        display: flex;
        position: absolute;
        inset: 0;
    }
    .header__nav-link.active {
        background-color: #ff471d;
    }
    .header.dark-mode .header__toggle {
        background: #ffffff0d;
    }
    .header.open-nav .header__toggle {
        background-color: #fff0;
    }
    .header.open-nav .header__toggle-icon {
        -o-transition: 0.3s ease-out;
        background-color: #f4f0ed;
        transition: all 0.3s ease-out;
    }
    .header.open-nav .header__nav {
        opacity: 1;
        pointer-events: auto;
        -o-transition: 0.49s ease-out;
        transition: all 0.49s ease-out;
    }
    .header.open-nav .header__nav-item:first-child {
        --nav-delay-index: 1;
    }
    .header.open-nav .header__nav-item:nth-child(2) {
        --nav-delay-index: 3;
    }
    .header.open-nav .header__nav-item:nth-child(3) {
        --nav-delay-index: 2;
    }
    .header.open-nav .header__nav-item:nth-child(4) {
        --nav-delay-index: 4;
    }
    .header.open-nav .header__nav-item:nth-child(5) {
        --nav-delay-index: 5;
    }
    .header.open-nav .header__nav-link {
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition: opacity 0.4s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index)), clip-path 0.4s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index));
    }
    .header.open-nav .header__toggle-icon-2 {
        opacity: 0;
        transform-origin: 100%;
        left: 50%;
        transform: scaleX(0.5);
    }
    .header.open-nav .header__toggle-icon-1 {
        -o-transition-delay: 40ms;
        transition-delay: 40ms;
        top: 50%;
        transform: rotate(45deg);
    }
    .header.open-nav .header__toggle-icon-3 {
        -o-transition-delay: 0.1s;
        width: 45.45%;
        transition-delay: 0.1s;
        top: 50%;
        left: 0;
        transform: rotate(-45deg);
    }
}
@media screen and (width<=767px) {
    .header {
        padding: 2rem 0;
    }
    .header__logo {
        height: 2.6rem;
    }
    .header__typo-1,
    .header__typo-2 {
        height: 100%;
    }
    .header_act {
        display: none;
    }
    .header__toggle {
        width: 4rem;
        height: 4rem;
        margin-left: 0;
        top: 0;
    }
    .header__toggle-icon-1,
    .header__toggle-icon-2 {
        width: 1.8rem;
    }
    .header__toggle-icon-3 {
        width: 1rem;
    }
    .header.open-nav .header__toggle {
        background-color: #fff0;
    }
    .header__nav {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        -o-transition: 0.4s ease-out 0.5s;
        opacity: 1;
        height: 100vh;
        padding: 2rem;
        transition: all 0.4s ease-out 0.5s;
        position: fixed;
        inset: 0;
        overflow-y: auto;
        transform: none;
    }
    .header__nav-item {
        width: 100%;
    }
    .header__nav-item .txt-16 {
        font-size: 1.4rem;
    }
    .header__nav-item:last-child {
        grid-area: 5/1/6/4;
        margin-top: 6.2rem;
        margin-bottom: 8.7rem;
        display: block;
    }
    .header__nav-link {
        padding: 1rem;
    }
    .header__nav-cta {
        --nav-delay-index: 0;
        clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
        opacity: 0;
        transition: opacity 0.6s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index)), clip-path 0.4s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index));
        background-color: #ff471d;
        justify-content: space-between;
        align-items: center;
        padding: 2rem;
        font-size: 2.4rem;
        display: flex;
        position: relative;
    }
    .header__nav-cta .arr-ic-main {
        width: 2rem;
        height: 2rem;
    }
    .header.on-scroll {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .header.open-nav.on-scroll .header__nav {
        top: 0;
    }
    .header.open-nav.on-scroll .header__toggle {
        -o-transition: top 0.3s ease-out;
        transition: top 0.3s ease-out;
        top: 0;
    }
    .header.open-nav .header__nav {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        -o-transition: 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    .header.open-nav .header__nav-cta {
        --nav-delay-index: 6;
        opacity: 1;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transition: opacity 0.4s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index)), clip-path 0.5s ease-out calc(var(--nav-trans-dur) + var(--nav-delay-stagger) * var(--nav-delay-index));
    }
    .header.mix-mb-mode .header__logo-shape-bottom,
    .header.mix-mb-mode .header__logo-letter {
        color: #fff !important;
    }
}
.footer {
    z-index: 5;
    background-color: #eaeef0;
    position: relative;
}
.footer__inner {
    z-index: 3;
    background-color: #eaeef0;
    padding-bottom: 6rem;
    position: relative;
}
.footer__form-wrap {
    background-color: #212121;
    grid-column: 2/7;
    margin-top: -13.6rem;
    padding: 3.2rem 6rem 6rem;
}
.footer__form-icon {
    margin-bottom: 4rem;
}
.footer__form-title {
    color: #fff;
    margin-bottom: 1.2rem;
}
.footer__form-sub {
    color: #ffffff80;
    margin-bottom: 2.4rem;
}
.footer__form-main {
    flex-direction: column;
    row-gap: 0.8rem;
    display: flex;
}
.footer__form-caption {
    color: #7a7a7a;
    margin-top: 1.2rem;
}
.footer__main {
    flex-direction: column;
    grid-column: 8/16;
    justify-content: space-between;
    display: flex;
}
.footer__links {
    border-bottom: 1px solid #1515151a;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
}
.footer__link {
    transition: color 0.4s;
}
.footer__link:hover,
.footer__link.active {
    color: #ff471d;
}
.footer__info {
    grid-template-columns: repeat(8, 1fr);
}
.footer__info-mid {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
}
.footer__info-addr {
    grid-column: 1/5;
    grid-template-columns: repeat(2, 1fr);
}
.footer__info-addr-label {
    margin-bottom: 1.6rem;
    font-weight: 700;
}
.footer__info-addr-txt {
    color: #4b4b4b;
}
.footer__info-contact {
    flex-direction: column;
    grid-column: 6/9;
    row-gap: 0.8rem;
    display: flex;
}
.footer__info-contact-label {
    color: #4b4b4b;
}
.footer__info-contact-link {
    transition: color 0.4s;
}
.footer__info-contact-link:hover,
.footer__info-contact-link.active {
    color: #ff471d;
}
.footer__info-copy {
    color: #4b4b4b;
    grid-column: 1/5;
    margin-top: auto;
}
.footer__info-legal {
    grid-column: 6/9;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    display: flex;
}
.footer__info-legal-link {
    color: #4b4b4b;
    transition: color 0.4s;
}
.footer__info-legal-link:hover,
.footer__info-legal-link.active {
    color: #ff471d;
}
.footer__marquee {
    z-index: 1;
    color: #ffffff29;
   
    transition: color 0.4s;
    display: block;
    position: sticky;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.footer__marquee:hover {
    color: #fff3;
}

.footer__marquee-item {
    white-space: nowrap;
    will-change: transform, width;
    width: max-content;
    padding-right: 3rem;
    font-size: 18rem;
    line-height: 1.15em;
    animation-name: rtl;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}
.footer__cursor {
    z-index: 2;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.footer__cursor-main {
    pointer-events: auto;
    color: #fff;
    opacity: 0;
    -o-transition: opacity 0.4s ease;
    background-color: #ff471d;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    width: 6rem;
    height: 6rem;
    padding: 0.5rem;
    transition: opacity 0.4s;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}
.footer__cursor-txt
{
    font-size:25px;

}
.footer__marquee:hover .footer__cursor-main {
    opacity: 1;
}
@keyframes rtl {
    0% {
        visibility: visible;
        transform: translateZ(0);
    }
    to {
        transform: translate(-100%);
    }
}
.input-wrap {
    width: 100%;
}
.input-field {
    appearance: none;
    border-radius: none;
    color: #fff;
    background-color: #0000;
    border: 1px solid #ffffff1a;
    border-radius: 0;
    outline: none;
    width: 100%;
    padding: 2rem 2.4rem;
    transition: all 0.4s;
}
.input-field::placeholder {
    color: #7a7a7a;
}
.input-field:not(:placeholder-shown) {
    border: 1px solid #fff3;
}
.input-field:hover,
.input-field:focus {
    border: 1px solid #ffffff4d;
}
.input-submit {
    border: none;
    border-radius: 0;
    width: 100%;
}
.input-submit-icon {
    opacity: 0;
    width: 0;
    transition: all 0.4s;
}
.input-submit-icon .icon {
    margin-right: 1rem;
}
.input-submit .input-submit-txt-tail {
    width: 0;
    transition: all 0.4s;
    overflow: hidden;
}
.input-submit.on-complete .input-submit-icon {
    opacity: 1;
    width: 3rem;
}
.input-submit.on-complete .input-submit-txt-tail {
    width: 1.2rem;
}
@media screen and (width<=991px) {
    .footer__form-wrap {
        grid-column: 1/7;
        margin-top: -11rem;
        padding: 3.2rem 4rem 4rem;
    }
    .footer__form-icon {
        width: 6rem;
        height: 6rem;
        margin-bottom: 2.4rem;
    }
    .footer__form-sub {
        margin-bottom: 3.2rem;
    }
    .footer__form-caption {
        margin-top: 1.6rem;
    }
    .footer__main {
        grid-column: 1/13;
    }
    .footer__links {
        margin-bottom: 0;
    }
    .footer__link {
        font-size: 2.2rem;
    }
    .footer__info {
        grid-template-columns: repeat(12, 1fr);
        padding-top: 4rem;
    }
    .footer__info-mid {
        padding-bottom: 0;
    }
    .footer__info-addr {
        grid-column: 1/7;
    }
    .footer__info-addr-label {
        margin-bottom: 1.2rem;
        font-weight: 500;
    }
    .footer__info-contact {
        grid-column: 8/13;
        row-gap: 1.2rem;
        margin-left: 4rem;
    }
    .footer__info-contact-label {
        margin-bottom: 0.2rem;
    }
    .footer__info-contact-link {
        font-size: 2rem;
        font-weight: 500;
    }
    .footer__info-copy {
        padding-top: 0;
    }
    .footer__info-legal {
        grid-column: 8/13;
        margin-left: 2.5rem;
        padding-top: 0;
    }
    .footer__marquee-wrap {
        padding: 3.2rem 0;
    }
    .footer__marquee-item {
        font-size: 10rem;
        line-height: 1em;
    }
    .footer__cursor-main {
        width: 10rem;
        height: 10rem;
        padding: 1.4rem;
    }
    .footer__cursor-main .arr-wrap-24 {
        width: 1rem;
        height: 1rem;
    }
}
@media screen and (width<=767px) {
    .footer .container {
        padding-bottom: 3.2rem;
    }
    .footer__form-wrap {
        grid-column: 1/3;
        margin-top: -10.8rem;
        padding: 3rem 4rem 4rem;
    }
    .footer__form-icon {
        width: 4.8rem;
        height: 4.8rem;
    }
    .footer__form-main .input-field {
        padding: 1.2rem 2.4rem;
    }
    .footer__form-main .input-submit {
        padding: 1.6rem 2rem;
    }
    .footer__main {
        grid-column: 1/3;
    }
    .footer__links {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.2rem 2rem;
        padding: 5rem 0 4rem;
        display: grid;
    }
    .footer__link {
        width: -moz-fit-content;
        width: fit-content;
        font-size: 2rem;
    }
    .footer__link:nth-child(2) {
        grid-row: 2/3;
    }
    .footer__link:nth-child(3) {
        grid-row: 3/4;
    }
    .footer__info {
        flex-direction: column;
        display: flex;
    }
    .footer__info-addr {
        flex-direction: column;
        row-gap: 2rem;
        margin-bottom: 4rem;
        display: flex;
    }
    .footer__info-addr-label {
        margin-bottom: 0.8rem;
    }
    .footer__info-addr-txt br {
        display: none;
    }
    .footer__info-contact {
        flex-direction: column;
        column-gap: 2rem;
        margin-left: 0;
    }
    .footer__info-contact-label {
        margin-bottom: 0.8rem;
    }
    .footer__info-contact-link {
        font-size: 1.6rem;
    }
    .footer__info-copy {
        margin-bottom: 1.2rem;
    }
    .footer__info-legal {
        justify-content: left;
        column-gap: 3.2rem;
        margin-left: 0;
    }
    .footer__marquee-item {
        font-size: 6rem;
    }
    .footer__cursor {
        display: none;
    }
}
.popup {
    z-index: 999;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
}
.popup.active {
    pointer-events: auto;
}
.popup.active .popup__overlay {
    opacity: 1;
}
.popup.active .popup__main {
    opacity: 1;
    transform: translateY(0);
}
.popup.active .popup__main-head,
.popup.active .popup__main-submit {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    transition-delay: 0.2s;
}
.popup.active .popup__main-form-inner {
    pointer-events: auto;
}
.popup.active .popup__main-form-inner.hidden {
    pointer-events: none;
}
.popup.active .popup__main-form-success {
    pointer-events: auto;
}
.popup.active .popup__main-form-success.hidden {
    pointer-events: none;
}
.popup__overlay {
    opacity: 0;
    background-color: #151515f2;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s;
    position: absolute;
    top: 0;
    left: 0;
}
.popup__main {
    opacity: 0;
    background-color: #ff471d;
    width: 100%;
    max-width: 108rem;
    margin-top: 12rem;
    margin-bottom: 6rem;
    padding: 6rem 6rem 0;
    transition: all 0.4s;
    position: relative;
    transform: translateY(10%);
}
.popup__main-form {
    grid-template-columns: 4.1fr 5.9fr;
    display: grid;
}
.popup__main-head {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    background-color: #f4f0ed;
    flex-direction: column;
    grid-column: 1/2;
    align-items: start;
    margin-top: -12rem;
    padding: 6rem;
    transition: all 0.4s;
    display: flex;
    overflow: hidden;
}
.popup__main-head-title {
    margin-bottom: 4rem;
    margin-left: -1rem;
}
.popup__main-head-txt {
    color: #4b4b4b;
}
.popup__main-contact {
    flex-direction: column;
    grid-area: 2/1/3/2;
    justify-content: end;
    align-items: start;
    padding-bottom: 4.8rem;
    display: flex;
}
.popup__main-contact-label,
.popup__main-contact-link {
    color: #fff;
}
.popup__main-form-inner {
    opacity: 1;
    flex-direction: column;
    grid-area: 1/2/2/3;
    transition: all 0.4s;
    display: flex;
    transform: none;
}
.popup__main-form-inner.hidden {
    opacity: 0;
    transform: translateY(3.2rem);
}
.popup__main-form-inner .input-wrap {
    width: calc(100% - 6rem);
    margin-left: 6rem;
    position: relative;
}
.popup__main-form-inner .input-wrap:hover .input-field::placeholder,
.popup__main-form-inner .input-wrap:focus .input-field::placeholder {
    color: #ffffffb3;
}
.popup__main-form-inner .input-wrap:hover .input-field-line,
.popup__main-form-inner .input-wrap:focus .input-field-line {
    transform: scaleX(1);
}
.popup__main-form-inner .input-field {
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff3;
    padding: 2.4rem 0;
}
.popup__main-form-inner .input-field::placeholder {
    color: #ffffff80;
    transition: color 0.4s;
}
.popup__main-form-inner .textarea-wrap {
    flex-grow: 1;
    max-height: 25rem;
}
.popup__main-form-inner textarea.input-field {
    resize: vertical;
    height: 100%;
}
.popup__main-form-inner .input-field-line {
    transform-origin: 0;
    background-color: #ffffff80;
    width: 100%;
    height: 1px;
    transition: transform 0.4s;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
}
.popup__main-form-success {
    color: #fff;
    opacity: 1;
    grid-area: 1/2/2/3;
    padding-bottom: 4rem;
    padding-left: 6rem;
    transition: all 0.4s;
    transform: none;
}
.popup__main-form-success.hidden {
    opacity: 0;
    transform: translateY(3.2rem);
}
.popup__main-submit {
    appearance: none;
    text-align: left;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    cursor: pointer;
    background-color: #f4f0ed;
    border: none;
    outline: none;
    width: 25rem;
    padding: 4rem;
    transition: all 0.4s;
    display: grid;
}
.popup__main-submit :hover .popup__main-submit-inner-txt {
    color: #ff471d;
}
.popup__main-submit-aspect {
    pointer-events: none;
    grid-area: 1/1/2/2;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.popup__main-submit-inner {
    flex-direction: column;
    grid-area: 1/1/2/2;
    justify-content: space-between;
    align-items: start;
    height: 100%;
    transition: all 0.4s;
    display: flex;
}
.popup__main-submit-inner .heading {
    color: #151515;
    transition: color 0.4s;
}
.popup__main-submit-inner .icon {
    color: #ff471d;
}
.popup__main-submit-inner-success {
    pointer-events: none;
    opacity: 0;
    height: calc(100% + 8rem);
    margin: -4rem;
    padding: 4rem;
    transform: translateY(2.4rem);
}
.popup__main-submit.on-complete {
    pointer-events: none;
}
.popup__main-submit.on-complete .popup__main-submit-inner-default {
    pointer-events: none;
    opacity: 0;
    transform: translateY(2.4rem);
}
.popup__main-submit.on-complete .popup__main-submit-inner-success {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0);
}
.popup__close {
    color: #ffffff80;
    padding: 1.4rem;
    transition: color 0.4s;
    position: absolute;
    top: 0;
    right: 0;
}
.popup__close:hover {
    color: #fff;
}
@media screen and (width<=991px) {
    .popup__main {
        width: 100%;
        max-width: calc(100% - 8rem);
        margin-top: 6rem;
        margin-bottom: 6rem;
        padding: 6rem 6rem 0;
    }
    .popup__main-form {
        grid-template-columns: 4.8fr 5.2fr;
    }
    .popup__main-head {
        grid-area: 1/1/2/2;
        width: 33rem;
        min-height: 33rem;
        margin-top: -12rem;
        padding: 3.2rem;
    }
    .popup__main-head-title {
        margin-bottom: 2.4rem;
        margin-left: 0;
        font-size: 3.2rem;
    }
    .popup__main-head .txt-18 {
        font-size: 1.8rem;
    }
    .popup__main-contact {
        grid-area: 3/1/4/2;
        padding-bottom: 4rem;
    }
    .popup__main-contact-link {
        font-weight: 500;
    }
    .popup__main-form-inner {
        grid-area: 2/1/3/3;
    }
    .popup__main-form-inner .input-wrap {
        width: 100%;
        margin-left: 0;
    }
    .popup__main-form-inner .input-field::placeholder {
        color: #fffc;
    }
    .popup__main-form-success {
        grid-area: 2/1/3/3;
        padding-top: 5rem;
        padding-bottom: 5rem;
        padding-left: 0;
    }
    .popup__main-submit {
        grid-area: 3/2/4/3;
        justify-self: end;
        width: 20rem;
        padding: 3.2rem;
    }
    .popup__main-submit-inner-success {
        height: calc(100% + 6.4rem);
        margin: -3.2rem;
        padding: 3.2rem;
    }
    .popup__close {
        color: #fff;
        padding: 1.2rem;
    }
    .popup__close .icon {
        width: 2.4rem;
        height: 2.4rem;
    }
}
@media screen and (width<=767px) {
    .popup {
        height: 100svh;
    }
    .popup__main {
        max-width: calc(100% - 8rem);
        margin-top: 6rem;
        margin-bottom: 0;
        padding: 0 2.4rem 2.2rem;
    }
    .popup__main-form {
        grid-template-columns: 1fr;
    }
    .popup__main-head {
        grid-area: 1/1/2/2;
        width: auto;
        min-height: auto;
        margin: -4.8rem 0 1.2rem;
        padding: 3rem 3.2rem 2.8rem 2.4rem;
    }
    .popup__main-head-title {
        margin-bottom: 0.8rem;
        font-size: 2.4rem;
    }
    .popup__main-head .txt-18 {
        font-size: 1.4rem;
    }
    .popup__main-contact {
        text-align: center;
        grid-area: 4/1/5/2;
        align-items: center;
        padding-bottom: 0;
    }
    .popup__main-contact-label {
        font-size: 1.4rem;
    }
    .popup__main-contact-link {
        font-size: 1.6rem;
    }
    .popup__main-form-inner {
        grid-area: 2/1/3/2;
        margin-bottom: 2.4rem;
    }
    .popup__main-form-inner .input-field {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }
    .popup__main-form-inner .textarea-wrap {
        max-height: 20rem;
    }
    .popup__main-form-success {
        grid-area: 2/1/3/2;
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 0;
    }
    .popup__main-form-success-txt {
        font-size: 1.6rem;
    }
    .popup__main-submit {
        grid-area: 3/1/4/2;
        justify-self: center;
        width: 100%;
        margin-bottom: 1.2rem;
        padding: 1.8rem 2.8rem;
    }
    .popup__main-submit-aspect {
        display: none;
    }
    .popup__main-submit-inner {
        flex-direction: row;
        align-items: center;
        column-gap: 3.2rem;
    }
    .popup__main-submit-inner .arr-wrap,
    .popup__main-submit-inner .icon {
        width: 1.6rem;
        height: 1.6rem;
    }
    .popup__main-submit-inner-success {
        height: calc(100% + 3.2rem);
        margin: -1.6rem -3.2rem;
        padding: 1.6rem 3.2rem;
    }
    .popup__close {
        z-index: 3;
        color: #000;
        margin-top: -4.8rem;
        margin-right: 2.4rem;
        padding: 1.2rem;
    }
    .popup__close .icon {
        width: 2.4rem;
        height: 2.4rem;
    }
    .popup__main {
        max-width: calc(100% - 4rem);
    }
    .popup__main-head-title {
        font-size: 2.1rem;
    }
}
.home-hero {
    z-index: 2;
    height: 100vh;
    padding-bottom: max(8.5vh, 8.5rem);
    position: sticky;
    top: 0;
}
.home-hero-ph {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}
.home-hero__wrap {
    z-index: 1;
    height: 200vh;
    margin-bottom: -100vh;
    position: relative;
}
.home-hero__bg-wrap {
    z-index: 1;
    background-color: #000;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}
.home-hero__bg-wrap-inner {
    width: 100%;
    display: grid;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transform: translateY(6%);
}
.home-hero__bg-wrap .home-hero__bg-vid {
    opacity: 0.85;
    grid-area: 1/1/1/1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-hero__bg-wrap .home-hero__bg-ph {
    opacity: 0;
    pointer-events: none;
    grid-area: 1/1/1/1;
    width: 100%;
    height: auto;
}
.home-hero__bg-wrap .home-hero__bg-ship {
    transform-origin: 50%;
    width: auto;
    height: 20.52%;
    position: absolute;
    top: 67.955%;
    left: 47.62%;
}
.home-hero__canvas {
    transform-origin: 50% 79%;
    z-index: 4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-hero .container.grid {
    height: 100%;
}
.home-hero__title {
    color: #fff;
    grid-column: 1/8;
    place-self: start;
    max-width: 68rem;
    margin-top: 32vh;
    padding-bottom: 7vh;
}
.home-hero__title.force-hidden {
    opacity: 0;
}
.home-hero__backer {
    flex-direction: column;
    grid-area: 2/1/3/8;
    align-self: end;
    row-gap: 1rem;
    padding-bottom: 0.7rem;
    display: flex;
}
.home-hero__backer.force-hidden {
    opacity: 0;
}
.home-hero__backer-label {
    color: #ffffffb3;
}
.home-hero__backer-inner {
    column-gap: 2.4rem;
    display: flex;
}
.home-hero__backer-item.hidden {
    display: none;
}
.home-hero__backer-item:first-child {
    height: 2.5rem;
}
.home-hero__backer-item:nth-child(2) {
    height: 2.2rem;
}
.home-hero__backer-item:nth-child(3) {
    height: 2.4rem;
}
.home-hero__backer-item img {
    width: auto;
    height: 100%;
}
.home-hero__sub {
    color: #fff;
    flex-direction: column;
    grid-area: 1/13/3/17;
    place-self: end;
    row-gap: 4rem;
    display: flex;
}
.home-hero__sub-txt {
    max-width: 25rem;
}
.home-hero__sub-caption {
    color: #ffffffb3;
    flex-wrap: nowrap;
    width: 26.4rem;
    height: 2.56rem;
    display: flex;
    overflow: hidden;
}
.home-hero__sub-caption-item {
    white-space: nowrap;
}
.home-hero__sub-caption-item .txt-hl {
    text-align: center;
    border-radius: 50%;
    width: 1.4rem;
    padding: 0 0.4rem;
    font-family: initial;
    display: inline-block;
}
.home-hero__sub-caption-item.anim {
    animation: 14s linear infinite rtl;
}
.home-intro {
    z-index: 3;
    background-color: #f4f0ed;
    padding-top: 18.5rem;
    position: relative;
}
.home-intro__label {
    color: #9a9a9a;
    grid-area: 1/2/2/4;
    align-self: start;
    margin-top: 1.4rem;
}
.home-intro__title {
    grid-area: 1/4/2/11;
    max-width: 58rem;
    margin-bottom: 21.2rem;
}
.home-intro__title .line,
.home-intro__title span {
    display: inline !important;
}
.home-intro__img {
    grid-area: 2/4/3/7;
    margin-bottom: -13.8rem;
}
.home-intro__richtext {
    flex-direction: column;
    grid-area: 1/11/3/16;
    justify-content: start;
    align-items: start;
    margin-bottom: 14.6rem;
    display: flex;
}
.home-intro__richtext-img {
    width: 35rem;
}
.home-intro__richtext-h3 {
    margin-top: 4rem;
}
.home-intro__richtext-p {
    color: #4b4b4b;
    margin-top: 2rem;
}
.home-intro__richtext-link {
    margin-top: 2rem;
}
.home-prob {
    z-index: 2;
    background-color: #eaeef0;
    padding-top: 31.4rem;
    padding-bottom: 42.8rem;
    position: relative;
    overflow: hidden;
}
.home-prob__label {
    color: #9a9a9a;
    grid-area: 1/2/2/4;
    align-self: start;
    margin-top: 1.4rem;
}
.home-prob__title {
    grid-area: 1/4/2/12;
    align-self: start;
    max-width: 58rem;
}
.home-prob__main {
    pointer-events: none;
    grid-area: 1/1/2/17;
    grid-template-columns: repeat(16, 1fr);
}
.home-prob__main-item {
    pointer-events: auto;
    flex-direction: column;
    display: flex;
}
.home-prob__main-item-img {
    width: 100%;
}
.home-prob__main-item-title {
    margin-top: 4rem;
}
.home-prob__main-item-txt {
    color: #4b4b4b;
    margin-top: 2rem;
}
.home-prob__main-item-txt .line,
.home-prob__main-item-txt span {
    display: inline !important;
}
.home-prob__main-item:first-child {
    grid-area: 1/13/2/17;
    margin-top: 0;
}
.home-prob__main-item:nth-child(2) {
    grid-area: 2/4/3/8;
    margin-top: -1.9rem;
}
.home-prob__main-item:nth-child(3) {
    grid-area: 2/11/3/16;
    margin-top: 20.5rem;
}
.home-prob__main-item:nth-child(4) {
    grid-area: 3/1/4/4;
    margin-top: -22.8rem;
}
.home-prob__main-item:nth-child(5) {
    grid-area: 3/7/4/11;
    margin-top: 13.5rem;
}
.home-solu {
    z-index: 3;
    position: relative;
}
.home-solu__head {
    z-index: 3;
    grid-area: 1/3/2/15;
    justify-self: center;
    max-width: 105rem;
    margin: -29.5rem auto 0;
    display: grid;
    position: relative;
}
.home-solu__head-txt-wrap {
    text-align: center;
    flex-direction: column;
    grid-area: 1/1/2/2;
    justify-content: start;
    align-items: center;
    padding-top: 38rem;
    display: flex;
    position: relative;
}
.home-solu__head-img-wrap {
    grid-area: 1/1/2/2;
    width: 100%;
}
.home-solu__label {
    color: #9a9a9a;
    margin-bottom: 2rem;
}
.home-solu__title {
    max-width: 77.8rem;
}
.home-solu__title .txt-hl {
    display: inline-block;
}
.home-solu__body {
    text-align: center;
    z-index: 2;
    flex-direction: column;
    grid-column: 4/14;
    justify-self: center;
    align-items: center;
    max-width: 84.6rem;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.home-solu__body-txt p {
    margin-bottom: 2rem;
}
.home-solu__body-txt p.last-p {
    margin-bottom: 0;
}
.home-solu__body .p-line {
    background-color: #eaeaea;
    width: min(0.2rem, 2px);
}
.home-solu__body .p-line-top {
    height: 14.9rem;
    margin-top: -0.6rem;
    margin-bottom: 1.6rem;
}
.home-solu__body .p-line-bottom {
    height: 39.5rem;
    margin-top: 2.2rem;
    margin-bottom: -13.1rem;
}
.home-solu__main {
    z-index: 1;
    grid-column: 3/15;
    grid-template-columns: repeat(12, 1fr);
    position: relative;
}
.home-solu__main-img-wrap {
    pointer-events: none;
    grid-area: 1/5/2/9;
}
.home-solu__main-inner {
    grid-area: 1/1/2/13;
    grid-template-columns: repeat(12, 1fr);
}
.home-solu__main-item {
    flex-direction: column;
    max-width: 28.6rem;
    display: flex;
}
.home-solu__main-item-title {
    margin-bottom: 2rem;
}
.home-solu__main-item-txt {
    color: #4b4b4b;
}
.home-solu__main-item-txt .line,
.home-solu__main-item-txt span {
    display: inline !important;
}
.home-solu__main-item:nth-child(odd) {
    text-align: right;
    justify-self: end;
    align-items: end;
}
.home-solu__main-item:first-child {
    grid-column: 1/4;
    margin-top: 25.7rem;
}
.home-solu__main-item:nth-child(2) {
    grid-column: 10/13;
    margin-top: 25.7rem;
}
.home-solu__main-item:nth-child(3) {
    grid-area: 2/1/3/4;
    margin-top: 9.5rem;
}
.home-solu__main-item:nth-child(4) {
    grid-area: 2/10/3/13;
    margin-top: 9.5rem;
}
.home-solu__tail-title {
    grid-column: 2/11;
    max-width: 81.4rem;
    margin-bottom: 12.8rem;
    padding-top: 11rem;
    display: none;
}
.home-solu__tail-img {
    grid-column: 1/17;
    padding-bottom: 12.4rem;
    display: none;
}
.home-shift {
    z-index: 2;
    margin-bottom: -85vh;
    position: relative;
}
.home-shift__main {
    height: 735vh;
    position: relative;
}
.home-shift__main-inner {
    background-color: #f4f0ed;
    width: 100%;
    display: grid;
    position: sticky;
    top: 0;
}
.home-shift__main-part {
    grid-area: 1/1/2/2;
    height: 100vh;
}
.home-shift__main-part .container.grid {
    height: 100%;
}
.home-shift__main-part--big-txt {
    z-index: 1;
    position: relative;
}
.home-shift__main-part--big-txt .title-wrap {
    text-align: center;
    flex-direction: column;
    grid-column: 1/17;
    place-self: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.home-shift__main-part--big-txt .title-wrap .span:first-child {
    margin-bottom: -0.5rem;
}
.home-shift__main-part--big-ship {
    pointer-events: none;
    z-index: 2;
    position: relative;
}
.home-shift__main-part--big-ship .container.fluid {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.home-shift__main-part--big-ship .container.fluid .home-shift__img-wrap {
    height: 37vh;
    position: absolute;
    left: 100%;
}
.home-shift__main-part--small-txt {
    z-index: 1;
    position: relative;
}
.home-shift__main-part--small-txt .title-wrap {
    text-align: center;
    grid-column: 1/17;
    place-self: center;
    width: 100%;
}
.home-shift__main-part--small-txt .title-wrap .tite-inner {
    width: 100%;
}
.home-shift__main-part--small-ship {
    pointer-events: none;
    z-index: 2;
    position: relative;
}
.home-shift__main-part--small-ship .container.fluid {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap {
    align-items: center;
    height: 111vh;
    display: flex;
    position: absolute;
    left: 100%;
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap:after {
    content: "";
    pointer-events: none;
    z-index: -1;
    background-color: #f4f0ed;
    width: 400vw;
    display: block;
    position: absolute;
    top: -0.2em;
    bottom: -0.2em;
    left: 13.79%;
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap .home-shift__img-inner {
    height: 100%;
    position: relative;
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap .home-shift__img-inner .home-shift__img-inner-ships {
    align-items: center;
    column-gap: 3rem;
    height: 100%;
    display: flex;
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap .home-shift__img-inner .home-shift__img-inner-ships .home-shift__img-inner-fleat {
    flex-direction: column;
    justify-content: center;
    row-gap: 3rem;
    height: 100%;
    display: flex;
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap .home-shift__img-inner .home-shift__img-inner-ships .ship-small-svg {
    height: calc(14.2857% - 2.57143rem);
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap .home-shift__small-txt {
    white-space: nowrap;
    color: #1d1d1d;
    position: absolute;
    left: calc(100% + 3.2rem);
}
.home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap .home-shift__small-txt:after {
    content: "";
    pointer-events: none;
    z-index: -1;
    background-color: #f4f0ed;
    display: block;
    position: absolute;
    inset: -0.2em 0;
}
.home-ship__bg-img {
    z-index: 3;
    height: clamp(72rem, 72vh, 92rem);
    margin-bottom: -2px;
    position: relative;
}
.home-ship__bg-img img {
    display: block;
}
.home-tech {
    z-index: 4;
    pointer-events: none;
    margin-top: -13rem;
    margin-bottom: -100vh;
    padding-top: 13rem;
    padding-bottom: 100vh;
    position: relative;
    overflow: hidden;
}
.home-tech__top {
    pointer-events: auto;
    z-index: 2;
    background: #111112;
    position: relative;
}
@media only screen and (width>=1817px) {
    .home-tech__top {
        background: linear-gradient(#111112, #111112 calc(100% - 9.3rem), #0000 calc(100% - 9.3rem));
    }
}
.home-tech__inner {
    grid-column: 1/17;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 0;
}
.home-tech__head {
    background-color: #ff471d;
    grid-column: 1/3;
    margin-top: -13rem;
    padding: 8rem 6rem;
}
.home-tech__label {
    color: #fff;
    margin-bottom: 2rem;
}
.home-tech__title {
    color: #fff;
    max-width: 51.6rem;
}
.home-tech__item {
    background-color: #ffffff0d;
    grid-column: 4/5;
    align-self: end;
    transition: background-color 0.4s;
    display: grid;
    position: relative;
}
.home-tech__item:not(.home-tech__link):hover {
    background-color: #ffffff1a;
}
.home-tech__item:not(.home-tech__link):hover .home-tech__item-icon {
    color: #fff6;
}
.home-tech__item:nth-child(2) {
    margin-top: 11.6vh;
}
.home-tech__item-inner {
    flex-direction: column;
    grid-area: 1/1/2/2;
    justify-content: end;
    align-items: start;
    padding: 4rem 3.2rem;
    display: flex;
    position: relative;
}
.home-tech__item-title {
    color: #fff;
}
.home-tech__item-icon {
    color: #ffffff47;
    transition: color 0.4s;
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
}
.home-tech__item:after {
    pointer-events: none;
    content: "";
    grid-area: 1/1/2/2;
    width: 100%;
    height: 0;
    padding-top: 100%;
    display: block;
}
.home-tech__item:nth-child(3) {
    grid-column: 3/4;
}
.home-tech__item:nth-child(4) {
    grid-column: 5/6;
}
.home-tech__item:nth-child(5) {
    grid-column: 2/3;
}
.home-tech__item:nth-child(6) {
    grid-column: 4/5;
}
.home-tech__link {
    background-color: #ff471d;
    grid-column: 3/4;
    transition: background-color 0.4s;
    display: grid;
    position: relative;
}
.home-tech__link-title {
    color: #fff;
    max-width: 24.2rem;
}
.home-tech__link:hover {
    background-color: #eb2c00;
}
.home-tech__link-inner {
    flex-direction: column;
    grid-area: 1/1/2/2;
    justify-content: space-between;
    padding: 4rem;
    display: flex;
}
.home-tech__link:after {
    pointer-events: none;
    content: "";
    grid-area: 1/1/2/2;
    width: 100%;
    height: 0;
    padding-top: 100%;
    display: block;
}
.home-tech__ship {
    pointer-events: none;
    z-index: 3;
    grid-area: 2/1/3/2;
    width: 100%;
    max-width: 120rem;
    margin: -9.4rem auto 0;
    position: relative;
}
.home-tech__bg-tri {
    z-index: 1;
    grid-area: 2/1/3/2;
    width: 100%;
    max-width: 192rem;
    margin: -9.4rem auto 0;
    display: grid;
    position: relative;
}
.home-tech__bg-tri:after {
    content: "";
    grid-area: 1/1/2/2;
    width: 100%;
    height: 0;
    padding-top: 42.99%;
    display: block;
}
.home-tech__bg-tri-inner {
    transform-origin: 50% 62.0457%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 23.95%, 0% 100%);
    background-color: #111112;
    grid-area: 1/1/2/2;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.home-why {
    z-index: 5;
    padding-bottom: 16.2rem;
    position: relative;
}
.home-why__head {
    flex-direction: column;
    grid-column: 2/8;
    align-items: start;
    max-width: 59rem;
    margin-top: 29rem;
    display: flex;
}
.home-why__label {
    color: #9a9a9a;
    margin-bottom: 2rem;
}
.home-why__title {
    margin-bottom: 6.2rem;
}
.home-why__main {
    grid-column: 9/17;
    padding-top: 4.2rem;
}
.home-why__main-list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0;
}
.home-why__main-item {
    z-index: 1;
    grid-column: 1/2;
    align-self: start;
    transition: box-shadow 0.4s;
    display: grid;
    position: relative;
}
.home-why__main-item:after {
    pointer-events: none;
    content: "";
    grid-area: 1/1/2/2;
    width: 100%;
    height: 0;
    padding-top: 100%;
    display: block;
}
.home-why__main-item-inner {
    background-color: #f5f5f5;
    flex-direction: column;
    grid-area: 1/1/2/2;
    justify-content: end;
    align-items: start;
    padding: 6rem 5rem;
    transition: background-color 0.4s;
    display: flex;
    position: relative;
}
.home-why__main-item-inner .icon {
    transform-origin: 100% 0;
    transition: transform 0.4s;
    position: absolute;
    top: 4rem;
    right: 4rem;
}
.home-why__main-item-sub {
    color: #4b4b4b;
    padding-top: 2rem;
    display: none;
}
.home-why__main-item-icon {
    color: #ff471d;
}
.home-why__main-item:nth-child(2) {
    grid-area: 2/2/3/3;
}
.home-why__main-item:nth-child(3) {
    grid-row: 3/4;
}
.home-why__main-item:hover {
    z-index: 2;
    box-shadow: 0 50px 80px #8999a166;
}
.home-why__main-item:hover .home-why__main-item-inner {
    background-color: #f5f5f5;
}
.home-why__main-item:hover .home-why__main-item-inner .icon {
    transform: scale(0.4);
}
.home-part {
    background-color: #eaeef0;
    padding-top: 14.6rem;
    padding-bottom: 15rem;
}
.home-part__head {
    text-align: center;
    flex-direction: column;
    grid-column: 5/13;
    justify-self: center;
    align-items: center;
    max-width: 74rem;
    margin-bottom: 10rem;
    display: flex;
}
.home-part__label {
    color: #9a9a9a;
    margin-bottom: 2rem;
}
.home-part__btn {
    margin-top: 3.2rem;
}
.home-part__main {
    flex-wrap: wrap;
    grid-column: 1/17;
    justify-content: center;
    display: flex;
}
.home-part__main-item {
    border: 1px solid #cfd3d4;
    width: 16.6667%;
    margin-bottom: -1px;
    margin-right: -1px;
    padding: 2.8rem 1.9rem;
}
.home-part__main-supporters {
    flex-wrap: nowrap;
    width: 100%;
    display: block;
}
.home-part__main-supporters .home-part__marquee {
    width: 100%;
    display: block;
    overflow: hidden;
}
.home-part__main-supporters .home-part__marquee-wrapper {
    will-change: transform;
    flex-wrap: nowrap;
    align-items: stretch;
    display: flex;
}
.home-part__main-supporters .home-part__marquee-wrapper.--right {
    justify-content: start;
    margin-bottom: -1px;
}
.home-part__main-supporters .home-part__marquee-wrapper.--left {
    justify-content: end;
}
.home-part__main-supporters .home-part__marquee-item {
    flex-wrap: nowrap;
    justify-content: start;
    align-items: stretch;
    display: flex;
}
.home-part__main-supporters .home-part__marquee-item .home-part__main-item {
    width: 30rem;
    margin-bottom: 0;
}
.home-part__investor {
    text-align: center;
    color: #151515;
    grid-column: 1/17;
    justify-self: center;
    margin-top: 10rem;
    margin-bottom: 6rem;
}
.home-part__investor-title {
    margin-bottom: 1.2rem;
}
.home-part__investor-sub {
    color: #9a9a9a;
}
.home-faq {
    padding-top: 18.9rem;
    padding-bottom: 22.6rem;
}
.home-faq__head {
    flex-direction: column;
    grid-column: 2/7;
    align-items: start;
    max-width: 44.8rem;
    display: flex;
}
.home-faq__label {
    color: #9a9a9a;
    margin-bottom: 2rem;
}
.home-faq__title {
    margin-bottom: 5rem;
}
.home-faq__sub {
    margin-bottom: 0.4rem;
}
.home-faq__main {
    flex-direction: column;
    grid-column: 9/16;
    display: flex;
}
.home-faq .faq-item__head {
    justify-content: space-between;
    align-items: center;
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    transition: padding-bottom 0.4s;
    display: flex;
    position: relative;
}
.home-faq .faq-item__head .txt {
    padding-right: 2rem;
}
.home-faq .faq-item__icon {
    flex-shrink: 0;
}
.home-faq .faq-item__icon svg {
    width: 1.8rem;
    height: auto;
}
.home-faq .faq-item__icon path {
    transform-origin: 50%;
    transition: all 0.4s;
}
.home-faq .faq-item__body .txt {
    color: #4b4b4b;
    margin-top: -1.6rem;
    padding-bottom: 2.8rem;
    display: none;
}
.home-faq .faq-item__line {
    background-color: #1515151a;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}
.home-faq .faq-item__line-inner {
    transform-origin: 0;
    background-color: #15151533;
    height: 100%;
    transition: transform 0.4s, background-color 0.4s;
    transform: scaleX(0);
}
.home-faq .faq-item.active .faq-item__body {
    display: block;
}
.home-faq .faq-item.active .faq-item__line-inner {
    transform: scaleX(1);
}
.home-faq .faq-item.active .faq-item__icon path:first-child {
    transform: rotate(90deg);
}
.home-faq .faq-item:hover .faq-item__line-inner {
    background-color: #ff471d;
    transform: scaleX(1);
}
.home-faq .faq-item:hover .faq-item__icon path {
    stroke: #ff471d;
}
@media screen and (width<=991px) {
    .home-hero {
        height: 65vh;
        min-height: 51.5rem;
        padding-bottom: max(4vh, 4rem);
    }
    .home-hero-ph {
        height: 100%;
    }
    .home-hero__wrap {
        height: auto;
        margin-bottom: 0;
    }
    .home-hero__wrap:before {
        z-index: 2;
        content: "";
        pointer-events: none;
        background: linear-gradient(#00181f00 16.14%, #00181f99 74.32%);
        height: 46%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .home-hero__bg-wrap {
        z-index: 1;
        height: 100%;
        min-height: 100%;
    }
    .home-hero__bg-wrap-inner {
        height: 100%;
        overflow: hidden;
        transform: none !important;
    }
    .home-hero__bg-wrap .home-hero__bg-vid {
        object-fit: cover;
        object-position: bottom;
        width: 100%;
        height: 100%;
        top: auto;
        bottom: 0;
    }
    .home-hero__bg-wrap .home-hero__bg-ph {
        display: none;
    }
    .home-hero__bg-wrap .home-hero__bg-ship {
        top: auto;
        bottom: 11.5%;
        left: 47.62%;
    }
    .home-hero__title {
        grid-column: 1/9;
        margin-top: 18vh;
        padding-bottom: 0;
    }
    .home-hero__sub {
        grid-column: 9/13;
        row-gap: 2.4rem;
    }
    .home-hero__backer-item:first-child {
        height: 1.345rem;
    }
    .home-hero__backer-item:nth-child(2) {
        height: 1.334rem;
    }
    .home-hero__backer-item:nth-child(3) {
        height: 1.622rem;
    }
    .home-intro {
        padding-top: 6rem;
    }
    .home-intro__title {
        grid-column: 5/12;
        max-width: none;
        margin-bottom: 5rem;
    }
    .home-intro__img {
        grid-area: 3/5/4/8;
        margin-bottom: -6.3rem;
    }
    .home-intro__richtext {
        grid-area: 2/5/3/12;
        margin-bottom: 7.6rem;
    }
    .home-intro__richtext-img {
        width: 25.8rem;
    }
    .home-intro__richtext-h3 {
        margin-top: 3.2rem;
    }
    .home-intro__richtext-p,
    .home-intro__richtext-link {
        margin-top: 1.6rem;
    }
    .home-prob {
        padding-top: 16.3rem;
        padding-bottom: 30.5rem;
    }
    .home-prob__title {
        grid-column: 5/12;
    }
    .home-prob__main {
        columns: 2;
        grid-area: 2/1/3/13;
        margin-top: 8rem;
        display: table-column;
    }
    .home-prob__main-item {
        break-inside: avoid;
        margin-bottom: 8rem;
        margin-top: 0 !important;
    }
    .home-prob__main-item-title {
        margin-top: 2.4rem;
    }
    .home-prob__main-item-title br {
        display: none;
    }
    .home-prob__main-item-txt {
        margin-top: 1.2rem;
        font-size: 1.8rem;
    }
    .home-prob__main-item:nth-child(4):before {
        content: "";
        width: 100%;
        height: 14.3rem;
    }
    .home-solu__head {
        grid-column: 3/11;
        margin: -14.8rem -2rem 0;
    }
    .home-solu__head-txt-wrap {
        padding-top: 22rem;
    }
    .home-solu__label {
        margin-bottom: 1.2rem;
    }
    .home-solu__title {
        max-width: 32rem;
    }
    .home-solu__body {
        grid-column: 3/11;
        margin: 0 -2rem;
    }
    .home-solu__body-txt p {
        margin-bottom: 0.6rem;
    }
    .home-solu__body-txt p.last-p {
        margin-bottom: 0;
    }
    .home-solu__body .p-line-top {
        height: 8rem;
        margin-bottom: 2.4rem;
    }
    .home-solu__body .p-line-bottom {
        height: 19.3rem;
        margin-top: 2.4rem;
        margin-bottom: -8rem;
    }
    .home-solu__main {
        grid-column: 1/13;
    }
    .home-solu__main-img-wrap {
        margin: 0 3rem;
    }
    .home-solu__main-item-title {
        margin-bottom: 1.2rem;
    }
    .home-solu__main-item-title br {
        display: none;
    }
    .home-solu__main-item-txt {
        font-size: 1.8rem;
    }
    .home-solu__main-item:nth-child(-n + 2) {
        margin-top: 8rem;
    }
    .home-solu__main-item:nth-child(odd) {
        grid-column: 1/5;
    }
    .home-solu__main-item:nth-child(2n) {
        grid-column: 9/13;
    }
    .home-solu__main-item:nth-child(3),
    .home-solu__main-item:nth-child(4) {
        margin-top: 9rem;
    }
    .home-shift {
        margin-bottom: -75svh;
    }
    .home-shift__main {
        height: 525svh;
    }
    .home-shift__main-part--big-txt .title-wrap {
        grid-column: 1/13;
        width: calc(100% + 8rem);
        margin-left: -4rem;
        margin-right: -4rem;
    }
    .home-shift__main-part--big-ship .container.fluid .home-shift__img-wrap {
        height: 32vh;
    }
    .home-shift__main-part--small-txt .title-wrap {
        grid-column: 1/13;
    }
    .home-shift__main-part--small-txt .title-wrap .tite-inner {
        width: 100%;
    }
    .home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap {
        height: 96vh;
    }
    .home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap:after {
        width: 500vh;
    }
    .home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap .home-shift__small-txt {
        font-size: 5.2rem;
    }
    .home-ship__bg-img {
        height: 52rem;
    }
    .home-tech {
        margin-top: -7.8rem;
        padding-top: 7.8rem;
    }
    .home-tech__inner {
        grid-column: 1/13;
        grid-template-columns: repeat(4, 1fr);
    }
    .home-tech__head {
        margin-top: -7.8rem;
        padding: 6rem 6.8rem 10rem 4rem;
        display: flex;
        position: relative;
    }
    .home-tech__head-inner {
        width: 100%;
    }
    .home-tech__label {
        margin-bottom: 1.2rem;
    }
    .home-tech__title {
        max-width: none;
    }
    .home-tech__title br {
        display: none;
    }
    .home-tech__item:nth-child(2) {
        margin-top: 0;
    }
    .home-tech__item-inner {
        padding: 2.4rem;
    }
    .home-tech__item-icon {
        top: 2.4rem;
        right: 2.4rem;
    }
    .home-tech__item-title {
        font-size: 1.6rem;
    }
    .home-tech__item-title br {
        display: none;
    }
    .home-tech__item:after {
        padding-top: 95.74%;
    }
    .home-tech__item:nth-child(2) {
        grid-area: 2/3/3/4;
    }
    .home-tech__item:nth-child(3) {
        grid-area: 3/2/4/3;
    }
    .home-tech__item:nth-child(4) {
        grid-area: 3/4/4/5;
    }
    .home-tech__item:nth-child(5) {
        grid-area: 4/1/5/2;
    }
    .home-tech__item:nth-child(6) {
        grid-area: 4/3/5/4;
    }
    .home-tech__item:nth-child(7) {
        grid-area: 5/2/6/3;
    }
    .home-tech__link-inner {
        padding: 2.4rem;
    }
    .home-tech__ship {
        max-width: 70rem;
        margin-top: 10rem;
    }
    .home-tech__bg-tri {
        margin-top: 0;
    }
    .home-why {
        padding-bottom: 8.5rem;
    }
    .home-why__head {
        grid-column: 1/7;
        max-width: none;
        margin-top: 11rem;
    }
    .home-why__label {
        margin-bottom: 1.2rem;
    }
    .home-why__title {
        margin-bottom: 4rem;
    }
    .home-why__main {
        grid-column: 1/13;
        padding-top: 8rem;
    }
    .home-why__main-list {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 2rem;
    }
    .home-why__main-item {
        align-self: stretch;
    }
    .home-why__main-item-title {
        margin-top: 2.4rem;
    }
    .home-why__main-item-title br {
        display: none;
    }
    .home-why__main-item-inner {
        justify-content: start;
        padding: 3.2rem;
    }
    .home-why__main-item-inner .icon {
        width: 4rem;
        height: 4rem;
        margin-left: auto;
        position: relative;
        top: 0;
        right: 0;
        transform: none;
    }
    .home-why__main-item-sub {
        margin-top: 1.2rem;
        padding-top: 0;
        display: inline-block !important;
    }
    .home-why__main-item:nth-child(2) {
        grid-row: 1/2;
    }
    .home-why__main-item:nth-child(3) {
        grid-area: 1/3/2/4;
    }
    .home-why__main-item:hover {
        box-shadow: none;
    }
    .home-why__main-item:hover .home-why__main-item-inner {
        background-color: #f5f5f5;
    }
    .home-why__main-item:hover .home-why__main-item-inner .icon {
        transform: none;
    }
    .home-part {
        padding: 6rem 0 10rem;
    }
    .home-part__head {
        grid-column: 1/13;
        max-width: 42.5rem;
        margin-bottom: 5.8rem;
    }
    .home-part__label {
        margin-bottom: 1.2rem;
    }
    .home-part__btn {
        margin-top: 2.4rem;
    }
    .home-part__main {
        grid-column: 1/13;
    }
    .home-part__main-item {
        width: 20%;
        padding: 1.2rem 0;
    }
    .home-part__investor {
        color: #151515;
        grid-column: 1/13;
        margin-top: 6rem;
        margin-bottom: 4rem;
    }
    .home-part__investor-title {
        margin-bottom: 0.8rem;
    }
    .home-part__investor-sub {
        font-size: 1.6rem;
    }
    .home-faq {
        padding: 8rem 0 16.4rem;
    }
    .home-faq__head {
        flex-direction: row;
        grid-column: 1/13;
        justify-content: space-between;
        align-items: center;
        max-width: none;
        margin-bottom: 4rem;
    }
    .home-faq__label {
        margin-bottom: 1.2rem;
    }
    .home-faq__title {
        max-width: 36.1rem;
        margin-bottom: 0;
    }
    .home-faq__main {
        grid-column: 1/13;
    }
    .home-faq .faq-item__head {
        padding: 2.5rem 0;
    }
}
@media screen and (width<=767px) {
    .home-hero {
        height: auto;
        padding-bottom: max(3svh, 3rem);
        position: relative;
    }
    .home-hero__wrap:before {
        height: 68%;
    }
    .home-hero__bg-wrap-inner {
        transform: scale(1.2) !important;
    }
    .home-hero__bg-wrap-inner .home-hero__bg-ship {
        left: 47.25%;
    }
    .home-hero__title {
        grid-area: 1/1/2/3;
        margin-top: 16vh;
        margin-bottom: 3rem;
    }
    .home-hero__sub {
        grid-area: 2/1/3/3;
        place-self: start;
        row-gap: 1rem;
        margin-bottom: 6.7rem;
    }
    .home-hero__sub-txt {
        max-width: none;
    }
    .home-hero__sub-caption {
        display: none;
    }
    .home-hero__backer {
        grid-area: 3/1/4/3;
    }
    .home-hero__backer-item:first-child {
        height: 1.745rem;
    }
    .home-hero__backer-item:nth-child(2) {
        height: 1.734rem;
    }
    .home-hero__backer-item:nth-child(3) {
        height: 2.3rem;
    }
    .home-intro {
        padding-top: 4rem;
    }
    .home-intro__label {
        grid-column: 1/3;
        margin-bottom: 1.2rem;
    }
    .home-intro__title {
        grid-area: 2/1/3/3;
        margin-bottom: 4.8rem;
    }
    .home-intro__richtext {
        grid-area: 3/1/4/3;
        overflow: hidden;
    }
    .home-intro__richtext-h3 {
        font-size: 2rem;
    }
    .home-intro__richtext-img {
        width: 100%;
    }
    .home-intro__img {
        grid-area: 4/1/5/2;
        margin-bottom: -9.8rem;
        margin-right: -2rem;
    }
    .home-prob {
        padding-top: 15.8rem;
        padding-bottom: 14rem;
    }
    .home-prob__label {
        grid-column: 1/3;
    }
    .home-prob__title {
        grid-area: 2/1/3/3;
    }
    .home-prob__title .g-lines {
        display: inline !important;
    }
    .home-prob__main {
        flex-direction: column;
        grid-area: 3/1/4/3;
        margin-top: 5rem;
        display: flex;
    }
    .home-prob__main-item {
        margin-bottom: 6rem;
    }
    .home-prob__main-item-txt {
        margin-top: 1.2rem;
        font-size: 1.6rem;
    }
    .home-prob__main-item:nth-child(4):before {
        display: none;
    }
    .home-solu__head {
        grid-column: 1/3;
        margin: -6rem 0 0;
    }
    .home-solu__head-txt-wrap {
        padding-top: 8rem;
    }
    .home-solu__title {
        max-width: 22.7rem;
    }
    .home-solu__body {
        grid-column: 1/3;
        margin: 0;
    }
    .home-solu__body .p-line-top {
        margin-bottom: 1.6rem;
    }
    .home-solu__body .p-line-bottom {
        height: 14.9rem;
    }
    .home-solu__main {
        flex-direction: column;
        grid-column: 1/3;
        align-items: center;
        display: flex;
    }
    .home-solu__main-img-wrap {
        width: clamp(15rem, 50vw, 43.6rem);
        margin: 0 auto;
    }
    .home-solu__main-inner {
        text-align: center;
        flex-direction: column;
        margin-top: 2.6rem;
        display: flex;
    }
    .home-solu__main-item {
        max-width: none;
        text-align: center !important;
        align-items: center !important;
    }
    .home-solu__main-item:nth-child(-n + 2),
    .home-solu__main-item:nth-child(3),
    .home-solu__main-item:nth-child(4) {
        margin-top: 3.2rem;
    }
    .home-solu__main-item-txt {
        font-size: 1.6rem;
    }
    .home-shift__main-part--big-txt .title-wrap {
        grid-column: 1/3;
    }
    .home-shift__main-part--big-txt .title-wrap .h1 {
        font-size: 5.2rem;
    }
    .home-shift__main-part--small-txt .title-wrap {
        grid-column: 1/3;
        font-size: 2.8rem;
    }
    .home-shift__main-part--big-ship .container.fluid .home-shift__img-wrap {
        height: 32svh;
    }
    .home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap {
        height: 96svh;
    }
    .home-shift__main-part--small-ship .container.fluid .home-shift__img-wrap:after {
        width: 500svh;
    }
    .home-ship__bg-img {
        height: 26.6rem;
    }
    .home-tech__head {
        margin-top: -9.6rem;
        margin-bottom: 3rem;
        padding: 4rem 8rem 4.6rem 4rem;
    }
    .home-tech__inner {
        grid-column: 1/3;
        grid-template-columns: repeat(2, 1fr);
    }
    .home-tech__item-title {
        font-size: 1.4rem;
    }
    .home-tech__item-icon {
        width: 3.2rem;
        height: 3.2rem;
    }
    .home-tech__item:after {
        padding-top: 100%;
    }
    .home-tech__item:nth-child(odd) {
        grid-column: 2/3;
    }
    .home-tech__item:nth-child(2n) {
        grid-column: 1/2;
    }
    .home-tech__item:nth-child(4) {
        grid-row: 4/5;
    }
    .home-tech__item:nth-child(5) {
        grid-row: 5/6;
    }
    .home-tech__item:nth-child(6) {
        grid-row: 6/7;
    }
    .home-tech__item:nth-child(7) {
        grid-row: 7/8;
    }
    .home-tech__link-inner .arr-wrap-32 {
        width: 2.4rem;
        height: 2.4rem;
    }
    .home-tech__ship {
        max-width: 30.2rem;
        margin-top: 5rem;
    }
    .home-tech__bg-tri-inner {
        transform-origin: 50% 235%;
        clip-path: polygon(0% 0%, 100% 0%, 100% 41.5%, 0% 100%);
    }
    .home-why {
        padding-bottom: 10rem;
    }
    .home-why__head {
        grid-area: 1/1/2/3;
        margin-bottom: 6rem;
    }
    .home-why__main {
        grid-area: 2/1/3/3;
        margin: 0 -4rem;
        padding: 0 4rem;
        overflow: hidden;
    }
    .home-why__main-wrapper {
        width: 85%;
        overflow: visible !important;
    }
    .home-why__main-wrapper.swiper {
        margin-left: 0;
    }
    .home-why__main-list {
        align-items: stretch;
        column-gap: 0;
    }
    .home-why__main-list.swiper-wrapper {
        display: grid;
    }
    .home-why__main-item:after {
        display: none;
    }
    .home-why__main-item-inner {
        padding: 3.2rem 2.4rem;
    }
    .home-why__main-item-title br {
        display: none;
    }
    .home-why__main-item-sub {
        font-size: 1.4rem;
    }
    .home-why__btn {
        padding: 1.2rem 2.1rem;
    }
    .home-part {
        padding-bottom: 8rem;
    }
    .home-part__head {
        grid-column: 1/3;
        margin-bottom: 4.8rem;
    }
    .home-part__label {
        margin-bottom: 1.2rem;
    }
    .home-part__btn {
        padding: 1.2rem 2.1rem;
    }
    .home-part__main {
        grid-column: 1/3;
    }
    .home-part__main-item {
        width: 33.3333%;
        padding: 1.6rem 1rem;
    }
    .home-part__investor {
        color: #151515;
        grid-column: 1/3;
        margin-top: 6rem;
        margin-bottom: 4rem;
    }
    .home-part__investor-title {
        margin-bottom: 0;
    }
    .home-part__investor-sub {
        font-size: 1.4rem;
    }
    .home-faq {
        padding-top: 6rem;
    }
    .home-faq__head {
        flex-direction: column;
        grid-column: 1/3;
        align-items: flex-start;
    }
    .home-faq__title {
        margin-bottom: 2.4rem;
    }
    .home-faq__main {
        grid-column: 1/3;
    }
    .home-faq .faq-item__head {
        padding: 2rem 0;
    }
    .home-faq .faq-item__icon {
        width: 2rem;
        height: 2rem;
    }
    .home-faq .faq-item__body .txt {
        margin-top: -0.6rem;
    }
}
@media screen and (width<=476px) {
    .home-hero__bg-wrap-inner {
        transform-origin: bottom;
        transform: scale(1.4) !important;
    }
    .home-hero__bg-wrap-inner .home-hero__bg-ship {
        left: 45.5%;
    }
    .home-intro__richtext {
        overflow: hidden;
    }
    .home-shift__main-part--big-txt .title-wrap {
        width: calc(100% + 4rem);
        margin-left: -2rem;
        margin-right: -2rem;
    }
    .home-shift__main-part--big-txt .title-wrap .h3 {
        font-size: 2.4rem;
    }
    .home-shift__main-part--big-txt .title-wrap .h1 {
        font-size: 3.6rem;
    }
    .home-why__main {
        margin: 0 -2rem;
        padding: 0 2rem;
    }
    .home-part__main-item {
        padding: 1rem 0;
    }
}
.abt-hero {
    padding-top: 28.2rem;
}
.abt-hero__label {
    color: #9a9a9a;
    grid-column: 3/5;
    align-self: start;
    margin-top: 1.8rem;
}
.abt-hero__title {
    grid-column: 5/16;
    max-width: 102rem;
    padding-bottom: 15.7rem;
}
.abt-hero__bg-wrap {
    background-color: #ff471d;
    height: 62.8rem;
}
.abt-info {
    z-index: 1;
    background-color: #f4f0ed;
    position: relative;
}
.abt-info__quote {
    background-color: #1d1d1d;
    grid-column: 1/7;
    align-self: start;
    align-items: start;
    column-gap: 3.1rem;
    margin-top: -33.8rem;
    margin-right: -2rem;
    padding: 9rem 4.8rem 7.3rem 2.3rem;
    display: flex;
}
.abt-info__quote-icon {
    color: #fff;
}
.abt-info__quote-main {
    flex-direction: column;
    align-items: start;
    display: flex;
}
.abt-info__quote-txt {
    color: #ffffffb3;
    max-width: 45.5rem;
    margin-bottom: 4.5rem;
    font-weight: 400;
    line-height: 1.3em;
}
.abt-info__quote-author {
    color: #fff;
}
.abt-info__quote-job {
    color: #bcbcbc;
}
.abt-info__richtext {
    flex-direction: column;
    grid-area: 2/7/4/12;
    justify-content: start;
    align-self: start;
    align-items: start;
    margin-bottom: 41.5rem;
    display: flex;
    position: relative;
}
.abt-info__richtext-img {
    width: 100%;
}
.abt-info__richtext-h3 {
    margin-top: 4rem;
}
.abt-info__richtext-p {
    color: #4b4b4b;
    margin-top: 2.4rem;
}
.abt-info__richtext-decor {
    pointer-events: none;
    background-color: #eaeef0;
    width: 10.2rem;
    position: absolute;
    bottom: 100%;
    left: 100%;
}

.abt-info__richtext-decor:after {
    content: "";
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    display: block;
}
.abt-info__add {
    flex-direction: column;
    grid-area: 2/2/3/4;
    align-self: start;
    row-gap: 10rem;
    margin-top: 10rem;
    margin-bottom: 24.6rem;
    display: flex;
}
.abt-info__add-member {
    display: grid;
}
.abt-info__add-member-inner {
    background-color: #eaeef0;
    flex-direction: column;
    grid-area: 1/1/2/2;
    justify-content: space-between;
    align-items: start;
    padding: 2rem;
    display: flex;
}
.abt-info__add-member-amount {
    color: #1d1d1d;
    margin-bottom: 2rem;
}
.abt-info__add-member-label {
    color: #1d1d1d;
}
.abt-info__add-member:after {
    content: "";
    pointer-events: none;
    grid-area: 1/1/2/2;
    width: 100%;
    height: 0;
    padding-top: 100%;
    display: block;
}
.abt-info__swiper {
    grid-area: 3/2/4/6;
    align-self: start;
    width: 100%;
    margin-bottom: 20rem;
    position: relative;
}
.abt-info__swiper .swiper {
    aspect-ratio: 386/225;
    width: 100%;
}
.abt-info__swiper .swiper-slide {
    display: block;
}
.abt-info__swiper .swiper-nav {
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    -o-transition: all 0.4s ease;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;
    display: flex;
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    transform: translate(100%);
}
.abt-info__swiper .swiper-nav-btn {
    pointer-events: auto;
    color: #212121;
    opacity: 0.8;
    -o-transition: opacity 0.4s ease;
    background-color: #f4f0ed;
    width: 3.2rem;
    height: 3.2rem;
    transition: opacity 0.4s;
}
.abt-info__swiper .swiper-nav-btn-left {
    border-bottom: 1px solid #cfd3d4;
}
.abt-info__swiper .swiper-nav-btn:hover {
    opacity: 1;
}
.abt-info__swiper .swiper:hover .swiper-nav {
    opacity: 1;
    transform: translate(0%);
}
.abt-info__vis {
    grid-area: 2/14/4/17;
    place-self: end start;
    max-width: 28.5rem;
    margin-bottom: 20rem;
}
.abt-info__vis-title {
    color: #151515;
    margin-bottom: 1.6rem;
}
.abt-info__vis-txt {
    color: #4b4b4b;
}
.abt-mil {
    z-index: 2;
    margin-top: -1px;
    margin-bottom: -1px;
    position: relative;
}
.abt-mil-pin-container {
    z-index: 2;
    position: relative;
}
.abt-mil__ship {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.abt-mil__ship-img {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 14.2rem;
    height: 100%;
    margin: 0 auto;
    display: flex;
}
.abt-mil__ship-behind {
    z-index: 1;
}
.abt-mil__ship-front {
    z-index: 3;
    overflow: hidden;
}
.abt-mil__wrap {
    z-index: 2;
    background-color: #212121;
    height: calc(100vh + 2px);
    position: relative;
}
.abt-mil__wrap .container {
    height: 100%;
    overflow: hidden;
}
.abt-mil__head {
    flex-direction: column;
    grid-column: 2/7;
    justify-content: center;
    align-self: center;
    align-items: start;
    max-width: 68.7rem;
    margin-top: 4%;
    display: flex;
}
.abt-mil__label {
    color: #9a9a9a;
    margin-bottom: 2rem;
}
.abt-mil__title {
    color: #fff;
}
.abt-mil__progress {
    border: 1px solid #ffffff1a;
    border-radius: 9.9rem;
    width: 1.6rem;
    height: 25.5rem;
    position: absolute;
    top: 50%;
    left: 1.6rem;
    transform: translateY(-50%);
}
.abt-mil__progress-inner {
    justify-content: center;
    width: 100%;
    height: calc(100% - 1rem - 2px);
    margin-top: calc(0.8rem - 1px);
    margin-bottom: calc(0.8rem - 1px);
    display: flex;
    position: relative;
}
.abt-mil__progress-dot {
    background-color: #ff471d;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    position: absolute;
    top: 0%;
}
.abt-mil__main {
    grid-column: 11/16;
    height: 100vh;
    position: relative;
}
.abt-mil__main:before,
.abt-mil__main:after {
    content: "";
    z-index: 2;
    pointer-events: none;
    width: 100%;
    height: 25vh;
    display: block;
    position: absolute;
}
.abt-mil__main:before {
    background: linear-gradient(#212121 0%, #212121cc 45%, #21212100 100%);
    top: -2px;
}
.abt-mil__main:after {
    background: linear-gradient(#21212100 0%, #212121cc 55%, #212121 100%);
    bottom: -2px;
}
.abt-mil__main-inner {
    z-index: 1;
    flex-direction: column;
    justify-content: start;
    row-gap: 5rem;
    max-width: 48.5rem;
    padding-top: 35vh;
    padding-bottom: 35vh;
    display: flex;
    position: relative;
}
.abt-mil__main-item {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    min-height: 50vh;
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: flex;
}
.abt-mil__main-item-label {
    color: #fff;
    margin-bottom: 0.4rem;
}
.abt-mil__main-item-title {
    color: #fff;
    margin-bottom: 2rem;
}
.abt-mil__main-item-richtext {
    flex-direction: column;
    row-gap: 2rem;
    display: flex;
}
.abt-mil__main-item-richtext-p {
    color: #ffffffb3;
}
.abt-team {
    z-index: 3;
    background-color: #eaeef0;
    padding-top: 15rem;
    position: relative;
}
.abt-team__title {
    grid-column: 2/10;
    max-width: 49.8rem;
}
.abt-team__richtext {
    flex-direction: column;
    grid-column: 12/16;
    align-items: start;
    margin-top: 3.1rem;
    display: flex;
}
.abt-team__richtext-p {
    color: #4b4b4b;
    margin-bottom: 4rem;
}
.abt-team__richtext-link.hidden {
    visibility: hidden;
}
.abt-team .p-line {
    background-color: #1515151a;
    grid-column: 2/16;
    width: 100%;
    height: 1px;
    margin-top: 8rem;
}
.abt-team__main {
    grid-column: 1/17;
    grid-template-columns: repeat(16, 1fr);
    column-gap: 2rem;
    margin-top: 8rem;
    display: grid;
}
.abt-team__main-img {
    transform-origin: 50%;
    z-index: 2;
    pointer-events: none;
    grid-column: 2/7;
    position: relative;
}
.abt-team__main-img-inner {
    width: 48.9rem;
    display: grid;
    position: absolute;
}
.abt-team__main-img-item {
    opacity: 0;
    background-color: #f4f0ed;
    grid-area: 1/1/2/2;
    transition: opacity 0.6s;
}
.abt-team__main-img-item.active {
    opacity: 1;
}
.abt-team__main-img-info,
.abt-team__main-img-close {
    display: none;
}
.abt-team__main-list {
    flex-direction: column;
    grid-column: 9/16;
    min-height: 112rem;
    padding-bottom: 20rem;
    display: flex;
}
.abt-team__main-item {
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    column-gap: 2rem;
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    display: grid;
    position: relative;
}
.abt-team__main-item:hover .abt-team__main-item-line-inner {
    transform: scaleX(1);
}
.abt-team__main-item-line {
    background-color: #1515151a;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.abt-team__main-item-line-inner {
    transform-origin: 0;
    background-color: #ff471d;
    width: 100%;
    height: 0.3rem;
    transition: transform 0.4s;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
}
.abt-team__main-item-name {
    color: #151515;
    grid-column: 1/4;
}
.abt-team__main-item-job {
    color: #151515;
    grid-column: 4/7;
}
.abt-team__main-item-icon {
    color: #dbdbdb;
    grid-column: 7/8;
    justify-self: end;
    transition: color 0.4s;
}
.abt-team__main-item-icon:hover {
    color: #1d1d1d;
}
.abt-team__main-item-icon[href="\#"] {
    visibility: hidden;
}
.abt-job {
    padding-top: 20rem;
    padding-bottom: 32.4rem;
}
.abt-job.hidden {
    display: none;
}
.abt-job__label {
    color: #9a9a9a;
    grid-column: 2/5;
    align-self: start;
    margin-top: 1.4rem;
}
.abt-job__title {
    color: #151515;
    grid-column: 6/14;
    max-width: 79.5rem;
}
.abt-job__main {
    grid-column: 2/16;
    grid-template-columns: repeat(7, 1fr);
    gap: 2rem;
    margin-top: 12rem;
    display: grid;
}
.abt-job__main:before {
    content: "";
    visibility: hidden;
    grid-column: span 2;
    display: block;
}
.abt-job__main-item {
    background-color: #f5f5f5;
    flex-direction: column;
    grid-column: span 2;
    justify-content: space-between;
    height: 38.7rem;
    padding: 4.4rem;
    display: flex;
    position: relative;
}
.abt-job__main-item-head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.4rem;
    display: flex;
}
.abt-job__main-item-loca {
    color: #151515;
}
.abt-job__main-item-type {
    color: #9a9a9a;
    transition: opacity 0.4s;
}
.abt-job__main-item-soon {
    color: #b8b8b8;
    display: none;
}
.abt-job__main-item-title {
    color: #1d1d1d;
    margin-top: auto;
    transition: color 0.4s;
}
.abt-job__main-item-icon {
    color: #ff471d;
    opacity: 0;
    transition: all 0.4s;
    position: absolute;
    top: 4.4rem;
    right: 4.4rem;
    transform: translate(-100%, 100%);
}
.abt-job__main-item:hover .abt-job__main-item-type {
    opacity: 0;
}
.abt-job__main-item:hover .abt-job__main-item-title {
    color: #ff471d;
}
.abt-job__main-item:hover .abt-job__main-item-icon {
    opacity: 1;
    transform: translate(0);
}
.abt-job__main-item.disable {
    pointer-events: none;
}
.abt-job__main-item.disable .abt-job__main-item-loca {
    color: #b8b8b8;
}
.abt-job__main-item.disable .abt-job__main-item-type {
    color: #b8b8b8;
    display: none;
}
.abt-job__main-item.disable .abt-job__main-item-soon {
    display: block;
}
.abt-job__main-item.disable .abt-job__main-item-title {
    color: #b8b8b8;
}
.abt-job__main-item:nth-child(2) {
    grid-column: span 3;
}
.abt-job__main-item:nth-child(6n + 3) {
    grid-column: 3 span;
}
.abt-job__main-item:nth-child(6n + 5) {
    grid-column: 2 span;
}
.abt-job__main-item:nth-child(6n + 8) {
    grid-column: 3 span;
}
@media screen and (width<=991px) {
    .abt-hero {
        padding-top: 16.4rem;
    }
    .abt-hero__label {
        grid-column: 1/3;
    }
    .abt-hero__title {
        grid-column: 4/13;
        max-width: none;
        padding-bottom: 12rem;
    }
    .abt-hero__bg-wrap {
        height: 51rem;
    }
    .abt-info__quote {
        column-gap: 2rem;
        margin-top: -23.2rem;
        margin-right: -2rem;
        padding: 5.2rem 4rem 4.8rem 3.2rem;
    }
    .abt-info__quote-icon {
        width: 3.2rem;
        height: 3.2rem;
    }
    .abt-info__quote-txt {
        max-width: none;
        margin-bottom: 3.2rem;
        font-size: 2.6rem;
        line-height: 1.4em;
    }
    .abt-info__richtext {
        grid-column: 7/13;
        margin-bottom: auto;
    }
    .abt-info__richtext-decor {
        width: 8.4rem;
        height: 9.8rem;
        left: auto;
        right: -4rem;
    }
    .abt-info__richtext-decor:after {
        display: none;
    }
    .abt-info__richtext-h3 {
        margin-top: 3.2rem;
    }
    .abt-info__richtext-p {
        margin-top: 1.6rem;
    }
    .abt-info__add {
        grid-area: 2/1/3/4;
        row-gap: 6rem;
        margin-bottom: 0;
    }
    .abt-info__add-member-amount {
        margin-bottom: 1.2rem;
        font-size: 3.6rem;
    }
    .abt-info__swiper {
        grid-area: 3/1/5/6;
        margin-top: 10rem;
        margin-bottom: 25rem;
    }
    .abt-info__vis {
        grid-area: 4/7/5/13;
        margin-top: 4.4rem;
        margin-bottom: 22.6rem;
    }
    .abt-info__vis-title {
        margin-bottom: 1.2rem;
    }
    .abt-mil__ship-img {
        margin-left: 28vw;
        margin-right: auto;
    }
    .abt-mil__head {
        grid-column: 1/3;
    }
    .abt-mil__title {
        font-size: 3.2rem;
    }
    .abt-mil__label {
        margin-bottom: 1.2rem;
    }
    .abt-mil__main {
        grid-column: 7/13;
    }
    .abt-mil__main-item-title {
        font-size: 4rem;
    }
    .abt-mil__progress {
        width: 1rem;
        left: 1.2rem;
    }
    .abt-team {
        padding: 8rem 0;
    }
    .abt-team.open-popup {
        z-index: 100;
    }
    .abt-team__title {
        grid-column: 1/5;
        margin-right: -2rem;
    }
    .abt-team__richtext {
        grid-column: 7/13;
        margin-top: 0;
    }
    .abt-team__richtext-p {
        margin-bottom: 3.2rem;
    }
    .abt-team .p-line {
        grid-column: 1/13;
        margin-top: 4rem;
    }
    .abt-team__main {
        grid-column: 1/13;
        margin-top: 3.2rem;
        display: block;
    }
    .abt-team__main-img {
        z-index: 3;
        opacity: 0;
        pointer-events: none;
        -o-transition: 0.3s ease;
        background-color: #000000f0;
        width: 100vw;
        height: 100vh;
        transition: all 0.3s;
        position: fixed;
        inset: 0;
    }
    .abt-team__main-img-inner {
        background-color: #f4f0ed;
        grid-template-columns: 1fr;
        width: 50%;
        height: auto;
        margin: 0 auto;
        padding: 6rem 2.4rem 3.2rem;
        display: grid;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .abt-team__main-img-close {
        color: #4b4b4b;
        z-index: 3;
        width: 6rem;
        height: 6rem;
        margin: -2rem;
        padding: 2rem;
        display: flex;
        position: absolute;
        top: 2rem;
        right: 2rem;
    }
    .abt-team__main-img-item {
        z-index: 2;
        opacity: 1;
        aspect-ratio: 0.9;
        opacity: 0;
        grid-area: 1/1/2/2;
        width: auto;
        height: auto;
        margin: 0 -2.4rem;
        display: flex;
        position: relative;
        overflow: hidden;
    }
    .abt-team__main-img-item img {
        object-fit: cover;
    }
    .abt-team__main-img-item.selected {
        opacity: 1;
    }
    .abt-team__main-img-info {
        justify-content: space-between;
        margin-top: 2rem;
        display: flex;
    }
    .abt-team__main-img-icon {
        aspect-ratio: 1;
        background-color: #ff471d;
        justify-content: center;
        align-items: center;
        height: 100%;
        display: flex;
    }
    .abt-team__main-img-icon[href="\#"] {
        visibility: hidden;
    }
    .abt-team__main-img.active {
        opacity: 1;
        pointer-events: auto;
        -o-transition: 0.3s ease;
        transition: all 0.3s;
    }
    .abt-team__main-list {
        min-height: auto;
        padding-bottom: 2rem;
    }
    .abt-team__main-item {
        grid-template-columns: 39.77fr 57.42fr 2.563fr;
        padding: 2.4rem 0;
    }
    .abt-team__main-item-name,
    .abt-team__main-item-job,
    .abt-team__main-item-icon {
        grid-column: span 1;
    }
    .abt-team__main-item-icon {
        width: 1.9rem;
        height: 1.9rem;
    }
    .abt-job {
        padding: 10rem 0 23rem;
    }
    .abt-job__label {
        grid-column: 1/3;
    }
    .abt-job__title {
        grid-column: 4/10;
    }
    .abt-job__main {
        grid-column: 1/13;
        grid-template-columns: repeat(12, 1fr);
        margin-top: 6rem;
    }
    .abt-job__main:before {
        content: "";
        visibility: hidden;
        grid-column: span 3;
        display: block;
    }
    .abt-job__main-item {
        grid-column: span 4;
        height: 31.17vw;
        padding: 3.2rem;
    }
    .abt-job__main-item-title {
        font-size: 2.2rem;
    }
    .abt-job__main-item:nth-child(2) {
        grid-column: span 5;
    }
    .abt-job__main-item:nth-child(6n + 3),
    .abt-job__main-item:nth-child(6n + 5),
    .abt-job__main-item:nth-child(6n + 8) {
        grid-column: 4 span;
    }
}
@media screen and (width<=767px) {
    .abt-hero {
        padding-top: 13.6rem;
    }
    .abt-hero__label {
        grid-column: 1/3;
        margin-top: 0;
        margin-bottom: 1.2rem;
    }
    .abt-hero__title {
        grid-column: 1/3;
        padding-bottom: 7.8rem;
    }
    .abt-hero__bg-wrap {
        height: 51rem;
    }
    .abt-info__quote {
        flex-direction: column;
        grid-column: 1/3;
        margin-top: -38.3rem;
        margin-right: 0;
        padding: 6rem 3.2rem 4rem;
    }
    .abt-info__quote-txt {
        margin: 2rem 0 2.4rem;
        font-size: 2rem;
    }
    .abt-info__richtext {
        grid-area: 3/1/4/3;
    }
    .abt-info__richtext-decor {
        width: 6rem;
        height: 6rem;
        right: 0;
    }
    .abt-info__richtext-img {
        width: 82%;
        margin-right: 6rem;
    }
    .abt-info__add {
        grid-area: 2/1/3/3;
        grid-template-columns: repeat(2, 1fr);
        gap: 3.2rem 2rem;
        margin: 5rem 0 6rem;
        display: grid;
    }
    .abt-info__add-member-label {
        font-size: 1.4rem;
    }
    .abt-info__swiper {
        grid-area: 5/1/6/3;
        margin-bottom: 22.8rem;
    }
    .abt-info__swiper .swiper-nav {
        opacity: 1;
        transform: translate(0%);
    }
    .abt-info__swiper .swiper-nav-btn {
        opacity: 1;
    }
    .abt-info__vis {
        grid-area: 4/1/5/3;
        margin-bottom: 0;
    }
    .abt-info__vis-title {
        font-size: 1.8rem;
    }
    .abt-mil__ship-img {
        max-width: 8.238rem;
        margin-left: 2rem;
    }
    .abt-mil__head,
    .abt-mil__main {
        grid-column: 2/3;
        margin-left: -4rem;
    }
    .abt-mil__head-inner,
    .abt-mil__main-inner {
        padding-top: 35svh;
        padding-bottom: 35svh;
    }
    .abt-mil__head {
        z-index: 2;
        background-color: #212121;
        grid-row: 1/2;
        margin-top: -0.1rem;
        padding-top: 8rem;
    }
    .abt-mil__main {
        z-index: 1;
        grid-row: 1/3;
    }
    .abt-mil__main-item-label {
        font-size: 1.4rem;
    }
    .abt-mil__main-item-title {
        font-size: 3.2rem;
    }
    .abt-mil__main-item-richtext-p {
        font-size: 1.4rem;
    }
    .abt-mil__main:before {
        top: 21rem;
    }
    .abt-mil__main:before,
    .abt-mil__main:after {
        height: 12svh;
    }
    .abt-mil__progress {
        display: none;
    }
    .abt-team {
        padding-top: 6rem;
    }
    .abt-team__title {
        grid-column: 1/3;
        max-width: none;
        margin-bottom: 2.4rem;
        margin-right: 0;
    }
    .abt-team__richtext,
    .abt-team .p-line {
        grid-column: 1/3;
    }
    .abt-team__main {
        grid-column: 1/3;
        margin-top: 1rem;
    }
    .abt-team__main-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem 0;
        display: flex;
    }
    .abt-team__main-item-name {
        margin-bottom: 0.4rem;
    }
    .abt-team__main-item-job {
        font-size: 1.4rem;
        line-height: 1.5em;
    }
    .abt-team__main-item-icon {
        display: none;
    }
    .abt-team__main-img {
        background-color: #000000f2;
        height: 100svh;
    }
    .abt-team__main-img-inner {
        width: calc(100% - 8rem);
        padding-top: 4.8rem;
    }

    .abt-team__main-img-close {
        width: 4.8rem;
        height: 4.8rem;
        padding: 1.4rem;
    }
    .abt-team__main-img-name {
        font-size: 1.8rem;
        line-height: 1.6em;
    }
    .abt-team__main-img-job {
        font-size: 1.4rem;
        line-height: 1.5em;
    }
    .abt-team__main-img-icon .icon {
        width: 2.2rem;
        height: 2.2rem;
    }
    .abt-job {
        padding: 8rem 0 20.6rem;
    }
    .abt-job__title {
        grid-column: 1/3;
    }
    .abt-job__title br {
        display: none;
    }
    .abt-job__main {
        flex-direction: column;
        grid-column: 1/3;
        margin-top: 4.8rem;
        display: flex;
    }
    .abt-job__main-item {
        height: 20rem;
    }
    .abt-job__main-item-title {
        margin-top: 0;
        font-size: 2rem;
    }
    .abt-job__main-item-head {
        margin-bottom: 0;
    }
    .abt-job__main-item-icon {
        display: none;
    }
}

@charset "UTF-8"; /* Font Face */ /* FKScreamer */
@font-face {
    font-family: "FKScreamer";
    src: url("fonts/FKScreamer-Bold.woff2") format("woff2"), url("fonts/FKScreamer-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
} /* SourceSansPro */
@font-face {
    font-family: "SourceSansPro";
    src: url("fonts/SourceSansPro-Regular.woff2") format("woff2"), url("fonts/SourceSansPro-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "SourceSansPro";
    src: url("fonts/SourceSansPro-Bold.woff2") format("woff2"), url("fonts/SourceSansPro-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: "SourceSansPro";
    src: url("fonts/SourceSansPro-SemiBold.woff2") format("woff2"), url("fonts/SourceSansPro-SemiBold.woff") format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
} /* RobotoMono */
@font-face {
    font-family: "RobotoMono";
    src: url("fonts/RobotoMono-Regular.woff2") format("woff2"), url("fonts/RobotoMono-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: "RobotoMono";
    src: url("fonts/RobotoMono-Bold.woff2") format("woff2"), url("fonts/RobotoMono-Bold.woff") format("woff");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
} /* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1600,18,1.2,10,2,&s=0.75|0.5,1.5|2|3|4|6|7|8|9|10|11,s-l&g=s,l,xl,12 */
:root {
    --step--2: clamp(0.69rem, calc(0.67rem + 0.11vw), 0.78rem);
    --step--1: clamp(0.83rem, calc(0.81rem + 0.13vw), 0.94rem);
    --step-0: clamp(1rem, calc(0.97rem + 0.16vw), 1.13rem);
    --step-1: clamp(1.2rem, calc(1.16rem + 0.19vw), 1.35rem);
    --step-2: clamp(1.44rem, calc(1.4rem + 0.23vw), 1.62rem);
    --step-3: clamp(1.73rem, calc(1.67rem + 0.27vw), 1.94rem);
    --step-4: clamp(2.07rem, calc(2.01rem + 0.32vw), 2.33rem);
    --step-5: clamp(2.49rem, calc(2.41rem + 0.39vw), 2.8rem);
    --step-6: clamp(2.99rem, calc(2.89rem + 0.47vw), 3.36rem);
    --step-7: clamp(3.58rem, calc(3.47rem + 0.56vw), 4.03rem);
    --step-8: clamp(4.3rem, calc(4.17rem + 0.67vw), 4.84rem);
    --step-9: clamp(5.16rem, calc(5rem + 0.81vw), 5.81rem);
    --step-10: clamp(6.19rem, calc(6rem + 0.97vw), 6.97rem); /* grid */
    --space-2xs: clamp(0.5rem, calc(0.48rem + 0.08vw), 0.56rem);
    --space-xs: clamp(0.75rem, calc(0.72rem + 0.16vw), 0.88rem);
    --space-s: clamp(1rem, calc(0.97rem + 0.16vw), 1.13rem);
    --space-m: clamp(1.5rem, calc(1.45rem + 0.23vw), 1.69rem);
    --space-l: clamp(2rem, calc(1.94rem + 0.31vw), 2.25rem);
    --space-xl: clamp(3rem, calc(2.91rem + 0.47vw), 3.38rem);
    --space-2xl: clamp(4rem, calc(3.88rem + 0.63vw), 4.5rem);
    --space-3xl: clamp(6rem, calc(5.81rem + 0.94vw), 6.75rem);
    --space-4xl: clamp(7rem, calc(6.78rem + 1.09vw), 7.88rem);
    --space-5xl: clamp(8rem, calc(7.75rem + 1.25vw), 9rem);
    --space-6xl: clamp(9rem, calc(8.72rem + 1.41vw), 10.13rem);
    --space-7xl: clamp(10rem, calc(9.69rem + 1.56vw), 11.25rem);
    --space-8xl: clamp(11rem, calc(10.66rem + 1.72vw), 12.38rem); /* One-up pairs */
    --space-2xs-xs: clamp(0.5rem, calc(0.41rem + 0.47vw), 0.88rem);
    --space-xs-s: clamp(0.75rem, calc(0.66rem + 0.47vw), 1.13rem);
    --space-s-m: clamp(1rem, calc(0.83rem + 0.86vw), 1.69rem);
    --space-m-l: clamp(1.5rem, calc(1.31rem + 0.94vw), 2.25rem);
    --space-l-xl: clamp(2rem, calc(1.66rem + 1.72vw), 3.38rem);
    --space-xl-2xl: clamp(3rem, calc(2.63rem + 1.88vw), 4.5rem);
    --space-2xl-3xl: clamp(4rem, calc(3.31rem + 3.44vw), 6.75rem);
    --space-3xl-4xl: clamp(6rem, calc(5.53rem + 2.34vw), 7.88rem);
    --space-4xl-5xl: clamp(7rem, calc(6.5rem + 2.5vw), 9rem);
    --space-5xl-6xl: clamp(8rem, calc(7.47rem + 2.66vw), 10.13rem);
    --space-6xl-7xl: clamp(9rem, calc(8.44rem + 2.81vw), 11.25rem);
    --space-7xl-8xl: clamp(10rem, calc(9.41rem + 2.97vw), 12.38rem); /* Custom pairs */
    --space-s-l: clamp(1rem, calc(0.69rem + 1.56vw), 2.25rem);
}
:root {
    --initial-vh: 1vh;
    --actual-vh: 1vh;
    --font-family-heading:  font-family: Kit Simon Mono, monospace;
    --font-family-body: "SourceSansPro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
    --font-family-mono: "RobotoMono", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
    --body-font-size: var(--step-0);
    --body-font-weight: 400;
    --body-line-height: 1.4;
    --heading-line-height: 0.9;
    --stroke-width: 2px;
    --body-color: var(--color-black);
    --logo-height: calc(var(--space-2xl) * 1);
    --logo-width: calc(120 / 81 * var(--logo-height));
    --color-placeholder: var(--color-gray-01);
    --column-width: calc((100vw - var(--container-padding) * 2 - var(--gutter) * 11) / 12);
    --column-width-gutter: calc(var(--column-width) + var(--gutter));
    --column-width-2-gutter: calc(var(--column-width) + var(--gutter) * 2);
    --padding-bg-image: var(--space-5xl) 0;
    --site-header-height: calc(var(--logo-height) + var(--container-padding) * 2);
    --banner-padding: 8px;
    --banner-radius: 10px;
    --container-padding: 1rem;
    --gutter: 1rem;
    --color-black: #1b1d1c;
    --color-white: #f4f0ed;
    --color-yellow: #ffe458;
    --color-gray-01: #e5e5dc;
    --color-gray-02: #cacac1;
    --color-gray-03: #898983;
    --color-gray-04: #4f4f48;
    --color-orange: #ff471d;
}
@media (min-width: 768px) {
    :root {
        --container-padding: 3vw;
    }
}
@media (min-width: 768px) {
    :root {
        --gutter: 1.25vw;
    }
}
@media (min-width: 768px) {
    :root {
        --logo-height: var(--space-2xl);
        --site-header-height: calc(var(--logo-height) + var(--container-padding) * 2);
    }
}
@media (min-width: 992px) {
    :root {
        --padding-bg-image: 40vh 0;
    }
}
:root.theme-black {
    --color-placeholder: var(--color-gray-04);
}
:root .c-overlay {
    --color-placeholder: var(--color-gray-01) !important;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
}


a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
a[href^="mailto:"] {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}

.c-titles__list-item,
.c-site-header__menu-top a,
.c-site-footer__title,
.c-banner-hp__service-item,
h1:not(.no-heading),
h2:not(.no-heading),
h3:not(.no-heading),
h4:not(.no-heading),
h5:not(.no-heading),
h6:not(.no-heading) {
    font-family: var(--font-family-heading);
    font-weight: 700;
    line-height: var(--heading-line-height, calc(1.08em + 4px));
    text-transform: uppercase;

}

.c-site-header__menu

{
margin-right:70px;


}

.c-site-header__menu-top a
{
    color:#fff;

}
.c-site-header__menu-top a:hover
{
    text-decoration:underline;

}

@media (min-width: 768px) {
    .o-button {
        padding: 0.35em 0.6em;
    }
}
.o-button:hover {
    cursor: pointer;
    background-color: var(--color-orange);
}
.o-button.o-button--js-hover:hover {
    cursor: unset;
    background: var(--color-gray-01);
}
.o-button-arrow {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-left: var(--space-s);
    padding: calc(var(--space-xs) * 0.75) calc(var(--space-2xs) * 0.8);
    color: var(--color-black);
    font-size: 0;
    line-height: 0;
    background: var(--color-gray-01);
    border-radius: 7px;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: 0 50%;
}
.c-site-footer__title .o-button-arrow {
    transform-origin: 0 100%;
}
.o-button-arrow .o-icon {
    --left: calc(var(--step-0) + var(--space-xs) * 0.75 - 7px);
    --top: calc(var(--step-0) + var(--space-2xs) * 0.8);
    position: relative;
    z-index: 2;
    display: block;
}
.o-button-arrow .o-icon:last-child {
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.25s 0.15s;
}
a.link-active .o-button-arrow .o-icon:last-child {
    opacity: 0;
    transition: transform 0.75s cubic-bezier(0.755, 0.05, 0.855, 0.06), opacity 0.25s;
    transform: translate(var(--left), calc(var(--top) * -1));
}
@media (hover: hover) {
    a:hover .o-button-arrow .o-icon:last-child {
        opacity: 0;
        transition: transform 0.75s cubic-bezier(0.755, 0.05, 0.855, 0.06), opacity 0.25s;
        transform: translate(var(--left), calc(var(--top) * -1));
    }
}
.o-button-arrow .o-icon:first-child {
    position: absolute;
    opacity: 0;
    transition: transform 0.75s cubic-bezier(0.755, 0.05, 0.855, 0.06), opacity 0.25s;
    transform: translate(calc(var(--left) * -1), var(--top));
}
a.link-active .o-button-arrow .o-icon:first-child {
    opacity: 1;
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.25s 0.15s;
    transform: translate(0, 0);
}
@media (hover: hover) {
    a:hover .o-button-arrow .o-icon:first-child {
        opacity: 1;
        transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.25s 0.15s;
        transform: translate(0, 0);
    }
}
.o-button-arrow::before,
.o-button-arrow::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    content: "";
    transform: rotate(0deg) scale(2.4, 1.2) translate(15%, 90%);
    transform-origin: 100% 0;
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
a.link-active .o-button-arrow::before,
a.link-active .o-button-arrow::after {
    transform: rotate(20deg) scale(2.4, 1.25) translate(15%, 5%);
}
@media (hover: hover) {
    a:hover .o-button-arrow::before,
    a:hover .o-button-arrow::after {
        transform: rotate(20deg) scale(2.4, 1.25) translate(15%, 5%);
    }
}
.o-button-arrow::before {
    background: var(--color-white);
    transition-delay: 0.1s;
}
a.link-active .o-button-arrow::before {
    transition-delay: 0s;
}
@media (hover: hover) {
    a:hover .o-button-arrow::before {
        transition-delay: 0s;
    }
}
.o-button-arrow::after {
    background: var(--color-orange);
    transition-delay: 0s;
}
a.link-active .o-button-arrow::after {
    transition-delay: 0.1s;
}
@media (hover: hover) {
    a:hover .o-button-arrow::after {
        transition-delay: 0.1s;
    }
}
a.link-active .o-button-arrow {
    transform: scale(1.2);
}
@media (hover: hover) {
    a:hover .o-button-arrow {
        transform: scale(1.2);
    }
}

@media (hover: hover) {
    a:hover .o-cta__text-wrapper span:first-child {
        transform: translateY(-100%) rotate(7deg);
    }
    a.link-active .o-cta__text-wrapper span:last-child,
    a:hover .o-cta__text-wrapper span:last-child {
        transform: translateY(-100%);
    }
}
.o-email {
    overflow: hidden;
}
@media (hover: hover) {
    .o-email {
        --height: calc(var(--body-line-height) * 1em);
        display: inline-block;
        height: var(--height);
    }
    .o-email span {
        pointer-events: none;
        display: block;
        transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    }
    .o-email span::after {
        display: block;
        content: "Email copied :)";
    }
    .o-email.clicked {
        pointer-events: none;
    }
    .o-email.clicked span {
        transform: translateY(calc(-1 * var(--height)));
    }
}
.o-figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: calc(var(--height, 3) / var(--width, 4) * 100%);
    will-change: transform;
}
.o-figure video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.o-figure__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: center/cover no-repeat;
    opacity: 0.001;
    transition: opacity 2s;
}
.video-loaded + .o-figure__image {
    opacity: 0 !important;
}
.is-inview .o-figure__image.lazyloaded {
    opacity: 1;
}
.o-figure__image.is-inview.lazyloaded {
    opacity: 1;
}

.o-grid {
    display: grid;
    grid-template-rows: repeat(var(--rows, 1), 1fr);
    grid-template-columns: repeat(var(--columns, 12), 1fr);
    gap: var(--gutter-y, var(--gutter)) var(--gutter-x, var(--gutter));
}
.o-grid > * {
    grid-column: auto/span var(--column-span, 12);
    grid-column-start: var(--column-start, auto);
}
.o-col-1 {
    --column-span: 1;
}
.o-col-6 {
    --column-span: 6;
}
.o-hover-roll {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: calc(1em * var(--body-line-height));
}
.o-hover-roll span {
    display: block;
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translate3d(0, 0, 0);
    transform-origin: 100% 50%;
}
.o-hover-roll span:last-child {
    transform: translate(0, 0) rotate(-7deg);
}
@media (hover: hover) {
    a.link-active .o-hover-roll span:first-child,
    .o-hover-roll:hover span:first-child {
        transform: translateY(-100%) rotate(7deg);
    }
    a.link-active .o-hover-roll span:last-child,
    .o-hover-roll:hover span:last-child {
        transform: translateY(-100%);
    }
}
.o-hover-underline:not(.has-split-text) {
    position: relative;
    display: inline-block;
}
.o-hover-underline:not(.has-split-text)::before {
    position: absolute;
    z-index: -1;
    bottom: 0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentcolor;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    content: "";
    transform: scaleX(0);
    transform-origin: 100% 50%;
    will-change: transform;
}
@media (hover: hover) {
    .o-hover-underline:not(.has-split-text):hover::before {
        transform: scaleX(1);
        transform-origin: 0 50%;
    }
}
.o-hover-underline .o-text-reveal__wrapper {
    position: relative;
    display: inline-block;
    align-self: flex-start;
}
.o-hover-underline .o-text-reveal__wrapper::before {
    position: absolute;
    z-index: -1;
    bottom: 0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentcolor;
    transition: transform 0.5s calc(var(--index) * 0.1s) cubic-bezier(0.23, 1, 0.32, 1);
    content: "";
    transform: scaleX(0);
    transform-origin: 100% 50%;
    will-change: transform;
}
@media (hover: hover) {
    .o-hover-underline:hover .o-text-reveal__wrapper::before {
        transform: scaleX(1);
        transform-origin: 0 50%;
    }
}


@media (max-width: 991.98px) {
    .c-scrollbar {
        pointer-events: none;
    }
}


.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center;
}
@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==)
        format("woff");
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f101";
}
.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-play-circle:before {
    content: "\f102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: "\f105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: "\f106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f109";
}
.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-square:before {
    content: "\f10a";
}
.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-spinner:before {
    content: "\f10b";
}
.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: "\f10c";
}
.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: "\f10d";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: "\f10e";
}
.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-share:before {
    content: "\f10f";
}
.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cog:before {
    content: "\f110";
}
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
    content: "\f111";
}
.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-outline:before {
    content: "\f112";
}
.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
    content: "\f113";
}
.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-hd:before {
    content: "\f114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: "\f115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "\f116";
}
.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-facebook:before {
    content: "\f117";
}
.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-gplus:before {
    content: "\f118";
}
.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-linkedin:before {
    content: "\f119";
}
.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-twitter:before {
    content: "\f11a";
}
.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-tumblr:before {
    content: "\f11b";
}
.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-pinterest:before {
    content: "\f11c";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: "\f11d";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: "\f11e";
}
.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-next-item:before {
    content: "\f11f";
}
.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-previous-item:before {
    content: "\f120";
}
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f121";
}
.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f122";
}
.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}
.video-js:-moz-full-screen {
    position: absolute;
}
.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important;
}
.video-js[tabindex="-1"] {
    outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit;
}
.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%;
}
.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
    display: none;
}
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none;
}
.vjs-hidden {
    display: none !important;
}
.vjs-disabled {
    opacity: 0.5;
    cursor: default;
}
.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px;
}
.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66a8cc;
}
.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 0.3em;
    transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.81666em;
    margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block;
}
.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.vjs-control .vjs-button {
    width: 100%;
    height: 100%;
}
.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2;
}
.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto;
}
.video-js .vjs-modal-dialog > * {
    box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1;
}
.vjs-menu-button {
    cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
    cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none;
}
.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
    box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none;
}
.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #f4f0ed;
    color: #fff;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none;
}
.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(255, 255, 255, 0.5);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block;
}
.video-js .vjs-menu-button-inline {
    transition: all 0.4s;
    overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}
.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.5);
}
.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
    display: flex;
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table;
}
.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    flex: none;
}
.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
    display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,

.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white;
}
.video-js *:not(.vjs-visible-text) > .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
    display: none;
}
.video-js .vjs-progress-control {
    cursor: pointer;
    flex: auto;
    display: flex;
    align-items: center;
    min-width: 4em;
    touch-action: none;
}
.video-js .vjs-progress-control.disabled {
    cursor: default;
}
.vjs-live .vjs-progress-control {
    display: none;
}
.vjs-liveui .vjs-progress-control {
    display: flex;
    align-items: center;
}
.vjs-no-flex .vjs-progress-control {
    width: auto;
}
.video-js .vjs-progress-holder {
    flex: auto;
    transition: all 0.2s;
    height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
}
.video-js .vjs-play-progress {
    background-color: #f4f0ed;
}
.video-js .vjs-play-progress:before {
    font-size: 0.9em;
    position: absolute;
    right: -0.5em;
    top: -0.3333333333em;
    z-index: 1;
}
.video-js .vjs-load-progress {
    background: rgba(255, 255, 255, 0.5);
}
.video-js .vjs-load-progress div {
    background: rgba(255, 255, 255, 0.75);
}
.video-js .vjs-time-tooltip {
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: 0.6em;
    visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em; /* iOS Safari */
    -webkit-touch-callout: none; /* Safari */
    -webkit-user-select: none; /* Konqueror HTML */ /* Firefox */
    -moz-user-select: none; /* Internet Explorer/Edge */ /* Non-prefixed version, currently supported by Chrome and Opera */
    user-select: none;
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.5);
}
.video-js .vjs-slider.disabled {
    cursor: default;
}
.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
    cursor: pointer;
    flex: none;
}
.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px;
}
.video-js .vjs-volume-panel {
    transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: 0.5em;
}
.video-js .vjs-volume-panel {
    display: flex;
}
.video-js .vjs-volume-bar {
    margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em;
    margin: 1.35em auto;
}
.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #f4f0ed;
}
.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em;
    z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
    z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%;
}
.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.5);
}
.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em;
}
.video-js .vjs-volume-tooltip {
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0.3em;
    color: #000;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
    display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block;
}
.video-js .vjs-live-control {
    display: flex;
    align-items: flex-start;
    flex: auto;
    font-size: 1em;
    line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
    display: none;
}
.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: 0.5em;
    color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red;
}
.video-js .vjs-time-control {
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}
.vjs-live .vjs-time-control {
    display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none;
}
.vjs-time-divider {
    display: none;
    line-height: 3em;
}
.vjs-live .vjs-time-divider {
    display: none;
}
.video-js .vjs-play-control {
    cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
    flex: none;
}
.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em;
}
.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
}
.vjs-subtitles {
    color: #fff;
}
.vjs-captions {
    color: #fc6;
}
.vjs-tt-cue {
    display: block;
}
video::-webkit-media-text-track-display {
    transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none;
}
.video-js .vjs-fullscreen-control {
    cursor: pointer;
    flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
}
.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center;
}
.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}
.vjs-loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    text-align: left;
    background-clip: padding-box;
    border: 6px solid rgba(255, 255, 255, 0.5);
    border-radius: 25px;
    opacity: 0.5;
    visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner::before,
.vjs-loading-spinner::after {
    position: absolute;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    margin: -6px;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff;
    border-radius: inherit;
    opacity: 1;
    content: "";
}
.vjs-seeking .vjs-loading-spinner::before,
.vjs-seeking .vjs-loading-spinner::after,
.vjs-waiting .vjs-loading-spinner::before,
.vjs-waiting .vjs-loading-spinner::after {
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner::before,
.vjs-waiting .vjs-loading-spinner::before {
    border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner::after,
.vjs-waiting .vjs-loading-spinner::after {
    border-top-color: #fff;
    animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@keyframes vjs-spinner-show {
    to {
        visibility: visible;
    }
}
@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #fff;
    }
    20% {
        border-top-color: #fff;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #fff;
    }
    100% {
        border-top-color: #fff;
    }
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #fff;
    }
    20% {
        border-top-color: #fff;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #fff;
    }
    100% {
        border-top-color: #fff;
    }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none;
}
.vjs-chapters-button .vjs-menu ul {
    width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "\f10d";
    font-size: 1.5em;
    line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " \f11d";
    font-size: 1.5em;
    line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    flex: auto;
    display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
    width: auto;
}
.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #f4f0ed;
    background-color: rgba(255, 255, 255, 0.75);
    color: #fff;
    height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom;
}
@supports (display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px;
    }
    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px;
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1;
    }
    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr;
    }
}
.vjs-track-setting > select {
    margin-right: 1em;
    margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none;
}
.vjs-text-track-settings fieldset span {
    display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
    max-width: 7.3em;
}
.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #fff 100%);
}
.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
    background-color: #f4f0ed;
    background-image: linear-gradient(-180deg, #fff 88%, #fff 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em;
}
@media print {
    .video-js > *:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden;
    }
}
.vjs-resize-manager {
    position: absolute;
    z-index: -1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none;
}
.video-js *:focus:not(:focus-visible) {
    outline: none;
}
.video-js {
    --spacer: 1em;
    cursor: pointer;
    font-size: 14px;
    background: none;
}
@media (min-width: 768px) {
    .video-js {
        --spacer: 2em;
    }
}
@media (min-width: 1440px) {
    .video-js {
        font-size: 16px;
    }
}
.is-ios .video-js {
    opacity: 0;
}
.video-js *:focus {
    outline: none;
}
.video-js.vjs-user-inactive.vjs-playing::after {
    opacity: 0;
    transition: opacity 1s;
}
.video-js::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc((var(--spacer) + 3em) * 2.5);
    background: linear-gradient(
        to top,
        hsla(0, 0%, 0%, 0.32) 0%,
        hsla(0, 0%, 0%, 0.316) 8.1%,
        hsla(0, 0%, 0%, 0.304) 15.5%,
        hsla(0, 0%, 0%, 0.287) 22.5%,
        hsla(0, 0%, 0%, 0.264) 29%,
        hsla(0, 0%, 0%, 0.237) 35.3%,
        hsla(0, 0%, 0%, 0.207) 41.2%,
        hsla(0, 0%, 0%, 0.176) 47.1%,
        hsla(0, 0%, 0%, 0.144) 52.9%,
        hsla(0, 0%, 0%, 0.113) 58.8%,
        hsla(0, 0%, 0%, 0.083) 64.7%,
        hsla(0, 0%, 0%, 0.056) 71%,
        hsla(0, 0%, 0%, 0.033) 77.5%,
        hsla(0, 0%, 0%, 0.016) 84.5%,
        hsla(0, 0%, 0%, 0.004) 91.9%,
        hsla(0, 0%, 0%, 0) 100%
    );
    transition: opacity 0.5s;
    pointer-events: none;
    content: "";
}
.video-js .vjs-control {
    width: 3em;
    height: 3em;
}
.video-js .vjs-control-bar {
    will-change: transform;
    z-index: 1;
    bottom: var(--spacer);
    padding: 0 var(--spacer);
    background: none;
}
.video-js .vjs-slider {
    background: var(--color-white);
}
.video-js .vjs-progress-holder:focus,
.video-js .vjs-control:focus {
    text-shadow: none !important;
    box-shadow: none !important;
}
.video-js .vjs-big-play-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-js .vjs-play-progress {
    background-color: var(--color-orange);
    transition: width 0.2s;
}
.video-js .vjs-load-progress {
    background-color: unset;
}
.video-js .vjs-load-progress div {
    background-color: unset;
}
.video-js .vjs-label-text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-left: 2rem;
    font-family: var(--font-family-heading);
    font-size: 2em;
    line-height: 1;
    text-transform: uppercase;
}
.video-js .vjs-label-text div {
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.video-js .vjs-label-text div:last-child {
    position: absolute;
    transform: translateY(100%);
}
.video-js.vjs-playing .vjs-play-control .vjs-label-text div:first-child {
    transform: translateY(-100%);
}
.video-js.vjs-playing .vjs-play-control .vjs-label-text div:last-child {
    transform: translateY(0);
}
.video-js .vjs-play-control .vjs-label-text div:last-child {
    margin-left: 0.2em;
}
.video-js .vjs-volume-panel .vjs-label-text div:last-child {
    margin-left: 0.2em;
}
.video-js .vjs-vol-0 .vjs-label-text div:first-child {
    transform: translateY(-100%);
}
.video-js .vjs-vol-0 .vjs-label-text div:last-child {
    transform: translateY(0);
}
.video-js .vjs-play-control {
    width: 6em;
    height: 2em;
    margin-top: 0.5em;
}
.video-js .vjs-play-control .vjs-icon-placeholder::before {
    width: auto;
    margin-left: 0.1em;
    text-align: left;
}
.video-js .vjs-volume-panel {
    order: 1;
    width: 5.2em !important;
}
html:not(.is-ios).is-mobile .video-js .vjs-volume-panel {
    display: none;
}
.video-js .vjs-volume-panel .vjs-icon-placeholder::before {
    width: auto;
    margin-left: 0.1em;
    text-align: left;
}
.video-js .vjs-mute-control {
    width: 100%;
    height: 2em;
    margin-top: 0.5em;
}
.video-js .vjs-fullscreen-control {
    position: relative;
    top: 1px;
    order: 2;
    width: 5em !important;
}
.video-js .vjs-fullscreen-control span:first-child {
    width: 2.5em;
    height: 1.1em;
    margin-top: 0.9em;
    margin-right: 0.5em;
    margin-left: 1.5em;
    border: 2px solid currentcolor;
}
.video-js .vjs-fullscreen-control span::before {
    position: relative;
    top: 0.25em;
    left: -1px;
    width: 50%;
    height: 50%;
    background: currentcolor;
    content: "" !important;
}
.vjs-paused,
.vjs-sliding .vjs-play-progress {
    transition: none !important;
}
.vjs-remaining-time,
.vjs-volume-control,
.vjs-time-tooltip,
.vjs-play-progress::before,
.vjs-seek-to-live-control {
    display: none !important;
}
.vjs-icon-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.vjs-icon-placeholder::before {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1em;
    line-height: 1.8 !important;
}
@media (min-width: 768px) {
    .vjs-control-bar .vjs-fullscreen-control {
        margin-left: 1em;
    }
}
.vjs-progress-holder {
    font-size: inherit !important;
}
.video-js .vjs-loading-spinner {
    opacity: 0.5;
}
.video-js .vjs-loading-spinner::before,
.video-js .vjs-loading-spinner::after {
    border-top-color: #fff;
}
.video-js .vjs-seeking .vjs-loading-spinner::before,
.video-js .vjs-waiting .vjs-loading-spinner::before {
    border-top-color: #fff;
}
.video-js .vjs-seeking .vjs-loading-spinner::after,
.video-js .vjs-waiting .vjs-loading-spinner::after {
    border-top-color: #fff;
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #fff;
    }
    20% {
        border-top-color: #fff;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #fff;
    }
    100% {
        border-top-color: #fff;
    }
}
@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #fff;
    }
    20% {
        border-top-color: #fff;
    }
    35% {
        border-top-color: #fff;
    }
    60% {
        border-top-color: #fff;
    }
    100% {
        border-top-color: #fff;
    }
}
.c-site-wrapper__content > * + *,
.c-media-list__wrapper > * + *,
.u-flow > * + * {
    padding-top: var(--flow, 10rem);
}
.u-space-s {
    --flow: var(--space-xl);
}
.u-space-m {
    --flow: var(--space-2xl);
}
.u-space-l {
    --flow: var(--space-3xl);
}
@media (min-width: 768px) {
    .u-space-l {
        --flow: var(--space-5xl);
    }
}
.u-space-xl {
    --flow: var(--space-5xl);
}
@media (min-width: 768px) {
    .u-space-xl {
        --flow: var(--space-8xl);
    }
}
@media (min-width: 992px) {
    .c-about-status__left {
        --column-span: 4;
    }
}
.c-about-status__big-text {
    font-size: var(--step-3);
}
.c-about-status__small-text {
    margin-top: var(--space-m);
    font-size: var(--step-1);
}
@media (min-width: 992px) {
    .c-about-status__small-text {
        margin-top: var(--space-l);
    }
}
.c-about-status__right {
    margin-top: var(--space-xl);
}
@media (min-width: 992px) {
    .c-about-status__right {
        --column-start: 6;
        --column-span: 7;
        margin-top: 0;
    }
}
.c-about-status__item {
    --columns: 12;
    position: relative;
    padding: var(--space-s) 0;
    font-family: var(--font-family-mono);
}
@media (min-width: 992px) {
    .c-about-status__item {
        --columns: 7;
        padding: var(--space-l) 0;
    }
    .c-about-status__item:last-child {
        padding-bottom: 0;
    }
}
@media (max-width: 991.98px) {
    .c-about-status__item:last-child::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--color-gray-03);
        content: "";
        transform: scaleX(0);
        opacity: 0;
        transform-origin: 0 50%;
        transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.5s;
    }
    .c-about-status__item.is-inview:last-child::after {
        opacity: 1;
        transform: scaleX(1);
    }
}
.c-about-status__item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--color-gray-03);
    content: "";
    transform: scaleX(0);
    opacity: 0;
    transform-origin: 0 50%;
    transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.5s;
}
.c-about-status__item.is-inview::before {
    opacity: 1;
    transform: scaleX(1);
}
.c-about-status__item-text {
    --column-start: 1;
    --column-span: 12;
    margin-right: var(--space-m);
    font-weight: 700;
}
@media (min-width: 992px) {
    .c-about-status__item-text {
        --column-span: 4;
        --column-start: 1;
    }
}
.c-about-status__item-status {
    --column-start: 1;
    --column-span: 12;
}
@media (min-width: 992px) {
    .c-about-status__item-status {
        --column-span: 3;
        --column-start: 5;
    }
}
.c-about-status__item-status span {
    font-weight: 700;
}
.c-about-status__item-status::before {
    position: relative;
    top: -0.025em;
    display: inline-block;
    width: 0.55em;
    height: 0.65em;
    margin-right: var(--space-2xs);
    background: var(--color-orange);
    border-radius: 4px;
    content: "";
}
.c-about-status__images {
    margin-top: var(--space-8xl);
}
@media (min-width: 768px) {
    .c-about-status__image01 {
        --column-span: 5;
        --column-start: 1;
    }
}
.c-about-status__image01 .c-about-status__image-wrapper {
    padding-bottom: 75%;
    background-color: var(--color-placeholder);
}
@media (min-width: 768px) {
    .c-about-status__image02 {
        --column-span: 3;
        --column-start: 6;
    }
}
.c-about-status__image-wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 127.9181323953%;
    background: var(--color-placeholder);
    border-radius: var(--banner-radius);
}
.c-about-status__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.c-banner-contact {
    position: relative;
    overflow: hidden;
    margin-top: -1px;
    padding-bottom: var(--banner-padding);
    color: var(--color-white);
}
.c-banner-contact .o-container {
    position: relative;
    z-index: 1;
}
@media (max-width: 767.98px) {
    .c-banner-contact .o-container {
        padding-right: calc(var(--container-padding) * 1.5);
        padding-left: calc(var(--container-padding) * 1.5);
    }
}
.c-banner-contact__text {
    --column-span: 12;
    width: 100%;
    max-width: 25ch;
    padding-bottom: var(--space-7xl);
    color: var(--color-gray-01);
    font-size: var(--step-6);
    text-align: right;
    justify-self: flex-end;
}
@media (min-width: 768px) {
    .c-banner-contact__text {
        font-size: var(--step-7);
    }
}
@media (min-width: 1960px) {
    .c-banner-contact__text {
        max-width: 30ch;
    }
}
.c-banner-contact__content {
    --gutter-y: var(--space-m);
    grid-auto-flow: dense;
}
.c-banner-contact__positions {
    display: flex;
    justify-content: space-between;
    font-family: var(--font-family-mono);
}
@media (max-width: 767.98px) {
    .c-banner-contact__positions {
        margin-bottom: var(--space-m);
    }
}
@media (min-width: 768px) {
    .c-banner-contact__positions {
        --column-start: 9;
        --column-span: 4;
    }
}
.c-banner-contact__title {
    max-width: 10ch;
    color: var(--color-orange) !important;
    font-size: var(--step-8);
}
@media (min-width: 768px) {
    .c-banner-contact__title {
        font-size: var(--step-9);
    }
}
@media (min-width: 1440px) {
    .c-banner-contact__title {
        font-size: var(--step-10);
    }
}
@media (min-width: 768px) {
    .c-banner-contact__title {
        --column-start: 1;
        --column-span: 8;
    }
}
.c-banner-contact__subtitle p {
    max-width: 42ch;
    font-size: var(--step-1);
}
.c-banner-contact__subtitle p a {
    position: relative;
    display: inline-block;
    color: var(--color-gray-02);
    text-decoration: none;
}
.c-banner-contact__subtitle p a::before {
    position: absolute;
    z-index: -1;
    bottom: 0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentcolor;
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    content: "";
    transform: scaleX(0);
    transform-origin: 100% 50%;
    will-change: transform;
}
@media (hover: hover) {
    .c-banner-contact__subtitle p a:hover::before {
        transform: scaleX(1);
        transform-origin: 0 50%;
    }
}
.c-banner-contact__content {
    padding-bottom: var(--space-4xl);
}
.c-banner-contact__image-wrapper {
    position: absolute;
    top: var(--banner-padding);
    right: var(--banner-padding);
    bottom: var(--banner-padding);
    left: var(--banner-padding);
    overflow: hidden;
    background: var(--color-placeholder);
    border-radius: var(--banner-radius);
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
}
.c-banner-contact__image {
    position: absolute;
    z-index: 1;
    top: -5vh;
    right: 0;
    bottom: -5vh;
    left: 0;
}
.c-banner-contact__image::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: rgba(0, 0, 0, 0.1);
}
.c-banner-hp {
    color: var(--color-white);
}
.c-banner-hp .flickity-viewport {
    position: static;
}
.c-banner-hp .flickity-cell {
    opacity: 0 !important;
    transition: opacity 1.5s;
}
.c-banner-hp .flickity-cell.is-selected {
    opacity: 1 !important;
}
.c-banner-hp__main-wrapper {
    position: relative;
    overflow: hidden;
}
.c-banner-hp__gallery {
    position: absolute;
    z-index: -1;
    top: var(--banner-padding);
    right: var(--banner-padding);
    bottom: var(--banner-padding);
    left: var(--banner-padding);
    overflow: hidden;
    background: var(--color-placeholder);
    border-radius: var(--banner-radius);
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
}
.c-banner-hp__image-wrapper {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
}
.c-banner-hp__title {
    max-width: 8ch;
    color: var(--color-orange) !important;
    font-size: var(--step-8);
}
@media (min-width: 768px) {
    .c-banner-hp__title {
        font-size: var(--step-9);
    }
}
@media (min-width: 992px) {
    .c-banner-hp__title {
        font-size: var(--step-10);
    }
}
.c-banner-hp__cta {
    margin-top: var(--space-xl);
}
.c-banner-hp__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: calc(var(--container-padding) / 2);
    padding: var(--padding-bg-image);
}
@media (min-width: 768px) {
    .c-banner-hp__wrapper {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .c-banner-hp__wrapper {
        flex-direction: row;
        align-items: center;
    }
}
@media (min-width: 992px) {
    .c-banner-hp__left {
        flex: 50%;
    }
}
.c-banner-hp__right {
    display: flex;
}
@media (max-width: 991.98px) {
    .c-banner-hp__right {
        margin-top: var(--space-3xl);
    }
}
@media (min-width: 992px) {
    .c-banner-hp__right {
        justify-content: center;
        align-items: center;
        flex: 50%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .c-banner-hp__right {
        width: 100%;
    }
}
.c-banner-hp__service-outer-wrapper {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .c-banner-hp__service-outer-wrapper {
        flex-direction: row;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .c-banner-hp__service-wrapper {
        flex: 33.33%;
        margin-top: 0 !important;
    }
    .c-banner-hp__service-wrapper:not(:first-child) {
        margin-left: var(--gutter);
    }
}
@media (min-width: 992px) {
    .c-banner-hp__service-wrapper {
        display: flex;
    }
}
.c-banner-hp__service-wrapper:not(:first-child) {
    margin-top: var(--space-l);
}
.c-banner-hp__service-title {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    font-family: var(--font-family-mono);
}
@media (min-width: 992px) {
    .c-banner-hp__service-title {
        top: -0.25em;
        width: 12.5ch;
        margin-right: var(--gutter);
        text-align: right;
    }
}
@media (max-width: 991.98px) {
    .c-banner-hp__service-title {
        margin-bottom: var(--space-s);
    }
}
.c-banner-hp__service-item {
    color: var(--color-gray-01);
    font-size: var(--step-5);
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .c-banner-hp__service-item {
        font-size: var(--step-4);
    }
}
.c-banner-hp__service-item:not(:first-child) {
    margin-top: 0.2em;
}
@media (min-width: 992px) {
    .c-banner-hp__service-item:not(:first-child) {
        margin-top: 0.1em;
    }
}
.c-banner-hp__image {
    position: absolute;
    z-index: -1;
    top: -9.5vh;
    right: 0;
    bottom: -9.5vh;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.c-banner-services__main-wrapper {
    position: relative;
    overflow: hidden;
}
.c-banner-services__main-wrapper .o-container {
    position: relative;
    z-index: 1;
}
.c-banner-services__wrapper {
    display: flex;
    flex-direction: column;
    min-height: calc(var(--initial-vh) * 100);
}
@media (max-width: 767.98px) {
    .c-banner-services__wrapper {
        min-height: calc(var(--initial-vh) * 80);
        margin-left: calc(var(--container-padding) / 2);
    }
}
@media (min-width: 768px) {
    .c-banner-services__wrapper {
        justify-content: center;
    }
}
.c-banner-services__title {
    max-width: 12ch;
    margin-bottom: var(--space-l-xl);
    padding-top: var(--space-3xl);
    color: var(--color-orange) !important;
    font-size: var(--step-8);
}
@media (min-width: 768px) {
    .c-banner-services__title {
        padding-top: 0;
        font-size: var(--step-9);
    }
}
@media (min-width: 1440px) {
    .c-banner-services__title {
        font-size: var(--step-10);
    }
}
.c-banner-services__cta {
    color: var(--color-white);
}
.c-banner-services__image-wrapper {
    position: absolute;
    top: var(--banner-padding);
    right: var(--banner-padding);
    bottom: var(--banner-padding);
    left: var(--banner-padding);
    overflow: hidden;
    background: var(--color-placeholder);
    border-radius: var(--banner-radius);
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
}
.c-banner-services__image {
    position: absolute;
    z-index: 1;
    top: -5vh;
    right: 0;
    bottom: -5vh;
    left: 0;
}
.c-clients__title {
    color: var(--color-gray-01);
    font-size: var(--step-8);
}
@media (min-width: 768px) {
    .c-clients__title {
        font-size: var(--step-9);
    }
}
@media (min-width: 1440px) {
    .c-clients__title {
        font-size: var(--step-10);
    }
}
.c-clients__subtitle {
    margin-top: var(--space-l);
    font-size: var(--step-1);
}
.c-clients__row {
    position: relative;
    display: flex;
    height: 20vw;
    margin-top: var(--space-2xl-3xl);
}
@media (min-width: 768px) {
    .c-clients__row {
        height: 10vw;
    }
}
.c-clients__row + .c-clients__row {
    margin-top: var(--gutter);
}
@media (min-width: 768px) {
    .c-clients__row + .c-clients__row {
        margin-top: 0;
    }
}
.c-clients__row-outer-wrapper {
    display: flex;
    flex-shrink: 0;
    height: 100%;
}
.c-clients__row:nth-child(odd) .c-clients__row-outer-wrapper {
    transform: translateX(calc((-50% + 100vw) * var(--slide-amount)));
}
.c-clients__row:nth-child(even) .c-clients__row-outer-wrapper {
    transform: translateX(calc(-50% + 100vw - (-50% + 100vw) * var(--slide-amount)));
}
.c-clients__row-inner-wrapper {
    display: flex;
    flex-shrink: 0;
    height: 100%;
}
.c-clients__row:nth-child(odd) .c-clients__row-inner-wrapper {
    animation: 70s linear infinite marquee-top;
}
.c-clients__row:nth-child(even) .c-clients__row-inner-wrapper {
    animation: 70s linear infinite marquee-bottom;
}
.c-clients__row-item-wrapper {
    display: flex;
    flex-shrink: 0;
    height: 100%;
}
.c-clients__row-item-wrapper::before,
.c-clients__row-item-wrapper::after {
    display: block;
    width: calc(var(--gutter) / 2);
    height: 100%;
    content: "";
}
.c-clients__row-item {
    position: relative;
    height: 100%;
    font-size: var(--step-3);
}
.c-clients__row-item span {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    color: var(--color-white);
    transform: translate(-50%, -50%);
}
.c-clients__row-item svg {
    width: auto;
    height: 100%;
}
.c-clients__image {
    --padding: 0%;
    position: absolute;
    top: var(--padding);
    right: var(--padding);
    bottom: var(--padding);
    left: var(--padding);
    pointer-events: none;
}
@media (min-width: 768px) {
    .c-clients__image {
        --padding: 10%;
    }
}
@media (min-width: 1440px) {
    .c-clients__image {
        --padding: 15%;
    }
}
@keyframes marquee-top {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes marquee-bottom {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
.c-gallery-people .flickity-viewport {
    overflow: initial;
}
.c-gallery-people__title {
    font-size: var(--step-7);
}
@media (min-width: 768px) {
    .c-gallery-people__title {
        font-size: var(--step-8);
    }
}
@media (min-width: 992px) {
    .c-gallery-people__title {
        font-size: var(--step-9);
    }
}
@media (min-width: 1440px) {
    .c-gallery-people__title {
        font-size: var(--step-10);
    }
}
.c-gallery-people__cta {
    margin-top: var(--space-l);
}
.c-gallery-people__gallery {
    margin-top: var(--space-2xl);
}
.c-gallery-people__item-wrapper {
    width: 80%;
    margin-right: var(--gutter);
}
@media (min-width: 768px) {
    .c-gallery-people__item-wrapper {
        width: 30%;
    }
}
.c-gallery-people__item-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 123.0769230769%;
    background: var(--color-placeholder);
    border-radius: var(--banner-radius);
    transition: background 1s;
}
.c-gallery-people__item-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: var(--space-xs);
}
@media (min-width: 1440px) {
    .c-gallery-people__item-description {
        flex-direction: row;
        letter-spacing: -0.003em;
    }
}
.c-gallery-people__item-name {
    font-family: var(--font-family-mono);
}
.c-gallery-people__item-role {
    color: var(--color-orange);
    font-family: var(--font-family-mono);
}
.c-gallery-people__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.c-header-about__title {
    margin-left: auto;
    color: var(--color-black);
    font-size: var(--step-8);
    text-align: left;
}
@media (min-width: 768px) {
    .c-header-about__title {
        font-size: var(--step-9);
    }
}
@media (min-width: 992px) {
    .c-header-about__title {
        font-size: var(--step-10);
    }
}
@media (min-width: 1440px) {
    .c-header-about__title {
        font-size: 160px;
    }
}
.c-header-contact {
    color: var(--color-white);
    background: var(--color-black);
}
.c-header-contact a:hover {
    text-decoration: none;
}
.c-header-contact__title {
    position: relative;
    overflow: hidden;
    color: var(--color-gray-01);
    font-size: var(--step-8);
    text-align: right;
    will-change: transform;
    transition: transform 2s cubic-bezier(0.86, 0, 0.07, 1);
}
@media (min-width: 768px) {
    .c-header-contact__title {
        font-size: var(--step-9);
    }
}
@media (min-width: 992px) {
    .c-header-contact__title {
        font-size: var(--step-10);
    }
}
@media (min-width: 1440px) {
    .c-header-contact__title {
        font-size: 160px;
    }
}
.c-header-contact__title span::before {
    content: attr(data-text);
    position: absolute;
    transform: translateY(100%);
}
.c-header-contact__title span {
    display: block;
    transition: transform 2s 1s cubic-bezier(0.86, 0, 0.07, 1);
}
.intro-quasi-complete .is-inview .c-header-contact__title span {
    transform: translateY(-100%);
}
.c-header-contact__info {
    --gutter-y: var(--space-xl);
    padding: var(--space-3xl) 0 var(--space-6xl) 0;
}
.c-header-contact__text {
    max-width: 40ch;
    font-size: var(--step-2);
}
@media (min-width: 992px) {
    .c-header-contact__text {
        --column-span: 5;
        --column-start: 1;
        position: relative;
        top: -0.4em;
        font-size: var(--step-3);
    }
}
@media (min-width: 768px) {
    .c-header-contact__info-list {
        --column-span: 8;
        --column-start: 1;
        display: flex;
    }
}
@media (min-width: 992px) {
    .c-header-contact__info-list {
        --column-span: 6;
        --column-start: 7;
    }
}
.c-header-contact__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border-top: 1px solid var(--color-gray-04);
}
@media (min-width: 768px) {
    .c-header-contact__item {
        margin-bottom: 0;
    }
    .c-header-contact__item:not(:first-child) {
        margin-left: var(--gutter);
    }
}
@media (max-width: 767.98px) {
    .c-header-contact__item:not(:first-child) {
        margin-top: var(--space-l);
    }
}
.c-header-contact__item-title {
    margin-bottom: var(--space-s);
    padding-top: var(--space-m);
    color: var(--color-gray-03);
    font-family: var(--font-family-mono);
    font-size: var(--step-0);
    font-weight: 400;
}
@media (min-width: 768px) {
    .c-header-contact__item-title {
        margin-bottom: var(--space-m);
    }
}

@media (max-width: 767.98px) {
    .c-header-hp video {
        top: 50%;
        left: 50%;
        width: calc(100% + var(--media-overflow) * 2);
        height: calc(100% + var(--media-overflow) * 2);
        transform: translate(-50%, -50%);
    }
}


@media (min-width: 768px) {
    .c-header-hp__content {
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: var(--container-padding);
    }
}
.c-header-hp__title {
    --line-height: 0.85;
    color: var(--color-orange) !important;
    font-size: var(--step-9);
    line-height: var(--line-height) !important;
    text-align: right;
}
@media (min-width: 768px) {
    .c-header-hp__title {
        font-size: var(--step-10);
    }
}
@media (min-width: 992px) {
    .c-header-hp__title {
        font-size: 160px;
    }
}
@media (min-width: 1960px) {
    .c-header-hp__title {
        font-size: 180px;
    }
}
@media (min-width: 2400px) {
    .c-header-hp__title {
        font-size: 200px;
    }
}

@media (max-width: 767.98px) {
    .c-intro .c-header-hp__title .o-reveal {
        transform: translateY(var(--space-2xl));
    }
}

@media (min-width: 768px) {
    .c-header-hp__subtitle {
        max-width: 32ch;
    }
}

@media (min-width: 768px) {
    .c-header-hp__scroll {
        bottom: var(--container-padding);
        transform: translateX(-50%);
        left: 50%;
    }
}

@media (max-width: 767.98px) {
    .c-header-hp__image-mobile,
    .c-header-hp__image-desktop {
        top: calc(var(--media-overflow) * -1);
        right: calc(var(--media-overflow) * -1);
        bottom: calc(var(--media-overflow) * -1);
        left: calc(var(--media-overflow) * -1);
    }
}
@media (min-width: 768px) {
    .c-header-hp__image-mobile {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .c-header-hp__image-desktop {
        display: none;
    }
}
@keyframes scroll-in {
    0% {
        transform: scaleY(1.3) rotate(20deg) translate(-50%, -100%);
    }
    50% {
        transform: scaleY(1.3) rotate(0deg) translate(-50%, 9%);
    }
    51% {
        transform: scaleY(1.3) rotate(20deg) translate(-50%, -100%);
    }
    100% {
        transform: scaleY(1.3) rotate(20deg) translate(-50%, -100%);
    }
}
@keyframes scroll-out {
    0% {
        transform: scaleY(1.3) rotate(0deg) translate(-50%, 0%);
    }
    50% {
        transform: scaleY(1.3) rotate(20deg) translate(-50%, 115%);
    }
    51% {
        transform: scaleY(1.3) rotate(20deg) translate(-50%, 115%);
    }
    100% {
        transform: scaleY(1.3) rotate(20deg) translate(-50%, 115%);
    }
}
.c-header-work__media {
    padding-bottom: 35%;
    background: var(--color-placeholder);
}
.c-header-work__content {
    margin-top: var(--space-xl);
}
@media (min-width: 768px) {
    .c-header-work__heading {
        --column-span: 7;
    }
}
@media (min-width: 992px) {
    .c-header-work__heading {
        --column-span: 6;
    }
}
.c-header-work__title {
    font-size: var(--step-7);
}
.c-header-work__subtitle {
    margin-top: var(--space-s);
    font-size: var(--step-1);
    font-weight: 400;
}
.c-header-work__description {
    font-size: var(--step-1);
}
@media (min-width: 768px) {
    .c-header-work__description {
        --column-span: 5;
        --column-start: 8;
    }
}
.c-image-grid__inner-wrapper {
    border-radius: var(--banner-radius);
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
}
@media (min-width: 768px) {
    .c-image-grid__outer-wrapper:nth-child(1) {
        --column-span: 5;
    }
}
.c-image-grid__outer-wrapper:nth-child(1) .c-image-grid__inner-wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 142.8571428571%;
    background: var(--color-placeholder);
    transform: background 1s;
}
@media (min-width: 768px) {
    .c-image-grid__outer-wrapper:nth-child(2) {
        --column-span: 7;
        --column-start: 6;
    }
}
.c-image-grid__outer-wrapper:nth-child(2) .c-image-grid__inner-wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 66.6666666667%;
    background: var(--color-placeholder);
    transform: background 1s;
}
.c-image-grid__image {
    position: absolute;
    top: -9vh;
    right: 0;
    bottom: -9vh;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.c-image__wrapper {
    position: relative;
}
@media (max-width: 767.98px) {
    .c-image__wrapper {
        height: calc(var(--initial-vh) * 80);
    }
}
@media (max-width: 767.98px) {
    .c-image__image {
        display: none;
    }
}
.c-image__image-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 768px) {
    .c-image__image-bg {
        display: none;
    }
}
.c-info-list__title {
    margin-bottom: var(--space-xl);
    font-size: var(--step-5);
}
.c-info-list__item-list {
    --gutter-y: var(--space-m);
}
@media (min-width: 768px) {
    .c-info-list__item-list {
        --gutter-y: var(--space-l);
    }
}
@media (min-width: 992px) {
    .c-info-list__item-list {
        --gutter-y: var(--space-xl);
    }
}
@media (min-width: 768px) {
    .c-info-list__item {
        --column-span: 6;
    }
    .c-info-list__item:nth-child(1),
    .c-info-list__item:nth-child(2) {
        padding-top: var(--space-m);
        border-top: 1px solid var(--color-gray-02);
    }
}
@media (min-width: 1440px) {
    .c-info-list__item {
        --column-span: 3;
    }
    .c-info-list__item:nth-child(1),
    .c-info-list__item:nth-child(2),
    .c-info-list__item:nth-child(3),
    .c-info-list__item:nth-child(4) {
        padding-top: var(--space-m);
        border-top: 1px solid var(--color-gray-02);
    }
}
.c-info-list__item:nth-child(1) {
    padding-top: var(--space-m);
    border-top: 1px solid var(--color-gray-02);
}
.c-info-list__item-title {
    margin-bottom: var(--space-s);
    color: var(--color-gray-03);
    font-family: var(--font-family-mono);
    font-size: var(--step-0);
    font-weight: 400;
}
.c-info-list__item-text {
    font-size: var(--step-1);
}


@media (max-width: 767.98px) {
    .c-intro__wrapper-loading {
        height: calc(var(--initial-vh) * 100 - var(--banner-padding) * 2);
        margin-top: var(--banner-padding);
        margin-right: var(--banner-padding);
        margin-left: var(--banner-padding);
        transition: opacity 0s 2s, transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
    }
}



@media (max-width: 767.98px) {
    .c-intro__logo {
        top: 49.5%;
    }
}


@media (max-width: 767.98px) {
    .c-intro__text span {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .c-intro__line {
        margin-right: calc(var(--banner-padding) * 2);
        margin-left: calc(var(--banner-padding) * 2);
    }
}

@media (max-width: 767.98px) {
    .c-intro__card-inner-item {
        padding-bottom: 50%;
    }
}


@media (min-width: 992px) {
    .c-intro__image {
        --padding: 80vh;
        background-position: 50% 75%;
    }
}

@media (min-width: 768px) {
    .c-intro__image.c-intro__image--desktop {
        display: block;
    }
}
@media (min-width: 768px) {
    .c-intro__image.c-intro__image--mobile {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .c-intro__card-item:last-child .c-intro__image {
        top: calc(var(--media-overflow) * -1);
        right: calc(var(--media-overflow) * -1);
        bottom: calc(var(--media-overflow) * -1);
        left: calc(var(--media-overflow) * -1);
    }
}

@media (min-width: 768px) {
    .c-job-listing__body-inner-wrapper {
        --column-span: 8;
    }
}
@media (min-width: 992px) {
    .c-job-listing__body-inner-wrapper {
        --column-span: 7;
        --column-start: 6;
    }
}
@media (min-width: 1440px) {
    .c-job-listing__body-inner-wrapper {
        --column-span: 6;
        --column-start: 7;
    }
}
@media (min-width: 1960px) {
    .c-job-listing__body-inner-wrapper {
        --column-span: 4;
        --column-start: 7;
    }
}
.c-job-listing__body-inner-wrapper > *:not(:first-child) {
    margin-top: var(--space-m);
}
.c-job-listing__text {
    position: relative;
    z-index: 1;
    max-width: 40ch;
    margin-top: var(--space-xl);
    font-size: var(--step-2);
}
@media (min-width: 768px) {
    .c-job-listing__text {
        font-size: var(--step-3);
    }
}
.c-job-listing__text a {
    position: relative;
    z-index: 1;
    color: var(--color-orange);
}
.c-job-listing__text a:hover {
    text-decoration: none;
}
.c-job-listing__text a::before {
    height: 2px !important;
}

.c-job-listing__body-description {
    font-size: var(--step-1);
}
.c-job-listing__body-sub-description {
    font-size: var(--step-1);
}
.c-job-listing__body-sub-description ul {
    list-style: inside;
}
.c-logo {
    width: 100px;
    height: 100px;
    
}


.c-media-list__wrapper {
    --flow: var(--container-padding);
}
@media (min-width: 768px) {
    .c-media-list__wrapper {
        --flow: var(--space-xl-2xl);
    }
}
.c-media-list__item {
    --gutter-y: 0;
}
@media (min-width: 768px) {
    .c-media-list__item:nth-child(odd) {
        --column-start: 4;
        --column-span: 9;
    }
    .c-media-list__item:nth-child(even) {
        --column-start: 1;
        --column-span: 6;
    }
}
.c-media-list__item .c-media.has-player {
    --column-start: 1;
    --column-span: 12;
}
.c-media-list__item-title {
    --column-start: 1;
    --column-span: 12;
    margin-bottom: var(--space-xl);
    font-size: var(--step-5);
}
@media (max-width: 767.98px) {
    .c-media-list__item:not(:first-child) .c-media-list__item-title {
        margin-top: var(--space-xl);
    }
}
.c-media .o-container {
    position: relative;
    overflow: hidden;
}
.c-media * {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.c-media .video-js {
    height: 100%;
}
.c-media :not(.vjs-has-started) .vjs-control-bar {
    display: flex;
}

.c-media-list .c-media .o-container {
    padding-right: 0;
    padding-left: 0;
}
.c-media__wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(var(--aspect-ratio, 0.5) * 100%);
    background: var(--color-placeholder);
    border-radius: var(--banner-radius);
    transition: background 1s;
    will-change: transform;
}
.is-ios .c-media__wrapper {
    height: calc(var(--initial-vh) * 80);
    padding-bottom: 0;
}
.c-media.preserve-aspect-ratio .c-media__wrapper {
    height: 0 !important;
    padding-bottom: calc(var(--aspect-ratio, 0.5) * 100%) !important;
}
html:not(.is-ios).is-mobile .c-media:not(.has-player) .c-media__wrapper {
    height: calc(var(--initial-vh) * 80);
    padding-bottom: 0;
    background: var(--color-placeholder);
}
@media (max-width: 767.98px) {
    .c-media:not(.has-player) .c-media__wrapper {
        height: calc(var(--initial-vh) * 80);
    }
}
.is-ios .c-header-work .c-media__wrapper {
    height: calc(var(--initial-vh) * 40);
}
.c-media h5.c-media__text {
    position: absolute;
    pointer-events: none;
    z-index: 3;
    bottom: var(--space-xl);
    left: 50%;
    width: 100%;
    max-width: 28ch;
    padding: 0 var(--space-m);
    color: var(--color-orange) !important;
    font-size: var(--step-7);
    text-align: center;
    transform: translate(-50%);
    will-change: transform;
}
@media (min-width: 768px) {
    .c-media h5.c-media__text {
        bottom: var(--container-padding);
    }
}
@media (min-width: 768px) and (max-width: 1439.98px) {
    .c-media-list .c-media h5.c-media__text {
        font-size: var(--step-5);
    }
}
.c-media__video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}
html:not(.is-ios).is-mobile .player-ready .c-media__video-wrapper {
    opacity: 1;
}
.clicked .c-media__video-wrapper {
    opacity: 1;
}
.c-media__videoloop-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    transition: opacity 1s 0.1s;
    pointer-events: none;
}
.loop-playing .c-media__videoloop-wrapper {
    opacity: 1;
}
html:not(.is-ios) .clicked .c-media__videoloop-wrapper {
    opacity: 0;
    transition: opacity 0.1s;
}
html:not(.is-ios).is-mobile .has-player .c-media__videoloop-wrapper {
    opacity: 0;
    transition: opacity 0s;
}
.c-media__cta-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
html:not(.is-ios).is-mobile .c-media__cta-wrapper {
    opacity: 0;
}
.c-media__cta {
    position: absolute;
    top: 50%;
    left: calc(var(--container-padding) * 2);
    display: flex;
    align-items: center;
    overflow: hidden;
    pointer-events: none;
    will-change: transform;
    transform: translateY(-50%);
}

.c-media__cta-bullet {
    position: relative;
    display: block;
    overflow: hidden;
    will-change: transform;
    width: 10px;
    height: 20px;
    margin-right: calc(var(--container-padding) / 1.1);
    border-radius: 3px;
}
@media (min-width: 768px) {
    .c-media__cta-bullet {
        margin-right: var(--space-s-m);
    }
}
.c-media__cta-bullet::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--color-white);
    content: "";
    transition: transform 1s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
html:not(.is-ios) .clicked .c-media__cta-bullet::before {
    transform: translateY(-105%);
}
.c-media__cta h4.c-media__cta-text {
    color: var(--color-orange) !important;
    font-size: var(--step-6);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
html:not(.is-ios) .clicked .c-media__cta h4.c-media__cta-text {
    transform: translateY(-105%);
}
.c-media__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
html:not(.is-ios) .clicked .c-media__image {
    opacity: 0;
    transition: opacity 0.1s;
}
html:not(.is-ios).is-mobile .has-player .c-media__image {
    opacity: 0;
}
.c-mouse-move {
    position: fixed;
    z-index: 9995;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.c-mouse-move__media-container {
    --width: 50vw;
    --height: 20vw;
    --rotate: 5deg;
    position: absolute;
    top: 5%;
    left: 5%;
    overflow: hidden;
    width: var(--width);
    height: var(--height);
    border-radius: var(--banner-radius);
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.list-layout body.tpl-works .c-mouse-move__media-container {
    opacity: 1;
}
.c-mouse-move__media-rotate-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transform: rotate(var(--rotate, 5deg));
}
.c-mouse-move__media-overflow-wrapper {
    flex-shrink: 0;
    overflow: hidden;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateY(-102%) rotate(2deg) scale(0.85);
    transform-origin: 0 0;
}
.list-layout.works-hover .c-mouse-move__media-overflow-wrapper {
    transform: translateY(0%) rotate(0deg) scale(1);
}
.c-mouse-move__media-reverse-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    transform: translateY(102%) rotate(calc(var(--rotate) * -1));
}
.list-layout.works-hover .c-mouse-move__media-reverse-wrapper {
    transform: translateY(0) rotate(calc(var(--rotate) * -1));
}
.c-mouse-move__media-inner-wrapper {
    position: relative;
    overflow: hidden;
    will-change: transform;
    width: var(--width);
    height: var(--height);
}
.c-mouse-move__media-inner-wrapper::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: var(--color-black);
    transition: transform 1.25s cubic-bezier(0.23, 1, 0.32, 1);
    content: "";
    transform: translateY(20%);
}
.list-layout.works-hover .c-mouse-move__media-inner-wrapper::before {
    transform: translateY(0);
}
.c-mouse-move__media-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0 !important;
    transition: transform 1.25s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s;
    transform: translateY(20%);
}
.list-layout.works-hover .c-mouse-move__media-image {
    transform: none;
}
[show="1"] .c-mouse-move__media-image:nth-child(1) {
    opacity: 1 !important;
}
[show="2"] .c-mouse-move__media-image:nth-child(2) {
    opacity: 1 !important;
}
[show="3"] .c-mouse-move__media-image:nth-child(3) {
    opacity: 1 !important;
}
[show="4"] .c-mouse-move__media-image:nth-child(4) {
    opacity: 1 !important;
}
[show="5"] .c-mouse-move__media-image:nth-child(5) {
    opacity: 1 !important;
}
[show="6"] .c-mouse-move__media-image:nth-child(6) {
    opacity: 1 !important;
}
[show="7"] .c-mouse-move__media-image:nth-child(7) {
    opacity: 1 !important;
}
[show="8"] .c-mouse-move__media-image:nth-child(8) {
    opacity: 1 !important;
}
[show="9"] .c-mouse-move__media-image:nth-child(9) {
    opacity: 1 !important;
}
[show="10"] .c-mouse-move__media-image:nth-child(10) {
    opacity: 1 !important;
}
[show="11"] .c-mouse-move__media-image:nth-child(11) {
    opacity: 1 !important;
}
[show="12"] .c-mouse-move__media-image:nth-child(12) {
    opacity: 1 !important;
}
[show="13"] .c-mouse-move__media-image:nth-child(13) {
    opacity: 1 !important;
}
[show="14"] .c-mouse-move__media-image:nth-child(14) {
    opacity: 1 !important;
}
[show="15"] .c-mouse-move__media-image:nth-child(15) {
    opacity: 1 !important;
}
[show="16"] .c-mouse-move__media-image:nth-child(16) {
    opacity: 1 !important;
}
[show="17"] .c-mouse-move__media-image:nth-child(17) {
    opacity: 1 !important;
}
[show="18"] .c-mouse-move__media-image:nth-child(18) {
    opacity: 1 !important;
}
[show="19"] .c-mouse-move__media-image:nth-child(19) {
    opacity: 1 !important;
}
[show="20"] .c-mouse-move__media-image:nth-child(20) {
    opacity: 1 !important;
}
[show="21"] .c-mouse-move__media-image:nth-child(21) {
    opacity: 1 !important;
}
[show="22"] .c-mouse-move__media-image:nth-child(22) {
    opacity: 1 !important;
}
[show="23"] .c-mouse-move__media-image:nth-child(23) {
    opacity: 1 !important;
}
[show="24"] .c-mouse-move__media-image:nth-child(24) {
    opacity: 1 !important;
}
[show="25"] .c-mouse-move__media-image:nth-child(25) {
    opacity: 1 !important;
}
[show="26"] .c-mouse-move__media-image:nth-child(26) {
    opacity: 1 !important;
}
[show="27"] .c-mouse-move__media-image:nth-child(27) {
    opacity: 1 !important;
}
[show="28"] .c-mouse-move__media-image:nth-child(28) {
    opacity: 1 !important;
}
[show="29"] .c-mouse-move__media-image:nth-child(29) {
    opacity: 1 !important;
}
[show="30"] .c-mouse-move__media-image:nth-child(30) {
    opacity: 1 !important;
}

@media (hover: hover) {
    .c-overlay__button:hover > span > span {
        transform: translateY(-120%);
    }
}

.c-overlay__spacer {
    height: var(--spacer);
    cursor: pointer;
}

.c-servies-list {
    position: relative;
}
.c-servies-list__switch-theme {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
@media (max-width: 767.98px) {
    .c-servies-list__wrapper {
        --gutter-y: var(--space-2xl);
    }
}
.c-services-list__title {
    --column-span: 12;
    font-size: var(--step-7);
}
@media (min-width: 768px) {
    .c-services-list__title {
        font-size: var(--step-8);
    }
}
@media (min-width: 992px) {
    .c-services-list__title {
        --column-span: 4;
        font-size: var(--step-9);
    }
}
@media (min-width: 1440px) {
    .c-services-list__title {
        font-size: var(--step-10);
    }
}
.c-services-list__item-list {
    --column-span: 12;
}
@media (min-width: 992px) {
    .c-services-list__item-list {
        --column-span: 7;
        --column-start: 6;
        margin-top: 0;
    }
}
@media (min-width: 1440px) {
    .c-services-list__item-list {
        --column-span: 6;
        --column-start: 7;
    }
}
@media (min-width: 992px) {
    .c-services-list__item {
        display: flex;
    }
}
.c-services-list__item:not(:first-child) {
    margin-top: var(--space-xl);
}
.c-services-list__item-title {
    font-size: var(--step-5);
    white-space: nowrap;
}
@media (min-width: 992px) {
    .c-services-list__item-title {
        flex-shrink: 0;
        width: calc(var(--column-width-gutter) + var(--column-width));
        margin-right: var(--gutter);
    }
}
@media (min-width: 768px) {
    .c-services-list__item-title {
        text-align: right;
    }
}
.c-services-list__item-text {
    position: relative;
    font-size: var(--step-1);
}
@media (min-width: 992px) {
    .c-services-list__item-text {
        top: -0.25em;
    }
}
@media (max-width: 991.98px) {
    .c-services-list__item-text {
        max-width: 55ch;
        margin-top: var(--space-s);
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .c-services-list__item-text {
        margin-left: auto;
        text-align: right;
    }
}
.c-site-footer-bottom {
    display: flex;
    flex-direction: column;
    margin-top: var(--space-xl);
    padding: var(--space-l) 0;
    font-size: var(--step--1);
}
@media (min-width: 768px) {
    .c-site-footer-bottom {
        flex-direction: row;
        align-items: center;
        padding: var(--space-m) 0;
        border-top: 1px solid #3e3e3e;
    }
    .c-banner-contact .c-site-footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
}
.c-site-footer-bottom a:hover {
    text-decoration: none;
}
.c-site-footer-bottom__logo {
    margin-right: var(--space-m);
    color: var(--color-gray-01);
}
.c-site-footer-bottom__colophon {
    margin-right: auto;
}
@media (max-width: 767.98px) {
    .c-site-footer-bottom__colophon {
        margin-top: var(--space-s);
    }
}
.c-site-footer-bottom__credits {
    text-shadow: 0.03em 0 var(--color-black), -0.03em 0 var(--color-black), 0 0.03em var(--color-black), 0 -0.03em var(--color-black), 0.06em 0 var(--color-black), -0.06em 0 var(--color-black), 0.09em 0 var(--color-black),
        -0.09em 0 var(--color-black), 0.12em 0 var(--color-black), -0.12em 0 var(--color-black), 0.15em 0 var(--color-black), -0.15em 0 var(--color-black);
}
@media (max-width: 767.98px) {
    .c-site-footer-bottom__credits {
        margin-top: var(--space-2xs);
    }
}
.c-site-footer {
    padding-top: var(--space-3xl);
    color: var(--color-gray-01);
    background: var(--color-black);
}
@media (min-width: 768px) {
    .c-site-footer {
        padding-top: var(--space-8xl);
    }
}
.c-site-footer a:hover {
    text-decoration: none;
}
[data-overlay-content] + .c-site-footer {
    margin-top: var(--space-3xl);
}
@media (min-width: 768px) {
    [data-overlay-content] + .c-site-footer {
        margin-top: var(--space-8xl);
    }
}
.c-services-footer + .c-site-footer,
.c-services-cta + .c-site-footer {
    margin-top: -1px;
}
.c-site-footer__title {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    margin-bottom: var(--space-2xl);
    font-size: var(--step-8);
}
@media (min-width: 768px) {
    .c-site-footer__title {
        margin-bottom: var(--space-7xl);
        font-size: var(--step-10);
    }
}
.c-site-footer__title .o-reveal {
    position: absolute;
    left: 7.2ch;
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0s;
}
.c-site-footer__title .c-site-footer__roll {
    display: inline-flex;
    flex-direction: column;
    height: calc(1em * var(--heading-line-height));
}
.c-site-footer__title .c-site-footer__roll span {
    display: block;
}
.c-site-footer__grid {
    --gutter-y: var(--space-l);
}
.c-site-footer__block01 {
    --column-span: 12;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width: 768px) {
    .c-site-footer__block01 {
        --column-span: 4;
    }
}
@media (min-width: 992px) {
    .c-site-footer__block01 {
        --column-start: 1;
        --column-span: 3;
    }
}
@media (min-width: 1440px) {
    .c-site-footer__block01 {
        --column-start: 1;
        --column-span: 2;
    }
}
.c-site-footer__block02 {
    --column-span: 12;
}
@media (min-width: 768px) {
    .c-site-footer__block02 {
        --column-start: 5;
        --column-span: 4;
    }
}
@media (min-width: 992px) {
    .c-site-footer__block02 {
        --column-start: 5;
        --column-span: 3;
    }
}
@media (min-width: 1440px) {
    .c-site-footer__block02 {
        --column-start: 4;
        --column-span: 2;
    }
}
.c-site-footer__social {
    --column-span: 12;
    display: flex;
    order: -1;
}
@media (min-width: 768px) {
    .c-site-footer__social {
        --column-span: 2;
        --column-start: 11;
        justify-content: flex-end;
        order: 1;
        margin-top: calc(var(--space-xs) + var(--step-0) * var(--body-line-height));
    }
}
.c-site-footer__social a {
    align-self: flex-start;
    line-height: 0;
    transition: color 0.25s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}
@media (hover: hover) {
    .c-site-footer__social a:hover {
        transform: scale(1.1);
        color: var(--color-orange);
    }
}
.c-site-footer__social > *:not(:first-child) {
    margin-left: var(--space-xs);
}
.c-site-footer__block-label {
    color: var(--color-gray-03);
    font-family: var(--font-family-mono);
}
.c-site-footer__block-link {
    text-shadow: 0.03em 0 var(--color-black), -0.03em 0 var(--color-black), 0 0.03em var(--color-black), 0 -0.03em var(--color-black), 0.06em 0 var(--color-black), -0.06em 0 var(--color-black), 0.09em 0 var(--color-black),
        -0.09em 0 var(--color-black), 0.12em 0 var(--color-black), -0.12em 0 var(--color-black), 0.15em 0 var(--color-black), -0.15em 0 var(--color-black);
    display: flex;
    flex-direction: column;
    margin-top: var(--space-xs);
    font-size: var(--step-1);
}
.c-site-footer__block-link + .c-site-footer__block-link {
    margin-top: 0;
}
.c-site-header {
    margin-right:100px;
    margin-top:30px;
    
    position: fixed;
    z-index: 9996;
    top: 0;
    left: 0;
    
    align-items: center;
    width: 100%;
    height:300px;
   
   
}
@media (max-width: 767.98px) {
    .c-site-header {
        transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s;
        transform: translateY(17vh);
    }
}

.c-site-header a:hover {
    text-decoration: none;
}

.c-site-header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
}


.c-site-header__menu-button {
    position: relative;
    z-index: 1;
    padding-right: 0;
    padding-left: 0;
    color: var(--color-black);
    border-radius: 7px;
    transition-delay: 0.4s;
    font-size:35px;
	margin-right:50px;
}

.mlines:hover
{
display:none;

}
@media (max-width: 767.98px) {
    .c-site-header__menu-button {
        transition-delay: 0.7s;
        transition-duration: 0.15;
    }
    .menu-active .c-site-header__menu-button span:first-child {
        transform: none;
    }
    .menu-active .c-site-header__menu-button span:last-child {
        transform: translateY(120%);
    }
}
.menu-active .c-site-header__menu-button {
    background: var(--color-orange) !important;
    transition-delay: 0s;
    transition-duration: 0.3s;
}
@media (max-width: 767.98px) {
    .menu-active .c-site-header__menu-button {
        transition-delay: 0.5s;
        transition-duration: 0.3s;
    }
}
.c-site-header__menu-button div {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    height: 0.9em;
    padding-right: 0.84em;
    padding-left: 0.84em;
    will-change: transform;

}


.c-site-header__menu-button div span:first-child {
    position: absolute;
    transform: translateY(-120%);
}
.c-site-header__menu-button span {
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {
    .menu-active .c-site-header__menu-button:hover {
        cursor: pointer;
    }
}
@media (min-width: 768px) {
    .c-site-header__menu {
        position: absolute;
        top: 0;
        right: 0;
        min-width: calc(var(--space-7xl) * 2.5);
    }
}
@media (max-width: 767.98px) {
    .c-site-header__menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}
.c-site-header__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    pointer-events: none;
}
@media (min-width: 768px) {
    .c-site-header__bg {
        overflow: hidden;
        border-radius: var(--banner-padding);
        transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
        transform: translate(-2px, 2px) scale(1) rotate(1deg);
        cursor: pointer;
        transform-origin: 100% 0;
    }
}
.menu-active .c-site-header__bg {
    pointer-events: auto;
}
@media (min-width: 768px) {
    .menu-active .c-site-header__bg {
        --translate: calc(var(--container-padding) / 2);
        transform: translate(var(--translate), calc(var(--translate) * -1)) scale(1.1);
    }
}
.c-site-header__bg::before,
.c-site-header__bg::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background:#ff471d;
    content: "";
    pointer-events: none;
}
@media (min-width: 768px) {
    .c-site-header__bg::before,
    .c-site-header__bg::after {
        transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
        transform: translate(130px, 0) rotate(15deg) scale(1.3, 0);
        transform-origin: 100% 0;
    }
}
@media (max-width: 767.98px) {
    .c-site-header__bg::before,
    .c-site-header__bg::after {
        transition: transform 1.25s cubic-bezier(0.86, 0, 0.07, 1);
        transform-origin: 100% 0;
        transform: translate(150px, 0) rotate(10deg) scale(1.5, 0);
    }
}
.c-site-header__bg::after {
    background: var(--color-orange);
}
.c-site-header__bg::before {
    transition-delay: 0.05s;
}
@media (min-width: 768px) {
    .menu-active .c-site-header__bg::before,
    .menu-active .c-site-header__bg::after {
        transform: translateX(0) rotate(0) scale(1.3, 1);
    }
}
@media (max-width: 767.98px) {
    .menu-active .c-site-header__bg::before,
    .menu-active .c-site-header__bg::after {
        transition: transform 1.7s cubic-bezier(0.86, 0, 0.07, 1);
        transform: translateX(0) rotate(0) scale(1.5, 1);
    }
}
.menu-active .c-site-header__bg::before {
    transition-delay: 0s;
}
.menu-active .c-site-header__bg::after {
    transition-delay: 0.05s;
}
.c-site-header__menu-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 var(--container-padding);
    text-align: right;
	
}
@media (min-width: 768px) {
    .c-site-header__menu-inner {
        padding: calc(var(--space-xl) * 1.2) var(--space-l) var(--space-m);
    }
}
.menu-active .c-site-header__menu-inner {
    pointer-events: auto;
}
.c-site-header__menu-top {
    display: flex;
    flex-direction: column;
}
@media (max-width: 767.98px) {
    .c-site-header__menu-top {
        margin-top: auto;
    }
}
.c-site-header__menu-top a {
    display: flex;
    flex-direction: column;
    overflow: hidden;
   
    color: var(--color-black) !important;
    font-size:35px;
    height:38px;
    opacity: 0;
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s;
    transition-delay: 0s;
    will-change: transform;
    transform-origin: 0 100%;
    transform: translateY(0.25em) scale(0.95);
}


.c-site-header__menu-top a:hover
{
    color:#fff;

}
.mptext:hover
{
   border-bottom:2px solid red;
    color:#fff;

}
.un {
  display: inline-block;
  position: relative;
  color: #0087ca;
  text-decoration: none;

}

.un:hover {

  background-image:url(../images/line.png);
  background-repeat: no-repeat;
  background-size: auto;
 
  }
  .svg-wrap {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

a {
  color: #404d5b;
  text-decoration: none;
  outline: none;
}

.mtop1
{
margin-top:40px;
}

.link-svgline a svg.link-svgline {
  position: absolute;
  top: 107%;
  right: 0;
  overflow: hidden;
 
  margin: 0;
  width: 60%;
  height: 17px; 
  transition: stroke-dashoffset 0.3s ease-in-out;
  transform: translateY(-100%);
  fill: none;
  stroke: #000;
  stroke-width: 2;
  stroke-dasharray: 400px; 
  stroke-dashoffset: 400px;
  padding-bottom:2px;
}

.link-svgline a:hover svg.link-svgline {
  stroke-dashoffset: 0px; 
}



.link-svgmarker a:hover svg.link-svgline {
  stroke-dashoffset: 10px; 
}
  
.menuNavItem.activeSection .menuNavItem__line[data-v-3320fdc9] {
            -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
            transition-delay: 2.5s;
        }


@media (max-width: 767.98px) {
    .c-site-header__menu-top a {
        transition: transform 0.75s 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s 0.4s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s;
    }
}
.c-site-header__menu-top a.is-active {
    color: var(--color-white) !important;
}
.menu-active .c-site-header__menu-top a {
    opacity: 1;
    transform: none;
    transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.3s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s;
    transition-delay: calc(var(--stagger) * 0.065s + 0.1s);
}
@media (max-width: 767.98px) {
    .menu-active .c-site-header__menu-top a {
        transition: transform 1.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s;
        transition-delay: calc(var(--stagger) * 0.065s + 0.75s);
    }
}
* > .c-site-header__menu-top a:not(:first-child) {
    margin-top: var(--space-s);
}

@media (max-width: 767.98px) {
    .c-site-header__menu-top a div {
        transform: none;
    }
}
.is-transitioning .c-site-header__menu-top a div {
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 1s;
}
.c-site-header__menu-top a div::before {
    position: absolute;
    top: 0;
    right: 0;
    content: attr(data-text);
    transform: translateY(-120%);
    transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {

    .c-site-header__menu-top a:hover div {
        transform: translateY(110%);
    }

        .c-site-header__menu-top a:hover div::before {
            transform: translateY(-110%);
        }

    .c-site-header__menu-top a:nth-child(1) {
        --stagger: 1;
    }

    .c-site-header__menu-top a:nth-child(2) {
        --stagger: 2;
    }

    .c-site-header__menu-top a:nth-child(3) {
        --stagger: 3;
    }

    .c-site-header__menu-top a:nth-child(4) {
        --stagger: 4;
    }

    .c-site-header__menu-top a:nth-child(5) {
        --stagger: 5;
    }

    .c-site-header__menu-top a:nth-child(6) {
        --stagger: 6;
    }

    .c-site-header__menu-top a:nth-child(7) {
        --stagger: 7;
    }

    .c-site-header__menu-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: var(--space-xl);
        color: var(--color-black);
    }

    @media (max-width: 767.98px) {
        .c-site-header__menu-bottom {
            padding-bottom: var(--space-xl);
        }
    }

    .c-site-header__menu-bottom a {
        text-shadow: 0.03em 0 var(--color-orange), -0.03em 0 var(--color-orange), 0 0.03em var(--color-orange), 0 -0.03em var(--color-orange), 0.06em 0 var(--color-orange), -0.06em 0 var(--color-orange), 0.09em 0 var(--color-orange), -0.09em 0 var(--color-orange), 0.12em 0 var(--color-orange), -0.12em 0 var(--color-orange), 0.15em 0 var(--color-orange), -0.15em 0 var(--color-orange);
        will-change: transform;
        opacity: 0;
        transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: 0s;
        transform-origin: 0 100%;
        transform: translate(-0.25em, 0.25em) scale(0.95);
    }

    @media (max-width: 767.98px) {
        .c-site-header__menu-bottom a {
            transition: transform 0.75s 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
        }
    }

    .menu-active .c-site-header__menu-bottom a {
        opacity: 1;
        transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: calc(var(--stagger) * 0.065s + 1.2s);
        transform: none;
    }

    @media (min-width: 768px) {
        .menu-active .c-site-header__menu-bottom a {
            transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.2s cubic-bezier(0.23, 1, 0.32, 1);
            transition-delay: calc(var(--stagger) * 0.065s + 0.6s);
        }
    }

    * > .c-site-header__menu-bottom a:not(:first-child) {
        margin-top: 0.25em;
    }

    .c-site-header__menu-bottom a:nth-child(1) {
        --stagger: 1;
    }

    .c-site-header__menu-bottom a:nth-child(2) {
        --stagger: 2;
    }

    .c-site-header__menu-bottom a:nth-child(3) {
        --stagger: 3;
    }

    .c-site-header__menu-bottom a:nth-child(4) {
        --stagger: 4;
    }

    .c-site-header__menu-bottom a:nth-child(5) {
        --stagger: 5;
    }

    .c-site-header__menu-bottom a:nth-child(6) {
        --stagger: 6;
    }

    .c-site-header__menu-bottom a:nth-child(7) {
        --stagger: 7;
    }

    .c-site-wrapper {
        pointer-events: none;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh;
    }

    .c-site-wrapper__move {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        overflow: hidden;
        height: 100%;
        will-change: transform;
    }

    .c-site-wrapper__reverse {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .c-site-wrapper__overlay-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .c-site-wrapper__overlay {
        flex-shrink: 0;
        background: var(--color-orange);
    }

    .c-site-wrapper__inner {
        position: relative;
        width: 100vw;
        height: 100vh;
    }

    .tpl-home .c-site-wrapper__inner {
        opacity: 0;
    }

    .intro-complete .tpl-home .c-site-wrapper__inner {
        opacity: 1;
    }

    .c-site-wrapper__inner::after,
    .c-site-wrapper__inner::before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 140vw;
        height: 100%;
        transform: translateX(-50%);
        background: var(--color-white);
        content: "";
    }

    .c-site-wrapper__inner::after {
        z-index: -1;
    }

    .c-site-wrapper__inner::before {
        background: var(--color-black);
        opacity: 0;
        transition: opacity 1s;
    }

    .grid-layout body.tpl-works .c-site-wrapper__inner::before {
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .theme-black.grid-layout body.tpl-works .c-site-wrapper__inner::before {
        opacity: 1;
    }

    .list-layout body.tpl-works .c-site-wrapper__inner::before {
        opacity: 1;
        transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .theme-black .c-site-wrapper__inner::before,
    .tpl-contact .c-site-wrapper__inner::before {
        opacity: 1;
    }

    .is-transitioning .c-site-wrapper__inner::before {
        transition-delay: 1.35s !important;
    }

    .c-site-wrapper__content {
        --flow: var(--space-5xl-6xl);
    }

        .c-site-wrapper__content > *:first-child {
            padding-top: calc(var(--site-header-height) + var(--space-l));
        }

    @media (min-width: 768px) {
        .c-site-wrapper__content > *:first-child {
            padding-top: var(--site-header-height);
        }
    }

    .c-svg-library {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        border: none;
    }

    .c-text-highlight a:hover {
        text-decoration: none;
    }

    .c-text-highlight:not(.c-text-highlight--inverted):first-child {
        padding-top: calc(var(--site-header-height) + var(--space-2xl));
    }

    .c-text-highlight__wrapper {
        --gutter-y: var(--space-l);
    }

    .c-text-highlight__title {
        --column-span: 12;
        max-width: 15ch;
        font-size: var(--step-7);
    }

    @media (min-width: 768px) {
        .c-text-highlight__title {
            font-size: var(--step-8);
        }
    }

    @media (min-width: 992px) {
        .c-text-highlight__title {
            --column-span: 7;
            font-size: var(--step-9);
        }
    }

    @media (min-width: 1440px) {
        .c-text-highlight__title {
            --column-span: 5;
            max-width: 100%;
            font-size: var(--step-10);
        }
    }

    .tpl-service .c-text-highlight__title {
        align-self: flex-end;
    }

    .c-text-highlight__title .c-text-highlight__roll {
        position: relative;
        display: inline-block;
        transition: transform 2s calc(0.75s + var(--index) * 0.5s) cubic-bezier(0.86, 0, 0.07, 1);
        transform: translateY(100%);
    }

    .intro-quasi-complete .is-inview .c-text-highlight__title .c-text-highlight__roll {
        transform: none;
    }

    .c-text-highlight__title .c-text-highlight__roll::before {
        content: attr(data-text);
        position: absolute;
        transform: translateY(-100%);
        left: 0;
    }

    .c-text-highlight--inverted .c-text-highlight__title {
        margin-left: auto;
        text-align: right;
    }

    @media (min-width: 992px) {
        .c-text-highlight--inverted .c-text-highlight__title {
            --column-span: 7;
            --column-start: 6;
            order: 1;
        }
    }

    @media (min-width: 1440px) {
        .c-text-highlight--inverted .c-text-highlight__title {
            --column-span: 5;
            --column-start: 8;
        }
    }

    .c-text-highlight__body {
        --column-span: 12;
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        max-width: 70ch;
    }

    @media (min-width: 992px) {
        .c-text-highlight__body {
            --column-start: 9;
            --column-span: 4;
        }
    }

    @media (min-width: 992px) {
        .c-text-highlight--inverted .c-text-highlight__body {
            --column-start: 1;
            --column-span: 4;
            order: -1;
        }
    }

    @media (min-width: 1440px) {
        .c-text-highlight--inverted .c-text-highlight__body {
            --column-span: 4;
        }
    }

    .c-text-highlight__text {
        font-size: var(--step-1);
    }

    .c-text-highlight__highlight {
        --index: 5;
        align-self: flex-start;
        margin-top: var(--space-m);
    }

    .c-text-image {
        position: relative;
    }

    .c-text-image__switch-theme {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .c-text-image__image-outer-wrapper {
        width: 100%;
        margin: 0 auto;
    }

    @media (min-width: 768px) {
        .c-text-image__image-outer-wrapper {
            width: calc(var(--column-width) * 6);
        }
    }

    @media (min-width: 992px) {
        .c-text-image__image-outer-wrapper {
            width: calc(var(--column-width) * 5);
        }
    }

    @media (min-width: 1440px) {
        .c-text-image__image-outer-wrapper {
            width: calc(var(--column-width) * 4);
        }
    }

    @media (min-width: 1960px) {
        .c-text-image__image-outer-wrapper {
            width: calc(var(--column-width) * 3);
        }
    }

    .c-text-image__image-inner-wrapper {
        position: relative;
        padding-bottom: 123.0769230769%;
        background: var(--color-placeholder);
        border-radius: var(--banner-radius);
        -webkit-mask-image: radial-gradient(#fff, #000);
        mask-image: radial-gradient(#fff, #000);
    }

    .c-text-image__text {
        max-width: 25ch;
        margin: 0 auto;
        margin-top: var(--space-2xl);
        font-size: var(--step-7);
        text-align: center;
    }

    @media (min-width: 768px) {
        .c-text-image__text {
            font-size: var(--step-8);
        }
    }

    @media (min-width: 992px) {
        .c-text-image__text {
            font-size: var(--step-9);
        }
    }

    @media (min-width: 1440px) {
        .c-text-image__text {
            font-size: var(--step-10);
        }
    }

    .c-text-image__image {
        position: absolute;
        top: -2vh;
        right: 0;
        bottom: -2vh;
        left: 0;
    }

    .c-titles__title {
        font-size: var(--step-7);
        text-align: right;
    }

    @media (min-width: 768px) {
        .c-titles__title {
            font-size: var(--step-8);
        }
    }

    @media (min-width: 992px) {
        .c-titles__title {
            font-size: var(--step-9);
        }
    }

    @media (min-width: 1440px) {
        .c-titles__title {
            font-size: var(--step-10);
        }
    }

    .c-titles__grid {
        --gutter-y: var(--space-2xl);
        grid-auto-flow: dense;
        margin-top: var(--space-2xl);
    }

    @media (min-width: 992px) {
        .c-titles__image-outer-wrapper {
            --column-span: 3;
            --column-start: 10;
        }
    }

    .c-titles__image-inner-wrapper {
        position: relative;
        overflow: hidden;
        padding-bottom: 133.3333333333%;
        background: var(--color-placeholder);
        border-radius: var(--banner-radius);
    }

    @media (min-width: 992px) {
        .c-titles__list {
            --column-span: 9;
        }
    }

    .c-titles__list-item-wrapper {
        font-size: var(--step-5);
        opacity: 1 !important;
        transform: none !important;
    }

    @media (min-width: 768px) {
        .c-titles__list-item-wrapper:nth-child(even).is-inview {
            transform: translateX(1em) !important;
        }
    }

    .c-titles__list-item {
        display: block;
        margin-top: var(--space-2xs);
        font-size: var(--step-5);
    }

    @media (min-width: 768px) {
        .c-titles__list-item {
            margin-top: calc(var(--space-2xs) * 0.25);
        }
    }

    li:nth-child(odd) .c-titles__list-item {
        color: var(--color-gray-02);
    }

    li:nth-child(even) .c-titles__list-item {
        color: var(--color-white);
    }

    .c-titles__image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .c-works-cta {
        position: relative;
    }

        .c-works-cta a:hover {
            text-decoration: none;
        }

    .c-works-cta__switch-theme {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
    }

    .c-works-cta__heading {
        --gutter-y: var(--space-xl);
        grid-auto-flow: dense;
        align-items: flex-end;
        margin-bottom: var(--space-xl);
    }

    .c-works-cta__subtitle {
        --column-span: 12;
        display: flex;
        justify-content: space-between;
        font-family: var(--font-family-mono);
    }

    @media (min-width: 768px) {
        .c-works-cta__subtitle {
            --column-span: 4;
        }
    }

    .c-works-cta__title-wrapper {
        --column-span: 12;
        --column-start: 1;
    }

    @media (min-width: 768px) {
        .c-works-cta__title-wrapper {
            --column-span: 6;
            --column-start: 7;
        }
    }

    @media (min-width: 1440px) {
        .c-works-cta__title-wrapper {
            --column-span: 5;
            --column-start: 8;
        }
    }

    .c-works-cta__title {
        max-width: 20ch;
        margin-left: auto;
        font-size: var(--step-7);
        text-align: right;
    }

    @media (min-width: 768px) {
        .c-works-cta__title {
            font-size: var(--step-8);
        }
    }

    @media (min-width: 992px) {
        .c-works-cta__title {
            font-size: var(--step-9);
        }
    }

    @media (min-width: 1440px) {
        .c-works-cta__title {
            font-size: var(--step-10);
        }
    }

    .c-works-cta__item {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: var(--banner-radius);
        -webkit-mask-image: radial-gradient(#fff, #000);
        mask-image: radial-gradient(#fff, #000);
    }

    @media (min-width: 768px) {
        .c-works-cta__item {
            opacity: 1;
        }
    }

    .c-works-cta__item:not(:first-child) {
        margin-top: calc(var(--container-padding) / 1.5);
    }

    .c-works-cta__item-info {
        pointer-events: none;
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: auto;
        padding: var(--space-m);
        color: var(--color-white);
    }

    @media (min-width: 992px) {
        .c-works-cta__item-info {
            padding: calc(var(--container-padding) / 2);
        }
    }

    .c-works-cta__info-title {
        font-size: var(--step-1);
        will-change: transform;
    }

    .c-works-cta__info-tags {
        will-change: transform;
        font-family: var(--font-family-mono);
    }

    @media (max-width: 767.98px) {
        .c-works-cta__info-tags {
            display: none;
        }
    }

    .c-works-cta__cta {
        display: inline-flex;
        align-items: center;
        margin-top: var(--space-xl);
    }

    .c-works-cta__item-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        transition: opacity 0.5s;
    }

    @media (hover: hover) {
        .c-works-cta__item:hover .c-works-cta__item-image {
            opacity: 0;
        }
    }

    .c-works__item-spacer,
    .c-works-cta__item-spacer {
        width: 100%;
        padding-bottom: 40%;
    }

    @media (min-width: 768px) {
        .c-works__item-spacer,
        .c-works-cta__item-spacer {
            padding-bottom: 30%;
        }
    }

    @media (min-width: 992px) {
        .c-works__item-spacer,
        .c-works-cta__item-spacer {
            padding-bottom: 20%;
        }
    }

    .c-works__item-media,
    .c-works-cta__item-media {
        position: absolute;
        top: -7.5vh;
        right: 0;
        bottom: -7.5vh;
        left: 0;
        background: var(--color-placeholder);
    }

    .c-works a {
        text-decoration: none;
    }

        .c-works a:hover {
            text-decoration: none;
        }

    .c-works__header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        padding-bottom: var(--space-l);
        color: var(--theme-color-text);
    }

    @media (min-width: 768px) {
        .c-works__header {
            flex-direction: row-reverse;
            padding-bottom: var(--space-2xl);
        }
    }

    .c-works__header-title {
        position: relative;
        font-size: var(--step-8);
        text-align: right;
        transition: color 1s cubic-bezier(0.23, 1, 0.32, 1);
    }

    @media (min-width: 768px) {
        .c-works__header-title {
            font-size: var(--step-9);
        }
    }

    @media (min-width: 992px) {
        .c-works__header-title {
            font-size: var(--step-10);
        }
    }

    @media (min-width: 1440px) {
        .c-works__header-title {
            font-size: 160px;
        }
    }

    .c-works__header-title .c-works__header-stories {
        display: inline-block;
        transform: translateX(-20vw);
        transition: transform 2s 1s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .intro-quasi-complete .is-inview .c-works__header-title .c-works__header-stories {
        transform: none;
    }

    .c-works__header-title .c-works__header-wow-replacer {
        overflow: hidden;
        height: 0;
        opacity: 0;
        transition: height, opacity;
        transition-delay: 3.2s;
        transition-duration: 0s;
    }

    html:not(.is-real-transitioning).intro-complete .c-works__header-title .c-works__header-wow-replacer {
        transition-delay: 0s;
    }

    .intro-quasi-complete .is-inview .c-works__header-title .c-works__header-wow-replacer {
        height: 1em;
        opacity: 1;
    }

    .c-works__header-title .c-works__header-wow {
        position: relative;
        left: 0;
        pointer-events: none;
        width: calc(100vw - var(--container-padding) * 2);
        height: 1em;
        margin-left: auto;
        transition: height, opacity;
        transition-delay: 3.2s;
        transition-duration: 0s;
    }

    .intro-quasi-complete .is-inview .c-works__header-title .c-works__header-wow {
        height: 0;
        opacity: 0;
    }

    .c-works__header-title .c-works__header-wow div {
        position: absolute;
        left: 0;
        width: 3.58ch;
    }

    .c-works__header-title .c-works__header-wow span:first-child {
        position: absolute;
        z-index: 1;
        left: 0;
        display: inline-block;
        width: 40ch;
        transform: translateX(calc(-100% + 1.29ch));
        background: var(--color-white);
        transition: transform 2s 1.2s cubic-bezier(0.86, 0, 0.07, 1), background 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .list-layout .c-works__header-title .c-works__header-wow span:first-child {
        background: var(--color-black);
    }

    .intro-quasi-complete .is-inview .c-works__header-title .c-works__header-wow span:first-child {
        transform: translateX(calc(-100% + 1.29ch + 100vw - var(--container-padding) * 2 - 2.58ch - 1ch));
    }

    .c-works__header-title .c-works__header-wow span:last-child {
        position: absolute;
        left: 0;
        transform: translateX(calc(-100% + 2.58ch + 1ch));
        transition: transform 2s 1s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .intro-quasi-complete .is-inview .c-works__header-title .c-works__header-wow span:last-child {
        transform: translateX(calc(-100% + 100vw - var(--container-padding) * 2));
    }

    .list-layout .c-works__header-title {
        color: var(--color-gray-01);
    }

    .c-works__header-nav {
        display: flex;
    }

    @media (max-width: 767.98px) {
        .c-works__header-nav {
            margin-top: var(--space-xl);
            margin-right: auto;
        }
    }

    @media (min-width: 768px) {
        .c-works__header-nav {
            transform: translateX(100%);
        }
    }

    .c-works__header-nav > *:last-child {
        margin-left: var(--space-s);
    }

    .c-works__header-button {
        position: relative;
        padding: 0.5em 0.84em;
        color: var(--color-gray-03);
        font-family: var(--font-family-mono);
        font-weight: 700;
        line-height: 0.9;
        text-transform: uppercase;
        border: 1px solid var(--color-gray-03);
        border-radius: 7px;
        transition: background 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    @media (min-width: 768px) {
        .c-works__header-button {
            padding: 0.35em 0.6em;
        }
    }

    .c-works__header-button > span {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        height: 0.9em;
    }

        .c-works__header-button > span span {
            display: block;
            transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
            transform: translate3d(0, 0, 0);
            transform-origin: 100% 50%;
        }

            .c-works__header-button > span span:last-child {
                padding-top: 0.25em;
                transform: translate(0, 0);
            }

    .c-works__header-button:hover {
        cursor: pointer;
    }

    .c-works__header-button.is-active {
        color: var(--color-black);
        background-color: var(--color-gray-01);
        border: 1px solid var(--color-gray-01);
        cursor: default;
        transition: transform 0s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .list-layout .c-works__header-button {
        color: var(--color-gray-03);
        border: 1px solid var(--color-gray-03);
    }

        .list-layout .c-works__header-button.is-active {
            color: var(--color-white) !important;
            background-color: var(--color-gray-03);
        }

    @media (hover: hover) {
        .c-works__header-button.is-active span span:first-child,
        .c-works__header-button:hover span span:first-child {
            transform: translateY(calc(-100% - 0.25em));
            transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .c-works__header-button.is-active span span:last-child,
        .c-works__header-button:hover span span:last-child {
            transform: translateY(-100%);
            transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        }
    }

    .c-works__title-bar {
        color: var(--color-gray-03);
        font-family: var(--font-family-mono);
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .list-layout .c-works__title-bar {
        opacity: 1;
    }

    .c-works__title-story {
        --column-start: 1;
        --column-span: 4;
    }

    .c-works__title-client {
        --column-start: 5;
        --column-span: 4;
    }

    @media (max-width: 991.98px) {
        .c-works__title-client {
            display: none;
        }
    }

    .c-works__title-tags {
        --column-start: 9;
        --column-span: 3;
    }

    @media (max-width: 991.98px) {
        .c-works__title-tags {
            --column-start: 8;
            --column-span: 3;
        }
    }

    @media (max-width: 767.98px) {
        .c-works__title-tags {
            display: none;
        }
    }

    .c-works__item {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: var(--banner-radius);
        transition: margin 1s cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-mask-image: radial-gradient(#fff, #000);
        mask-image: radial-gradient(#fff, #000);
    }

        .c-works__item:not(:first-child) {
            margin-top: calc(var(--container-padding) / 1.5);
        }

    .list-layout .c-works__item {
        margin-top: 0;
    }

        .list-layout .c-works__item > * {
            pointer-events: none;
        }

    .c-works__line-list {
        position: absolute;
        z-index: 1;
        width: calc(100% - var(--container-padding) * 2);
        height: 1px;
        background: var(--color-gray-01);
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
        pointer-events: none;
    }

    .list-layout .c-works__line-list {
        opacity: 1;
    }

    .c-works__line-list::after {
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--color-orange);
        content: "";
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(0);
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s 1s;
    }

    .c-works__line-list:last-child {
        bottom: 1px;
    }

    @media (hover: hover) {
        .list-layout a:hover + .c-works__line-list::after {
            opacity: 1;
            transition: transform 2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.75s 0s;
            transform-origin: 0 0;
            transform: scaleX(1);
        }
    }

    .c-works__item-spacer {
        transition: padding 1s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .list-layout .c-works__item-spacer {
        padding-bottom: 0%;
    }

    .list-layout .c-works__item-media {
        opacity: 0;
        transition-delay: 1s;
    }

    .c-works__item-bg {
        pointer-events: none;
        position: absolute;
        top: -1px;
        right: 0;
        bottom: 1px;
        left: 0;
        background: var(--color-black);
        opacity: 0;
        transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
        content: "";
        will-change: transform;
    }

    .list-layout .c-works__item-bg {
        opacity: 1;
    }

    .c-works__item-info {
        --padding: var(--space-m);
        will-change: transform;
        pointer-events: none;
        position: relative;
        align-items: center;
        padding: calc(var(--padding)) 0;
        color: var(--color-white);
        transition: padding 1s cubic-bezier(0.23, 1, 0.32, 1);
    }

    @media (min-width: 992px) {
        .c-works__item-info {
            --padding: calc(var(--container-padding) / 2);
        }
    }

    .list-layout .c-works__item-info {
        padding-left: 0;
    }

    .c-works__info-title {
        --column-start: 1;
        --column-span: 10;
        font-size: var(--step-1);
        transform: translateX(var(--padding));
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
    }

    @media (min-width: 768px) {
        .c-works__info-title {
            --column-span: 4;
        }
    }

    @media (min-width: 992px) {
        .c-works__info-title {
            --column-span: 4;
        }
    }

    .list-layout .c-works__info-title {
        transform: none;
    }

    .c-works__info-client {
        --column-start: 5;
        --column-span: 3;
        right: 0;
        font-size: var(--step-1);
        opacity: 0;
        transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }

    @media (max-width: 991.98px) {
        .c-works__info-client {
            display: none;
        }
    }

    .list-layout .c-works__info-client {
        opacity: 1;
    }

    .c-works__info-tags-grid {
        position: absolute;
        right: var(--padding);
        font-family: var(--font-family-mono);
        transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }

    @media (max-width: 767.98px) {
        .c-works__info-tags-grid {
            display: none;
        }
    }

    .list-layout .c-works__info-tags-grid {
        opacity: 0;
    }

    .c-works__info-tags-list {
        --column-span: 4;
        --column-start: 8;
        position: absolute;
        font-size: var(--step-1);
        opacity: 0;
        transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    }

    @media (min-width: 992px) {
        .c-works__info-tags-list {
            --column-span: 4;
            --column-start: 9;
        }
    }

    @media (max-width: 767.98px) {
        .c-works__info-tags-list {
            display: none;
        }
    }

    .list-layout .c-works__info-tags-list {
        opacity: 1;
    }

    .c-works__info-button {
        --column-span: 1;
        --column-start: 12;
        position: absolute;
        right: 1px;
        font-size: 0;
        opacity: 0;
        transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transform: translateX(calc(var(--padding) * -1));
        justify-self: flex-end;
    }

    .list-layout .c-works__info-button {
        transform: none;
        opacity: 1;
    }

    .c-works__info-button .o-button-arrow {
        transform-origin: 100% 50%;
    }

    .c-works__item-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        transition: opacity 0.5s;
        will-change: transform;
    }

    @media (hover: hover) {
        .c-works__item:hover .c-works__item-image {
            opacity: 0;
        }
    }

    .c-wow-layer {
        --font-size: 50vh;
        pointer-events: none;
        position: fixed;
        z-index: 99999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none;
    }

    .wow-layer-visible .c-wow-layer {
        display: block;
    }

    .c-wow-layer__wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        display: flex;
        align-items: flex-end;
        width: 3.392ch;
        height: 0.5978em;
        color: var(--color-yellow);
        font-family: var(--font-family-heading);
        font-size: var(--font-size);
        line-height: 1;
        white-space: nowrap;
        opacity: 0;
        transition: transform 2.5s cubic-bezier(0.23, 1, 0.32, 1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(42);
        will-change: transform;
    }

        .c-wow-layer__wrapper > div {
            position: relative;
            bottom: -0.124em;
        }

    .trigger-wow-layer .c-wow-layer__wrapper {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    .c-wow-layer__gif-wrapper,
    .c-wow-layer__gif-wrapper-02 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .c-wow-layer__gif-wrapper {
        transition: transform 3.9s 1.8s cubic-bezier(0.86, 0, 0.07, 1);
        transform: scale(1);
    }

    .trigger-wow-layer .c-wow-layer__gif-wrapper {
        transform: translateX(-100%) rotate(-15deg);
    }

    .c-wow-layer__gif-wrapper-02 {
        transition: transform 3.7s 1.8s cubic-bezier(0.86, 0, 0.07, 1);
    }

    .trigger-wow-layer .c-wow-layer__gif-wrapper-02 {
        transform: translateX(-100%) rotate(-10deg);
    }

    .c-wow-layer__gif {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20vw;
        height: 10vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 7px;
        opacity: 0;
        transition-delay: calc(var(--index) * 0.075s + 1.35s), calc(var(--index) * 0.075s + 1.35s);
        transition-duration: 1.5s, 0s;
        transition-property: transform, opacity;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1), linear;
        transform: translate(-50%, calc(-50% + 200px)) scale(1.1);
    }

    .trigger-wow-layer .c-wow-layer__gif {
        transform: translate(-50%, -50%) scale(1.2) !important;
        opacity: 1 !important;
    }

    .c-wow-layer__gif.gif-01 {
        --index: 1;
        top: 20%;
        left: 20%;
        width: 15vw;
        height: 12vw;
    }

    .c-wow-layer__gif.gif-02 {
        --index: 2;
        top: 24%;
        left: 74%;
        width: 20vw;
        height: 12vw;
    }

    .c-wow-layer__gif.gif-03 {
        --index: 3;
        z-index: 100;
        top: 70%;
        left: 80%;
        width: 23vw;
        height: 42vw;
    }

    .c-wow-layer__gif.gif-04 {
        --index: 4;
        top: 74%;
        left: 20%;
        width: 23vw;
        height: 34vw;
    }

    .c-wow-layer__gif.gif-05 {
        --index: 5;
    }

    .c-wow-layer__text {
        display: flex;
        align-items: flex-end;
        transition: transform 3s 1.5s cubic-bezier(0.86, 0, 0.07, 1);
        will-change: transform;
    }

        .c-wow-layer__text div {
            font-size: calc(1em + var(--size) * 0.1em);
            transform: translateY(calc((1em - var(--font-size)) / 2.36));
        }

    .trigger-wow-layer .c-wow-layer__text {
        transform: translate(calc(-100% - 50vw + 1.696ch), 0);
    }

    .c-wow-layer__image {
        --padding: 0;
        position: absolute;
        top: var(--padding);
        right: var(--padding);
        bottom: var(--padding);
        left: var(--padding);
        pointer-events: none;
    }

    .c-wow-layer__sticker {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        width: 225px;
        height: 225px;
        opacity: 0;
        transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.2s 0.3s;
        pointer-events: auto;
        transform: translate(-50%, -50%) rotate(var(--sticker-rotation)) scale(1.1);
        perspective: 1000px;
        transform-origin: center center;
    }

        .c-wow-layer__sticker:hover {
            transform: translate(-50%, -50%) rotate(var(--sticker-rotation)) scale(1.1) !important;
            cursor: pointer;
        }

    .show-sticker .c-wow-layer__sticker {
        opacity: 1;
        transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s 0s;
        transform: translate(-50%, -50%) rotate(var(--sticker-rotation)) scale(1);
    }

    .show-sticker.trigger-wow-layer .c-wow-layer__sticker {
        opacity: 0;
        transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.2s 0.3s !important;
        transform: translate(-50%, -50%) rotate(40deg) scale(0) !important;
    }

    .c-wow-layer__sticker-rotation {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        background: transparent;
        border-radius: 20px;
        box-shadow: rgba(0, 0, 0, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px;
        transform: rotateY(var(--rotate-x)) rotateX(var(--rotate-y));
    }

    .c-wow-layer__sticker-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 20px;
        transform-style: preserve-3d;
        transform: translate3d(0, 0, 0.01px);
    }

    .c-wow-layer__sticker-shine {
        --angle: -22deg;
        --space: 5%;
        position: absolute;
        z-index: 3;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-clip-path: inset(0 round 20px);
        clip-path: inset(0 round 20px);
        left: 0;
        background-image: repeating-linear-gradient( var(--angle), hsla(283, 49%, 60%, 0.75) calc(var(--space) * 1), hsla(2, 74%, 59%, 0.75) calc(var(--space) * 2), hsla(53, 67%, 53%, 0.75) calc(var(--space) * 3), hsla(93, 56%, 52%, 0.75) calc(var(--space) * 4), hsla(176, 38%, 50%, 0.75) calc(var(--space) * 5), hsla(228, 100%, 77%, 0.75) calc(var(--space) * 6), hsla(283, 49%, 61%, 0.75) calc(var(--space) * 7) );
        background-position: 0% calc(var(--background-y) * 1), var(--background-x) var(--background-y);
        background-size: 300% 400%;
        opacity: 0;
        transition: opacity 1s;
        filter: brightness(calc(var(--pointer-from-center) * 0.3 + 0.5)) contrast(2.3) saturate(1);
        background-blend-mode: color-dodge;
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-position: center center;
        mask-position: center center;
        mix-blend-mode: color-dodge;
    }

    .c-wow-layer__sticker:hover .c-wow-layer__sticker-shine {
        opacity: 0.8;
    }

    .c-wow-layer__sticker-glare {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        background: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), hsl(0, 0%, 100%) 10%, hsla(0, 0%, 100%, 0.6) 35%, hsl(180, 11%, 35%) 60%);
        backface-visibility: hidden;
        border-radius: 20px;
        opacity: 0;
        transition: opacity 1s 0.3s;
        transform: translateZ(1.41px);
        mix-blend-mode: soft-light;
        filter: brightness(0.8) contrast(1.5);
    }

    .c-wow-layer__sticker:hover .c-wow-layer__sticker-glare {
        opacity: 0.8;
    }
    /*# sourceMappingURL=index.css.map */
    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .site-neons {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        pointer-events: none;
        overflow-x: hidden;
    }

        .site-neons span {
            display: block;
            transform-origin: 50%;
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 100% auto;
        }

            .site-neons span:nth-child(1) {
                position: absolute;
                top: 0;
                left: 50%;
                height: 460px;
                width: 310px;
                margin-top: -390px;
                margin-left: -410px;
                background-image: url(mobile-neon-1%402x.5223b678.png);
            }

    @media (min-width: 64em) {
        .site-neons span:nth-child(1) {
            height: 1175px;
            width: 730px;
            margin-top: -1030px;
            margin-left: -980px;
            background-image: url(desktop-neon-1%402x.735b7929.png);
        }
    }

    .site-neons span:nth-child(2) {
        position: absolute;
        top: 0;
        left: 50%;
        height: 440px;
        width: 135px;
        margin-top: -360px;
        margin-left: 10px;
        background-image: url(mobile-neon-2%402x.594a6c98.png);
    }

    @media (min-width: 64em) {
        .site-neons span:nth-child(2) {
            height: 1355px;
            width: 455px;
            margin-top: -1085px;
            margin-left: 50px;
            background-image: url(desktop-neon-2%402x.c73f17ec.png);
        }
    }

    .site-neons span:nth-child(3) {
        position: absolute;
        top: 0;
        left: 0;
        height: 360px;
        width: 365px;
        margin-top: 145px;
        margin-left: -250px;
        background-image: url(mobile-neon-3%402x.c2cade92.png);
    }

    @media (min-width: 64em) {
        .site-neons span:nth-child(3) {
            height: 440px;
            width: 445px;
            margin-top: 470px;
            margin-left: -290px;
            background-image: url(desktop-neon-3%402x.03de78ca.png);
        }
    }

    .site-neons span:nth-child(4) {
        position: absolute;
        top: 0;
        right: 0;
        height: 625px;
        width: 575px;
        margin-top: -130px;
        margin-right: -425px;
        background-image: url(mobile-neon-4%402x.4cd68232.png);
    }

    @media (min-width: 64em) {
        .site-neons span:nth-child(4) {
            height: 1445px;
            width: 1290px;
            margin-top: -240px;
            margin-right: -1055px;
            background-image: url(desktop-neon-4%402x.195161ae.png);
        }
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .fade-enter-active {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .fade-leave-active {
        animation-name: fade-out;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .logo-sprite {
        pointer-events: none;
        background-size: 100% auto;
        background-position: 0 100%;
        transition: background-position 0s 0.2s;
    }

    @media (min-width: 64em) {
        .logo-sprite {
            opacity: 0;
            background-position: 0 0;
        }
    }

    .logo-sprite--auto {
        background-image: var(--logo-sequence);
    }

    .no-webp .logo-sprite--auto {
        background-image: var(--logo-sequence-fallback);
    }

    .logo-sprite--black {
        background-image: url(logo-black%402x.2c6a8e17.webp);
    }

    .no-webp .logo-sprite--black {
        background-image: url(logo-black%402x.7fd74323.png);
    }

    .logo-sprite--gold {
        background-image: url(logo-gold%402x.503a40a9.webp);
    }

    .no-webp .logo-sprite--gold {
        background-image: url(logo-gold%402x.7fe57261.png);
    }

    .logo-sprite--white {
        background-image: url(logo-white%402x.6c1a579d.webp);
    }

    .no-webp .logo-sprite--white {
        background-image: url(logo-white%402x.a01b7a6f.png);
    }

    @media (min-width: 64em) {
        .logo-sprite--animate {
            opacity: 1;
            background-position: 0 100%;
            transition: background-position 1s steps(65), opacity 0s;
        }
    }

    .logo-sprite--always {
        opacity: 0;
        background-position: 0 0;
    }

        .logo-sprite--always.logo-sprite--animate {
            opacity: 1;
            background-position: 0 100%;
            transition: background-position 1s steps(65), opacity 0s;
        }

    [data-theme="red"] .logo-sprite {
        --logo-sequence: url(logo-white%402x.6c1a579d.webp);
        --logo-sequence-fallback: url(logo-white%402x.a01b7a6f.png);
    }

    [data-theme="black"] .logo-sprite {
        --logo-sequence: url(logo-white%402x.6c1a579d.webp);
        --logo-sequence-fallback: url(logo-white%402x.a01b7a6f.png);
    }

    [data-theme="white"] .logo-sprite {
        --logo-sequence: url(logo-black%402x.2c6a8e17.webp);
        --logo-sequence-fallback: url(logo-black%402x.7fd74323.png);
    }

    .burger {
        height: 12px;
        width: 16px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

        .burger span {
            height: 2px;
            width: 100%;
            background-color: currentColor;
            transform-origin: center center;
            animation-duration: 0.3s;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        }

            .burger span:nth-child(1) {
                animation-name: unjez2z;
            }

    @keyframes unjez2z {
        0% {
            transform: translateY(5px) rotate(-45deg);
        }

        50% {
            transform: translateY(5px);
        }

        to {
            transform: translateY(0);
        }
    }

    .burger span:nth-child(2) {
        animation-name: unjez36;
    }

    @keyframes unjez36 {
        0% {
            opacity: 0;
        }

        50%, to {
            opacity: 1;
        }
    }

    .burger span:nth-child(3) {
        animation-name: unjez40;
    }

    @keyframes unjez40 {
        0% {
            transform: translateY(-5px) rotate(45deg);
        }

        50% {
            transform: translateY(-5px);
        }

        to {
            transform: translateY(0);
        }
    }

    @media (min-width: 64em) {
        .burger span {
            animation: none;
        }
    }

    .burger--animate span:nth-child(1) {
        animation-name: unjez4z;
    }

    @keyframes unjez4z {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(5px);
        }

        to {
            transform: translateY(5px) rotate(-45deg);
        }
    }

    .burger--animate span:nth-child(2) {
        animation-name: unjez5v;
    }

    @keyframes unjez5v {
        0% {
            opacity: 1;
        }

        50%, to {
            opacity: 0;
        }
    }

    .burger--animate span:nth-child(3) {
        animation-name: unjez6q;
    }

    @keyframes unjez6q {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-5px);
        }

        to {
            transform: translateY(-5px) rotate(45deg);
        }
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .button {
        position: relative;
        height: 52px;
        width: 52px;
        z-index: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 26px;
        border: none;
        outline: none;
    }

    .button__content {
        position: relative;
        height: 100%;
        width: 100%;
        display: inline-flex;
        align-items: center;
        border-radius: inherit;
        justify-content: center;
    }

        .button__content .svg {
            fill: var(--button-icon-color);
            width: 100%;
            height: 100%;
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: fill 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

            .button__content .svg svg {
                opacity: 0;
            }

        .button__content .svg--play svg {
            margin-right: -2px;
        }

        .button__content .burger {
            opacity: 0;
        }

        .button__content .text-label {
            overflow-x: hidden;
            overflow-y: hidden;
            white-space: nowrap;
        }

    .button--with-label .button__content .svg--close,
    .button--with-background .button__content .svg--close {
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .button--with-label .button__content:after,
    .button--with-background .button__content:after {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: -1;
        border-radius: inherit;
        background-color: var(--button-background-color);
        transform: scale3d(0, 0, 0);
        transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .button--with-label {
        width: auto;
        color: var(--button-label-color);
        overflow-x: hidden;
        overflow-y: hidden;
        justify-content: flex-end;
    }

        .button--with-label .button__content {
            padding: 12px 10px 8px 30px;
            overflow-x: hidden;
            overflow-y: hidden;
            justify-content: flex-end;
        }

            .button--with-label .button__content .svg {
                fill: var(--button-label-icon-color);
                position: relative;
                margin-top: -4px;
                margin-left: 10px;
            }

                .button--with-label .button__content .svg svg {
                    position: relative;
                    height: 50%;
                    width: 50%;
                    z-index: 1;
                }

                .button--with-label .button__content .svg:after {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    content: "";
                    z-index: 0;
                    border-radius: 50%;
                    background-color: var(--button-label-icon-background-color);
                    transform: scale3d(0, 0, 0);
                    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
                }

            .button--with-label .button__content .text-label {
                opacity: 0;
            }

    .no-touchevents .button:hover.button--with-icon .button__content .svg,
    .no-touchevents .button:focus.button--with-icon .button__content .svg {
        fill: var(--button-hover-icon-color);
        filter: url(#svg-glow);
    }

    .no-touchevents .button:hover.button--with-label .button__content .svg,
    .no-touchevents .button:focus.button--with-label .button__content .svg {
        fill: var(--button-hover-label-icon-color);
    }

        .no-touchevents .button:hover.button--with-label .button__content .svg:after,
        .no-touchevents .button:focus.button--with-label .button__content .svg:after {
            background-color: var(--button-hover-label-icon-background-color);
        }

    .no-touchevents .button:hover.button--with-background .button__content .svg,
    .no-touchevents .button:focus.button--with-background .button__content .svg {
        fill: #fff;
    }

    .no-touchevents .button:hover.button--with-background .button__content:after,
    .no-touchevents .button:focus.button--with-background .button__content:after {
        background-color: #000;
    }

    .no-touchevents .button:hover .button__content .svg--close,
    .no-touchevents .button:focus .button__content .svg--close {
        transform: rotate(180deg);
    }

    .button.in-view .button__content .svg svg {
        animation-name: fade-in;
        animation-delay: 0.3s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .button.in-view .button__content .burger {
        animation-name: fade-in;
        animation-delay: 0.3s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .button.in-view.button--with-label .button__content:after,
    .button.in-view.button--with-background .button__content:after {
        animation-name: scale-in;
        animation-delay: 0s;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .button.in-view.button--with-label .button__content .svg:after {
        animation-name: scale-in;
        animation-delay: 0.15s;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .button.in-view.button--with-label .button__content .text-label {
        opacity: 1;
    }

    [data-theme="red"] .button {
        --button-icon-color: #fff;
        --button-background-color: rgba(0, 0, 0, 0.25);
        --button-label-color: #fff;
        --button-label-icon-color: #000;
        --button-label-icon-background-color: #f4f0ed;
        --button-hover-icon-color: #000;
        --button-hover-label-icon-color: #fff;
        --button-hover-label-icon-background-color: #000;
    }

    [data-theme="black"] .button {
        --button-icon-color: #9c7443;
        --button-background-color: rgba(0, 0, 0, 0.25);
        --button-label-color: #fff;
        --button-label-icon-color: #9c7443;
        --button-label-icon-background-color: #000;
        --button-hover-icon-glow: #794a2f;
        --button-hover-icon-color: #000;
        --button-hover-label-icon-color: #000;
        --button-hover-label-icon-background-color: #9c7443;
    }

    [data-theme="white"] .button {
        --button-icon-color: #000;
        --button-background-color: rgba(255, 255, 255, 0.3);
        --button-label-color: #000;
        --button-label-icon-color: #fff;
        --button-label-icon-background-color: #000;
        --button-hover-icon-color: #fff;
        --button-hover-label-icon-color: #000;
        --button-hover-label-icon-background-color: #f4f0ed;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .sound-toggle__button {
        height: 15px;
        width: 23px;
        opacity: 0;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

        .sound-toggle__button span {
            display: block;
            flex-basis: 3px;
            flex-shrink: 0;
            height: 100%;
            pointer-events: none;
            background-color: var(--sound-toggle-button);
            transform: scaleY(0.1);
            transform-origin: 50% 100%;
            transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

            .sound-toggle__button span:nth-child(1) {
                animation: 1s cubic-bezier(0.77, 0, 0.175, 1) infinite;
                animation-delay: 0.15s;
                animation-name: unjeyyp;
            }

    @keyframes unjeyyp {
        0% {
            transform: scaleY(0.38);
        }

        50% {
            transform: scaleY(0.83);
        }

        to {
            transform: scaleY(0.38);
        }
    }

    .sound-toggle__button span:nth-child(1).muted {
        animation: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;
        animation-delay: 0s;
        animation-name: unjeyzn;
    }

    @keyframes unjeyzn {
        0% {
            transform: scaleY(0.38);
        }

        to {
            transform: scaleY(0.1);
        }
    }

    .sound-toggle__button span:nth-child(2) {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) infinite;
        animation-delay: 0.4s;
        animation-name: unjez0c;
    }

    @keyframes unjez0c {
        0% {
            transform: scaleY(0.45);
        }

        50% {
            transform: scaleY(0.9);
        }

        to {
            transform: scaleY(0.45);
        }
    }

    .sound-toggle__button span:nth-child(2).muted {
        animation: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;
        animation-delay: 0s;
        animation-name: unjez0k;
    }

    @keyframes unjez0k {
        0% {
            transform: scaleY(0.45);
        }

        to {
            transform: scaleY(0.1);
        }
    }

    .sound-toggle__button span:nth-child(3) {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) infinite;
        animation-delay: 0.27s;
        animation-name: unjez19;
    }

    @keyframes unjez19 {
        0% {
            transform: scaleY(0.45);
        }

        50% {
            transform: scaleY(0.9);
        }

        to {
            transform: scaleY(0.45);
        }
    }

    .sound-toggle__button span:nth-child(3).muted {
        animation: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;
        animation-delay: 0s;
        animation-name: unjez1q;
    }

    @keyframes unjez1q {
        0% {
            transform: scaleY(0.45);
        }

        to {
            transform: scaleY(0.1);
        }
    }

    .sound-toggle__button span:nth-child(4) {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) infinite;
        animation-delay: 0.32s;
        animation-name: unjez1r;
    }

    @keyframes unjez1r {
        0% {
            transform: scaleY(0.45);
        }

        50% {
            transform: scaleY(0.9);
        }

        to {
            transform: scaleY(0.45);
        }
    }

    .sound-toggle__button span:nth-child(4).muted {
        animation: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;
        animation-delay: 0s;
        animation-name: unjez1u;
    }

    @keyframes unjez1u {
        0% {
            transform: scaleY(0.45);
        }

        to {
            transform: scaleY(0.1);
        }
    }

    .sound-toggle__button span:nth-child(5) {
        animation: 1s cubic-bezier(0.77, 0, 0.175, 1) infinite;
        animation-delay: 0.37s;
        animation-name: unjez1x;
    }

    @keyframes unjez1x {
        0% {
            transform: scaleY(0.45);
        }

        50% {
            transform: scaleY(0.9);
        }

        to {
            transform: scaleY(0.45);
        }
    }

    .sound-toggle__button span:nth-child(5).muted {
        animation: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) both;
        animation-delay: 0s;
        animation-name: unjez26;
    }

    @keyframes unjez26 {
        0% {
            transform: scaleY(0.45);
        }

        to {
            transform: scaleY(0.1);
        }
    }

    .no-touchevents .sound-toggle__button:hover span,
    .no-touchevents .sound-toggle__button:focus span {
        background-color: var(--sound-toggle-button-hover);
    }

    .sound-toggle.in-view .sound-toggle__button {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    [data-theme="red"] .sound-toggle {
        --sound-toggle-button: #fff;
        --sound-toggle-button-hover: #000;
    }

    [data-theme="black"] .sound-toggle {
        --sound-toggle-button: #fff;
        --sound-toggle-button-hover: #9c7443;
    }

    [data-theme="white"] .sound-toggle {
        --sound-toggle-button: #000;
        --sound-toggle-button-hover: #fff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .site-menu {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        z-index: 900;
    }

    @media (min-width: 64em) {
        .site-menu {
            padding: var(--grid-edge);
            overflow-y: scroll;
            background-color: var(--menu-background);
        }
    }

    .site-menu__inner {
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 0;
        display: flex;
        flex-direction: column;
        padding-top: 0;
        padding-right: var(--grid-edge);
        padding-left: var(--grid-edge);
        overflow-x: hidden;
        overflow-y: scroll;
        background-color: var(--menu-background-inner);
    }

    @media (min-width: 64em) {
        .site-menu__inner {
            height: auto;
            width: auto;
            min-width: 100%;
            min-height: 100%;
            overflow-y: hidden;
            padding-top: 15px;
            padding-right: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 0px);
            padding-left: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 0px);
            border-radius: 35px;
        }
    }

    @media (min-width: 83.75em) {
        .site-menu__inner {
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 0px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 0px);
        }
    }

    .site-menu__inner:after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: -1;
        opacity: var(--body-noise-opacity);
        pointer-events: none;
        background-image: url(noise%402x.33312e6e.png);
        background-repeat: repeat;
        background-position: 0 0;
        background-size: 200px auto;
    }

    .site-menu__header {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
        padding-top: 20px;
        padding-right: inherit;
        padding-left: inherit;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    @media (min-width: 64em) {
        .site-menu__header {
            padding-top: 60px;
        }
    }

    .site-menu__burger .button {
        height: 40px;
        width: 40px;
    }

    .site-menu__burger .button__content .burger {
        color: var(--menu-burger);
        opacity: 1;
    }

    .site-menu__burger .button.in-view .button__content .burger {
        animation: none;
    }

    .site-menu__burger .button.in-view .button__content:after {
        content: none;
    }

    .site-menu__close .button--with-label {
        margin-right: -10px;
    }

        .site-menu__close .button--with-label .button__content:after {
            background-color: transparent;
        }

    .site-menu__space {
        flex: 1;
        flex-shrink: 0;
        min-height: 75px;
    }

    @media (min-width: 64em) {
        .site-menu__space {
            min-height: 170px;
        }
    }

    @media (min-width: 80em) {
        .site-menu__wrapper {
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-menu__wrapper {
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    @media (min-width: 64em) {
        .site-menu__content {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }
    }

    .site-menu__footer {
        position: relative;
        margin-top: 20px;
        padding-top: 20px;
    }

    @media (min-width: 64em) {
        .site-menu__footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 50px;
            padding-top: 30px;
        }
    }

    .site-menu__footer:before {
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        width: 100%;
        content: "";
        transform-origin: 50%;
        background-color: var(--menu-border);
    }

    @media (min-width: 64em) {
        .site-menu__footer:before {
            height: 2px;
            transform-origin: 0% 50%;
        }
    }

    .site-menu__trailer {
        position: relative;
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
        padding-bottom: 20px;
    }

    @media (min-width: 64em) {
        .site-menu__trailer {
            margin-bottom: 0;
            padding-bottom: 0;
        }
    }

    .site-menu__trailer .button {
        margin: 0 auto;
    }

    .site-menu__trailer .button__content .text-label {
        font-size: 0.625rem;
        line-height: 2.3;
    }

    .site-menu__trailer:before {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        content: "";
        transform-origin: 50%;
        background-color: var(--menu-border);
    }

    @media (min-width: 64em) {
        .site-menu__trailer:before {
            content: none;
        }
    }

    .site-menu__main {
        color: var(--menu-main-primary);
        font-family: Integral CF, Helvetica, Arial, sans-serif;
        font-size: 2.125rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    @media (min-width: 64em) {
        .site-menu__main {
            flex: 1;
            font-size: 3.625rem;
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-menu__main {
            font-size: 4.25rem;
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .site-menu__main a {
        color: inherit;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .site-menu__main a {
            display: inline-block;
        }
    }

    .no-touchevents .site-menu__main a:hover,
    .no-touchevents .site-menu__main a:focus {
        color: var(--menu-main-hover);
    }

    .site-menu__main li {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .site-menu__main small {
        display: inline-block;
        margin-top: 8px;
        color: var(--menu-main-secondary);
        font-size: 0.5rem;
        font-weight: 400;
        vertical-align: top;
    }

    @media (min-width: 64em) {
        .site-menu__main small {
            margin-top: 16px;
            font-size: 0.5625rem;
        }
    }

    .site-menu__main .svg {
        fill: var(--menu-main-secondary);
        margin-top: 5px;
        vertical-align: top;
    }

    @media (min-width: 64em) {
        .site-menu__main .svg {
            margin-top: 15px;
        }
    }

    .site-menu__main .line {
        display: inline-block;
    }

    .site-menu__sub {
        margin-top: 20px;
        color: var(--menu-sub-primary);
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.01em;
    }

    @media (min-width: 64em) {
        .site-menu__sub {
            margin-top: 0;
            margin-bottom: 2px;
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 4 + 40px);
            font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
            font-size: 0.625rem;
            letter-spacing: 0;
            text-transform: uppercase;
        }
    }

    @media (min-width: 83.75em) {
        .site-menu__sub {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
        }
    }

    @media (min-width: 64em) {
        .site-menu__sub li {
            overflow-x: hidden;
            overflow-y: hidden;
        }
    }

    @media (min-width: 64em) {
        .site-menu__sub li + li {
            margin-top: 30px;
        }
    }

    .site-menu__sub a {
        color: inherit;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .site-menu__sub a {
            padding-top: 0;
            padding-bottom: 0;
        }
    }

    .no-touchevents .site-menu__sub a:hover,
    .no-touchevents .site-menu__sub a:focus {
        color: var(--menu-sub-hover);
    }

    .site-menu__sub .svg {
        fill: var(--menu-sub-secondary);
        margin-right: 7px;
    }

    @media (min-width: 64em) {
        .site-menu__sub .svg {
            margin-top: -3px;
            margin-right: 0;
        }
    }

    .site-menu__sub .line {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .site-menu__ter {
        color: var(--menu-ter-primary);
        font-family: Integral CF, Helvetica, Arial, sans-serif;
        font-size: 0.5rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0.58em;
        text-align: center;
        text-transform: uppercase;
    }

    @media (min-width: 64em) {
        .site-menu__ter {
            font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
            font-weight: 700;
            letter-spacing: 0.2em;
        }
    }

    @media (min-width: 64em) {
        .site-menu__ter ul {
            display: flex;
            align-items: center;
        }
    }

    .site-menu__ter li + li {
        margin-top: 10px;
    }

    @media (min-width: 64em) {
        .site-menu__ter li + li {
            margin-top: 0;
            margin-left: 35px;
        }
    }

    .site-menu__ter a {
        color: inherit;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .site-menu__ter a {
            display: inline-block;
        }
    }

    .no-touchevents .site-menu__ter a:hover,
    .no-touchevents .site-menu__ter a:focus {
        color: var(--menu-ter-hover);
    }

    .site-menu__title {
        position: absolute;
        bottom: -46px;
        left: 0;
        height: 146px;
        width: 100%;
        display: none;
        background-image: url(menu-logo-black%402x.95e768e3.png);
        background-position: 0 50%;
        background-repeat: repeat-x;
        background-size: auto 100%;
        animation: 40s linear infinite;
        animation-name: unjez71;
    }

    @keyframes unjez71 {
        0% {
            background-position: 0 50%;
        }

        to {
            background-position: 1747px 50%;
        }
    }

    @media (min-width: 64em) {
        .site-menu__title {
            display: block;
        }
    }

    .site-menu.menu-enter-active {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (max-width: 63.99em) {
        .site-menu.menu-enter-active {
            animation: 1.1s cubic-bezier(1, 0.01, 0.24, 0.995) both;
            animation-name: unjez7x;
        }

        @keyframes unjez7x {
            0% {
                transform: translate3d(0, -100vh, 0);
            }

            to {
                transform: translateZ(0);
            }
        }
    }

    @media (max-width: 63.99em) {
        .site-menu.menu-enter-active .site-menu__inner {
            animation: 1.1s cubic-bezier(1, 0.01, 0.24, 0.995) both;
            animation-name: unjez8n;
        }

        @keyframes unjez8n {
            0% {
                transform: translate3d(0, 100vh, 0);
            }

            to {
                transform: translateZ(0);
            }
        }
    }

    .site-menu.menu-enter-active .site-menu__footer:before,
    .site-menu.menu-enter-active .site-menu__trailer:before {
        animation-name: scale-x-in;
        animation-delay: 0s;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        animation-delay: 0.75s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__footer:before,
        .site-menu.menu-enter-active .site-menu__trailer:before {
            animation-delay: 0.35s;
            animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(1) .line {
        animation-delay: 0.6s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(1) .line {
            animation-delay: 0.2s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(2) .line {
        animation-delay: 0.7s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(2) .line {
            animation-delay: 0.3s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(3) .line {
        animation-delay: 0.8s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(3) .line {
            animation-delay: 0.4s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(4) .line {
        animation-delay: 0.9s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(4) .line {
            animation-delay: 0.5s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(5) .line {
        animation-delay: 1s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(5) .line {
            animation-delay: 0.6s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(6) .line {
        animation-delay: 1.1s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(6) .line {
            animation-delay: 0.7s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(7) .line {
        animation-delay: 1.2s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(7) .line {
            animation-delay: 0.8s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(8) .line {
        animation-delay: 1.3s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(8) .line {
            animation-delay: 0.9s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(9) .line {
        animation-delay: 1.4s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(9) .line {
            animation-delay: 1s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main li:nth-child(10) .line {
        animation-delay: 1.5s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__main li:nth-child(10) .line {
            animation-delay: 1.1s;
        }
    }

    .site-menu.menu-enter-active .site-menu__main .line {
        animation-name: move-y-in;
        animation-delay: 0s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-menu.menu-enter-active .site-menu__sub li,
    .site-menu.menu-enter-active .site-menu__ter li {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li {
            animation: none;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(1) {
        animation-delay: 1s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(1) .line {
            animation-delay: 0.3s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(2) {
        animation-delay: 1.05s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(2) .line {
            animation-delay: 0.4s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(3) {
        animation-delay: 1.1s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(3) .line {
            animation-delay: 0.5s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(4) {
        animation-delay: 1.15s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(4) .line {
            animation-delay: 0.6s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(5) {
        animation-delay: 1.2s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(5) .line {
            animation-delay: 0.7s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(6) {
        animation-delay: 1.25s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(6) .line {
            animation-delay: 0.8s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(7) {
        animation-delay: 1.3s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(7) .line {
            animation-delay: 0.9s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(8) {
        animation-delay: 1.35s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(8) .line {
            animation-delay: 1s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(9) {
        animation-delay: 1.4s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(9) .line {
            animation-delay: 1.1s;
        }
    }

    .site-menu.menu-enter-active .site-menu__sub li:nth-child(10) {
        animation-delay: 1.45s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub li:nth-child(10) .line {
            animation-delay: 1.2s;
        }
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__sub .line {
            animation-name: move-y-in;
            animation-delay: 0s;
            animation-duration: 0.5s;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        }
    }

    .site-menu.menu-enter-active .site-menu__ter li:nth-child(1) {
        animation-delay: 1.15s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__ter li:nth-child(1) {
            animation-delay: 0.9s;
        }
    }

    .site-menu.menu-enter-active .site-menu__ter li:nth-child(2) {
        animation-delay: 1.2s;
    }

    @media (min-width: 64em) {
        .site-menu.menu-enter-active .site-menu__ter li:nth-child(2) {
            animation-delay: 0.95s;
        }
    }

    .site-menu.menu-leave-active {
        animation-name: fade-out;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (max-width: 63.99em) {
        .site-menu.menu-leave-active {
            animation: 1.1s cubic-bezier(1, 0.01, 0.24, 0.995) both;
            animation-name: unjez8q;
        }

        @keyframes unjez8q {
            0% {
                transform: translateZ(0);
            }

            to {
                transform: translate3d(0, -100vh, 0);
            }
        }
    }

    @media (max-width: 63.99em) {
        .site-menu.menu-leave-active .site-menu__inner {
            animation: 1.1s cubic-bezier(1, 0.01, 0.24, 0.995) both;
            animation-name: unjez8z;
        }

        @keyframes unjez8z {
            0% {
                transform: translateZ(0);
            }

            to {
                transform: translate3d(0, 100vh, 0);
            }
        }
    }

    [data-theme="red"] .site-menu {
        --menu-burger: #fff;
        --menu-border: rgba(0, 0, 0, 0.4);
        --menu-background: rgba(0, 0, 0, 0.6);
        --menu-background-inner: #6a0000;
        --menu-main-hover: #000;
        --menu-main-primary: #fff;
        --menu-main-secondary: #000;
        --menu-sub-hover: #fff;
        --menu-sub-primary: rgba(255, 255, 255, 0.5);
        --menu-sub-secondary: #fff;
        --menu-ter-hover: #000;
        --menu-ter-primary: #fff;
    }

    @media (min-width: 64em) {
        [data-theme="red"] .site-menu {
            --menu-border: #000;
        }
    }

    [data-theme="black"] .site-menu {
        --menu-burger: #9c7443;
        --menu-border: rgba(0, 0, 0, 0.4);
        --menu-background: rgba(0, 0, 0, 0.6);
        --menu-background-inner: #212121;
        --menu-main-hover: #9c7443;
        --menu-main-primary: #fff;
        --menu-main-secondary: #9c7443;
        --menu-sub-hover: #fff;
        --menu-sub-primary: rgba(255, 255, 255, 0.5);
        --menu-sub-secondary: #9c7443;
        --menu-ter-hover: #fff;
        --menu-ter-primary: #9c7443;
    }

    @media (min-width: 64em) {
        [data-theme="black"] .site-menu {
            --menu-border: #000;
        }
    }

    [data-theme="white"] .site-menu {
        --menu-burger: #000;
        --menu-border: rgba(0, 0, 0, 0.4);
        --menu-background: rgba(0, 0, 0, 0.6);
        --menu-background-inner: #d7d7d7;
        --menu-main-hover: #fff;
        --menu-main-primary: #000;
        --menu-main-secondary: rgba(0, 0, 0, 0.5);
        --menu-sub-hover: #000;
        --menu-sub-primary: rgba(0, 0, 0, 0.5);
        --menu-sub-secondary: #000;
        --menu-ter-hover: #fff;
        --menu-ter-primary: #000;
    }

    @media (min-width: 64em) {
        [data-theme="white"] .site-menu {
            --menu-border: #000;
        }
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .site-header {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
    }

    .site-header__inner {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
        padding-top: 30px;
        padding-right: var(--grid-edge);
        padding-left: var(--grid-edge);
        display: flex;
        z-index: 20;
        pointer-events: none;
    }

    @media (min-width: 64em) {
        .site-header__inner {
            padding-top: 40px;
        }
    }

    .site-header__left,
    .site-header__right {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        pointer-events: auto;
    }

    @media (min-width: 64em) {
        .site-header__left .logo-sprite {
            position: fixed;
            top: 0;
            left: 0;
            margin-top: 53px;
            margin-left: var(--grid-edge);
        }
    }

    .site-header__right {
        margin-left: auto;
        margin-right: 66px;
    }

    @media (min-width: 64em) {
        .site-header__right {
            margin-right: 75px;
        }
    }

    .no-ui .site-header__right {
        pointer-events: none;
    }

    .site-header__burger {
        position: fixed;
        top: 0;
        right: 0;
        margin-top: 20px;
        margin-right: var(--grid-edge);
    }

    @media (min-width: 64em) {
        .site-header__burger {
            margin-top: 40px;
        }
    }

    .site-header__burger .button {
        height: 40px;
        width: 40px;
    }

    @media (min-width: 64em) {
        .site-header__burger .button {
            height: 52px;
            width: 52px;
        }
    }

    .site-header__burger .button .burger {
        color: var(--burger-color);
    }

    .site-header__burger .button--with-background .button__content:after {
        background-color: var(--burger-background-color);
    }

    .no-touchevents .site-header__burger .button--with-background:hover .burger,
    .no-touchevents .site-header__burger .button--with-background:focus .burger {
        color: var(--burger-hover-color);
    }

    .no-touchevents .site-header__burger .button--with-background:hover .button__content:after,
    .no-touchevents .site-header__burger .button--with-background:focus .button__content:after {
        background-color: var(--burger-hover-background-color);
    }

    .site-header__buttons {
        display: flex;
        align-items: center;
    }

        .site-header__buttons > .button:last-child {
            margin-left: 25px;
            margin-bottom: -3px;
        }

    [data-theme="red"] .site-header {
        --burger-color: #fff;
        --burger-background-color: #000;
        --burger-hover-color: #000;
        --burger-hover-background-color: #c81c01;
    }

    [data-theme="black"] .site-header {
        --burger-color: #9c7443;
        --burger-background-color: #000;
        --burger-hover-color: #000;
        --burger-hover-background-color: #9c7443;
    }

    [data-theme="white"] .site-header {
        --burger-color: #000;
        --burger-background-color: #f4f0ed;
        --burger-hover-color: #fff;
        --burger-hover-background-color: #000;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .link {
        display: inline-block;
        color: var(--link-primary);
        text-decoration: none;
        transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .link__content {
        display: inline-flex;
        align-items: center;
    }

        .link__content .svg {
            height: 100%;
            width: 6px;
            margin-left: 6px;
            fill: var(--link-icon);
            transition: fill 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

    .link--s {
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0em;
    }

    .link--m {
        font-family: Integral CF, Helvetica, Arial, sans-serif;
        font-size: 0.5rem;
        font-weight: 400;
        line-height: 2.625;
        letter-spacing: 0.58em;
        text-transform: uppercase;
    }

        .link--m .svg--arrow {
            transform: translateY(-1px);
        }

    .link--l {
        font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
        font-size: 0.625rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0em;
        text-transform: uppercase;
        overflow-x: hidden;
        overflow-y: hidden;
    }

        .link--l .link__content .svg--arrow {
            transform: translateY(-2px);
        }

    .link--xl {
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 1.0625rem;
        font-weight: 600;
        line-height: 3.2941176471;
        letter-spacing: 0.01em;
    }

        .link--xl .svg--arrow {
            transform: translateY(-2px);
        }

    .link--xxl {
        font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 4.7142857143;
        letter-spacing: 0em;
        text-transform: uppercase;
    }

        .link--xxl .svg--arrow {
            transform: translateY(-4px);
        }

    .no-touchevents .link:hover,
    .no-touchevents .link:focus {
        color: var(--link-hover-primary);
    }

        .no-touchevents .link:hover .svg,
        .no-touchevents .link:focus .svg {
            fill: var(--link-hover-icon);
        }

    .link--animate.link--l .link__content {
        transform: translate3d(0, 100%, 0);
    }

    .link--animate.in-view.link--l .link__content {
        animation-name: move-y-in;
        animation-delay: 0s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    [data-theme="red"] .link {
        --link-icon: #fff;
        --link-primary: #fff;
        --link-hover-icon: #000;
        --link-hover-primary: #000;
    }

    [data-theme="black"] .link {
        --link-icon: #9c7443;
        --link-primary: #fff;
        --link-hover-icon: #9c7443;
        --link-hover-primary: #9c7443;
    }

    [data-theme="white"] .link {
        --link-icon: #000;
        --link-primary: #000;
        --link-hover-icon: #fff;
        --link-hover-primary: #fff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .partner {
        position: relative;
        background-color: var(--partner-background);
    }

        .partner:before {
            padding-top: 85.8369098712%;
            display: block;
            content: "";
        }

    .partner__image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        user-select: none;
    }

        .partner__image img {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            object-fit: cover;
            transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

            .partner__image img:nth-child(2) {
                filter: url(#duotone);
            }

    .partner > a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        user-select: none;
        -webkit-user-select: none;
        -webkit-user-drag: none;
        -webkit-app-region: no-drag;
    }

    .partner__soon {
        position: absolute;
        top: 50%;
        left: 0;
        height: auto;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        transform: translateY(-50%);
        font-family: Integral CF, Helvetica, Arial, sans-serif;
        font-size: 0.6875rem;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: 0.12em;
        text-align: center;
        text-transform: uppercase;
    }

        .partner__soon span {
            display: inline-block;
        }

    .partner__name {
        position: absolute;
        bottom: -20px;
        left: 50%;
        height: 34px;
        width: auto;
        padding: 13px 15px 12px;
        pointer-events: none;
        border-radius: 20px;
        background-color: var(--partner-name-background);
        color: var(--partner-name-color);
        font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
        font-size: 0.5625rem;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        transform: translate(-50%);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

        .partner__name:before {
            position: absolute;
            top: 0;
            left: 50%;
            margin-top: -7px;
            margin-left: -7px;
            content: "";
            border-bottom: 7px solid var(--partner-name-background);
            border-right: 7px solid transparent;
            border-left: 7px solid transparent;
        }

    .no-touchevents .partner__name {
        opacity: 0;
        transform: translate(-50%, 10px);
    }

    .partner__soon {
        color: var(--partner-soon);
    }

    .no-touchevents .partner:hover .partner__name,
    .no-touchevents .partner:focus .partner__name {
        opacity: 1;
        transform: translate(-50%);
    }

    .no-touchevents .partner:hover .partner__image img:nth-child(2),
    .no-touchevents .partner:focus .partner__image img:nth-child(2) {
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    [data-theme="red"] .partner,
    [data-theme="black"] .partner {
        --partner-soon: rgba(255, 255, 255, 0.2);
        --partner-background: rgba(0, 0, 0, 0.3);
        --partner-name-color: #fff;
        --partner-name-background: #000;
    }

    [data-theme="white"] .partner {
        --partner-soon: rgba(0, 0, 0, 0.2);
        --partner-background: rgba(255, 255, 255, 0.3);
        --partner-name-color: #000;
        --partner-name-background: #fff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .partners__header {
        margin-bottom: 50px;
    }

    @media (min-width: 64em) {
        .partners__header {
            margin-bottom: 30px;
        }
    }

    .partners__title {
        color: var(--partners-title);
        perspective: 1500;
        -ms-perspective: 1500;
        -moz-perspective: 1500;
        -webkit-perspective: 1500;
    }

        .partners__title .line {
            display: inline-block;
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-style: preserve-3d;
            transform-origin: 0 100%;
        }

    .partners__eyebrow {
        color: var(--partners-eyebrow);
        opacity: 0;
        margin-bottom: 35px;
    }

    .partners__slider {
        position: relative;
    }

    .partners__slider-list {
        user-select: none;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-right: calc(-1 * var(--grid-edge));
        margin-left: calc(-1 * var(--grid-edge));
        padding-bottom: 50px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

        .partners__slider-list::-webkit-scrollbar {
            display: none;
        }

    .partners__slider-items {
        display: inline-flex;
    }

        .partners__slider-items:after,
        .partners__slider-items:before {
            content: "";
            flex-shrink: 0;
            flex-basis: var(--grid-edge);
        }

        .partners__slider-items .partner {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
            flex-shrink: 0;
        }

    @media (min-width: 0em) {
        .partners__slider-items .partner {
            flex-basis: calc((min(100vw, calc(100vw - 40px)) - 60px) * 0.75 + 40px);
        }
    }

    @media (min-width: 28.125em) {
        .partners__slider-items .partner {
            flex-basis: calc((min(100vw, calc(100vw - 40px)) - 60px) / 2 + 20px);
        }
    }

    @media (min-width: 48em) {
        .partners__slider-items .partner {
            flex-basis: calc((min(100vw, calc(100vw - 40px)) - 60px) / 2 + 20px);
        }
    }

    @media (min-width: 64em) {
        .partners__slider-items .partner {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 4 + 40px);
        }
    }

    @media (min-width: 83.75em) {
        .partners__slider-items .partner {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
        }
    }

    @media (min-width: 120em) {
        .partners__slider-items .partner {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 20px);
        }
    }

    .partners__slider-items .partner__soon span {
        transform: translate3d(0, 100%, 0);
    }

    @media (min-width: 0em) {
        .partners__slider-items .partner + .partner {
            margin-left: calc((min(100vw, calc(100vw - 40px)) - 60px) * 0 + 20px);
        }
    }

    @media (min-width: 64em) {
        .partners__slider-items .partner + .partner {
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .partners__slider-items .partner + .partner {
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .partners__slider-track,
    .partners__slider-thumb,
    .partners__slider-handle {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        content: "";
    }

    .partners__slider-track {
        background-color: var(--partners-scrollbar-track);
    }

    .partners__slider-thumb {
        height: 2px;
        transform: scale3d(0, 1, 1);
        transform-origin: 0% 50%;
    }

    .partners__slider-handle {
        height: 100%;
        transform: scaleX(0);
        transform-origin: 0% 50%;
        background-color: var(--partners-scrollbar-thumb);
    }

    .partners.in-view .partners__title .line {
        animation-name: title-rotate;
        animation-delay: 0s;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .partners.in-view .partners__title .line--1 {
        animation-delay: 0s;
    }

    .partners.in-view .partners__title .line--2 {
        animation-delay: 0.1s;
    }

    .partners.in-view .partners__eyebrow {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .partners.in-view .partners__slider-items .partner {
        animation-name: fade-y-in;
        animation-delay: 0s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .partners.in-view .partners__slider-items .partner__soon span {
        animation-name: move-y-in;
        animation-delay: 0s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .partners.in-view .partners__slider-items .partner:nth-child(1) {
        animation-delay: 0s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(1) .partner__soon span {
            animation-delay: 0.15s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(2) {
        animation-delay: 0.05s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(2) .partner__soon span {
            animation-delay: 0.2s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(3) {
        animation-delay: 0.1s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(3) .partner__soon span {
            animation-delay: 0.25s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(4) {
        animation-delay: 0.15s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(4) .partner__soon span {
            animation-delay: 0.3s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(5) {
        animation-delay: 0.2s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(5) .partner__soon span {
            animation-delay: 0.35s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(6) {
        animation-delay: 0.25s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(6) .partner__soon span {
            animation-delay: 0.4s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(7) {
        animation-delay: 0.3s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(7) .partner__soon span {
            animation-delay: 0.45s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(8) {
        animation-delay: 0.35s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(8) .partner__soon span {
            animation-delay: 0.5s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(9) {
        animation-delay: 0.4s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(9) .partner__soon span {
            animation-delay: 0.55s;
        }

    .partners.in-view .partners__slider-items .partner:nth-child(10) {
        animation-delay: 0.45s;
    }

        .partners.in-view .partners__slider-items .partner:nth-child(10) .partner__soon span {
            animation-delay: 0.6s;
        }

    .partners.in-view .partners__slider-thumb {
        animation-name: scale-x-in;
        animation-delay: 0s;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    [data-theme="red"] .partners {
        --partners-title: #fff;
        --partners-eyebrow: rgba(255, 255, 255, 0.4);
        --partners-scrollbar-thumb: #c81c01;
        --partners-scrollbar-track: rgba(255, 255, 255, 0.1);
    }

    [data-theme="black"] .partners {
        --partners-title: #fff;
        --partners-eyebrow: rgba(255, 255, 255, 0.4);
        --partners-scrollbar-thumb: #9c7443;
        --partners-scrollbar-track: rgba(255, 255, 255, 0.1);
    }

    [data-theme="white"] .partners {
        --partners-title: #000;
        --partners-eyebrow: rgba(0, 0, 0, 0.4);
        --partners-scrollbar-thumb: #000;
        --partners-scrollbar-track: rgba(0, 0, 0, 0.1);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .site-footer {
        position: relative;
        z-index: 15;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-footer__partners {
        margin-bottom: 60px;
    }

    @media (min-width: 64em) {
        .site-footer__partners {
            margin-bottom: 70px;
        }
    }

    .site-footer__top,
    .site-footer__bottom {
        opacity: 0;
    }

    .site-footer__top {
        padding-bottom: 55px;
    }

    @media (min-width: 64em) {
        .site-footer__top {
            display: flex;
            align-items: flex-start;
            border-bottom: 1px solid var(--footer-top-border);
            padding-bottom: 20px;
        }
    }

    .site-footer__quote {
        flex-shrink: 0;
    }

    @media (min-width: 64em) {
        .site-footer__quote {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 4) + 60px);
            margin-right: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 2) + 60px);
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__quote {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 4 + 60px);
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.375 + 140px);
        }
    }

    .site-footer__quote p {
        color: var(--footer-top-title);
    }

    .site-footer__quote cite {
        display: block;
        margin-top: 13px;
        color: var(--footer-top-text);
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.75;
        letter-spacing: 0em;
    }

    .site-footer__links {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    @media (min-width: 64em) {
        .site-footer__links {
            flex: 1;
            flex-direction: row;
            align-items: flex-start;
        }
    }

    .site-footer__links-list,
    .site-footer__links-title {
        flex-shrink: 0;
    }

    .site-footer__links-title {
        color: var(--footer-top-title);
        margin-bottom: 35px;
    }

    @media (min-width: 64em) {
        .site-footer__links-title {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 2) + 20px);
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
            margin-bottom: 0;
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__links-title {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 20px);
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .site-footer__links-title br {
        display: none;
    }

    @media (min-width: 64em) {
        .site-footer__links-title br {
            display: block;
        }
    }

    .site-footer__links-list {
        flex: 1;
    }

    @media (min-width: 64em) {
        .site-footer__links-list {
            display: flex;
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__links-list {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 4 + 60px);
        }
    }

    .site-footer__links-list ul {
        text-align: center;
    }

    @media (min-width: 64em) {
        .site-footer__links-list ul {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 2) + 20px);
            text-align: left;
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__links-list ul {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 20px);
        }
    }

    .site-footer__links-list ul + ul {
        margin-top: 20px;
    }

    @media (min-width: 64em) {
        .site-footer__links-list ul + ul {
            margin-top: 0;
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__links-list ul + ul {
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .site-footer__links-list li + li {
        margin-top: 20px;
    }

    @media (min-width: 64em) {
        .site-footer__links-list li + li {
            margin-top: 0;
        }
    }

    .site-footer__links-list .link {
        color: var(--footer-top-links);
    }

    .no-touchevents .site-footer__links-list .link:hover,
    .no-touchevents .site-footer__links-list .link:focus {
        color: var(--footer-top-links-hover);
    }

        .no-touchevents .site-footer__links-list .link:hover .svg,
        .no-touchevents .site-footer__links-list .link:focus .svg {
            fill: var(--footer-top-links-hover-icon);
        }

    .site-footer__bottom {
        padding-bottom: 100px;
        color: var(--footer-bottom-text);
        font-family: Integral CF, Helvetica, Arial, sans-serif;
        font-size: 0.5rem;
        font-weight: 400;
        line-height: 2.625;
        letter-spacing: 0.58em;
        text-transform: uppercase;
    }

    @media (min-width: 64em) {
        .site-footer__bottom {
            padding-top: 35px;
            padding-bottom: 65px;
            display: flex;
            align-items: center;
        }
    }

    .site-footer__bottom .link {
        color: var(--footer-bottom-links);
    }

    .no-touchevents .site-footer__bottom .link:hover,
    .no-touchevents .site-footer__bottom .link:focus {
        color: var(--footer-bottom-links-hover);
    }

    @media (min-width: 64em) {
        .site-footer__bottom-left {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 2 + 100px);
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__bottom-left {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.4375 + 120px);
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 80px);
        }
    }

    .site-footer__bottom-left .site-footer__bottom-inner {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }

    @media (min-width: 64em) {
        .site-footer__bottom-left .site-footer__bottom-inner {
            flex-direction: row;
        }
    }

    .site-footer__bottom-right {
        flex: 1;
    }

    @media (min-width: 64em) {
        .site-footer__bottom-right .site-footer__bottom-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    }

    .site-footer__bottom-links {
        flex-shrink: 0;
    }

    @media (min-width: 64em) {
        .site-footer__bottom-links {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 5) + 80px);
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__bottom-links {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 3.2 + 80px);
            margin-right: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .site-footer__bottom-links ul {
        display: flex;
        align-items: center;
    }

    .site-footer__bottom-links li + li {
        margin-left: 20px;
    }

    @media (min-width: 83.75em) {
        .site-footer__bottom-links li + li {
            margin-left: 50px;
        }
    }

    .site-footer__creator,
    .site-footer__copyright {
        flex-shrink: 0;
    }

    .site-footer__creator {
        height: auto;
        width: 100%;
        margin-bottom: 40px;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center;
        border-top: 1px solid var(--footer-bottom-creator-border);
        border-bottom: 1px solid var(--footer-bottom-creator-border);
    }

    @media (min-width: 64em) {
        .site-footer__creator {
            height: auto;
            width: auto;
            margin-bottom: 0;
            margin-left: 20px;
            padding-top: 0;
            padding-bottom: 0;
            border: 0 none;
            text-align: left;
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__creator {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 4 + 60px);
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-footer__copyright {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
        }
    }

    .site-footer__sound {
        margin-top: -7px;
    }

        .site-footer__sound .sound-toggle {
            display: flex;
            justify-content: flex-end;
        }

    .no-touchevents .site-footer__sound .sound-toggle__button:hover span,
    .no-touchevents .site-footer__sound .sound-toggle__button:focus span {
        background-color: var(--footer-bottom-sound-hover);
    }

    .site-footer:after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 530px;
        width: auto;
        margin-right: calc(-1 * var(--grid-edge));
        margin-left: calc(-1 * var(--grid-edge));
        content: "";
        z-index: -1;
        background-image: linear-gradient(to top, var(--footer-gradient-start) 15%, var(--footer-gradient-stop) 100%);
    }

    .no-ui .site-footer {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-footer.in-view .site-footer__top,
    .site-footer.in-view .site-footer__bottom {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .site-footer.in-view .site-footer__bottom {
            animation-delay: 0.1s;
        }
    }

    [data-theme="red"] .site-footer {
        --footer-gradient-stop: rgba(0, 0, 0, 0);
        --footer-gradient-start: black;
        --footer-top-text: rgba(255, 255, 255, 0.4);
        --footer-top-title: #fff;
        --footer-top-border: rgba(255, 255, 255, 0.1);
        --footer-top-links: rgba(255, 255, 255, 0.54);
        --footer-top-links-hover: #fff;
        --footer-top-links-hover-icon: #fff;
        --footer-bottom-text: rgba(255, 255, 255, 0.4);
        --footer-bottom-links: #fff;
        --footer-bottom-links-hover: rgba(255, 255, 255, 0.4);
        --footer-bottom-sound-hover: rgba(255, 255, 255, 0.4);
        --footer-bottom-creator-border: rgba(255, 255, 255, 0.1);
    }

    [data-theme="black"] .site-footer {
        --footer-gradient-stop: rgba(0, 0, 0, 0);
        --footer-gradient-start: black;
        --footer-top-text: rgba(255, 255, 255, 0.4);
        --footer-top-title: #fff;
        --footer-top-border: rgba(255, 255, 255, 0.1);
        --footer-top-links: rgba(255, 255, 255, 0.54);
        --footer-top-links-hover: #fff;
        --footer-top-links-hover-icon: #9c7443;
        --footer-bottom-text: rgba(255, 255, 255, 0.4);
        --footer-bottom-links: #9c7443;
        --footer-bottom-links-hover: #fff;
        --footer-bottom-sound-hover: #9c7443;
        --footer-bottom-creator-border: rgba(255, 255, 255, 0.1);
    }

    [data-theme="white"] .site-footer {
        --footer-gradient-stop: rgba(255, 255, 255, 0);
        --footer-gradient-start: white;
        --footer-top-text: rgba(0, 0, 0, 0.4);
        --footer-top-title: #000;
        --footer-top-border: rgba(0, 0, 0, 0.1);
        --footer-top-links: rgba(0, 0, 0, 0.54);
        --footer-top-links-hover: #000;
        --footer-top-links-hover-icon: #000;
        --footer-bottom-text: rgba(0, 0, 0, 0.4);
        --footer-bottom-links: #000;
        --footer-bottom-links-hover: rgba(0, 0, 0, 0.4);
        --footer-bottom-sound-hover: rgba(0, 0, 0, 0.4);
        --footer-bottom-creator-border: rgba(0, 0, 0, 0.1);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .content-block {
        position: fixed;
        top: 50%;
        left: var(--grid-edge);
        z-index: 4;
        transform-origin: 50% 50% 0px;
        transform: translate3d(0, -50%, 0);
    }

    .content-block__text,
    .content-block__title {
        display: flex;
        flex-direction: column;
        perspective: 1500;
        -ms-perspective: 1500;
        -moz-perspective: 1500;
        -webkit-perspective: 1500;
    }

        .content-block__text .line,
        .content-block__title .line {
            position: relative;
            display: inline-block;
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-style: preserve-3d;
            transform-origin: 0 100%;
        }

    .content-block__text {
        margin-top: 10px;
        color: var(--content-block-text);
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1.3333333333;
        letter-spacing: 0em;
    }

    @media (min-width: 64em) {
        .content-block__text {
            margin-top: 15px;
            font-size: 0.9375rem;
            line-height: 1.4;
        }
    }

    .content-block__text > span {
        display: flex;
        flex-direction: column;
    }

    .content-block__title {
        color: var(--content-block-title);
    }

        .content-block__title b {
            color: var(--content-block-dot);
        }

    .content-block__eyebrow {
        color: var(--content-block-eyebrow);
        margin-bottom: 30px;
    }

    [data-theme="red"] .content-block {
        --content-block-dot: #c81c01;
        --content-block-text: rgba(255, 255, 255, 0.55);
        --content-block-title: #fff;
        --content-block-eyebrow: rgba(255, 255, 255, 0.4);
    }

    [data-theme="black"] .content-block {
        --content-block-dot: #9c7443;
        --content-block-text: rgba(255, 255, 255, 0.55);
        --content-block-title: #fff;
        --content-block-eyebrow: rgba(255, 255, 255, 0.4);
    }

    [data-theme="white"] .content-block {
        --content-block-dot: #fff;
        --content-block-text: rgba(0, 0, 0, 0.55);
        --content-block-title: #000;
        --content-block-eyebrow: rgba(0, 0, 0, 0.4);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .site-content {
        position: relative;
        min-height: 6000px;
    }

    @media (min-width: 64em) {
        .site-content {
            min-height: 9000px;
        }
    }

    .site-content__header {
        position: relative;
        padding-top: 40px;
        z-index: 17;
        display: flex;
        align-items: center;
        pointer-events: none;
    }

    .site-content__header-left {
        pointer-events: auto;
    }

    @media (min-width: 64em) {
        .site-content__header-left {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 5) + 80px);
            flex-shrink: 0;
            margin-top: 2px;
        }
    }

    @media (min-width: 83.75em) {
        .site-content__header-left {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 3.2 + 80px);
            flex-shrink: 0;
        }
    }

    .site-content__header-center {
        flex-shrink: 0;
    }

    @media (min-width: 64em) {
        .site-content__header-center {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 4 + 40px);
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
            margin-top: 18px;
        }
    }

    @media (min-width: 83.75em) {
        .site-content__header-center {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .site-content__intro {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        width: 100%;
        z-index: 4;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .site-content__intro-logo {
        position: relative;
        height: auto;
        width: 100%;
        margin-top: 145px;
        margin-bottom: 30px;
    }

        .site-content__intro-logo:before {
            padding-top: 48.828125%;
            display: block;
            content: "";
        }

    @media (min-width: 64em) {
        .site-content__intro-logo {
            position: relative;
            margin-top: 150px;
            margin-bottom: 35px;
        }

            .site-content__intro-logo:before {
                padding-top: 13.023255814%;
                display: block;
                content: "";
            }
    }

    @media (min-width: 83.75em) {
        .site-content__intro-logo {
            margin-bottom: 40px;
        }
    }

    .site-content__intro-left,
    .site-content__intro-right {
        color: #000;
    }

    @media (min-width: 0em) {
        .site-content__intro-left,
        .site-content__intro-right {
            flex-basis: 125px;
        }
    }

    @media (min-width: 64em) {
        .site-content__intro-left {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 4 + 40px);
        }
    }

    @media (min-width: 83.75em) {
        .site-content__intro-left {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
        }
    }

    .site-content__intro-right {
        margin-top: 160px;
        margin-left: auto;
    }

    @media (min-width: 64em) {
        .site-content__intro-right {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 4 + 40px);
            margin-top: 0;
            margin-left: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 2) + 60px);
        }
    }

    @media (min-width: 83.75em) {
        .site-content__intro-right {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 60px);
        }
    }

    .site-content__intro-text {
        color: var(--content-text-color);
    }

    .site-content__intro-line {
        display: inline-block;
    }

    @media (min-width: 64em) {
        .site-content__intro-line {
            display: block;
            overflow-x: hidden;
            overflow-y: hidden;
        }
    }

    @media (min-width: 64em) {
        .site-content__intro-line span {
            display: inline-block;
            transform: translate3d(0, 100%, 0);
        }
    }

    .site-content__intro-line + .site-content__intro-line {
        margin-left: 0.25em;
    }

    @media (min-width: 64em) {
        .site-content__intro-line + .site-content__intro-line {
            margin-left: 0;
        }
    }

    .site-content__intro.in-view .site-content__intro-line span {
        animation-name: move-y-in;
        animation-delay: 0s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-content__intro.in-view .site-content__intro-line:nth-child(1) span {
        animation-delay: 0s;
    }

    .site-content__intro.in-view .site-content__intro-line:nth-child(2) span {
        animation-delay: 0.05s;
    }

    .site-content__intro.in-view .site-content__intro-line:nth-child(3) span {
        animation-delay: 0.1s;
    }

    .site-content__fashion {
        margin-bottom: 4px;
        color: var(--content-text-color);
        font-family: Integral CF, Helvetica, Arial, sans-serif;
        font-size: 0.8125rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0em;
        text-transform: uppercase;
    }

    @media (min-width: 64em) {
        .site-content__fashion {
            overflow-x: hidden;
            overflow-y: hidden;
        }
    }

    @media (min-width: 64em) {
        .site-content__fashion span {
            display: inline-block;
            transform: translate3d(0, 100%, 0);
        }
    }

    @media (min-width: 64em) {
        .site-content__fashion.in-view span {
            animation-name: move-y-in;
            animation-delay: 0s;
            animation-duration: 0.5s;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        }
    }

    .site-content__blocks .content-block {
        width: 240px;
    }

    @media (min-width: 64em) {
        .site-content__blocks .content-block {
            width: calc((min(100vw, calc(100vw - 100px)) - 220px) / 2 + 100px);
        }
    }

    @media (min-width: 83.75em) {
        .site-content__blocks .content-block {
            width: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.375 + 100px);
        }
    }

    @media (min-width: 90em) {
        .site-content__blocks .content-block {
            width: calc((min(100vw, calc(100vw - 100px)) - 300px) / 3.2 + 80px);
        }
    }

    .site-content__blocks .content-block__text {
        width: 100%;
    }

    @media (min-width: 64em) {
        .site-content__blocks .content-block__text {
            max-width: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 4) + 60px);
        }
    }

    @media (min-width: 83.75em) {
        .site-content__blocks .content-block__text {
            max-width: calc((min(100vw, calc(100vw - 100px)) - 300px) / 4 + 60px);
        }
    }

    @media (min-width: 120em) {
        .site-content__blocks .content-block__text {
            max-width: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
        }
    }

    @media (min-width: 64em) {
        .site-content__blocks .content-block:nth-child(1) {
            left: auto;
            right: var(--grid-edge);
        }
    }

    .site-content__blocks .content-block:nth-child(2) {
        left: auto;
        right: var(--grid-edge);
        text-align: right;
    }

    @media (min-width: 64em) {
        .site-content__blocks .content-block:nth-child(2) {
            left: var(--grid-edge);
            right: auto;
            text-align: left;
            margin-left: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-content__blocks .content-block:nth-child(2) {
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 20px);
        }
    }

    @media (max-width: 63.99em) {
        .site-content__blocks .content-block:nth-child(2) .content-block__title span:last-child {
            display: flex;
            flex-direction: row-reverse;
        }

            .site-content__blocks .content-block:nth-child(2) .content-block__title span:last-child b {
                margin-right: 0.25em;
            }
    }

    [data-theme="red"] .site-content {
        --content-text-color: #000;
    }

    [data-theme="black"] .site-content {
        --content-text-color: #494239;
    }

    [data-theme="white"] .site-content {
        --content-text-color: #000;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .tutorial-drag {
        position: relative;
        pointer-events: none;
    }

    .tutorial-drag__inner {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .tutorial-drag__text {
        color: var(--tutorial-drag-text);
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0em;
        text-align: center;
    }

        .tutorial-drag__text:before {
            margin-right: auto;
            margin-bottom: 20px;
            margin-left: auto;
            content: "";
            display: block;
            background-repeat: no-repeat;
            background-position: 0 0;
            animation: sequence-x 2s steps(83) infinite;
        }

    .tutorial-drag--touch .tutorial-drag__inner {
        background-color: #000000b3;
    }

    .tutorial-drag--touch .tutorial-drag__text {
        color: #fff;
    }

        .tutorial-drag--touch .tutorial-drag__text:before {
            height: 100px;
            width: 125px;
            margin-bottom: -20px;
            background-image: url(drag-touch%402x.b45e8ec0.png);
            background-size: 10500px auto;
        }

    .tutorial-drag--mouse .tutorial-drag__text:before {
        height: 100px;
        width: 105px;
        margin-bottom: -30px;
        background-image: var(--tutorial-drag-icon-mouse);
        background-size: 8820px auto;
    }

    [data-theme="red"] .tutorial-drag {
        --tutorial-drag-text: rgba(255, 255, 255, 0.5);
        --tutorial-drag-icon-mouse: url(drag-mouse-white%402x.6f21af17.png);
    }

    [data-theme="black"] .tutorial-drag {
        --tutorial-drag-text: rgba(255, 255, 255, 0.5);
        --tutorial-drag-icon-mouse: url(drag-mouse-white%402x.6f21af17.png);
    }

    [data-theme="white"] .tutorial-drag {
        --tutorial-drag-text: rgba(0, 0, 0, 0.5);
        --tutorial-drag-icon-mouse: url(drag-mouse-black%402x.5deadd2e.png);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .tutorial-sound {
        position: relative;
        height: 40px;
        width: auto;
        pointer-events: none;
    }

    .tutorial-sound__inner {
        position: relative;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        border-radius: 20px;
        padding: 5px 25px 9px 12px;
        background-color: var(--tutorial-sound-background);
        color: var(--tutorial-sound-text);
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 0.75rem;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0em;
        text-align: center;
    }

        .tutorial-sound__inner .svg {
            fill: currentColor;
            margin-top: 2px;
            margin-right: 10px;
            margin-bottom: -2px;
        }

    .tutorial-sound--touch {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        margin-bottom: 15px;
    }

        .tutorial-sound--touch .tutorial-sound__inner {
            border-radius: 15px;
            justify-content: center;
        }

    .tutorial-sound--mouse {
        position: fixed;
        margin-top: -10px;
        z-index: 975;
        transform: translate(-50%, -100%);
    }

    [data-theme="red"] .tutorial-sound,
    [data-theme="black"] .tutorial-sound {
        --tutorial-sound-text: #fff;
        --tutorial-sound-background: rgba(0, 0, 0, 0.25);
    }

    [data-theme="white"] .tutorial-sound {
        --tutorial-sound-text: #000;
        --tutorial-sound-background: rgba(255, 255, 255, 0.25);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .theme-switcher {
        position: relative;
        height: 44px;
        width: auto;
        margin-top: 1px;
        outline: none;
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none;
        -webkit-user-select: none;
    }

    @media (min-width: 68.75em) {
        .theme-switcher {
            width: auto;
            margin-top: 3px;
            height: 50px;
            min-width: 150px;
            border-radius: 25px;
        }
    }

    .theme-switcher__inner,
    .theme-switcher__wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .theme-switcher__inner {
        color: var(--theme-switcher-primary);
        font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
        font-size: 0.5rem;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
    }

    .theme-switcher__label {
        position: relative;
        height: 40px;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        z-index: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 20px;
        overflow-x: hidden;
        overflow-y: hidden;
        user-select: none;
        -webkit-user-select: none;
        background-color: var(--theme-switcher-background);
    }

    @media (min-width: 64em) {
        .theme-switcher__label {
            height: 44px;
            width: 100%;
            padding-top: 2px;
            padding-right: 40px;
            padding-left: 40px;
            border-radius: 22px;
            font-size: 0.625rem;
        }
    }

    @media (min-width: 68.75em) {
        .theme-switcher__label {
            padding-right: 0;
            padding-left: 0;
        }
    }

    .theme-switcher__progress {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: hidden;
        border-radius: inherit;
        background-color: var(--theme-switcher-progress-background);
        transform-origin: 0% 50%;
        transform: translate3d(-100%, 0, 0);
        transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .theme-switcher__progress-inner {
        height: 100%;
        width: 100%;
        color: var(--theme-switcher-secondary);
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translate3d(100%, 0, 0);
        user-select: none;
        -webkit-user-select: none;
    }

    @media (min-width: 64em) {
        .no-touchevents .theme-switcher:hover .theme-switcher__label {
            transform: translateY(2px);
        }
    }

    .theme-switcher--touch .theme-switcher__label {
        border: 2px solid var(--theme-switcher-background);
    }

    .theme-switcher--mouse .theme-switcher__wrapper:before {
        position: absolute;
        bottom: 0;
        left: 0;
        height: calc(100% - 10px);
        width: 100%;
        border: 2px solid var(--theme-switcher-border);
        border-radius: 20px;
        background-color: var(--theme-switcher-background);
        transition: border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 68.75em) {
        .theme-switcher--mouse .theme-switcher__wrapper:before {
            content: "";
        }
    }

    .theme-switcher--mouse .theme-switcher__label {
        border: 2px solid var(--theme-switcher-background);
    }

    @media (min-width: 68.75em) {
        .theme-switcher--mouse .theme-switcher__label {
            border-color: var(--theme-switcher-border);
        }
    }

    @media (min-width: 68.75em) {
        .no-touchevents .theme-switcher--pressed .theme-switcher__label {
            transform: translateY(6px) !important;
        }
    }

    .theme-switcher--running .theme-switcher__progress {
        opacity: 1;
    }

    [data-theme="red"] .theme-switcher {
        --theme-switcher-border: rgba(255, 255, 255, 0.2);
        --theme-switcher-primary: #fff;
        --theme-switcher-secondary: #000;
        --theme-switcher-background: #000;
        --theme-switcher-hover-border: #7b1111;
        --theme-switcher-hover-primary: #000;
        --theme-switcher-hover-background: #c81c01;
        --theme-switcher-progress-background: #c81c01;
    }

    [data-theme="black"] .theme-switcher {
        --theme-switcher-border: rgba(255, 255, 255, 0.2);
        --theme-switcher-primary: #9c7443;
        --theme-switcher-secondary: #000;
        --theme-switcher-background: #000;
        --theme-switcher-hover-border: #000;
        --theme-switcher-hover-primary: #000;
        --theme-switcher-hover-background: #9c7443;
        --theme-switcher-progress-background: #9c7443;
    }

    [data-theme="white"] .theme-switcher {
        --theme-switcher-border: rgba(255, 255, 255, 0.2);
        --theme-switcher-primary: #000;
        --theme-switcher-secondary: #fff;
        --theme-switcher-background: #fff;
        --theme-switcher-hover-border: #000;
        --theme-switcher-hover-primary: #fff;
        --theme-switcher-hover-background: #000;
        --theme-switcher-progress-background: #000;
    }

    @media (min-width: 68.75em) {
        [data-theme="white"] .theme-switcher {
            --theme-switcher-primary: #fff;
            --theme-switcher-secondary: #000;
            --theme-switcher-background: #000;
            --theme-switcher-hover-primary: #000;
            --theme-switcher-hover-background: #fff;
            --theme-switcher-progress-background: #fff;
        }
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .tutorial-scroll {
        position: relative;
        pointer-events: none;
    }

    .tutorial-scroll__inner {
        position: relative;
        height: auto;
        width: 100%;
        z-index: 1;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

        .tutorial-scroll__inner.tutorial-scroll-enter-active {
            animation-name: fade-in;
            animation-delay: 0.3s;
            animation-duration: 0.3s;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .tutorial-scroll__inner.tutorial-scroll-leave-active {
            animation-name: fade-out;
            animation-delay: 0s;
            animation-duration: 0.3s;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        }

    .tutorial-scroll__text {
        color: var(--tutorial-scroll-text);
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 0.9375rem;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0em;
        text-align: center;
    }

        .tutorial-scroll__text .svg {
            fill: var(--tutorial-scroll-icon);
        }

        .tutorial-scroll__text .svg--mouse .wheel {
            fill: url(#mouse-gradient);
        }

        .tutorial-scroll__text p {
            margin-top: 10px;
        }

            .tutorial-scroll__text p > span {
                display: inline-block;
            }

        .tutorial-scroll__text:before {
            height: 250px;
            width: 125px;
            margin-right: auto;
            margin-bottom: -45px;
            margin-left: auto;
            display: block;
            background-image: url(scroll-touch%402x.1277c5b9.png);
            background-size: 7625px auto;
            background-repeat: no-repeat;
            background-position: 0 0;
            transform: translate(5px);
            animation: sequence-x 2s steps(60) infinite;
        }

    .tutorial-scroll--touch .tutorial-scroll__inner {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #000000b3;
    }

    .tutorial-scroll--touch .tutorial-scroll__text {
        color: #fff;
        text-align: center;
        margin-top: -125px;
        line-height: 1.1;
    }

        .tutorial-scroll--touch .tutorial-scroll__text:before {
            content: "";
        }

    .tutorial-scroll--mouse .tutorial-scroll__text {
        overflow-x: hidden;
        overflow-y: hidden;
    }

        .tutorial-scroll--mouse .tutorial-scroll__text > p {
            display: none;
        }

    @media (min-width: 37.5em) {
        .tutorial-scroll--mouse .tutorial-scroll__text > p {
            display: block;
        }
    }

    [data-theme="red"] .tutorial-scroll,
    [data-theme="black"] .tutorial-scroll {
        --tutorial-scroll-icon: #fff;
        --tutorial-scroll-text: rgba(255, 255, 255, 0.5);
    }

    [data-theme="white"] .tutorial-scroll {
        --tutorial-scroll-icon: #000;
        --tutorial-scroll-text: rgba(0, 0, 0, 0.5);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .site-toolbar {
        position: sticky;
        bottom: 20px;
        height: 46px;
        width: 100%;
        margin-bottom: 60px;
        z-index: 21;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .site-toolbar {
            position: sticky;
            bottom: 45px;
            height: 52px;
            width: 100%;
        }
    }

    .site-toolbar__inner {
        display: flex;
        align-items: center;
    }

    .site-toolbar__side {
        flex-shrink: 0;
    }

    @media (min-width: 64em) {
        .site-toolbar__side {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 4) + 60px);
        }
    }

    @media (min-width: 83.75em) {
        .site-toolbar__side {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 4 + 60px);
        }
    }

    .site-toolbar__side-inner {
        display: flex;
        flex-shrink: 0;
        align-items: flex-end;
    }

    .site-toolbar__side .button {
        height: 40px;
        width: 40px;
    }

    @media (min-width: 64em) {
        .site-toolbar__side .button {
            height: 52px;
            width: 52px;
        }
    }

    .site-toolbar__side .button + .button {
        margin-left: 10px;
    }

    @media (min-width: 64em) {
        .site-toolbar__side .button + .button {
            margin-left: 15px;
        }
    }

    .site-toolbar__side .button--with-label .button__content:after,
    .site-toolbar__side .button--with-background .button__content:after {
        background-color: var(--toolbar-button-background);
    }

    .site-toolbar__side .button--with-label {
        width: auto;
    }

    .no-touchevents .site-toolbar__side .button--with-background:hover .button__content .svg,
    .no-touchevents .site-toolbar__side .button--with-background:focus .button__content .svg {
        fill: var(--toolbar-button-hover-icon);
    }

    .no-touchevents .site-toolbar__side .button--with-background:hover .button__content:after,
    .no-touchevents .site-toolbar__side .button--with-background:focus .button__content:after {
        background-color: var(--toolbar-button-hover-background);
    }

    .site-toolbar__side:last-child {
        flex-basis: 0;
    }

    @media (min-width: 68.75em) {
        .site-toolbar__side:last-child {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 4) + 60px);
        }
    }

    @media (min-width: 83.75em) {
        .site-toolbar__side:last-child {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 4 + 60px);
        }
    }

    .site-toolbar__center {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-toolbar__buttons-list {
        display: flex;
        align-items: center;
    }

    .site-toolbar__tutorial {
        pointer-events: none;
    }

    .no-touchevents .site-toolbar__tutorial {
        position: absolute;
        bottom: 4px;
        left: 0;
        height: auto;
        width: 100%;
    }

    @media (min-width: 37.5em) {
        .no-touchevents .site-toolbar__tutorial {
            bottom: 16px;
        }
    }

    @media (min-width: 64em) {
        .no-touchevents .site-toolbar__tutorial {
            bottom: 18px;
        }
    }

    .site-toolbar__hapebar {
        margin-top: 1px;
        margin-left: auto;
        opacity: 0;
        display: flex;
        align-items: center;
    }

    @media (min-width: 68.75em) {
        .site-toolbar__hapebar {
            margin-top: 4px;
            margin-left: 0;
        }

        .no-touchevents .site-toolbar__hapebar {
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
            opacity: 1;
        }

            .no-touchevents .site-toolbar__hapebar .theme-switcher__wrapper {
                max-width: 0;
                overflow-x: hidden;
                overflow-y: hidden;
            }

            .no-touchevents .site-toolbar__hapebar .theme-switcher__inner {
                transform: translate3d(0, 5px, 0);
            }

            .no-touchevents .site-toolbar__hapebar .theme-switcher--pressed .theme-switcher__inner {
                transform: translateZ(0);
            }

            .no-touchevents .site-toolbar__hapebar .site-toolbar__hapebar-text span {
                transform: translate3d(0, 100%, 0);
                transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            }
    }

    @media (min-width: 83.75em) {
        .site-toolbar__hapebar {
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .site-toolbar__hapebar-text {
        display: none;
        min-width: 65px;
        color: var(--toolbar-hapebar-text);
        font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
        font-size: 0.5625rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.12em;
        text-transform: uppercase;
        transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 68.75em) {
        .no-touchevents .site-toolbar__hapebar-text {
            display: block;
            overflow-x: hidden;
            overflow-y: hidden;
        }
    }

    @media (min-width: 68.75em) {
        .site-toolbar__hapebar-text span {
            display: inline-block;
        }
    }

    .site-toolbar__hapebar-text:first-child {
        margin-right: 15px;
        text-align: right;
    }

    .site-toolbar__hapebar-text:last-child {
        margin-left: 15px;
    }

    .site-toolbar__hapebar.in-view {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 68.75em) {
        .no-touchevents .site-toolbar__hapebar.in-view {
            animation: none;
        }

            .no-touchevents .site-toolbar__hapebar.in-view .theme-switcher__wrapper {
                animation: 1s cubic-bezier(0.77, 0, 0.175, 1) both;
                animation-name: unjeyyd;
            }

        @keyframes unjeyyd {
            0% {
                max-width: 0;
            }

            to {
                max-width: 154px;
            }
        }

        .no-touchevents .site-toolbar__hapebar.in-view .theme-switcher__inner {
            transition: transform 0.5s 0.85s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transform: translateZ(0);
        }

        .no-touchevents .site-toolbar__hapebar.in-view .site-toolbar__hapebar-text span {
            transform: translateZ(0);
            transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition-delay: 0.85s;
        }

        .no-touchevents .site-toolbar__hapebar.in-view .site-toolbar__hapebar-text.fade-enter-active span {
            animation-name: move-y-in;
            animation-delay: 0s;
            animation-duration: 0.5s;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        }
    }

    .site-toolbar__links {
        flex: 1;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    .site-toolbar__link,
    .site-toolbar__sound {
        display: none;
    }

    @media (min-width: 68.75em) {
        .site-toolbar__link,
        .site-toolbar__sound {
            display: block;
        }
    }

    .site-toolbar__link {
        flex-shrink: 0;
    }

    @media (min-width: 64em) {
        .site-toolbar__link {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 4 + 40px);
        }
    }

    @media (min-width: 83.75em) {
        .site-toolbar__link {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
        }
    }

    @media (min-width: 98.75em) {
        .site-toolbar__link {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 20px);
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 20px);
        }
    }

    .site-toolbar__sound {
        flex-shrink: 0;
        margin-bottom: 6px;
    }

    @media (min-width: 64em) {
        .site-toolbar__sound {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 0px);
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .site-toolbar__sound {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 0px);
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .site-toolbar__sound .sound-toggle {
        display: flex;
        justify-content: flex-end;
    }

    .site-toolbar__exit {
        position: fixed;
        top: 42px;
        right: var(--grid-edge);
    }

    @media (min-width: 64em) {
        .site-toolbar__exit {
            top: 43px;
        }
    }

    @media (min-width: 68.75em) {
        .site-toolbar__exit {
            position: initial;
            top: auto;
            right: auto;
            margin-left: auto;
            transform: translateY(2px);
        }
    }

    .site-toolbar__exit .button--with-label .button__content .svg {
        fill: #000;
    }

        .site-toolbar__exit .button--with-label .button__content .svg:after {
            background-color: #f4f0ed;
        }

    .site-toolbar__exit .button--with-label .button__content .text-label {
        color: #fff;
    }

    .site-toolbar__exit .button--with-label .button__content:after {
        content: none;
    }

    .no-touchevents .site-toolbar__exit .button--with-label:hover .button__content .svg,
    .no-touchevents .site-toolbar__exit .button--with-label:focus .button__content .svg {
        fill: #fff;
    }

        .no-touchevents .site-toolbar__exit .button--with-label:hover .button__content .svg:after,
        .no-touchevents .site-toolbar__exit .button--with-label:focus .button__content .svg:after {
            background-color: #000;
        }

    .site-toolbar--walk .site-toolbar__inner {
        position: fixed;
        bottom: 20px;
        left: 0;
        height: auto;
        width: 100%;
        margin-bottom: 0;
        padding-right: var(--grid-edge);
        padding-left: var(--grid-edge);
    }

    @media (min-width: 64em) {
        .site-toolbar--walk .site-toolbar__inner {
            bottom: 43px;
        }
    }

    .site-toolbar--walk .site-toolbar__hapebar-text {
        margin-top: 3px;
    }

    @media (min-width: 64em) {
        .site-toolbar--walk .site-toolbar__hapebar .theme-switcher {
            transform: translateY(-2px);
        }
    }

    @media (min-width: 68.75em) {
        .site-toolbar--walk .site-toolbar__hapebar .theme-switcher {
            transform: translateY(1px);
        }
    }

    .site-toolbar--hidden {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    [data-theme="red"] .site-toolbar {
        --toolbar-hapebar-text: #fff;
        --toolbar-button-background: #000;
        --toolbar-button-hover-icon: #000;
        --toolbar-button-hover-background: #c81c01;
    }

    @media (min-width: 64em) {
        [data-theme="red"] .site-toolbar {
            --toolbar-button-background: rgba(49, 0, 0, 0.3);
            --toolbar-button-hover-icon: #fff;
            --toolbar-button-hover-background: #000;
        }
    }

    [data-theme="black"] .site-toolbar {
        --toolbar-hapebar-text: #fff;
        --toolbar-button-background: #000;
        --toolbar-button-hover-icon: #000;
        --toolbar-button-hover-background: #9c7443;
    }

    @media (min-width: 64em) {
        [data-theme="black"] .site-toolbar {
            --toolbar-button-background: rgba(0, 0, 0, 0.25);
            --toolbar-button-hover-icon: #fff;
            --toolbar-button-hover-background: #000;
        }
    }

    [data-theme="white"] .site-toolbar {
        --toolbar-hapebar-text: #fff;
        --toolbar-button-background: #fff;
        --toolbar-button-hover-icon: #fff;
        --toolbar-button-hover-background: #000;
    }

    @media (min-width: 64em) {
        [data-theme="white"] .site-toolbar {
            --toolbar-button-background: rgba(255, 255, 255, 0.3);
            --toolbar-button-hover-icon: #fff;
            --toolbar-button-hover-background: #000;
        }
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .roadmap-item {
        position: relative;
        z-index: 1;
    }

    @media (min-width: 0em) {
        .roadmap-item {
            margin-left: calc(-1 * ((min(100vw, calc(100vw - 40px)) - 60px) / 4 + 0px));
            padding-left: calc((min(100vw, calc(100vw - 40px)) - 60px) / 4 + 0px);
        }
    }

    @media (min-width: 64em) {
        .roadmap-item {
            margin-left: calc(-1 * (calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 20px));
            padding-left: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .roadmap-item {
            margin-left: calc(-1 * ((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 20px));
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 20px);
        }
    }

    @media (min-width: 64em) {
        .roadmap-item__inner {
            display: flex;
            align-items: center;
        }
    }

    .roadmap-item__image {
        position: relative;
        height: auto;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        border-radius: 12px;
        margin-bottom: 20px;
        transform: scale3d(0.85, 0.85, 0.85);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

        .roadmap-item__image:before {
            padding-top: 59.5744680851%;
            display: block;
            content: "";
        }

    @media (min-width: 64em) {
        .roadmap-item__image {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 220px) / 4 + 40px);
            flex-shrink: 0;
            margin-bottom: 0;
        }
    }

    @media (min-width: 83.75em) {
        .roadmap-item__image {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.1875 + 40px);
        }
    }

    @media (min-width: 131.25em) {
        .roadmap-item__image {
            max-width: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 20px);
        }
    }

    .roadmap-item__image img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transform: scale3d(1.35, 1.35, 1.35);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .roadmap-item__content {
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0 + 20px);
            padding-left: 30px;
            flex: 1;
        }
    }

    @media (min-width: 83.75em) {
        .roadmap-item__content {
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0 + 20px);
        }
    }

    .roadmap-item__text,
    .roadmap-item__title {
        opacity: 0;
        transform: translate3d(0, 15px, 0);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .roadmap-item__title {
        color: var(--roadmap-item-title);
        margin-bottom: 15px;
    }

    @media (min-width: 64em) {
        .roadmap-item__title {
            margin-bottom: 10px;
        }
    }

    @media (max-width: 63.99em) {
        .roadmap-item__title {
            font-size: 0.875rem;
            line-height: 1.2857142857;
            letter-spacing: 0.05em;
        }
    }

    .roadmap-item__text {
        color: var(--roadmap-item-text);
        font-family: Neue Plak Extended, Helvetica, Arial, sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.6923076923;
        letter-spacing: 0em;
    }

    @media (min-width: 64em) {
        .roadmap-item__text {
            font-size: 0.8125rem;
            line-height: 1.5384615385;
        }
    }

    .roadmap-item__dot {
        position: absolute;
        top: 5px;
        left: 16px;
        height: 12px;
        width: 12px;
        z-index: 1;
        border-radius: 50%;
        border: 1px solid var(--roadmap-item-marker-border);
        background-color: var(--roadmap-item-marker-color);
        transform: scale3d(0, 0, 0);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .roadmap-item__dot {
            top: 50%;
            left: 1px;
            margin-top: -6px;
        }
    }

    .roadmap-item__dot:after {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 4px;
        width: 4px;
        margin-top: -2px;
        margin-left: -2px;
        content: "";
        border-radius: 50%;
        background-color: var(--roadmap-item-marker-dot);
    }

    .roadmap-item + .roadmap-item {
        margin-top: 40px;
    }

    @media (min-width: 64em) {
        .roadmap-item + .roadmap-item {
            margin-top: 60px;
        }
    }

    .roadmap-item.in-view .roadmap-item__dot,
    .roadmap-item.in-view .roadmap-item__image,
    .roadmap-item.in-view .roadmap-item__dot img,
    .roadmap-item.in-view .roadmap-item__image img {
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .roadmap-item.in-view .roadmap-item__dot {
        transform: scaleZ(1);
    }

    .roadmap-item.in-view .roadmap-item__text,
    .roadmap-item.in-view .roadmap-item__title {
        opacity: 1;
        transform: translateZ(0);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .roadmap-item.in-view .roadmap-item__text {
        transition-delay: 0.1s;
    }

    .roadmap-item.in-view .roadmap-item__image,
    .roadmap-item.in-view .roadmap-item__image img {
        transform: scaleZ(1);
    }

    [data-theme="red"] .roadmap-item {
        --roadmap-item-text: rgba(255, 255, 255, 0.5);
        --roadmap-item-title: #fff;
        --roadmap-item-marker-dot: #fff;
        --roadmap-item-marker-color: #6a0000;
        --roadmap-item-marker-border: rgba(156, 116, 67, 0.2);
    }

    [data-theme="black"] .roadmap-item {
        --roadmap-item-text: rgba(255, 255, 255, 0.5);
        --roadmap-item-title: #fff;
        --roadmap-item-marker-dot: #fff;
        --roadmap-item-marker-color: #212121;
        --roadmap-item-marker-border: rgba(156, 116, 67, 0.2);
    }

    [data-theme="white"] .roadmap-item {
        --roadmap-item-text: rgba(0, 0, 0, 0.5);
        --roadmap-item-title: #000;
        --roadmap-item-marker-dot: #000;
        --roadmap-item-marker-color: #d7d7d7;
        --roadmap-item-marker-border: rgba(156, 116, 67, 0.2);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .roadmap-group__title {
        color: var(--roadmap-group-title);
        margin-bottom: 20px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    @media (min-width: 64em) {
        .roadmap-group__title {
            margin-bottom: 30px;
        }
    }

    .roadmap-group__title > span {
        display: inline-block;
        transform: translate3d(0, 100%, 0);
    }

    .roadmap-group + .roadmap-group {
        margin-top: 55px;
    }

    .roadmap-group.in-view .roadmap-group__title > span {
        animation-name: move-y-in;
        animation-delay: 0s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    [data-theme="red"] .roadmap-group {
        --roadmap-group-title: rgba(255, 255, 255, 0.5);
    }

    [data-theme="black"] .roadmap-group {
        --roadmap-group-title: #9c7443;
    }

    [data-theme="white"] .roadmap-group {
        --roadmap-group-title: rgba(0, 0, 0, 0.5);
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .roadmap-phase {
        position: relative;
    }

    @media (min-width: 0em) {
        .roadmap-phase {
            padding-right: 20px;
            padding-left: calc((min(100vw, calc(100vw - 40px)) - 60px) / 4 + 0px);
        }
    }

    @media (min-width: 37.5em) {
        .roadmap-phase {
            padding-right: calc((min(100vw, calc(100vw - 40px)) - 60px) / 4 + 0px);
            padding-left: calc((min(100vw, calc(100vw - 40px)) - 60px) / 4 + 0px);
        }
    }

    @media (min-width: 64em) {
        .roadmap-phase {
            padding-right: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 20px);
            padding-left: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 20px);
        }
    }

    @media (min-width: 83.75em) {
        .roadmap-phase {
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 20px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 20px);
        }
    }

    .roadmap-phase__groups {
        margin-top: 50px;
    }

    @media (min-width: 64em) {
        .roadmap-phase__groups {
            margin-top: 55px;
        }
    }

    .roadmap-phase__title {
        color: var(--roadmap-phase-title);
        perspective: 1500;
        -ms-perspective: 1500;
        -moz-perspective: 1500;
        -webkit-perspective: 1500;
    }

    @media (max-width: 63.99em) {
        .roadmap-phase__title {
            font-size: 1.75rem;
            line-height: 0.8571428571;
        }
    }

    .roadmap-phase__title .line {
        display: inline-block;
        opacity: 0;
        transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
        transform-style: preserve-3d;
        transform-origin: 0 100%;
    }

    .roadmap-phase__eyebrow {
        color: var(--roadmap-phase-eyebrow);
        margin-bottom: 15px;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    @media (min-width: 64em) {
        .roadmap-phase__eyebrow {
            margin-bottom: 30px;
        }
    }

    .roadmap-phase__eyebrow > span {
        display: inline-block;
        transform: translate3d(0, 100%, 0);
    }

    .roadmap-phase__dot {
        position: absolute;
        top: -2px;
        left: 15px;
        height: 14px;
        width: 14px;
        border: 3px solid var(--roadmap-phase-marker-border);
        border-radius: 50%;
        background-color: var(--roadmap-phase-marker-color);
        transform: scale3d(0, 0, 0);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .roadmap-phase__dot {
            left: 0;
        }
    }

    .roadmap-phase + .roadmap-phase {
        margin-top: 60px;
    }

    @media (min-width: 64em) {
        .roadmap-phase + .roadmap-phase {
            margin-top: 95px;
        }
    }

    .roadmap-phase.in-view .roadmap-phase__dot {
        transform: scaleZ(1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .roadmap-phase.in-view .roadmap-phase__title .line {
        animation-name: title-rotate;
        animation-delay: 0s;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .roadmap-phase.in-view .roadmap-phase__title .line--1 {
        animation-delay: 0s;
    }

    .roadmap-phase.in-view .roadmap-phase__title .line--2 {
        animation-delay: 0.1s;
    }

    .roadmap-phase.in-view .roadmap-phase__title .line--3 {
        animation-delay: 0.2s;
    }

    .roadmap-phase.in-view .roadmap-phase__eyebrow > span {
        animation-name: move-y-in;
        animation-delay: 0s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    [data-theme="red"] .roadmap-phase {
        --roadmap-phase-title: #fff;
        --roadmap-phase-eyebrow: rgba(255, 255, 255, 0.5);
        --roadmap-phase-marker-color: #6a0000;
        --roadmap-phase-marker-border: #000;
    }

    [data-theme="black"] .roadmap-phase {
        --roadmap-phase-title: #fff;
        --roadmap-phase-eyebrow: #9c7443;
        --roadmap-phase-marker-color: #212121;
        --roadmap-phase-marker-border: #9c7443;
    }

    [data-theme="white"] .roadmap-phase {
        --roadmap-phase-title: #000;
        --roadmap-phase-eyebrow: rgba(0, 0, 0, 0.5);
        --roadmap-phase-marker-color: #d7d7d7;
        --roadmap-phase-marker-border: #000;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .site-roadmap {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 25;
    }

    .site-roadmap__back {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        pointer-events: none;
        background-color: var(--roadmap-background);
    }

    .site-roadmap__wrapper {
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 1;
        overflow-x: hidden;
        overflow-y: scroll;
        cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 33'%3E%3Cpath fill='%23fff' d='M24.68 17.76a24.94 24.94 0 0 1-2.46 7.95c-.26.54-.45 1.1-.68 1.63-.65 1.3-.48 3.02-.5 3.13l-.8.04-1.71-3.97c-.53.86-1.04 1.96-1.53 2.8l-.91-.06s-1.04-2.85-1.6-4.25c-.34 1.06-.64 2.03-.93 3-.22.7-.46 1.9-.67 2.6h-.87c0-1.75-.14-1.83-.56-2.29-.96-1.05-1.91-2.11-2.92-3.12-.71-.7-1.36-1.42-1.22-2.51.13-1.03.32-2.06.57-3.08.2-.78.86-1.18 1.6-1.53.55 1.38 1.07 2.76 2.02 4l-.14-.7-.42-2.13a39.23 39.23 0 0 0-1.12-3.38C8.7 12.62 7.06 7.3 7.23 4.6c.04-.72.38-1.4.86-1.72a.96.96 0 0 1 .88-.13c.23.13.5 1.16.64 1.8.12.45.23.92.38 1.38.77 2.4 1.8 4.72 3.09 6.9l.06.1a5.13 5.13 0 0 0 1.92 1.65c.23.08.47.15.72.2 0 0-.3-.39-.76-1.1.3-.9.94-1.38 1.77-1.33.86.03 1.38.5 1.52 1.36l.09.63c.51-1.16.9-1.4 2.02-1.24.89.12 1.35.66 1.49 1.67.24-.2.5-.49.8-.6.85-.33 1.65.13 1.91 1.03.26.85.17 1.7.06 2.55Z'/%3E%3Cpath fill='%23000' d='M25.99 15.21c-.26-2.16-2.1-2.98-3.52-2.36-1.08-1.82-2.83-1.36-3.68-1.13l-.08.02-.07-.02c-1.03-1.13-2.73-.74-2.83-.65 0 0-.87.2-1.67 1.04-1.15-2.1-2.1-4.3-2.82-6.57-.14-.42-.25-.87-.36-1.3v-.05c-.33-1.28-.6-2.38-1.5-2.69a2.29 2.29 0 0 0-2.05.29 3.59 3.59 0 0 0-1.46 2.74c-.2 3.44 2.07 9.71 3.1 12.36l-.13.08c-1.04.53-1.94 1.23-2.26 2.43-.13.5-.22 1-.3 1.5l-.07.44c-.1.58-.2 1.15-.2 1.73-.02 1.2.61 2.1 1.43 2.91.75.74 1.47 1.52 2.2 2.29l.71.77c.26.26.38.64.36 1-.02.45-.02.89-.01 1.33v.67h3a1337.73 1337.73 0 0 1 .85-3l1.09 1.58 1.67.07 1.02-1.32a119.12 119.12 0 0 1 .95 2.16c.05.12.18.28.27.28h2.74v-.45a28.9 28.9 0 0 1 .01-1.3c0-.45 0-.9.1-1.32.2-.75.48-1.48.81-2.18 1.14-2.48 2.2-4.98 2.58-7.73.16-1.2.27-2.38.12-3.62Zm-1.25 2.55a24.94 24.94 0 0 1-2.47 7.95c-.18.37-.32.74-.47 1.12l-.2.51c-.58 1.14-.52 2.6-.5 3.02v.11l-.81.04-.77-1.78-.94-2.2c-.3.5-.59 1.05-.87 1.6-.23.42-.44.84-.66 1.2l-.9-.05s-1.05-2.85-1.6-4.25l-.94 3c-.11.37-.23.87-.35 1.37-.11.45-.22.9-.32 1.24h-.86c0-1.7-.13-1.83-.52-2.25l-.05-.05-.21-.23c-.88-.98-1.77-1.96-2.7-2.89-.72-.7-1.37-1.42-1.23-2.51.14-1.03.32-2.06.57-3.08.2-.78.87-1.18 1.6-1.53l.06.15a14.72 14.72 0 0 0 1.96 3.84c-.04-.23-.08-.46-.14-.69l-.41-2.13c-.16-.81-1.13-3.38-1.13-3.38C8.75 12.62 7.11 7.3 7.28 4.6c.04-.72.39-1.4.86-1.72a.96.96 0 0 1 .89-.13c.12.07.25.4.37.8l-1.4.4c.12.51.49 1.23.49 1.23l.07-.02v.02l1.17-.34c.08.37.18.73.3 1.1.76 2.4 1.8 4.72 3.09 6.9l.06.1c.6.96 1.7 1.56 1.7 1.56l.22.08c.24.1.48.16.72.22 0-.01-.3-.4-.76-1.12.3-.9.94-1.37 1.77-1.32.86.03 1.38.5 1.52 1.36a23.63 23.63 0 0 0 .08.63c.52-1.16.9-1.4 2.03-1.24.88.12 1.35.66 1.48 1.67.07-.06.15-.12.22-.2.18-.15.37-.32.59-.4.84-.33 1.64.13 1.9 1.03.28.84.2 1.69.09 2.54Zm-10.23-.2c2.92.14 5.77.72 8.64 1.5l.34-1.3a39.65 39.65 0 0 0-8.98-1.54v1.34Zm7.94 3.7s-5.65-1.09-6.23-1.18l.15-1.2.02-.21 6.47 1.35c-.11.42-.25.83-.4 1.24Z'/%3E%3C/svg%3E%0A") 12 2, pointer;
    }

    .site-roadmap__container {
        width: fit-content;
        cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='%23fff' d='M24.7 17.8a25.1 25.1 0 0 1-2.49 8.02c-.25.53-.45 1.1-.67 1.64-.66 1.3-.5 3.03-.5 3.15l-.82.04-1.72-4c-.53.87-1.05 1.97-1.54 2.82l-.91-.07s-1.05-2.87-1.61-4.28c-.34 1.08-.65 2.05-.94 3.02-.22.72-.46 1.91-.68 2.64h-.87c0-1.78-.14-1.86-.57-2.32-.96-1.06-1.92-2.13-2.93-3.14-.73-.71-1.37-1.43-1.23-2.53.13-1.04.32-2.07.57-3.1.2-.79.88-1.19 1.62-1.53.54 1.38 1.06 2.77 2.03 4-.22-1.06-.43-2.06-.6-3.05-.7-3.83-.57-7.65.21-11.44.35-1.66.78-3.3 1.2-4.95.3-1.16 1.14-1.68 2.22-1.44.97.22 1.4.97 1.22 1.96-.4 2.1-.81 4.18-1.15 6.28-.3 1.85-.18 3.7.18 5.52.07-.4.1-.8.21-1.17.29-1 .95-1.53 1.83-1.49.86.04 1.39.5 1.53 1.37l.08.63c.51-1.16.9-1.4 2.04-1.24.89.12 1.36.66 1.5 1.68.24-.2.49-.5.8-.6.86-.34 1.66.13 1.92 1.03.26.85.17 1.7.07 2.56Z'/%3E%3Cpath fill='%23000' d='M22.38 12.84c1.42-.62 3.25.2 3.52 2.36a13.4 13.4 0 0 1-.14 3.62c-.37 2.74-1.43 5.24-2.56 7.72-.34.7-.6 1.42-.8 2.17-.11.42-.11.86-.1 1.3l-.01.49v1.28h-2.75c-.09 0-.2-.17-.26-.28l-.58-1.31-.38-.85-1.01 1.32-1.67-.07-1.07-1.57-.85 2.98h-3V30.01c.03-.37-.09-.74-.35-1l-.71-.77a78.89 78.89 0 0 0-2.19-2.28c-.82-.82-1.46-1.72-1.44-2.9 0-.55.1-1.09.19-1.62l.09-.55c.07-.5.16-1 .29-1.5.32-1.2 1.22-1.9 2.26-2.43.32-.16.38-.35.38-.71v-.52c-.02-1.58-.04-3.16.08-4.72.19-2.67.82-5.26 1.53-7.83.2-.7.49-1.37.85-2 .5-.9 2.06-1.53 3.5-.97a2.8 2.8 0 0 1 1.78 3.32c-.4 2.04-.76 4.08-1.13 6.13a8 8 0 0 0-.1 1c0 .13 0 .27-.02.4.1-.09 1.8-.48 2.82.65l.07.02.09-.02c.85-.23 2.59-.69 3.67 1.13Zm-.2 12.84a24.9 24.9 0 0 0 2.46-7.94c.1-.85.2-1.7-.06-2.53-.26-.9-1.06-1.36-1.9-1.04-.22.09-.41.25-.59.42l-.22.19c-.13-1.01-.6-1.55-1.48-1.67-1.12-.16-1.5.08-2.02 1.23l-.02-.16a6.67 6.67 0 0 0-.06-.46c-.14-.86-.66-1.33-1.52-1.36-.87-.05-1.52.47-1.8 1.47-.08.25-.12.51-.16.78l-.06.39a15.2 15.2 0 0 1-.18-5.48c.34-2.08.74-4.15 1.14-6.23.19-.97-.24-1.72-1.2-1.94-1.07-.24-1.9.28-2.2 1.42-.43 1.64-.85 3.27-1.2 4.92-.77 3.76-.9 7.54-.22 11.34l.42 2.13.18.9c-.92-1.18-1.43-2.5-1.95-3.83l-.06-.15c-.73.35-1.4.75-1.6 1.53a28.03 28.03 0 0 0-.57 3.07c-.14 1.09.5 1.8 1.22 2.5.93.94 1.82 1.92 2.7 2.9l.21.22.05.06c.39.41.52.55.52 2.24h.86c.1-.34.2-.79.32-1.24.12-.5.24-1 .35-1.38l.93-2.99c.55 1.4 1.6 4.25 1.6 4.25l.9.06c.22-.37.44-.78.66-1.2.28-.55.57-1.11.87-1.6l.94 2.2.76 1.77.82-.04v-.11c-.02-.42-.08-1.88.49-3.01l.2-.52c.15-.37.3-.75.47-1.1ZM13.22 2.33l2.02.43-.4 1.28-1.69-.35v-.02l-.07-.01s0-.8.14-1.33Zm1.21 15.2c2.92.15 5.77.73 8.63 1.5l.34-1.28a39.58 39.58 0 0 0-8.97-1.55v1.34Zm7.95 3.7s-5.65-1.08-6.23-1.17l.05-.37.12-1.03L22.78 20c-.11.41-.25.83-.4 1.23Z'/%3E%3C/svg%3E%0A") 12 2, auto;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .site-roadmap__inner {
        position: relative;
        height: auto;
        width: 100%;
        padding: 20px var(--grid-edge) 95px;
        z-index: 0;
        background-color: var(--roadmap-background-inner);
    }

    @media (min-width: 64em) {
        .site-roadmap__inner {
            padding-top: 44px;
            padding-right: 0;
            padding-bottom: 195px;
            max-width: calc((min(100vw, calc(100vw - 100px)) - 220px) * 0.75 + 160px);
            box-sizing: unset;
        }
    }

    @media (min-width: 83.75em) {
        .site-roadmap__inner {
            max-width: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.5625 + 160px);
        }
    }

    @media (min-width: 90em) {
        .site-roadmap__inner {
            max-width: calc((min(100vw, calc(100vw - 100px)) - 300px) / 2 + 140px);
        }
    }

    @media (min-width: 131.25em) {
        .site-roadmap__inner {
            max-width: calc((min(100vw, calc(100vw - 100px)) - 300px) * 0.375 + 100px);
        }
    }

    .site-roadmap__inner *,
    .site-roadmap__inner *:before,
    .site-roadmap__inner *:after {
        box-sizing: border-box;
    }

    .site-roadmap__inner:after {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: -1;
        opacity: var(--body-noise-opacity);
        pointer-events: none;
        background-image: url(noise%402x.33312e6e.png);
        background-repeat: repeat;
        background-position: 0 0;
        background-size: 200px auto;
    }

    .site-roadmap__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    @media (min-width: 0em) {
        .site-roadmap__header {
            padding-left: calc((min(100vw, calc(100vw - 40px)) - 60px) / 4 + 0px);
        }
    }

    @media (min-width: 64em) {
        .site-roadmap__header {
            padding-right: 35px;
            padding-left: 0;
            margin-bottom: 75px;
        }
    }

    @media (min-width: 64em) {
        .site-roadmap__header-close {
            margin-bottom: 3px;
        }
    }

    .site-roadmap__header-close .button--with-label .button__content:after {
        background-color: transparent;
    }

    .site-roadmap__header-close .button--with-background {
        height: 40px;
        width: 40px;
    }

        .site-roadmap__header-close .button--with-background .button__content .svg {
            fill: var(--roadmap-close-icon);
        }

        .site-roadmap__header-close .button--with-background .button__content:after {
            background-color: var(--roadmap-close-background);
        }

    .no-touchevents .site-roadmap__header-close .button--with-background:hover .button__content .svg,
    .no-touchevents .site-roadmap__header-close .button--with-background:focus .button__content .svg {
        fill: var(--roadmap-close-hover-icon);
    }

    .no-touchevents .site-roadmap__header-close .button--with-background:hover .button__content:after,
    .no-touchevents .site-roadmap__header-close .button--with-background:focus .button__content:after {
        background-color: var(--roadmap-close-hover-background);
    }

    .site-roadmap__header-title {
        overflow-x: hidden;
        overflow-y: hidden;
    }

        .site-roadmap__header-title > span {
            display: flex;
            align-items: center;
            color: var(--roadmap-header-title);
        }

            .site-roadmap__header-title > span .svg {
                fill: var(--roadmap-header-icon);
                margin-left: 16px;
            }

    .site-roadmap__content {
        position: relative;
    }

    .site-roadmap__line {
        position: absolute;
        top: 10px;
        bottom: -30px;
        left: 21px;
        height: auto;
        width: 2px;
        background-color: var(--roadmap-line);
    }

    @media (min-width: 64em) {
        .site-roadmap__line {
            left: 6px;
        }
    }

    .site-roadmap__line .svg--dots {
        position: absolute;
        bottom: -35px;
        left: -12px;
    }

        .site-roadmap__line .svg--dots .dots {
            fill: var(--roadmap-dots);
        }

        .site-roadmap__line .svg--dots .dot-1 {
            opacity: 1;
        }

        .site-roadmap__line .svg--dots .dot-2 {
            opacity: 0.5;
        }

        .site-roadmap__line .svg--dots .dot-3 {
            opacity: 0.2;
        }

    .site-roadmap.roadmap-enter-active .site-roadmap__back {
        animation-name: fade-in;
        animation-delay: 0s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-roadmap.roadmap-enter-active .site-roadmap__line {
        animation: 1.1s 0.3s cubic-bezier(1, 0.01, 0.24, 0.995) both;
        animation-name: unjeyvd;
    }

    @keyframes unjeyvd {
        0% {
            transform: scale3d(1, 0, 1);
            transform-origin: 50% 0%;
        }

        to {
            transform: scaleZ(1);
            transform-origin: 50% 0%;
        }
    }

    .site-roadmap.roadmap-enter-active .site-roadmap__inner,
    .site-roadmap.roadmap-enter-active .site-roadmap__container {
        animation: 1.1s cubic-bezier(1, 0.01, 0.24, 0.995) both;
    }

    .site-roadmap.roadmap-enter-active .site-roadmap__inner {
        animation-name: unjeyvr;
    }

    @keyframes unjeyvr {
        0% {
            transform: translate3d(100%, 0, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    .site-roadmap.roadmap-enter-active .site-roadmap__container {
        animation-name: unjeyw0;
    }

    @keyframes unjeyw0 {
        0% {
            transform: translate3d(-100%, 0, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    .site-roadmap.roadmap-enter-active .site-roadmap__header-title > span {
        animation-name: move-y-in;
        animation-delay: 0.5s;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-roadmap.roadmap-enter-active .site-roadmap__content .svg--dots {
        animation-name: fade-in;
        animation-delay: 1.4s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-roadmap.roadmap-leave-active .site-roadmap__back {
        animation-name: fade-out;
        animation-delay: 0.6s;
        animation-duration: 0.3s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .site-roadmap.roadmap-leave-active .site-roadmap__inner {
        animation: 1.1s cubic-bezier(1, 0.01, 0.24, 0.995) both;
        animation-name: unjeywo;
    }

    @keyframes unjeywo {
        0% {
            transform: translateZ(0);
        }

        to {
            transform: translate3d(100%, 0, 0);
        }
    }

    .site-roadmap.roadmap-leave-active .site-roadmap__container {
        animation: 1.1s cubic-bezier(1, 0.01, 0.24, 0.995) both;
        animation-name: unjeyxf;
    }

    @keyframes unjeyxf {
        0% {
            transform: translateZ(0);
        }

        to {
            transform: translate3d(-100%, 0, 0);
        }
    }

    [data-theme="red"] .site-roadmap {
        --roadmap-line: #000;
        --roadmap-dots: #000;
        --roadmap-background: rgba(0, 0, 0, 0.6);
        --roadmap-background-inner: #6a0000;
        --roadmap-header-icon: #000;
        --roadmap-header-title: #fff;
        --roadmap-close-icon: #000;
        --roadmap-close-background: #fff;
        --roadmap-close-hover-icon: #fff;
        --roadmap-close-hover-background: #000;
    }

    [data-theme="black"] .site-roadmap {
        --roadmap-line: #9c7443;
        --roadmap-dots: #9c7443;
        --roadmap-background: rgba(0, 0, 0, 0.6);
        --roadmap-background-inner: #212121;
        --roadmap-header-icon: #9c7443;
        --roadmap-header-title: #fff;
        --roadmap-close-icon: #9c7443;
        --roadmap-close-background: #000;
        --roadmap-close-hover-icon: #000;
        --roadmap-close-hover-background: #9c7443;
    }

    [data-theme="white"] .site-roadmap {
        --roadmap-line: #000;
        --roadmap-dots: #000;
        --roadmap-background: rgba(0, 0, 0, 0.6);
        --roadmap-background-inner: #d7d7d7;
        --roadmap-header-icon: #000;
        --roadmap-header-title: #000;
        --roadmap-close-icon: #fff;
        --roadmap-close-background: #000;
        --roadmap-close-hover-icon: #000;
        --roadmap-close-hover-background: #fff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .spinner svg {
        display: block;
        fill: transparent;
        stroke: var(--spinner-circle);
        stroke-width: 2px;
        transform: rotate(-90deg);
    }

    .spinner circle {
        display: block;
    }

        .spinner circle:nth-child(2) {
            stroke: var(--spinner-progress);
            stroke-width: 3px;
            stroke-dasharray: 182.2123739088;
            stroke-dashoffset: 182.2123739088;
            animation: 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
            animation-name: unjeyv6;
        }

    @keyframes unjeyv6 {
        0% {
            stroke-dashoffset: 182.2123739088;
        }

        50% {
            stroke-dashoffset: 0;
        }

        to {
            stroke-dashoffset: -182.2123739088;
        }
    }

    .spinner__inner {
        height: 62px;
        width: 62px;
        margin: 120px auto 45px;
    }

    @media (min-width: 64em) {
        .spinner__inner {
            margin-bottom: 85px;
        }
    }

    .spinner--fixed {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

        .spinner--fixed .spinner__inner {
            margin-top: 0;
            margin-bottom: 0;
        }

    @media (min-width: 64em) {
        .spinner--fixed .spinner__inner {
            margin-bottom: 0;
        }
    }

    [data-theme="red"] .spinner {
        --spinner-circle: rgba(0, 0, 0, 0.25);
        --spinner-progress: #fff;
    }

    [data-theme="black"] .spinner {
        --spinner-circle: rgba(255, 255, 255, 0.25);
        --spinner-progress: #9c7443;
    }

    [data-theme="white"] .spinner {
        --spinner-circle: rgba(0, 0, 0, 0.25);
        --spinner-progress: #000;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .team-member {
        position: relative;
    }

        .team-member:before {
            padding-top: 100%;
            display: block;
            content: "";
        }

    .team-member__image {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
        overflow-x: hidden;
        overflow-y: hidden;
        transform: scale3d(0.85, 0.85, 0.85);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        background-color: var(--team-member-background);
    }

    .team-member__image-inner {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        transform: scale3d(1.35, 1.35, 1.35);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

        .team-member__image-inner:before {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            content: "";
            z-index: 1;
            opacity: 0.7;
            background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%);
            background-repeat: no-repeat;
            transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

    .team-member__image img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

        .team-member__image img:nth-child(2) {
            filter: url(#duotone);
        }

    .team-member__content {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding: 30px 25px;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    @media (min-width: 64em) {
        .team-member__content {
            padding: 40px 30px;
        }
    }

    @media (min-width: 83.75em) {
        .team-member__content {
            padding: 65px 50px;
        }
    }

    .team-member__header {
        transform: translateY(0);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .team-member__role,
    .team-member__title {
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .team-member__title {
        font-family: Druk Text Wide, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.0625;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    @media (min-width: 64em) {
        .team-member__title {
            font-size: 1.375rem;
            line-height: 1;
            letter-spacing: -0.025em;
        }
    }

    @media (min-width: 83.75em) {
        .team-member__title {
            font-size: 1.75rem;
        }
    }

    .team-member__title span {
        display: block;
    }

    .team-member__role {
        margin-bottom: 20px;
        color: var(--team-member-role);
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .team-member__role {
            margin-bottom: 30px;
        }
    }

    .team-member__name {
        color: var(--team-member-name);
    }

    .team-member__surname {
        color: var(--team-member-surname);
        transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .team-member__description {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        color: var(--team-member-description);
        opacity: 0;
        max-height: 0;
        font-size: 0.75rem;
        line-height: 1.3333333333;
        transition: max-height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .team-member__description {
            font-size: 0.875rem;
            line-height: 1.4285714286;
        }
    }

    .team-member__description br {
        display: none;
    }

    @media (min-width: 28.125em) {
        .team-member__description br {
            display: block;
        }
    }

    .team-member.in-view .team-member__image,
    .team-member.in-view .team-member__image-inner {
        transform: scaleZ(1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .team-member.in-view .team-member__role,
    .team-member.in-view .team-member__title {
        opacity: 1;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .team-member.in-view .team-member__title {
        transition-delay: 0.05s;
    }

    .team-member.in-view:hover .team-member__image-inner:before,
    .team-member.in-view:focus .team-member__image-inner:before {
        opacity: 0.65;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .team-member.in-view:hover .team-member__image-inner:before,
        .team-member.in-view:focus .team-member__image-inner:before {
            opacity: 0.4;
        }
    }

    .team-member.in-view:hover .team-member__image img:nth-child(2),
    .team-member.in-view:focus .team-member__image img:nth-child(2) {
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .team-member.in-view:hover .team-member__header,
    .team-member.in-view:focus .team-member__header {
        transform: translateY(-8px);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .team-member.in-view:hover .team-member__header,
        .team-member.in-view:focus .team-member__header {
            transform: translateY(-20px);
        }
    }

    .team-member.in-view:hover .team-member__role,
    .team-member.in-view:focus .team-member__role {
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .team-member.in-view:hover .team-member__surname,
    .team-member.in-view:focus .team-member__surname {
        color: var(--team-member-surname-hover);
    }

    .team-member.in-view:hover .team-member__description,
    .team-member.in-view:focus .team-member__description {
        opacity: 0.5;
        max-height: 60px;
        transition: max-height 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    @media (min-width: 64em) {
        .team-member.in-view:hover .team-member__description,
        .team-member.in-view:focus .team-member__description {
            opacity: 1;
        }
    }

    [data-theme="red"] .team-member {
        --team-member-role: rgba(255, 255, 255, 0.5);
        --team-member-name: #fff;
        --team-member-background: rgba(0, 0, 0, 0.3);
        --team-member-description: #fff;
        --team-member-surname: rgba(255, 255, 255, 0.5);
        --team-member-surname-hover: #fff;
    }

    [data-theme="black"] .team-member {
        --team-member-role: rgba(255, 255, 255, 0.5);
        --team-member-name: #fff;
        --team-member-background: rgba(0, 0, 0, 0.3);
        --team-member-description: #fff;
        --team-member-surname: #9c7443;
        --team-member-surname-hover: #fff;
    }

    [data-theme="white"] .team-member {
        --team-member-role: rgba(255, 255, 255, 0.5);
        --team-member-name: #fff;
        --team-member-background: rgba(255, 255, 255, 0.3);
        --team-member-description: #fff;
        --team-member-surname: rgba(255, 255, 255, 0.5);
        --team-member-surname-hover: #fff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    @keyframes fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes fade-y-in {
        0% {
            opacity: 0;
            transform: translate3d(0, 30px, 0);
        }

        to {
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes scale-in {
        0% {
            transform: scale3d(0, 0, 0);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes scale-x-in {
        0% {
            transform: scale3d(0, 1, 1);
        }

        to {
            transform: scaleZ(1);
        }
    }

    @keyframes move-y-in {
        0% {
            transform: translate3d(0, 110%, 0);
        }

        to {
            transform: translateZ(0);
        }
    }

    @keyframes fill-width {
        0% {
            max-width: 0;
        }

        to {
            max-width: 100%;
        }
    }

    @keyframes title-rotate {
        0% {
            opacity: 0;
            transform: rotate3d(1, 0.15, 0, -90deg) translate3d(0, 10px, 0);
            transform-origin: 0 100%;
        }

        to {
            opacity: 1;
            transform: rotate3d(1, 0.15, 0, 0) translateZ(0);
            transform-origin: 0 100%;
        }
    }

    @keyframes sequence-x {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 100% 0;
        }
    }

    @keyframes sequence-y {
        0% {
            background-position: 0 0;
        }

        to {
            background-position: 0 100%;
        }
    }

    .about__team {
        margin-top: 60px;
    }

    @media (min-width: 64em) {
        .about__team {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
        }
    }

    @media (min-width: 83.75em) {
        .about__team {
            margin-top: 15px;
        }
    }

    @media (min-width: 0em) {
        .about__team .team-member {
            width: calc((min(100vw, calc(100vw - 40px)) - 60px) * 0.75 + 40px);
        }
    }

    @media (min-width: 64em) {
        .about__team .team-member {
            width: 100%;
        }
    }

    .about__team .team-member:nth-child(even) {
        margin-left: auto;
    }

    @media (min-width: 64em) {
        .about__team .team-member:nth-child(even) {
            margin-left: initial;
        }
    }

    .about__team .team-member + .team-member {
        margin-top: 20px;
    }

    @media (min-width: 64em) {
        .about__team .team-member + .team-member {
            margin-top: 60px;
        }
    }

    .about__team-column {
        display: flex;
        flex-basis: calc(50% - 30px);
        flex-direction: column;
    }

    @media (min-width: 64em) {
        .about__team-column:nth-child(1) {
            margin-top: 235px;
        }
    }

    .about__team-column:nth-child(1) .team-member {
        margin-left: auto;
    }

    @media (min-width: 83.75em) {
        .about__team-column:nth-child(1) .team-member:nth-child(even) {
            width: 71%;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(1) .team-member:nth-child(even) .team-member__content {
            padding: 55px 40px;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(1) .team-member:nth-child(even) .team-member__title {
            font-size: 1.25rem;
            line-height: 1.15;
            letter-spacing: 0;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(1) .team-member:nth-child(even) .team-member__role {
            margin-bottom: 20px;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(1) .team-member:nth-child(even).in-view:hover .team-member__header,
        .about__team-column:nth-child(1) .team-member:nth-child(even).in-view:focus .team-member__header {
            transform: translateY(-15px);
        }
    }

    .about__team-column:nth-child(2) {
        justify-content: flex-start;
    }

        .about__team-column:nth-child(2) .team-member {
            margin-right: auto;
        }

    @media (min-width: 83.75em) {
        .about__team-column:nth-child(2) .team-member:nth-child(odd) {
            width: 71%;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(2) .team-member:nth-child(odd) .team-member__content {
            padding: 55px 40px;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(2) .team-member:nth-child(odd) .team-member__title {
            font-size: 1.25rem;
            line-height: 1.15;
            letter-spacing: 0;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(2) .team-member:nth-child(odd) .team-member__role {
            margin-bottom: 20px;
        }
    }

    @media (min-width: 83.75em) and (max-width: 1700px) {
        .about__team-column:nth-child(2) .team-member:nth-child(odd).in-view:hover .team-member__header,
        .about__team-column:nth-child(2) .team-member:nth-child(odd).in-view:focus .team-member__header {
            transform: translateY(-15px);
        }
    }

    [data-theme="red"] .about,
    [data-theme="black"] .about {
        --about-title: #fff;
    }

    [data-theme="white"] .about {
        --about-title: #000;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    .press-item {
        position: relative;
        padding-bottom: 25px;
        margin-bottom: 30px;
        border-bottom: 1px solid var(--press-item-border);
    }

    @media (min-width: 64em) {
        .press-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 45px;
            margin-bottom: 45px;
        }
    }

    .press-item:last-child {
        margin-bottom: 0;
    }

    .press-item > a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    .no-touchevents .press-item > a:hover ~ .press-item__image img,
    .no-touchevents .press-item > a:focus ~ .press-item__image img {
        transform: scale3d(1.05, 1.05, 1.05);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .no-touchevents .press-item > a:hover ~ .press-item__content .link,
    .no-touchevents .press-item > a:focus ~ .press-item__content .link {
        color: var(--link-hover-primary);
    }

        .no-touchevents .press-item > a:hover ~ .press-item__content .link .svg,
        .no-touchevents .press-item > a:focus ~ .press-item__content .link .svg {
            fill: var(--link-hover-icon);
        }

    .press-item__image {
        position: relative;
        height: auto;
        width: 100%;
        margin-bottom: 20px;
        overflow-x: hidden;
        overflow-y: hidden;
        border-radius: 12px;
        transform: scale3d(0.85, 0.85, 0.85);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

        .press-item__image:before {
            padding-top: 58.8235294118%;
            display: block;
            content: "";
        }

    @media (min-width: 64em) {
        .press-item__image {
            flex-basis: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 4) + 80px);
            flex-shrink: 0;
            margin-bottom: 0;
        }
    }

    @media (min-width: 83.75em) {
        .press-item__image {
            flex-basis: calc((min(100vw, calc(100vw - 100px)) - 300px) / 4 + 80px);
        }
    }

    .press-item__image img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transform: scale3d(1.35, 1.35, 1.35);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .press-item__content {
        flex: 1;
    }

    @media (min-width: 64em) {
        .press-item__content {
            margin-left: calc(calc(calc((min(100vw, calc(100vw - 100px)) - ((12 - 1) * 20px)) / 12) * 1) + 0px);
        }
    }

    @media (min-width: 83.75em) {
        .press-item__content {
            margin-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 0px);
        }
    }

    .press-item__text,
    .press-item__title,
    .press-item__eyebrow {
        opacity: 0;
        transform: translate3d(0, 15px, 0);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .press-item__eyebrow {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }

    @media (min-width: 64em) {
        .press-item__eyebrow {
            margin-bottom: 20px;
        }
    }

    .press-item__date {
        display: flex;
        align-items: center;
        color: var(--press-item-date);
    }

        .press-item__date:after {
            height: 3px;
            width: 3px;
            margin-top: 2px;
            margin-right: 18px;
            margin-left: 12px;
            content: "";
            display: block;
            border-radius: 50%;
            background-color: currentColor;
        }

    .press-item__editor {
        color: var(--press-item-editor);
    }

    .press-item__title {
        margin-bottom: 10px;
        color: var(--press-item-title);
        font-family: Integral CF, Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.125;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    @media (min-width: 64em) {
        .press-item__title {
            font-size: 1.125rem;
            line-height: 1.1111111111;
        }
    }

    .press-item__text {
        color: var(--press-item-text);
        font-size: 0.75rem;
        line-height: 1.4166666667;
    }

    @media (min-width: 48em) {
        .press-item__text {
            font-size: 0.8125rem;
            line-height: 1.5384615385;
        }
    }

    @media (min-width: 64em) {
        .press-item__text {
            font-size: 0.875rem;
            line-height: 1.5384615385;
        }
    }

    .press-item__link {
        margin-top: 15px;
    }

    @media (min-width: 64em) {
        .press-item__link {
            margin-top: 25px;
        }
    }

    .press-item__link .link__content {
        transform: translate3d(0, 100%, 0);
    }

    .press-item.in-view .press-item__image,
    .press-item.in-view .press-item__image img {
        transform: scaleZ(1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .press-item.in-view .press-item__text,
    .press-item.in-view .press-item__title,
    .press-item.in-view .press-item__eyebrow {
        opacity: 1;
        transform: translateZ(0);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .press-item.in-view .press-item__title {
        transition-delay: 0.1s;
    }

    .press-item.in-view .press-item__text {
        transition-delay: 0.2s;
    }

    .press-item.in-view .press-item__link .link__content {
        opacity: 1;
        transform: translateZ(0);
        transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-delay: 0.3s;
    }

    [data-theme="red"] .press-item {
        --press-item-date: rgba(255, 255, 255, 0.5);
        --press-item-text: rgba(255, 255, 255, 0.5);
        --press-item-title: #fff;
        --press-item-editor: rgba(255, 255, 255, 0.5);
        --press-item-border: rgba(255, 255, 255, 0.2);
        --press-item-link-hover-icon: #000;
        --press-item-link-hover-primary: #000;
    }

    [data-theme="black"] .press-item {
        --press-item-date: rgba(255, 255, 255, 0.5);
        --press-item-text: rgba(255, 255, 255, 0.5);
        --press-item-title: #fff;
        --press-item-editor: #9c7443;
        --press-item-border: rgba(255, 255, 255, 0.2);
        --press-item-link-hover-icon: #9c7443;
        --press-item-link-hover-primary: #9c7443;
    }

    [data-theme="white"] .press-item {
        --press-item-date: rgba(0, 0, 0, 0.5);
        --press-item-text: rgba(0, 0, 0, 0.5);
        --press-item-title: #000;
        --press-item-editor: rgba(0, 0, 0, 0.5);
        --press-item-border: rgba(0, 0, 0, 0.2);
        --press-item-link-hover-icon: #fff;
        --press-item-link-hover-primary: #fff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #ffffff;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #ffffff;
    }

    :root[data-theme="red"] {
        --page-background-color: #6a0000;
        --page-background-mobile: url(750-r.daca1d81.webp);
        --page-background-mobile-fallback: url(750-r.66ec0e1f.png);
        --page-background-tablet-portrait: url(1536-r.70790419.webp);
        --page-background-tablet-portrait-fallback: url(1536-r.d2c7e37c.png);
        --page-background-tablet: url(2048-r.df4a96e7.webp);
        --page-background-tablet-fallback: url(2048-r.eaedd438.png);
        --page-background-desktop: url(2880-r.b427193a.webp);
        --page-background-desktop-fallback: url(2880-r.321f4dce.png);
        --body-noise-opacity: 0.15;
        --body-background-color: #6a0000;
    }

    :root[data-theme="black"] {
        --page-background-color: #0f0f0f;
        --page-background-mobile: url(750-b.5c0b8407.webp);
        --page-background-mobile-fallback: url(750-b.f0ca99ec.png);
        --page-background-tablet-portrait: url(1536-b.f1cceab5.webp);
        --page-background-tablet-portrait-fallback: url(1536-b.bacec334.png);
        --page-background-tablet: url(2048-b.a2359576.webp);
        --page-background-tablet-fallback: url(2048-b.2b76893f.png);
        --page-background-desktop: url(2880-b.05da3643.webp);
        --page-background-desktop-fallback: url(2880-b.be7fcea4.png);
        --body-noise-opacity: 0.05;
        --body-background-color: #0f0f0f;
    }

    :root[data-theme="white"] {
        --page-background-color: #f4f0ed;
        --page-background-mobile: url(750-w.55fc9b1d.webp);
        --page-background-mobile-fallback: url(750-w.9ef008bc.png);
        --page-background-tablet-portrait: url(1536-w.07daa494.webp);
        --page-background-tablet-portrait-fallback: url(1536-w.1829baf9.png);
        --page-background-tablet: url(2048-w.843afe3d.webp);
        --page-background-tablet-fallback: url(2048-w.ba013401.png);
        --page-background-desktop: url(2880-w.1f77c0ad.webp);
        --page-background-desktop-fallback: url(2880-w.06fb9593.png);
        --body-noise-opacity: 0.1;
        --body-background-color: #f4f0ed;
    }

    .press__list {
        margin-top: 60px;
    }

    @media (min-width: 48em) and (max-width: 63.99em) {
        .press__list {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            justify-content: space-between;
            margin-top: 30px;
        }

            .press__list .press-item {
                display: flex;
                flex-basis: calc(50% - 10px);
                flex-direction: column;
                margin-top: 30px;
                margin-bottom: 0;
            }

            .press__list .press-item__content {
                display: flex;
                flex: 1;
                flex-direction: column;
            }

            .press__list .press-item__text {
                flex: 1;
            }
    }

    @media (min-width: 83.75em) {
        .press__list {
            margin-top: 95px;
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 40px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 16 + 40px);
        }
    }

    @media (min-width: 125em) {
        .press__list {
            padding-right: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 60px);
            padding-left: calc((min(100vw, calc(100vw - 100px)) - 300px) / 8 + 60px);
        }
    }

    @keyframes plyr-progress {
        to {
            background-position: 25px 0;
            background-position: var(--plyr-progress-loading-size, 25px) 0;
        }
    }

    @keyframes plyr-popup {
        0% {
            opacity: 0.5;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes plyr-fade-in {
        0% {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .tborder {
        border: 1px solid #000;
        width: 100%;
    }

    .topmargin {
        margin-top: 60px;
    }

    .bottommargin {
        margin-top: -100px;
    }

    .leftmargin {
        margin-left: 60px;
    }

    .smimaage {
        width: 70%;
    }

    .rightdiv1 {
        float: right;
    }

    .imgeffect:before {
        background: rgba(250,140,50, 0.6);
    }

    .imgeffect {
        transition: all .2s ease-in-out;
        opacity: 0.3;
    }

        .imgeffect:hover {
            transform: scale(1.1);
            opacity: 1;
        }

    .teamtext {
        z-index: 1000;
        padding-left: 60px;
        margin-top: -100PX;
    }

    .desigtext {
        font-size: 16px;
        text-transform: uppercase;
    }

    .membername {
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bolder;
    }

    .header {
        background-color: #f4f0ed;
    }

    .sticky {
        background-color: #f4f0ed;
        position: fixed;
        top: 0;
        width: 100%;
    }

        .sticky + .content {
            padding-top: 102px;
        }


    .videotextt {
        font-family: IBM Plex Mono,sans-serif;
        margin-left: 5px;
        padding-top: 30px;
        font-size: 25px;
    }

    .wrokcontentrow {
        margin-left: 50px;
        margin-top: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .wrokcontentrow p {
            font-family: IBM Plex Mono,sans-serif;
            font-size: 22px;
            line-height: 32px;
        }

        .wrokcontentrow h2 {
            font-size: 30px;
            font-family: IBM Plex Mono,sans-serif;
        }

        .wrokcontentrow h1 {
            font-size: 30px;
            font-family: IBM Plex Mono,sans-serif;
        }

    .whead h1 {
        font-family: IBM Plex Mono,sans-serif;
    }


    .top-headingcon h1 {
        margin-top: 100px;
        text-align: center;
        font-size: 70px;
        line-height: 95px;
        letter-spacing: 5px;
        font-stretch: expanded;
        font-family: IBM Plex Mono,sans-serif;
        font-weight: bold;
        color: #1d1d1d;
    }

        .top-headingcon h1:hover {
            color: #fd6504;
            text-shadow: 4px 0 #fd6504;
        }

    .topheadtext {
        text-align: center;
        margin-top: 100px;
        font-size: 36px;
        font-family: IBM Plex Mono,sans-serif;
        font-weight: bolder;
        color: #5b5757;
    }


    .topheadtext1 {
        text-align: center;
        margin-top: 100px;
        font-size: 36px;
        font-family: IBM Plex Mono,sans-serif;
        font-weight: bolder;
        color: #5b5757;
    }

    .abouttext {
        margin-top: 100px;
    }


        .abouttext p {
            text-align: left;
            font-size: 26px;
            letter-spacing: 2px;
            color: #1d1d1d;
            line-height: 40px;
            margin-top: 25px;
            opacity: 0.2;
        }

    .abouttextxy h3 {
        font-family: IBM Plex Mono,sans-serif;
        margin-top: 30px;
        font-size: 30px;
        line-height: 100px;
    }


    .abouttextxy p {
        font-family: IBM Plex Mono,sans-serif;
        margin-left: 2%;
        margin-right: 2%;
        text-align: left;
        font-size: 26px;
        letter-spacing: 2px;
        margin-top: 40px;
        color: #bab9b6;
        font-weight: 500;
        line-height: 30px;
    }

    .abouttextteam h3 {
        font-family: IBM Plex Mono,sans-serif;
        margin-top: 30px;
        font-size: 30px;
        line-height: 40px;
        padding-left: 33px;
    }

    .abouttextteam p {
        font-family: IBM Plex Mono,sans-serif;
        margin-left: 2%;
        margin-right: 2%;
        text-align: left;
        font-size: 26px;
        letter-spacing: 2px;
        margin-top: 40px;
        color: #000;
        font-weight: 500;
        line-height: 30px;
    }

    .abouttext h3 {
        margin-top: 30px;
        font-size: 30px;
        line-height: 100px;
    }

    .careertext {
        margin-top: 10px;
    }


        .careertext p {
            text-align: left;
            font-size: 26px;
            letter-spacing: 2px;
            color: #1d1d1d;
            line-height: 40px;
            margin-top: 25px;
        }

        .careertext h3 {
            margin-top: 30px;
            font-size: 30px;
            line-height: 100px;
        }

    .brdbottomcard {
        border-bottom: 1px solid #000;
        width: 90%;
        padding: 5PX;
    }

    .brdbottomcard {
        border-bottom: 1px solid #fff;
        width: 90%;
        padding: 5PX;
    }



    #search {
        width: 90%;
    }

    .searchicon {
        color: #5CB85C;
    }

    .items-collection {
        margin: 10px 0 0 0;
        font-family: IBM Plex Mono,sans-serif;
    }

        .items-collection label.btn-default.active {
            background-color: #ff471d;
            color: #FFF;
        }

        .items-collection label.btn-default {
            height: 60px;
            width: 100%;
            border: 1px solid #000;
            margin: 0px;
            border-radius: 17px;
            color: #000;

        }

    input[type=text] {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        background-color: #e5e4e0;
        font-family: IBM Plex Mono,sans-serif;
    }

    .items-collection label .itemcontent {
        width: 100%;
        margin-top: -11px;
    }

     label
    {
font-family: IBM Plex Mono,sans-serif;
font-weight:700;
    }
    .items-collection .btn-group {
        width: 100%;
    }


    .submitclr {
        height: 60px;
        font-family: IBM Plex Mono,sans-serif;
        border: 1px solid #000;
        margin: 0px;
        border-radius: 17px;
        color: #fff;
        background-color: #ff471d;
    }

    .brdline {
        width:90%;
        border-bottom: 1px solid #e5e4e0;
        padding-bottom:15px;
        padding-top:15px;
       
    }
    .logohover
    {
        display:none;

    }
    .logohover a:hover 
    {
        width:150px;
        height:80px;

    }




.loader {
    position : fixed;
    z-index: 9999;
    background : url('logohover.gif') 50% 50% no-repeat;
    top : 0px;
    left : 0px;
    height : 100%;
    width : 100%;
    cursor : wait;
}