.ak-youtubemodal{
    display:none;
    height:100%;
    left:0;
    opacity:0;
    position:fixed;
    top:0;
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    visibility:hidden;
    width:100%;
    z-index:2000
}
.ak-youtubemodal--enabled{
    display:block
}
.ak-youtubemodal--visible{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
    visibility:visible
}
.ak-youtubemodal-x{
    background:#000;
    color:#fff;
    cursor:pointer;
    font-size:50px;
    height:50px;
    line-height:50px;
    opacity:0.8;
    overflow:hidden;
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    transition:all .3s;
    width:50px;
    z-index:2004
}
.ak-youtubemodal-x:before{
    content:"\00D7";
    display:block;
    font-family:'arial', sans-serif;
    height:50px;
    line-height:50px;
    text-align:center;
    vertical-align:middle;
    width:50px
}
.ak-youtubemodal-x:hover{
    color:#000;
    background:#fff
}
.ak-youtubemodal-mask{
    background:#fff;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:2001
}
.ak-youtubemodal-player{
    height:100%;
    position:relative;
    width:100%;
    z-index:2002
}
.ak-youtubemodal-attribution{
    bottom:0;
    color:#797979;
    font-size:12px;
    left:0;
    line-height:12px;
    max-width:100%;
    padding:0 30px 75px 30px;
    pointer-events:none;
    position:absolute;
    right:0;
    text-align:center;
    z-index:2004
}
@media screen and (min-width: 768px){
    .ak-youtubemodal-attribution{
        padding:50px;
        text-align:right
    }
}
*,*::before,*::after{
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
html{
    scroll-behavior:smooth
}
body{
    background:#fff;
    color:#1a1a1a;
    font-family:'Roboto', sans-serif;
    font-size:18px;
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    letter-spacing:0.01em;
    line-height:1.56em;
    margin:0;
    padding:0;
    scroll-behavior:smooth
}
body.nav-open{
    overflow:hidden
}
.wrapper{
    position:relative;
    width:100%
}
.wrapper .content{
    padding-top:var(--headerHeightMobile, 48px)
}
@media only screen and (min-width: 760px){
    .wrapper .content{
        padding-top:var(--headerHeight, 92px)
    }
}
.wrapper .content.animate-enter,.wrapper .content.animate-exit{
    position:absolute;
    top:0;
    width:100%
}
.header-banner+.mobile-nav+.mobile-nav-cover+.wrapper .content{
    padding-top:var(--bannerHeight, 92px)
}
a{
    color:#000;
    text-decoration:none
}
a:hover{
    color:#666
}
a:active{
    color:#b3b3b3
}
h1,h2,h3,h4,h5,h6,p{
    font-style:normal;
    margin:0;
    padding:0;
    transition:font-size 0.2s ease-out
}
h1 p,h2 p,h3 p,h4 p,h5 p,h6 p,p p{
    font-size:inherit;
    font-weight:inherit;
    letter-spacing:inherit;
    line-height:inherit;
    margin:0
}
h1{
    -webkit-font-smoothing:auto;
    font-weight:300;
    letter-spacing:-0.03em;
    line-height:1em
}
h1 strong{
    font-weight:500
}
h2{
    font-weight:400;
    letter-spacing:-0.03em;
    line-height:1em
}
h3,h4{
    font-weight:400;
    letter-spacing:-0.04em;
    line-height:1.25em
}
h4{
    font-weight:300
}
h5{
    font-weight:500;
    line-height:1.3em
}
h6{
    font-weight:bold;
    letter-spacing:0.16em;
    line-height:1.33em;
    text-transform:uppercase
}
p{
    font-weight:300;
    letter-spacing:0.01em;
    line-height:1.5em;
    margin-bottom:1.55em
}
p:last-child{
    margin-bottom:0
}
p a{
    text-decoration:underline
}
sup{
    font-size:60%;
    line-height:0;
    position:relative;
    top:-0.5em;
    vertical-align:baseline
}
.fineprint{
    line-height:1.6em
}
.fineprint p{
    font-size:inherit;
    line-height:inherit
}
.large{
    font-weight:300;
    line-height:1.24em
}
@media only screen and (min-width: 760px){
    .large{
        letter-spacing:-0.01em
    }
}
.large p{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit
}
.label{
    font-weight:400;
    line-height:2em
}
.menu{
    align-items:center;
    letter-spacing:0.01em;
    line-height:1.5em
}
.text-light{
    font-weight:300
}
.text-regular{
    font-weight:400
}
.text-medium{
    font-weight:500
}
h1{
    font-size:50px
}
@media screen and (min-width: 760px){
    h1{
        font-size:80px
    }
}
@media screen and (min-width: 1280px){
    h1{
        font-size:100px
    }
}
h2{
    font-size:46px
}
@media screen and (min-width: 760px){
    h2{
        font-size:54px
    }
}
@media screen and (min-width: 1024px){
    h2{
        font-size:62px
    }
}
@media screen and (min-width: 1280px){
    h2{
        font-size:72px
    }
}
h3{
    font-size:28px
}
@media screen and (min-width: 760px){
    h3{
        font-size:34px
    }
}
h4{
    font-size:28px
}
@media screen and (min-width: 760px){
    h4{
        font-size:34px
    }
}
h5{
    font-size:18px
}
@media screen and (min-width: 760px){
    h5{
        font-size:20px
    }
}
h6{
    font-size:12px
}
p,.body-copy{
    font-size:16px
}
.large{
    font-size:24px
}
@media screen and (min-width: 760px){
    .large{
        font-size:30px
    }
}
@media screen and (min-width: 1024px){
    .large{
        font-size:34px
    }
}
.fineprint{
    font-size:12px
}
.menu{
    font-size:14px
}
.label{
    font-size:12px
}
@media screen and (min-width: 760px){
    .label{
        font-size:16px
    }
}
.color-white{
    color:#fff
}
.bg-white{
    background:#fff
}
.color-black{
    color:#000
}
.bg-black{
    background:#000
}
.color-black-90{
    color:#1a1a1a
}
.bg-black-90{
    background:#1a1a1a
}
.color-black-80{
    color:#333
}
.bg-black-80{
    background:#333
}
.color-black-70{
    color:#4d4d4d
}
.bg-black-70{
    background:#4d4d4d
}
.color-black-60{
    color:#666
}
.bg-black-60{
    background:#666
}
.color-black-50{
    color:gray
}
.bg-black-50{
    background:gray
}
.color-black-40{
    color:#999
}
.bg-black-40{
    background:#999
}
.color-black-30{
    color:#b3b3b3
}
.bg-black-30{
    background:#b3b3b3
}
.color-black-20{
    color:#ccc
}
.bg-black-20{
    background:#ccc
}
.color-black-10{
    color:#e6e6e6
}
.bg-black-10{
    background:#e6e6e6
}
.color-gray{
    color:#595959
}
.bg-gray{
    background:#595959
}
.color-gray-bright{
    color:#e3e3e3
}
.bg-gray-bright{
    background:#e3e3e3
}
.color-gray-bg{
    color:#f8f8f8
}
.bg-gray-bg{
    background:#f8f8f8
}
.color-error{
    color:#e53635
}
.bg-error{
    background:#e53635
}
@media only screen and (max-width: 759px){
    .hidden-xs{
        display:none
    }
}
.visible-xs{
    display:block
}
@media only screen and (min-width: 760px){
    .visible-xs{
        display:none
    }
}
.grid{
    display:grid;
    grid-column-gap:0;
    grid-template-columns:1fr;
    margin:0 auto;
    padding:0 32px;
    width:100%
}
@media only screen and (min-width: 760px){
    .grid{
        grid-column-gap:0px;
        grid-template-columns:repeat(12, 1fr);
        max-width:1390px;
        padding:0 50px
    }
}
.grid-col-fill{
    grid-column:1 / -1
}
.cta{
    color:#000;
    font-size:18px;
    font-style:normal;
    font-weight:500;
    letter-spacing:0.01em;
    line-height:1.2em;
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.cta:hover{
    color:#666
}
.cta:active{
    color:#b3b3b3
}
.button{
    align-items:center;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:#000;
    border:1px solid #000;
    border-radius:0;
    color:#fff;
    cursor:pointer;
    display:inline-flex;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    height:48px;
    justify-content:center;
    letter-spacing:0.01em;
    min-width:120px;
    outline:0;
    padding:0 1em;
    text-decoration:none;
    white-space:nowrap
}
.button:hover{
    background:#333;
    border:1px solid #333;
    color:#fff
}
.button:active{
    background:#4d4d4d;
    border:1px solid #4d4d4d;
    color:#fff
}
.button--secondary{
    background:transparent;
    border-color:#e6e6e6;
    color:#1a1a1a
}
.button--secondary:hover{
    background:transparent;
    border-color:#b3b3b3;
    color:#1a1a1a
}
.button--secondary:active{
    background:transparent;
    border:1px solid #000;
    color:#000
}
.button--icon{
    padding:0 1.1em 0 1.55em
}
.button--icon i{
    font-size:20px;
    margin-left:5px
}
.button--imagery{
    background:rgba(0,0,0,0.24);
    border:1px solid #fff
}
.button--imagery:hover{
    background:rgba(0,0,0,0.54);
    border:1px solid #fff
}
.button--imagery:active{
    background:#000;
    border:1px solid #fff
}
input{
    border-radius:0;
    outline:0
}
input[type='text'],input[type='email']{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:1px solid #b3b3b3;
    color:#1a1a1a;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    height:48px;
    padding:0 16px
}
input[type='text']::-webkit-input-placeholder,input[type='email']::-webkit-input-placeholder{
    color:#999
}
input[type='text']::-moz-placeholder,input[type='email']::-moz-placeholder{
    color:#999
}
input[type='text']:-ms-input-placeholder,input[type='email']:-ms-input-placeholder{
    color:#999
}
input[type='text']::-ms-input-placeholder,input[type='email']::-ms-input-placeholder{
    color:#999
}
input[type='text']::placeholder,input[type='email']::placeholder{
    color:#999
}
input[type='text']:focus,input[type='email']:focus{
    border:1px solid #000
}
input.error{
    border:1px solid #e53635
}
.image-container{
    overflow:hidden
}
@media only screen and (max-width: 759px){
    .image-container{
        width:calc(100% + 32px)
    }
}
.image-container img{
    display:block;
    width:100%
}
.animate-appear,.animate-enter{
    opacity:0;
    -webkit-transform:translate(0, 20px);
    transform:translate(0, 20px)
}
.animate-appear-active,.animate-enter-active{
    opacity:1;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    transition:all 0.6s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-property:opacity transform
}
.animate-appear-active{
    transition:all 0s 0s
}
.animate-exit{
    opacity:1;
    transition:all 0.3s cubic-bezier(0.7, 0, 0.6, 1);
    transition-property:opacity transform
}
.animate-exit-active{
    opacity:0;
    -webkit-transform:translate(0, -20px);
    transform:translate(0, -20px)
}
.before-fade{
    opacity:0
}
.fade{
    opacity:1;
    transition:opacity 0.5s ease-out
}
.before-fade-up{
    opacity:0;
    -webkit-transform:translate(0, 150px);
    transform:translate(0, 150px)
}
.fade-up{
    opacity:1;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    transition:opacity 0.5s ease-out,-webkit-transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition:opacity 0.5s ease-out,transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition:opacity 0.5s ease-out,transform 0.4s cubic-bezier(0, 0, 0.4, 1),-webkit-transform 0.4s cubic-bezier(0, 0, 0.4, 1)
}
.before-fade-down{
    opacity:0;
    -webkit-transform:translate(0, -150px);
    transform:translate(0, -150px)
}
.fade-down{
    opacity:1;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    transition:opacity 0.5s ease-out,-webkit-transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition:opacity 0.5s ease-out,transform 0.4s cubic-bezier(0, 0, 0.4, 1);
    transition:opacity 0.5s ease-out,transform 0.4s cubic-bezier(0, 0, 0.4, 1),-webkit-transform 0.4s cubic-bezier(0, 0, 0.4, 1)
}
.intro-splash{
    background-color:#000;
    display:block;
    height:100%;
    left:0;
    opacity:1;
    overflow:hidden;
    position:fixed;
    text-align:center;
    top:0;
    transition:all 0.5s;
    width:100%;
    z-index:99999
}
.intro-splash.finished{
    opacity:0;
    pointer-events:none;
    visibility:hidden
}
.intro-splash__lottie{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    width:100%
}
.header{
    align-items:center;
    background:rgba(255,255,255,0.94);
    border-bottom:1px solid transparent;
    height:var(--headerHeightMobile, 48px);
    justify-content:space-between;
    left:0;
    max-width:100%;
    position:fixed;
    top:0;
    transition:background .5s .2s, border .2s, -webkit-transform .2s ease-out;
    transition:transform .2s ease-out, background .5s .2s, border .2s;
    transition:transform .2s ease-out, background .5s .2s, border .2s, -webkit-transform .2s ease-out;
    width:100%;
    z-index:999
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){
    .header{
        -webkit-backdrop-filter:blur(8px);
        backdrop-filter:blur(8px);
        background:rgba(255,255,255,0.85)
    }
}
@media only screen and (min-width: 760px){
    .header{
        height:var(--headerHeight, 92px)
    }
}
.header--hidden{
    -webkit-transform:translate(0, -100%);
    transform:translate(0, -100%)
}
.header .grid{
    height:inherit
}
.header a{
    text-decoration:none
}
.header__content{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.header__logo{
    display:block;
    transition:width .15s ease-out;
    width:104px
}
@media only screen and (min-width: 760px){
    .header__logo{
        width:135px
    }
}
.header__logo img{
    display:block;
    width:100%
}
.header__nav{
    display:none
}
@media only screen and (min-width: 760px){
    .header__nav{
        display:block
    }
}
.header__nav ul{
    display:flex;
    list-style:none;
    margin:0;
    padding:0
}
.nav__item{
    margin-left:30px;
    position:relative
}
.nav__item a{
    color:#666;
    cursor:pointer;
    display:inline-block;
    padding:.5em 0;
    position:relative;
    transition:color .1s ease-out
}
.nav__item a::after{
    background:#000;
    bottom:0;
    content:'';
    height:2px;
    left:0;
    max-width:100%;
    position:absolute;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:right center;
    transform-origin:right center;
    transition:-webkit-transform .15s ease-out;
    transition:transform .15s ease-out;
    transition:transform .15s ease-out, -webkit-transform .15s ease-out;
    width:36px
}
.nav__item a:hover{
    color:#000
}
.nav__item a:hover::after{
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:left center;
    transform-origin:left center
}
.nav__item--active a{
    color:#000
}
.nav__item--active a::after{
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:left center;
    transform-origin:left center
}
.header__burger{
    align-items:center;
    background:transparent;
    border:0;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    height:24px;
    justify-content:center;
    outline:0;
    position:relative;
    width:24px
}
@media only screen and (min-width: 760px){
    .header__burger{
        display:none
    }
}
.header__burger::before,.header__burger::after{
    background:#000;
    content:'';
    display:block;
    height:2px;
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%, 3px);
    transform:translate(-50%, 3px);
    transition:all .2s ease-out;
    width:18px
}
.header__burger::before{
    margin-bottom:3px;
    -webkit-transform:translate(-50%, -3px);
    transform:translate(-50%, -3px)
}
.nav-open .header{
    background:#fff;
    border-bottom:1px solid #e6e6e6;
    transition:border .4s, background .1s, -webkit-transform .2s ease-out;
    transition:border .4s, transform .2s ease-out, background .1s;
    transition:border .4s, transform .2s ease-out, background .1s, -webkit-transform .2s ease-out
}
.nav-open .header--hidden{
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
}
.nav-open .header__burger::before{
    -webkit-transform:translate(-50%, -50%) rotate(45deg);
    transform:translate(-50%, -50%) rotate(45deg)
}
.nav-open .header__burger::after{
    -webkit-transform:translate(-50%, -50%) rotate(-45deg);
    transform:translate(-50%, -50%) rotate(-45deg)
}
.header-banner{
    background-color:#1a1a1a;
    color:white;
    font-size:14px;
    font-weight:300;
    letter-spacing:0.02em;
    line-height:22px;
    padding:25px 0;
    position:fixed;
    top:var(--headerHeightMobile, 48px);
    transition:top .2s ease-out, background .5s .2s, border .2s, -webkit-transform .2s ease-out;
    transition:transform .2s ease-out, top .2s ease-out, background .5s .2s, border .2s;
    transition:transform .2s ease-out, top .2s ease-out, background .5s .2s, border .2s, -webkit-transform .2s ease-out;
    width:100%;
    z-index:998
}
@media only screen and (min-width: 760px){
    .header-banner{
        padding:28px 0;
        top:var(--headerHeight, 92px);
        font-size:11px;
        font-weight:lighter;
        line-height:20px;
        letter-spacing:0
    }
}
.header--hidden+.header-banner{
    top:0;
    -webkit-transform:translate(0, -100%);
    transform:translate(0, -100%)
}
@media only screen and (max-width: 759px){
    .header-banner--collapsed .header-banner__content__body{
        display:none
    }
}
.header-banner__content__toggle{
    align-items:center;
    cursor:pointer;
    display:flex;
    font-size:12px;
    font-weight:600;
    justify-content:space-between;
    letter-spacing:0.02em;
    line-height:18px;
    text-transform:uppercase
}
@media only screen and (min-width: 760px){
    .header-banner__content__toggle{
        display:none
    }
}
.header-banner__content__toggle__button{
    line-height:0;
    transition:-webkit-transform .2s ease-out;
    transition:transform .2s ease-out;
    transition:transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
.header-banner--collapsed .header-banner__content__toggle__button{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
@media only screen and (max-width: 759px){
    .header-banner__content__body{
        margin-bottom:10px;
        margin-top:18px
    }
    .header-banner__content__body b{
        display:none
    }
}
.mobile-nav{
    background:inherit;
    left:0;
    opacity:0;
    position:fixed;
    top:48px;
    -webkit-transform:translate(0, -100%);
    transform:translate(0, -100%);
    transition:opacity .1s .2s, -webkit-transform .2s ease-in;
    transition:transform .2s ease-in, opacity .1s .2s;
    transition:transform .2s ease-in, opacity .1s .2s, -webkit-transform .2s ease-in;
    width:100%;
    z-index:998
}
@media only screen and (min-width: 760px){
    .mobile-nav{
        display:none
    }
}
.mobile-nav a{
    text-decoration:none
}
.header--hidden ~ .mobile-nav{
    -webkit-transform:translate(0, -200%);
    transform:translate(0, -200%)
}
.mobile-nav__list{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    list-style:none;
    margin:0;
    padding:20px 0
}
.mobile-nav__list li{
    display:block;
    margin:1em 0;
    opacity:0;
    -webkit-transform:translate(0, -20px);
    transform:translate(0, -20px);
    transition:opacity 0s .3s, -webkit-transform 0s .3s;
    transition:opacity 0s .3s, transform 0s .3s;
    transition:opacity 0s .3s, transform 0s .3s, -webkit-transform 0s .3s;
    width:100%
}
.mobile-nav__list a{
    display:block;
    width:100%
}
.mobile-nav-cover{
    background:rgba(0,0,0,0.5);
    height:200%;
    left:0;
    opacity:0;
    pointer-events:none;
    position:fixed;
    top:0;
    transition:opacity .3s ease-out, visibility 0s linear .3s;
    visibility:hidden;
    width:100%;
    z-index:997
}
@media only screen and (min-width: 760px){
    .mobile-nav-cover{
        display:none
    }
}
.nav-open .mobile-nav{
    opacity:1;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    transition:opacity .1s, -webkit-transform .2s ease-out;
    transition:transform .2s ease-out, opacity .1s;
    transition:transform .2s ease-out, opacity .1s, -webkit-transform .2s ease-out
}
.nav-open .mobile-nav-cover{
    opacity:1;
    pointer-events:auto;
    transition:opacity .3s ease-out, visibility 0s linear 0s;
    visibility:visible
}
.nav-open .mobile-nav__list li{
    opacity:1;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    transition:opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition:opacity .2s ease-out, transform .2s ease-out;
    transition:opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out
}
.nav-open .mobile-nav__list li:nth-child(1){
    transition-delay:.2s
}
.nav-open .mobile-nav__list li:nth-child(2){
    transition-delay:.15s
}
.nav-open .mobile-nav__list li:nth-child(3){
    transition-delay:.1s
}
.mobile-nav .nav__item__dropdown{
    border-top:1px solid #e6e6e6;
    margin-left:-31px;
    margin-top:20px;
    padding:31px 31px 11px;
    width:calc(100% + 62px)
}
.mobile-nav .nav__item__dropdown__social-icons{
    background:#fff;
    padding:0;
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px)
}
.mobile-nav .nav__item__dropdown__social-icons__icon{
    opacity:0.5
}
.mobile-nav .nav__item__dropdown__social-icons__icon+.mobile-nav .nav__item__dropdown__social-icons__icon{
    margin-top:8px
}
.mobile-nav .nav__item__dropdown__social-icons__icon:active{
    opacity:0.7
}
.mobile-nav .nav__item__dropdown__social-icons__icon a{
    align-items:center;
    display:flex;
    height:46px;
    justify-content:center;
    width:46px
}
.mobile-nav .nav__item__dropdown__social-icons__icon a:after{
    display:none
}
.footer{
    border-top:1px solid #e6e6e6;
    overflow:hidden;
    width:100%
}
.footer ul,.footer li{
    list-style:none
}
.footer__main{
    padding-bottom:80px;
    padding-top:80px
}
@media only screen and (min-width: 760px){
    .footer__main{
        padding-bottom:120px;
        padding-top:120px
    }
}
@media only screen and (min-width: 1024px){
    .footer__main{
        padding-bottom:160px;
        padding-top:160px
    }
}
@media only screen and (min-width: 760px){
    .footer__newsletter{
        grid-column:1 / 7
    }
}
@media only screen and (min-width: 1024px){
    .footer__newsletter{
        grid-column:1 / 6
    }
}
@media only screen and (min-width: 1280px){
    .footer__newsletter{
        grid-column:1 / 5
    }
}
.footer__newsletter h3{
    margin-bottom:24px
}
.footer__newsletter.success .footer__form{
    display:none
}
.footer__newsletter.success .footer__newsletter__success{
    display:block
}
.footer__newsletter.invalid .footer__newsletter__invalid{
    display:block
}
.footer__newsletter.error .footer__newsletter__error{
    display:block
}
.footer__newsletter__text{
    margin-bottom:36px
}
.footer__form{
    display:flex;
    flex-wrap:wrap
}
.footer__form input,.footer__form .button{
    margin-top:10px
}
.footer__form input[type='email']{
    flex:1 1 auto;
    margin-right:10px
}
.footer__form .button{
    flex:0 0
}
.footer__form__terms{
    flex:1 1 100%;
    margin:24px 0 0;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
@media only screen and (min-width: 760px){
    .footer__form__terms{
        margin:24px 0 0
    }
}
.footer__checkbox{
    left:0;
    opacity:0;
    position:absolute;
    top:0
}
.footer__checkbox:checked ~ .footer__checkbox-label::before{
    border:1px solid #000
}
.footer__checkbox:checked ~ .footer__checkbox-label::after{
    opacity:1;
    -webkit-transform:scale(1) rotate(45deg);
    transform:scale(1) rotate(45deg)
}
.footer__checkbox:focus ~ .footer__checkbox-label::before{
    border:1px solid #000
}
.footer__checkbox.error ~ .footer__checkbox-label::before{
    border:1px solid #e53635
}
.footer__checkbox-label{
    display:block;
    margin-left:40px
}
.footer__checkbox-label::before{
    border:1px solid #b3b3b3;
    content:'';
    cursor:pointer;
    height:24px;
    left:0;
    position:absolute;
    top:0;
    width:24px
}
.footer__checkbox-label::after{
    border-bottom:2px solid #000;
    border-right:2px solid #000;
    content:'';
    cursor:pointer;
    height:17px;
    left:8px;
    opacity:0;
    position:absolute;
    top:2px;
    -webkit-transform:scale(0.8) rotate(45deg);
    transform:scale(0.8) rotate(45deg);
    transition:opacity .05s linear, -webkit-transform .05s ease-out;
    transition:transform .05s ease-out, opacity .05s linear;
    transition:transform .05s ease-out, opacity .05s linear, -webkit-transform .05s ease-out;
    width:8px
}
.footer__checkbox-label a{
    color:inherit
}
.footer__checkbox-label a:hover{
    color:#999
}
.footer__checkbox-label a:active{
    color:#b3b3b3
}
.footer__checkbox-label p{
    font-size:12px
}
.footer__newsletter__success,.footer__newsletter__invalid,.footer__newsletter__error{
    display:none
}
.footer__newsletter__success{
    padding:50px 0
}
.footer__sitemap,.footer__useful{
    margin:0
}
.footer__sitemap li,.footer__useful li{
    line-height:2em
}
.footer__sitemap a,.footer__useful a{
    color:#666;
    text-decoration:none
}
.footer__sitemap a:hover,.footer__useful a:hover{
    color:#333
}
.footer__sitemap a:active,.footer__useful a:active{
    color:#000
}
.footer__sitemap{
    padding:80px 0 40px
}
@media only screen and (min-width: 760px){
    .footer__sitemap{
        grid-column:7 / 11;
        padding:0
    }
}
.footer__useful{
    border-top:1px solid #e6e6e6;
    padding:40px 0 0
}
@media only screen and (min-width: 760px){
    .footer__useful{
        border:0;
        grid-column:11 / -1;
        margin-bottom:0;
        padding:0
    }
}
.footer__bottom:last-child{
    padding-bottom:20px
}
@media only screen and (min-width: 760px){
    .footer__bottom:last-child{
        padding-bottom:34px
    }
}
.footer__bottom__content{
    align-items:center;
    border-top:1px solid #e6e6e6;
    display:flex;
    justify-content:space-between;
    padding-bottom:0;
    padding-top:20px
}
@media only screen and (min-width: 760px){
    .footer__bottom__content{
        padding-top:34px
    }
}
.footer__google-logo{
    display:block;
    opacity:.3;
    transition:opacity .1s ease-out;
    width:98px
}
.footer__google-logo:hover{
    opacity:.7
}
.footer__bottom__social{
    display:flex
}
.footer__bottom__social a{
    display:block;
    height:24px;
    margin-left:36px;
    opacity:.3;
    transition:opacity .1s ease-out;
    width:26px
}
.footer__bottom__social a:active,.footer__bottom__social a:focus,.footer__bottom__social a:hover{
    opacity:.7
}
.footer__fineprint{
    padding-bottom:32px;
    padding-top:32px
}
@media only screen and (min-width: 760px){
    .footer__fineprint{
        padding-bottom:50px;
        padding-top:44px
    }
    .footer__fineprint p{
        max-width:calc(100% - 200px)
    }
}
.footer__fineprint p{
    margin-bottom:0;
    margin-left:1em;
    position:relative
}
.footer__fineprint p sup{
    left:-1em;
    position:absolute;
    top:1em
}
.divider{
    display:block;
    padding-bottom: 100px; /*Added*/
}
.divider hr{
    background:#e6e6e6;
    border:0;
    display:block;
    height:1px;
    margin:0
}
@media only screen and (min-width: 760px){
    .divider--mobile-only{
        display:none
    }
}
@media only screen and (min-width: 760px){
    .collaborations-gallery{
        padding-bottom:80px
    }
}
@media only screen and (min-width: 1280px){
    .collaborations-gallery{
        padding-bottom:200px
    }
}
.collaborations-gallery__link{
    display:block;
    margin-bottom:80px;
    text-decoration:none
}
@media only screen and (min-width: 760px){
    .collaborations-gallery__link:hover img{
        -webkit-transform:scale(0.97);
        transform:scale(0.97)
    }
}
.collaborations-gallery__link:last-child{
    margin-bottom:0
}
.collaborations-gallery__link .image-container{
    margin-bottom:40px
}
.collaborations-gallery__link img,.collaborations-gallery__link .image-container{
    transition:all .3s ease-in-out
}
@media only screen and (min-width: 760px){
    .collaborations-gallery__col{
        grid-column:3 / 8
    }
}
@media only screen and (min-width: 760px){
    .collaborations-gallery__col--right{
        grid-column:8 / -1;
        padding-top:250px
    }
}
@media only screen and (min-width: 760px){
    .faq{
        padding:50px 0
    }
}
@media only screen and (min-width: 1024px){
    .faq{
        padding:100px 0
    }
}
@media only screen and (min-width: 760px){
    .faq__content{
        grid-column:1 / 8
    }
}
.faq__content h3{
    margin-bottom:32px
}
.faq__content h5{
    margin-bottom:24px
}
.featured-stories{
    padding:80px 0
}
@media only screen and (min-width: 760px){
    .featured-stories{
        padding:0px 0 100px
    }
}
.featured-stories__header{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin:0 0 40px
}
@media only screen and (min-width: 760px){
    .featured-stories__header{
        margin:100px 0 75px
    }
}
@media only screen and (max-width: 759px){
    .featured-stories__header .button{
        display:none
    }
}
@media only screen and (max-width: 759px){
    .featured-stories__stories{
        display:flex;
        overflow:auto;
        padding-bottom:20px;
        padding-right:32px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:none
    }
    .featured-stories__stories::-webkit-scrollbar{
        background:transparent;
        width:0
    }
    .featured-stories__stories::after{
        content:'';
        display:block;
        flex:0 0 auto;
        width:16px
    }
}
@media only screen and (min-width: 760px){
    .featured-stories__stories{
        grid-column-gap:30px;
        grid-template-columns:repeat(3, 1fr)
    }
}
.featured-stories__story{
    display:block
}
@media only screen and (max-width: 759px){
    .featured-stories__story{
        flex:0 0 auto;
        margin-right:16px;
        width:91.31833%
    }
}
@media only screen and (min-width: 760px){
    .featured-stories__story:hover img{
        -webkit-transform:scale(0.95);
        transform:scale(0.95)
    }
}
.featured-stories__story .image-container{
    margin-bottom:48px
}
@media only screen and (max-width: 759px){
    .featured-stories__story .image-container{
        width:100%
    }
}
.featured-stories__story p{
    margin-bottom:0;
    padding-right:32px
}
.featured-stories__story .large{
    font-weight:300;
    margin-bottom:0.1em
}
.featured-stories__story img,.featured-stories__story .image-container{
    transition:-webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
    transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.featured-stories__see-all-mobile{
    align-items:center;
    align-self:flex-start;
    border:1px solid #000;
    flex:0 0 auto;
    margin-right:16px;
    position:relative;
    width:91.31833%
}
.featured-stories__see-all-mobile::before{
    content:'';
    display:block;
    padding-top:129.26829%;
    width:100%
}
@media only screen and (min-width: 760px){
    .featured-stories__see-all-mobile{
        display:none
    }
}
.featured-stories__see-all-mobile span{
    display:block
}
.featured-stories__see-all-mobile__content{
    align-items:center;
    display:flex;
    flex-direction:column;
    font-size:20px;
    font-weight:300;
    height:100%;
    justify-content:center;
    left:0;
    padding:40px 25px 55px;
    position:absolute;
    top:0;
    width:100%
}
.featured-stories__see-all-mobile__plus{
    margin-bottom:40px;
    position:relative
}
.featured-stories__see-all-mobile__plus::before,.featured-stories__see-all-mobile__plus::after{
    background:#000;
    content:'';
    height:1px;
    left:0;
    position:absolute;
    top:0;
    -webkit-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    width:38px
}
.featured-stories__see-all-mobile__plus::after{
    -webkit-transform:rotate(90deg) translate(0, 19px);
    transform:rotate(90deg) translate(0, 19px)
}
.get-app{
    overflow:hidden;
    padding:80px 0
}
.get-app+.get-app{
    background-color:#f8f8f8
}
@media only screen and (min-width: 760px){
    .get-app{
        padding:250px 0
    }
}
@media only screen and (min-width: 1024px){
    .get-app{
        padding:250px 0 500px
    }
    .get-app[data-name="technology-get-app"]{
        padding-bottom:250px
    }
}
.get-app .grid{
    align-items:end
}
@media only screen and (min-width: 760px){
    .get-app--big{
        background-color:transparent;
        padding:150px 0
    }
}
@media only screen and (min-width: 1024px){
    .get-app--big{
        padding:200px 0 250px
    }
}
.get-app__container{
    position:relative
}
@media only screen and (min-width: 760px){
    .get-app__content{
        grid-column:1 / 5
    }
}
@media only screen and (min-width: 760px){
    .get-app__content{
        padding:50px 0
    }
    .get-app__content::before{
        background:#000;
        content:'';
        display:block;
        height:2px;
        margin-bottom:70px;
        width:130px
    }
}
@media only screen and (min-width: 1024px){
    .get-app__content{
        padding:50px 0 150px
    }
}
.get-app__content .large{
    margin:0
}
.get-app--big .get-app__content{
    padding-bottom:0
}
@media only screen and (min-width: 760px){
    .get-app--big .get-app__content{
        padding-bottom:100px;
        padding-top:200px
    }
}
@media only screen and (min-width: 1280px){
    .get-app--big .get-app__content{
        padding-bottom:150px;
        padding-top:300px
    }
}
.get-app__text{
    margin:32px 0;
    width:75%
}
.get-app__button{
    align-items:center;
    background:#000;
    border-radius:8px;
    color:#fff;
    display:inline-flex;
    height:48px;
    justify-content:center;
    margin-right:5px;
    padding:0 12px
}
.get-app__button img{
    display:block;
    height:48px
}
.get-app__image-left,.get-app__image-right{
    margin-top:80px;
    width:82.63666%
}
@media only screen and (min-width: 760px){
    .get-app__image-left,.get-app__image-right{
        margin-top:0;
        width:100%
    }
}
.get-app__image-left .image-container,.get-app__image-right .image-container{
    border-radius:20px;
    box-shadow:60px 12px 72px rgba(0,0,0,0.15),-4px 2px 110px rgba(0,0,0,0.13);
    width:100%
}
@media only screen and (min-width: 760px){
    .get-app__image-left .image-container,.get-app__image-right .image-container{
        box-shadow:120px 24px 144px rgba(0,0,0,0.15),120px 24px 144px rgba(0,0,0,0.15)
    }
}
@media only screen and (min-width: 760px){
    .get-app__image-left{
        grid-column:5 / 9
    }
}
@media only screen and (min-width: 760px){
    .get-app__image-left{
        align-self:end;
        -webkit-transform:translate(0, 29.6%);
        transform:translate(0, 29.6%)
    }
}
.get-app__image-right{
    margin-left:17.68489%
}
@media only screen and (min-width: 760px){
    .get-app__image-right{
        grid-column:9 / -1
    }
}
@media only screen and (min-width: 760px){
    .get-app__image-right{
        align-self:start;
        margin:0;
        -webkit-transform:translate(0, -20%);
        transform:translate(0, -20%)
    }
}
@media only screen and (min-width: 760px){
    .get-app__image-big{
        left:50%;
        max-width:1080px;
        position:absolute;
        top:50%;
        -webkit-transform:translate(-22%, -45%);
        transform:translate(-22%, -45%);
        width:95%
    }
}
.get-app__image-big .image-container{
    width:100%
}
.hero-text{
    padding-bottom:80px;
    padding-top:80px
}
@media only screen and (min-width: 760px){
    .hero-text{
        padding-bottom:200px;
        padding-top:240px
    }
    .hero-text:first-child{
        padding-bottom:0;
        padding-top:80px
    }
    .hero-text:first-child .hero-text__body{
        margin-bottom:150px
    }
}
.hero-text h6{
    margin-bottom:40px
}
@media only screen and (min-width: 760px){
    .hero-text h6{
        margin-bottom:90px
    }
}
@media only screen and (min-width: 760px){
    .hero-text__heading{
        grid-column:2 / -2
    }
}
@media only screen and (min-width: 1024px){
    .hero-text__heading{
        grid-column:3 / -2
    }
}
.hero-text__body{
    margin-bottom:0;
    margin-top:40px
}
@media only screen and (min-width: 760px){
    .hero-text__body{
        grid-column:2 / 12
    }
}
@media only screen and (min-width: 1024px){
    .hero-text__body{
        grid-column:3 / 11
    }
}
@media only screen and (min-width: 760px){
    .hero-text__body p{
        -webkit-column-gap:30px;
        -moz-column-gap:30px;
        column-gap:30px;
        -webkit-columns:2;
        -moz-columns:2;
        columns:2
    }
}
@media only screen and (min-width: 760px){
    .hero-text__body--columns{
        display:grid;
        grid-gap:30px;
        grid-template-columns:1fr 1fr
    }
    .hero-text__body--columns p{
        -webkit-columns:1;
        -moz-columns:1;
        columns:1
    }
}
@media only screen and (min-width: 760px){
    .hero-text--left .hero-text__heading{
        grid-column:1 / -2
    }
}
@media only screen and (min-width: 1024px){
    .hero-text--left .hero-text__heading{
        grid-column:1 / -3
    }
}
@media only screen and (min-width: 760px){
    .hero-text--left .hero-text__body{
        grid-column:1 / 11
    }
}
@media only screen and (min-width: 1024px){
    .hero-text--left .hero-text__body{
        grid-column:1 / 9
    }
}
@media only screen and (min-width: 760px){
    .hero-text--offset .hero-text__heading{
        grid-column:2 / -1
    }
}

@media only screen and (min-width: 1024px){
    .hero-text--offset .hero-text__heading{
        grid-column:2 / -1
    }
}

/*  ORIGINAL
@media only screen and (min-width: 1024px){
    .hero-text--offset .hero-text__heading{
        grid-column:3 / -1
    }
}
 */
@media only screen and (min-width: 760px){
    .hero-text--offset .hero-text__body{
        grid-column:3 / 9
    }
}
@media only screen and (min-width: 1024px){
    .hero-text--offset .hero-text__body{
        grid-column:4 / 10
    }
}
@media only screen and (min-width: 1280px){
    .hero-text--offset .hero-text__body{
        grid-column:3 / 11
    }
}


/*  ORIGINAL
@media only screen and (min-width: 1280px){
    .hero-text--offset .hero-text__body{
        grid-column:5 / 9
    }
}
 */

.hero-text--offset .hero-text__body p{
    -webkit-columns:1;
    -moz-columns:1;
    columns:1
}
.hero-text--center .hero-text__heading{
    text-align:center
}
@media only screen and (min-width: 760px){
    .hero-text--center .hero-text__heading{
        grid-column:1 / -1
    }
}
.highlight-image{
    padding-bottom:80px;
    padding-top:0
}
@media only screen and (min-width: 760px){
    .highlight-image{
        padding-bottom:100px;
        padding-top:100px
    }
}
@media only screen and (min-width: 1024px){
    .highlight-image{
        padding-bottom:200px;
        padding-top:100px
    }
}
.highlight-image__content{
    align-self:end;
    padding-bottom:50px;
    padding-top:70px
}
@media only screen and (min-width: 760px){
    .highlight-image__content{
        grid-column:1 / 6
    }
}
@media only screen and (min-width: 1280px){
    .highlight-image__content{
        grid-column:1 / 5
    }
}
@media only screen and (min-width: 760px){
    .highlight-image__content{
        grid-row:1;
        padding-bottom:150px;
        padding-top:0
    }
    .highlight-image__content::before{
        content:''
    }
}
.highlight-image__content::before{
    background:#000;
    display:block;
    height:2px;
    margin-bottom:70px;
    width:130px
}
.highlight-image__content h3{
    margin-bottom:.85em
}
.highlight-image__content h3 p{
    margin-bottom:0
}
.highlight-image__content p{
    margin-bottom:2em
}
@media only screen and (min-width: 760px){
    .highlight-image__content p{
        margin-bottom:3em
    }
}
@media only screen and (min-width: 760px){
    .highlight-image__image{
        grid-column:7 / 13
    }
}
@media only screen and (min-width: 760px){
    .highlight-image__image{
        grid-row:1
    }
}
.highlight-text__content{
    grid-column:3 / -3;
    padding-top: 0px;
    padding-bottom: 80px /*Added*/
}
@media only screen and (min-width: 760px){
    .highlight-text__content{
        grid-column:2 / -2
    }
}
@media only screen and (min-width: 1024px){
    .highlight-text__content{
        grid-column:3 / -3
    }
}
@media only screen and (min-width: 760px){
    .highlight-text__content{
        /*padding:200px 0;*/
        padding-top:40px;/*Added*/
        padding-bottom:100px;/*Added*/
        text-align:center
    }
}
.highlight-text__content img{
    margin-bottom:28px;
    width:26px
}
.highlight-text__content .large{
    margin-top:1.5em
}
@media only screen and (min-width: 760px){
    .highlight-text__content .large{
        margin-top:1em
    }
}
.homepage-about{
    background:#f8f8f8;
    padding:80px 0
}
@media only screen and (min-width: 760px){
    .homepage-about{
        padding:240px 0
    }
}
.homepage-about h6{
    margin-bottom:40px
}
@media only screen and (min-width: 760px){
    .homepage-about h6{
        margin-bottom:90px
    }
}
.homepage-about .image-container{
    margin-top:40px
}
@media only screen and (min-width: 760px){
    .homepage-about .image-container{
        margin-top:150px
    }
}
@media only screen and (min-width: 760px){
    .homepage-about__col{
        align-content:start;
        display:grid;
        grid-column-gap:30px;
        grid-template-columns:repeat(6, 1fr)
    }
}
@media only screen and (min-width: 1024px){
    .homepage-about__col{
        grid-template-columns:repeat(5, 1fr)
    }
}
.homepage-about__col--left{
    padding-top:40px
}
@media only screen and (min-width: 760px){
    .homepage-about__col--left{
        grid-column:1 / 7
    }
}
@media only screen and (min-width: 1024px){
    .homepage-about__col--left{
        grid-column:3 / 8
    }
}
@media only screen and (min-width: 760px){
    .homepage-about__col--right{
        grid-column:7 / -1
    }
}
@media only screen and (min-width: 1024px){
    .homepage-about__col--right{
        grid-column:8 / -1
    }
}
@media only screen and (min-width: 760px){
    .homepage-about__text{
        grid-column:1 / -2
    }
}
.homepage-about__caption{
    margin-top:24px
}
.homepage-about__caption::before{
    background:#000;
    display:block;
    height:1px;
    margin-top:14px;
    width:100%
}
@media only screen and (min-width: 760px){
    .homepage-about__caption{
        margin-top:40px
    }
    .homepage-about__caption::before{
        content:''
    }
}
@media only screen and (min-width: 760px){
    .homepage-about__caption__content{
        grid-column:2 / -1
    }
}
.homepage-about__caption__content h5{
    margin-bottom:.8em
}
.homepage-hero{
    color:#fff;
    height:calc(100vh - 78px);
    position:relative;
    transition:height .2s ease-out;
    width:100%
}
@media only screen and (min-width: 760px){
    .homepage-hero{
        height:calc(100vh - 128px);
        min-height:550px
    }
}
.homepage-hero__background{
    background:#e6e6e6;
    cursor:pointer;
    height:100%;
    left:32px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0
}
@media only screen and (min-width: 760px){
    .homepage-hero__background{
        left:50px
    }
}
@media only screen and (min-width: 1390px){
    .homepage-hero__background{
        left:calc(50vw - 645px)
    }
}
@media only screen and (min-width: 1440px){
    .homepage-hero__background{
        left:75px
    }
}
.homepage-hero__background video,.homepage-hero__background img{
    min-height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    width:auto
}
@media only screen and (min-width: 1024px){
    .homepage-hero__background video,.homepage-hero__background img{
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        width:100%
    }
}
@media only screen and (max-width: 759px){
    .homepage-hero__background .homepage-hero___background__video--desktop-only{
        display:none
    }
}
.homepage-hero__background .homepage-hero___background__video--mobile-only{
    width:100%
}
@media only screen and (min-width: 760px){
    .homepage-hero__background .homepage-hero___background__video--mobile-only{
        display:none
    }
}
.homepage-hero__layer{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.homepage-hero__content{
    bottom:100px;
    display:grid;
    grid-column-gap:16px;
    grid-template-columns:repeat(12, 1fr);
    left:0;
    max-width:1290px;
    position:absolute;
    width:calc(100% - 32px)
}
@media only screen and (min-width: 760px){
    .homepage-hero__content{
        bottom:120px;
        grid-column-gap:30px;
        width:calc(100% - 50px)
    }
}
@media only screen and (min-width: 1440px){
    .homepage-hero__content{
        bottom:140px;
        display:block;
        padding:0 110px
    }
}
@media only screen and (min-width: 1700px){
    .homepage-hero__content{
        left:calc(50% - (75px / 2));
        padding:0;
        -webkit-transform:translate(-50%, 0);
        transform:translate(-50%, 0);
        width:1290px
    }
}
.homepage-hero__youtube-button{
    align-items:center;
    border-radius:100%;
    border:1px solid white;
    display:flex;
    grid-column:2 / -2;
    height:5em;
    justify-content:center;
    margin-bottom:2em;
    transition:all 300ms ease;
    width:5em
}
.homepage-hero__youtube-button svg{
    -webkit-transform:translateX(0.15em);
    transform:translateX(0.15em);
    transition:all 300ms ease;
    width:1.5em
}
.homepage-hero__youtube-button:hover{
    background:#fff
}
.homepage-hero__youtube-button:hover svg{
    -webkit-filter:invert(1);
    filter:invert(1)
}
.homepage-hero__title{
    color:#e6e6e6;
    grid-column:2 / -2
}
@media only screen and (min-width: 1700px){
    .homepage-hero__title{
        font-size:135px
    }
}
.homepage-hero__line{
    -webkit-animation:scroll-indicator 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation:scroll-indicator 2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    height:60px;
    left:50%;
    position:absolute;
    top:calc(100% - 30px);
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    transition:opacity .3s ease-out;
    width:11px;
    z-index:3
}
@media only screen and (min-width: 760px){
    .homepage-hero__line{
        height:72px;
        top:calc(100% - 36px)
    }
}
.homepage-hero__line::before,.homepage-hero__line::after{
    background:rgba(255,255,255,0.8);
    content:'';
    display:block;
    height:50%;
    margin-left:5px;
    width:1px
}
.homepage-hero__line::after{
    background:rgba(0,0,0,0.6)
}
.homepage-hero__line--hidden{
    opacity:0
}
@-webkit-keyframes scroll-indicator{
    0%{
        -webkit-clip-path:inset(0 0 100% 0);
        clip-path:inset(0 0 100% 0)
    }
    40%{
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
    }
    80%,100%{
        -webkit-clip-path:inset(100% 0 0 0);
        clip-path:inset(100% 0 0 0)
    }
}
@keyframes scroll-indicator{
    0%{
        -webkit-clip-path:inset(0 0 100% 0);
        clip-path:inset(0 0 100% 0)
    }
    40%{
        -webkit-clip-path:inset(0 0 0 0);
        clip-path:inset(0 0 0 0)
    }
    80%,100%{
        -webkit-clip-path:inset(100% 0 0 0);
        clip-path:inset(100% 0 0 0)
    }
}
.homepage-product-feature{
    overflow:hidden;
    padding-bottom:80px;
    padding-top:80px
}
@media only screen and (min-width: 760px){
    .homepage-product-feature{
        padding-bottom:140px;
        padding-top:30px
    }
}
@media only screen and (min-width: 1024px){
    .homepage-product-feature{
        padding-bottom:30px
    }
}
@media only screen and (min-width: 760px){
    .homepage-product-feature__content{
        grid-column:1 / 5
    }
}
@media only screen and (min-width: 1024px){
    .homepage-product-feature__content{
        grid-column:1 / 4
    }
}
@media only screen and (min-width: 760px){
    .homepage-product-feature__content{
        padding-top:0px
    }
    .homepage-product-feature__content::before{
        background:#000;
        content:'';
        display:block;
        height:2px;
        margin-bottom:70px;
        width:130px
    }
}
@media only screen and (min-width: 1024px){
    .homepage-product-feature__content{
        display:flex;
        flex-direction:column;
        justify-content:flex-end;
        padding-bottom:75px;
        padding-top:0
    }
}
@media only screen and (min-width: 1280px){
    .homepage-product-feature__content{
        padding-bottom:150px
    }
}
.homepage-product-feature__content p{
    margin-top:1.5em
}
.homepage-product-feature__buttons{
    margin-top:40px
}
.homepage-product-feature__buttons .button{
    margin:0 10px 15px 0
}
.homepage-product-feature__buttons .button:last-child{
    margin-right:0
}
.homepage-product-feature__buttons span{
    cursor:default
}
.homepage-product-feature__buttons span:hover{
    background:#000
}
.homepage-product-feature__images{
    margin-top:50px;
    position:relative
}
@media only screen and (min-width: 760px){
    .homepage-product-feature__images{
        grid-column:7 / -1
    }
}
@media only screen and (min-width: 1024px){
    .homepage-product-feature__images{
        grid-column:5 / 9
    }
}
@media only screen and (min-width: 1440px){
    .homepage-product-feature__images{
        grid-column:5 / 10
    }
}
@media only screen and (min-width: 760px){
    .homepage-product-feature__images{
        margin-top:0
    }
}
.homepage-product-feature__images .image-container{
    display:block
}
.homepage-product-feature__images .image-container:last-child{
    -webkit-animation:cross-fade 10s infinite;
    animation:cross-fade 10s infinite;
    left:0;
    position:absolute;
    top:0
}
@media only screen and (min-width: 1024px){
    .homepage-product-feature__images .image-container:last-child{
        -webkit-animation:none;
        animation:none;
        left:100%;
        margin-left:30px;
        width:100%
    }
}
@-webkit-keyframes cross-fade{
    0%,45%,100%{
        opacity:0
    }
    50%,95%{
        opacity:1
    }
}
@keyframes cross-fade{
    0%,45%,100%{
        opacity:0
    }
    50%,95%{
        opacity:1
    }
}
.highlight-carousel{
    padding-bottom:140px;
    padding-top:80px
}
@media only screen and (min-width: 760px){
    .highlight-carousel{
        padding-bottom:130px;
        padding-top:30px
    }
}
.highlight-carousel__column{
    display:flex;
    flex-direction:column;
    justify-content:flex-end
}
@media only screen and (min-width: 760px){
    .highlight-carousel__column{
        grid-column:1 / 6
        /*grid-column:7 / -1*/
    }
}
@media only screen and (min-width: 800px){
    .highlight-carousel__column{
        grid-column:1 / 6
        /*grid-column:5 / 9*/
    }
}
@media only screen and (min-width: 1280px){
    .highlight-carousel__column{
        grid-column:1 / 5
        /*grid-column:5 / 10*/
    }
}
.highlight-carousel__content{
    padding-bottom:50px
}
@media only screen and (min-width: 760px){
    .highlight-carousel__content{
        padding-bottom:150px
    }
    .highlight-carousel__content::before{
        background:#000;
        content:'';
        display:block;
        height:2px;
        margin-bottom:70px;
        width:130px
    }
}
.highlight-carousel__title{
    margin-bottom:.85em
}
.highlight-carousel__subtitle{
    margin-bottom:2em
}
@media only screen and (min-width: 760px){
    .highlight-carousel__subtitle{
        margin-bottom:3em
    }
}
@media only screen and (min-width: 760px){
    .highlight-carousel__carousel-container{
        grid-column:7 / -1
    }
}
.highlight-carousel__carousel{
    background:#e6e6e6;
    position:relative;
    width:calc(100% + 32px)
}
.highlight-carousel__carousel::before{
    content:'';
    display:block;
    padding-top:134.92063%;
    width:100%
}
@media only screen and (min-width: 760px){
    .highlight-carousel__carousel{
        width:100%
    }
}
.highlight-carousel__carousel__image{
    background:#e6e6e6;
    cursor:pointer;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity .5s .5s ease-out
}
.highlight-carousel__carousel__image img{
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.highlight-carousel__carousel__image--active{
    opacity:1;
    transition:opacity .5s ease-out;
    z-index:2
}
.highlight-carousel__carousel__progress{
    display:flex;
    height:21px;
    left:0;
    margin-top:4px;
    position:absolute;
    top:100%;
    width:calc(100% - 32px)
}
@media only screen and (min-width: 760px){
    .highlight-carousel__carousel__progress{
        width:100%
    }
}
.highlight-carousel__carousel__progress::before{
    background:#ccc;
    content:'';
    display:block;
    height:1px;
    left:0;
    position:absolute;
    top:10px;
    width:100%;
    z-index:1
}
.highlight-carousel__carousel__progress span{
    cursor:pointer;
    display:block;
    flex:1 1 auto;
    height:21px;
    position:relative;
    z-index:2
}
.highlight-carousel__carousel__progress span::before{
    content:'';
    display:block;
    height:1px;
    margin:10px 0;
    width:100%
}
.highlight-carousel__carousel__progress span:hover::before{
    background:#999
}
.highlight-carousel__carousel__progress span.active::before{
    background:#000
}
.highlight-carousel__carousel__caption{
    left:0;
    margin-top:64px;
    opacity:0;
    position:absolute;
    top:100%;
    transition:opacity .3s ease-out
}
.highlight-carousel__carousel__caption--active{
    opacity:1;
    transition:opacity .3s .3s ease-out
}
.how-it-started{
    padding:80px 0
}
@media only screen and (min-width: 760px){
    .how-it-started{
        padding:0 0 200px
    }
}
.how-it-started h4{
    margin:60px 0
}
@media only screen and (min-width: 760px){
    .how-it-started h4{
        margin:140px 0 80px
    }
}
.how-it-started p{
    margin-top:40px
}
.how-it-started__image{
    background: no-repeat center center/auto 100%;
    height:522px;
    margin-bottom:50px;
    position:relative;
    width:calc(100% + 32px)
}
@media only screen and (min-width: 760px){
    .how-it-started__image{
        /*background:#e6e6e6 no-repeat center center/cover;*/
        height:555px;
        margin-bottom:0;
        width:100%
    }
}
.how-it-started__image p{
    color:#666;
    left:0;
    margin-top:15px;
    padding-right:32px;
    position:absolute;
    top:100%;
    width:100%
}
@media only screen and (min-width: 760px){
    .how-it-started__image p{
        padding-right:0;
        text-align:right
    }
}
.how-it-started__columns{
    display:grid
}
@media only screen and (min-width: 760px){
    .how-it-started__columns{
        border-top:1px solid #e6e6e6;
        grid-column-gap:30px;
        grid-row-gap:80px;
        grid-template-columns:1fr 1fr
    }
}
@media only screen and (min-width: 1024px){
    .how-it-started__columns{
        grid-template-columns:repeat(4, 1fr)
    }
}
.how-it-started__col{
    border-top:1px solid #e6e6e6;
    padding:24px 0 80px
}
@media only screen and (min-width: 760px){
    .how-it-started__col{
        border:0;
        padding:24px 0 0
    }
}
.how-it-started__col:last-child{
    padding-bottom:0
}
.other-stories{
    padding:80px 0
}
@media only screen and (min-width: 760px){
    .other-stories{
        padding:120px 0
    }
}
@media only screen and (min-width: 1024px){
    .other-stories{
        padding:200px 0
    }
}
@media only screen and (max-width: 759px){
    .other-stories .grid{
        grid-column-gap:16px;
        grid-template-columns:repeat(12, 1fr)
    }
}
.other-stories hr{
    background:#e6e6e6;
    border:0;
    display:block;
    height:1px;
    margin:0;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
.other-stories hr.active{
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    transition:-webkit-transform .5s .2s ease-out;
    transition:transform .5s .2s ease-out;
    transition:transform .5s .2s ease-out, -webkit-transform .5s .2s ease-out;
    width:100%
}
.other-stories__title{
    grid-column:1 / -1;
    margin-bottom:50px
}
@media only screen and (min-width: 1024px){
    .other-stories__title{
        grid-column:1 / 5
    }
}
@media only screen and (min-width: 1024px){
    .other-stories__title{
        margin-bottom:0
    }
}
.other-stories__title p{
    margin:0
}
.other-stories__stories{
    grid-column:1 / -1
}
@media only screen and (min-width: 1024px){
    .other-stories__stories{
        grid-column:5 / -1
    }
}
.other-stories__story{
    color:inherit;
    display:grid;
    grid-column-gap:16px;
    grid-template-columns:repeat(12, 1fr);
    padding:32px 0
}
@media only screen and (min-width: 760px){
    .other-stories__story{
        grid-gap:30px;
        padding:80px 0 50px
    }
}
@media only screen and (min-width: 1024px){
    .other-stories__story{
        grid-template-columns:repeat(8, 1fr)
    }
}
.other-stories__story:hover{
    color:inherit
}
.other-stories__story:first-child{
    padding-top:0
}
.other-stories__story__image{
    grid-column:-5 / -1
}
@media only screen and (min-width: 1024px){
    .other-stories__story__image{
        grid-column:1 / 3
    }
}
.other-stories__story__image .image-container{
    width:100%
}
.other-stories__story__content{
    align-content:start;
    display:grid;
    grid-column:1 / -1;
    grid-column-gap:16px;
    grid-row:1;
    grid-template-columns:repeat(8, 1fr);
    max-width:550px
}
@media only screen and (min-width: 760px){
    .other-stories__story__content{
        grid-column:1 / -6
    }
}
@media only screen and (min-width: 1024px){
    .other-stories__story__content{
        grid-column:3 / -1
    }
}
@media only screen and (max-width: 759px){
    .other-stories__story__content.with-image{
        grid-column:1 / 9
    }
}
@media only screen and (min-width: 760px){
    .other-stories__story__content{
        grid-column-gap:30px
    }
}
@media only screen and (min-width: 1024px){
    .other-stories__story__content{
        grid-template-columns:repeat(6, 1fr)
    }
}
.other-stories__story__content .label{
    line-height:1.5em;
    margin:0
}
.other-stories__story__content h4{
    grid-column:1 / -1;
    margin-bottom:24px
}
@media only screen and (min-width: 1024px){
    .other-stories__story__content h4{
        grid-column:1 / 5
    }
}
@media only screen and (max-width: 759px){
    .other-stories__story__content h4{
        grid-row:1
    }
}
@media only screen and (min-width: 760px){
    .other-stories__story__content h4{
        margin:24px 0
    }
}
.other-stories__story__content p{
    grid-column:1 / -1
}
@media only screen and (min-width: 1024px){
    .other-stories__story__content p{
        grid-column:1 / 5
    }
}
@media only screen and (max-width: 759px){
    .other-stories__story__text{
        display:none
    }
}
.other-stories__story__cta-container{
    display:none
}
@media only screen and (min-width: 760px){
    .other-stories__story__cta-container{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .other-stories__story__cta-container{
        grid-column:-3 / -1
    }
}
@media only screen and (min-width: 760px){
    .other-stories__story__cta-container{
        display:block
    }
}
@media only screen and (min-width: 1024px){
    .other-stories__story__cta-container{
        text-align:right
    }
}
.product-abilities{
    padding:80px 0;
    position:relative
}
@media only screen and (min-width: 760px){
    .product-abilities{
        padding:140px 0 20px
    }
}
@media only screen and (min-width: 1024px){
    .product-abilities{
        padding:240px 0 50px
    }
}
.product-abilities__header{
    align-items:flex-start;
    display:flex;
    justify-content:space-between
}
@media only screen and (max-width: 500px){
    .product-abilities__header .button{
        display:none
    }
}
.product-abilities__header p{
    margin:0
}
.product-abilities__content{
    display:flex;
    margin-top:60px
}
@media only screen and (max-width: 1023px){
    .product-abilities__content{
        overflow-x:scroll;
        padding-bottom:100px;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:none
    }
    .product-abilities__content::-webkit-scrollbar{
        background:transparent;
        width:0
    }
    .product-abilities__content::after{
        content:'';
        flex:0 0 auto;
        width:32px
    }
}
@media only screen and (max-width: 1023px) and (min-width: 760px){
    .product-abilities__content::after{
        width:50px
    }
}
@media only screen and (min-width: 1024px){
    .product-abilities__content{
        display:grid;
        grid-gap:30px;
        grid-template-columns:repeat(3, 1fr)
    }
}
@media only screen and (min-width: 1280px){
    .product-abilities__content{
        grid-template-columns:repeat(4, 1fr)
    }
}
.product-abilities__item{
    background:#f8f8f8;
    flex:0 0 auto;
    margin-right:16px;
    max-width:300px;
    padding:40px 25px 55px;
    width:82.63666%
}
@media only screen and (min-width: 760px){
    .product-abilities__item{
        margin-right:30px;
        padding:80px 30px 60px
    }
}
@media only screen and (min-width: 1024px){
    .product-abilities__item{
        margin:0;
        max-width:100%;
        width:100%
    }
    .product-abilities__item:nth-child(4){
        display:none
    }
}
@media only screen and (min-width: 1280px){
    .product-abilities__item:nth-child(4){
        display:block
    }
}
.product-abilities__item:last-child{
    margin-right:0
}
.product-abilities__item img{
    display:block;
    height:66px;
    margin-bottom:110px;
    width:66px
}
@media only screen and (min-width: 760px){
    .product-abilities__item img{
        margin-bottom:140px
    }
}
.product-abilities__item p{
    margin-top:20px
}
.product-abilities__see-all-mobile{
    align-items:center;
    border:1px solid #000;
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    font-size:20px;
    font-weight:300;
    justify-content:center;
    margin-right:16px;
    max-width:300px;
    padding:40px 25px 55px;
    width:82.63666%
}
@media only screen and (min-width: 760px){
    .product-abilities__see-all-mobile{
        display:none
    }
}
.product-abilities__see-all-mobile span{
    display:block
}
.product-abilities__see-all-mobile__plus{
    margin-bottom:40px;
    position:relative
}
.product-abilities__see-all-mobile__plus::before,.product-abilities__see-all-mobile__plus::after{
    background:#000;
    content:'';
    height:1px;
    left:0;
    position:absolute;
    top:0;
    -webkit-transform:translate(-50%, 0);
    transform:translate(-50%, 0);
    width:38px
}
.product-abilities__see-all-mobile__plus::after{
    -webkit-transform:rotate(90deg) translate(0, 19px);
    transform:rotate(90deg) translate(0, 19px)
}
.product-collaboration{
    padding:80px 0
}
@media only screen and (min-width: 760px){
    .product-collaboration{
        padding:240px 0
    }
}
.product-collaboration__col-left{
    margin-bottom:20px
}
@media only screen and (min-width: 760px){
    .product-collaboration__col-left{
        grid-column:1 / 7
    }
}
@media only screen and (min-width: 1024px){
    .product-collaboration__col-left{
        grid-column:1 / 8
    }
}
@media only screen and (min-width: 760px){
    .product-collaboration__col-left{
        display:grid;
        grid-column-gap:30px;
        grid-template-columns:repeat(6, 1fr);
        margin-bottom:0
    }
}
@media only screen and (min-width: 1024px){
    .product-collaboration__col-left{
        grid-template-columns:repeat(7, 1fr)
    }
}
@media only screen and (min-width: 760px){
    .product-collaboration__col-left p{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .product-collaboration__col-left p{
        grid-column:1 / -2
    }
}
@media only screen and (min-width: 760px){
    .product-collaboration__col-left p{
        margin-bottom:0;
        padding:50px 0 75px
    }
}
@media only screen and (min-width: 1280px){
    .product-collaboration__col-left p{
        padding:100px 0 150px
    }
}
@media only screen and (min-width: 760px){
    .product-collaboration__col-left .image-container{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .product-collaboration__col-left .image-container{
        grid-column:3 / -1
    }
}
@media only screen and (min-width: 760px){
    .product-collaboration__col-right{
        grid-column:-7 / -1
    }
}
@media only screen and (min-width: 1024px){
    .product-collaboration__col-right{
        grid-column:-6 / -1
    }
}
.product-collaboration__col-right p{
    margin-top:36px
}
.product-collaboration__buy-now{
    padding:40px 0 20px
}
@media only screen and (min-width: 760px){
    .product-collaboration__buy-now{
        align-items:center;
        display:flex;
        justify-content:space-between;
        padding:40px 0 20px
    }
}
.product-collaboration__buy-now p{
    margin:5px 0 10px
}
.product-collaboration__buy-now p:last-child{
    margin-bottom:0
}
@media only screen and (min-width: 760px){
    .product-collaboration__buy-now p{
        margin:0 0 5px
    }
}
.product-features{
    padding:0 32px 80px;
    position:relative
}
@media only screen and (max-width: 759px){
    .product-features{
        display:flex;
        overflow-x:scroll;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:none
    }
    .product-features::-webkit-scrollbar{
        background:transparent;
        width:0
    }
    .product-features::after{
        content:'';
        display:block;
        flex:0 0 auto;
        width:16px
    }
}
@media only screen and (min-width: 760px){
    .product-features{
        display:block;
        margin-bottom:200px;
        overflow-x:visible;
        padding:0
    }
}
@media only screen and (min-width: 1024px){
    .product-features{
        margin-bottom:300px
    }
}
.product-features.fixed .product-features__sticky{
    position:fixed;
    top:64px
}
.product-features__sticky{
    display:none;
    height:calc(100vh - 128px);
    left:0;
    position:absolute;
    top:0;
    width:100%
}
@media only screen and (min-width: 760px){
    .product-features__sticky{
        display:block
    }
}
.product-features__sticky .grid{
    height:100%
}
.product-features__sticky img{
    max-height:calc(100vh - 128px);
    max-width:100%;
    width:auto
}
.product-features__sticky__image{
    align-self:center;
    overflow:visible;
    position:relative
}
@media only screen and (min-width: 760px){
    .product-features__sticky__image{
        grid-column:1 / 7
    }
}
.product-features__sticky__image img{
    left:0;
    opacity:0;
    position:absolute;
    top:50%;
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    transition:all .5s
}
.product-features__sticky__image img.show{
    opacity:1
}
.product-features__feature{
    position:relative;
    z-index:2
}
@media only screen and (max-width: 759px){
    .product-features__feature{
        display:block;
        flex:0 0 auto;
        margin-right:16px;
        padding:0;
        width:91.31833%
    }
}
@media only screen and (min-width: 760px){
    .product-features__feature{
        align-items:center;
        height:150vh;
        margin-bottom:0;
        padding-bottom:100px
    }
}
.product-features__feature .image-container{
    width:100%
}
@media only screen and (min-width: 760px){
    .product-features__feature__content{
        grid-column:8 / -1
    }
}
@media only screen and (min-width: 1024px){
    .product-features__feature__content{
        grid-column:8 / -1
    }
}
.product-features__feature__content h3{
    display:none
}
@media only screen and (min-width: 760px){
    .product-features__feature__content h3{
        display:block;
        margin-bottom:120px
    }
}
.product-features__feature__content p{
    margin:0
}
.product-features__feature__content p:last-child{
    margin-top:36px
}
.product-features__feature__image{
    margin-bottom:30px;
    position:relative
}
@media only screen and (min-width: 760px){
    .product-features__feature__image{
        display:none
    }
}
.product-hero{
    padding-bottom:60px
}
@media only screen and (min-width: 760px){
    .product-hero{
        padding-bottom:100px
    }
}
@media only screen and (min-width: 1024px){
    .product-hero{
        padding-bottom:100px
    }
}
.product-hero__image{
    overflow:inherit;
    position:relative
}
@media only screen and (min-width: 760px){
    .product-hero__image{
        grid-column:1 / 7
    }
}
@media only screen and (min-width: 760px){
    .product-hero__image{
        grid-row:1
    }
}
.product-hero__image .highlight-carousel__carousel{
    width:100%
}
.product-hero__image .highlight-carousel__carousel__image{
    overflow:hidden
}
.product-hero__column{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:80px 0
}
@media only screen and (min-width: 760px){
    .product-hero__column{
        grid-column:8 / -1
    }
}
@media only screen and (min-width: 1024px){
    .product-hero__column{
        grid-column:8 / -1
    }
}
@media only screen and (min-width: 760px){
    .product-hero__column{
        padding:0
    }
}
@media only screen and (min-width: 900px){
    .product-hero__column{
        padding-bottom:75px
    }
}
@media only screen and (min-width: 1280px){
    .product-hero__column{
        padding-bottom:150px
    }
}
.product-hero__content p{
    margin:1.5em 0 0
}
@media only screen and (min-width: 760px){
    .product-hero__content p{
        width:78.5%
    }
}
.product-hero__content .button{
    margin-top:60px
}
.product-video{
    padding:0px 0
}
@media only screen and (min-width: 760px){
    .product-video{
        padding:0px 0 0px
    }
}
@media only screen and (min-width: 1024px){
    .product-video{
        padding:20px 0 20px
    }
}
.product-video__container{
    background:#999;
    overflow:hidden;
    position:relative
}
@media only screen and (max-width: 759px){
    .product-video__container{
        height:560px;
        -webkit-transform:translate(-32px, 0);
        transform:translate(-32px, 0);
        width:calc(100% + 64px)
    }
}
.product-video__video{
    width:100%
}
.product-video__video video{
    background:#000;
    display:block;
    outline:0;
    width:100%
}
@media only screen and (max-width: 759px){
    .product-video__video video{
        height:auto;
        left:50%;
        position:absolute;
        top:50%;
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        width:100%
    }
}
.product-video__preview{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.product-video__preview video{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.product-video__preview::after{
    background:rgba(0,0,0,0.0);
    content:'';
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.is-playing .product-video__preview{
    opacity:0;
    pointer-events:none;
    z-index:0
}
.product-video__button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:#fff;
    border:0;
    border-radius:50%;
    bottom:65px;
    color:#000;
    cursor:pointer;
    height:60px;
    left:65px;
    outline:0;
    position:absolute;
    width:60px
}
.is-playing .product-video__button{
    opacity:0;
    pointer-events:none
}
.product-video__button i{
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.product-video__button:hover{
    background:rgba(255,255,255,0.8)
}
.product-video__content{
    padding:70px 0 0
}
@media only screen and (min-width: 760px){
    .product-video__content{
        grid-column:3 / 11
    }
}
@media only screen and (min-width: 1024px){
    .product-video__content{
        grid-column:4 / 10
    }
}
.product-video__content .large{
    margin-bottom:30px
}
.product-tabs{
    background:#dfe1e0;
    background-color:#e3e3e3;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:100% auto;
    padding:80px 0 0
}
@media only screen and (min-width: 760px){
    .product-tabs{
        padding:12vw 0 40px
    }
}
@media only screen and (min-width: 1024px){
    .product-tabs{
        padding:14vw 0 10vw
    }
}
.product-tabs h1{
    margin-bottom:76vw
}
@media only screen and (min-width: 760px){
    .product-tabs h1{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 760px){
    .product-tabs h1{
        text-align:center
    }
}
.product-tabs .technology-tag__section.selected{
    background:rgba(0,0,0,0.05)
}
@media only screen and (max-width: 1023px){
    .product-tabs .technology-tag__section{
        background:rgba(0,0,0,0.05)
    }
}
.technology-capabilities{
    background:#f8f8f8;
    padding:100px 0
}
@media only screen and (min-width: 760px){
    .technology-capabilities{
        padding:240px 0
    }
}
.technology-capabilities__title{
    margin-bottom:40px
}
@media only screen and (min-width: 760px){
    .technology-capabilities__title{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .technology-capabilities__title{
        grid-column:1 / 10
    }
}
@media only screen and (min-width: 760px){
    .technology-capabilities__title{
        margin-bottom:55px
    }
}
@media only screen and (min-width: 760px){
    .technology-capabilities__text{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .technology-capabilities__text{
        grid-column:3 / 11
    }
}
@media only screen and (min-width: 760px){
    .technology-capabilities__text{
        -webkit-column-gap:30px;
        padding-top: 60px;
        -moz-column-gap:30px;
        column-gap:30px;
        -webkit-columns:2;
        -moz-columns:2;
        columns:2
    }
}
@media only screen and (min-width: 760px){
    .technology-capabilities__accordion{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .technology-capabilities__accordion{
        grid-column:3 / -3
    }
}
.technology-capabilities__category.expanded .technology-capabilities__category__title::after{
    -webkit-transform:rotate(90deg) scaleX(0);
    transform:rotate(90deg) scaleX(0)
}
.technology-capabilities__category__title{
    border-bottom:1px solid #e6e6e6;
    cursor:pointer;
    display:block;
    padding:30px 0;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
@media only screen and (min-width: 760px){
    .technology-capabilities__category__title{
        padding:36px 0
    }
}
.technology-capabilities__category__title::before,.technology-capabilities__category__title::after{
    background:#000;
    content:'';
    height:2px;
    position:absolute;
    right:0;
    top:50%;
    transition:-webkit-transform .1s ease-out;
    transition:transform .1s ease-out;
    transition:transform .1s ease-out, -webkit-transform .1s ease-out;
    width:20px
}
@media only screen and (min-width: 760px){
    .technology-capabilities__category__title::before,.technology-capabilities__category__title::after{
        width:28px
    }
}
.technology-capabilities__category__title::after{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.technology-capabilities__category__title:hover::before,.technology-capabilities__category__title:hover::after{
    background:gray
}
.technology-capabilities__category__title sup{
    font-size:12px;
    margin-left:3px;
    top:-1.3em
}
.technology-capabilities__mask{
    height:0;
    overflow:hidden;
    transition:height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    width:100%
}

 /* MODIFIED STARTS */
.technology-capabilities__category__features {
    display:grid;
    grid-row-gap:60px;
    padding:40px 0
}


@media only screen and (min-width: 760px){
    .technology-capabilities__category__features{
        grid-column-gap:30px;
        grid-row-gap:80px;
        grid-template-columns:repeat(2, 1fr);
        padding:80px 0
    }
}


.technology-capabilities__feature {
    opacity:0;
    padding-right:40px;
    -webkit-transform:translate(0, -20px);
    transform:translate(0, -20px);
    transition:opacity .3s, -webkit-transform 0s .3s;
    transition:opacity .3s, transform 0s .3s;
    transition:opacity .3s, transform 0s .3s, -webkit-transform 0s .3s
}


@media only screen and (max-width: 759px){
    .technology-capabilities__feature{
        display:grid;
        grid-gap:30px;
        /* grid-template-columns:66px 1fr; */
        padding-right:0;
    }
}


/* REMOVE
.technology-capabilities__feature img{
    display:block;
    height:66px;
    margin-bottom:32px;
    width:66px
}*/


@media only screen and (min-width: 760px){
    .technology-capabilities__feature img{
        margin-bottom:64px
    }
}


.technology-capabilities__feature h5{
    margin-bottom:10px
}


.expanded .technology-capabilities__feature {
    opacity:1;
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    transition:opacity .3s .1s ease-out, -webkit-transform .3s .1s ease-out;
    transition:opacity .3s .1s ease-out, transform .3s .1s ease-out;
    transition:opacity .3s .1s ease-out, transform .3s .1s ease-out, -webkit-transform .3s .1s ease-out
}


.technology-compatibility__desktop{
    display:none
}
@media only screen and (min-width: 760px){
    .technology-compatibility__desktop{
        grid-column:1 / 6
    }
}
@media only screen and (min-width: 1025px){
    .technology-compatibility__desktop{
        display:block;
        padding:160px 0 0
    }
}
.technology-compatibility__mobile{
    display:block;
    padding:100px 0
}
@media only screen and (min-width: 760px){
    .technology-compatibility__mobile{
        grid-column:3 / -3
    }
}
@media only screen and (min-width: 1024px){
    .technology-compatibility__mobile{
        grid-column:3 / -3
    }
}
@media only screen and (min-width: 1025px){
    .technology-compatibility__mobile{
        display:none
    }
}
.technology-compatibility__box{
    background:#f8f8f8;
    color:#666;
    display:none;
    margin:36px 0;
    padding:32px 20px;
    text-align:center
}
.technology-compatibility__box img{
    display:block;
    height:28px;
    margin:0 auto 16px;
    width:28px
}
.technology-compatibility__extra{
    display:none
}
[data-compatible-level='0'] [data-level='0']{
    display:block
}
[data-compatible-level='1'] [data-level='1']{
    display:block
}
[data-compatible-level='1'] .technology-compatibility__extra{
    display:block
}
[data-compatible-level='2'] [data-level='2']{
    display:block
}
.technology-fibers{
    padding:80px 0
}
@media only screen and (min-width: 760px){
    .technology-fibers{
        padding:240px 0
    }
}
@media only screen and (min-width: 760px){
    .technology-fibers__header{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .technology-fibers__header{
        grid-column:2 / -2
    }
}
@media only screen and (min-width: 1280px){
    .technology-fibers__header{
        grid-column:3 / -3
    }
}
.technology-fibers__header h1{
    margin-bottom:40px
}
@media only screen and (min-width: 760px){
    .technology-fibers__text{
        -webkit-column-gap:30px;
        -moz-column-gap:30px;
        column-gap:30px;
        -webkit-columns:2;
        -moz-columns:2;
        columns:2
    }
}
@media only screen and (min-width: 760px){
    .technology-fibers__columns{
        display:grid;
        grid-gap:30px;
        grid-template-columns:repeat(3, 1fr);
        margin-top:100px
    }
}
.technology-fibers__columns h5{
    margin:40px 0 16px
}
.technology-fibers__columns h5,.technology-fibers__columns p{
    padding-right:32px
}
@media only screen and (max-width: 759px){
    .technology-fibers__col{
        margin:40px 0
    }
}
.technology-tag{
    max-width:100%;
    padding-top:80px;
    padding-bottom:60px
}
@media only screen and (min-width: 760px){
    .technology-tag{
        padding-top: 100px;
        padding-bottom: 120px
    }
}
@media only screen and (min-width: 760px){
    .technology-tag h1{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 760px){
    .technology-tag h1{
        text-align:center
    }
}
.technology-tag__text{
    margin-top:40px
}
@media only screen and (min-width: 760px){
    .technology-tag__text{
        grid-column:2 / -2
    }
}
@media only screen and (min-width: 1024px){
    .technology-tag__text{
        grid-column:3 / -3
    }
}
@media only screen and (min-width: 760px){
    .technology-tag__text{
        -webkit-column-gap:30px;
        -moz-column-gap:30px;
        column-gap:30px;
        -webkit-columns:2;
        -moz-columns:2;
        columns:2;
        margin-top:48px
    }
}
.technology-tag__image-container{
    margin:50px 0;
    overflow:hidden;
    position:relative
}
@media only screen and (min-width: 760px){
    .technology-tag__image-container{
        grid-column:1 / -1
    }
}
@media only screen and (min-width: 1024px){
    .technology-tag__image-container{
        grid-column:2 / -2
    }
}
@media only screen and (min-width: 1280px){
    .technology-tag__image-container{
        grid-column:3 / -3
    }
}
@media only screen and (max-width: 759px){
    .technology-tag__image-container{
        -webkit-transform:translate(-32px, 0);
        transform:translate(-32px, 0);
        width:calc(100% + 64px)
    }
}
@media only screen and (min-width: 1024px){
    .technology-tag__image-container{
        width:100%
    }
}
.technology-tag__image{
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity .3s .3s ease-out
}
@media only screen and (max-width: 759px){
    .technology-tag__image{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
}
.technology-tag__image img{
    display:block;
    width:100%
}
.technology-tag__image:first-child{
    position:relative
}
.technology-tag__image.selected{
    opacity:1;
    transition:opacity .3s ease-out;
    z-index:2
}
.technology-tag__sections{
    display:flex;
    padding:2px 32px 50px
}
@media only screen and (max-width: 1023px){
    .technology-tag__sections{
        overflow-x:scroll;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        -ms-overflow-style:none
    }
    .technology-tag__sections::-webkit-scrollbar{
        background:transparent;
        width:0
    }
}
@media only screen and (min-width: 1024px){
    .technology-tag__sections{
        padding:2px 50px 50px
    }
}
.technology-tag__sections::after{
    content:'';
    flex:0 0 auto;
    width:32px
}
@media only screen and (min-width: 760px){
    .technology-tag__sections::after{
        width:50px
    }
}
@media only screen and (min-width: 1024px){
    .technology-tag__sections::after{
        display:none
    }
}
.technology-tag__section{
    background:#f8f8f8;
    border-top:1px solid #e6e6e6;
    cursor:pointer;
    display:block;
    flex:0 0 auto;
    margin-right:16px;
    padding:75px 24px 40px;
    width:82.63666%
}
@media only screen and (min-width: 450px){
    .technology-tag__section{
        width:65%
    }
}
@media only screen and (min-width: 550px){
    .technology-tag__section{
        width:40%
    }
}
@media only screen and (min-width: 760px){
    .technology-tag__section{
        margin-right:30px;
        width:28%
    }
}
@media only screen and (min-width: 1024px){
    .technology-tag__section{
        background:transparent;
        flex:1 1 0;
        margin-right:0;
        width:auto
    }
}
.technology-tag__section:last-child{
    margin-right:0
}
.technology-tag__section img{
    display:block;
    height:260px;
    opacity:.3;
    transition:opacity .25s ease-out;
    width:200px
}
.technology-tag__section h5{
    color:#999;
    font-weight:400;
    margin:55px 0 42px;
    transition:color .25s ease-out
}
.technology-tag__section p{
    color:#ccc;
    font-size:14px;
    transition:color .25s ease-out, opacity .25s ease-out
}
@media only screen and (min-width: 1024px){
    .technology-tag__section p{
        color:#000;
        opacity:0
    }
}
@media only screen and (min-width: 760px){
    .technology-tag__section:hover{
        border-color:#000;
        transition:background .1s ease-out, border .1s ease-out
    }
    .technology-tag__section:hover h5{
        color:#000;
        transition:color .1s ease-out
    }
    .technology-tag__section:hover p{
        color:#666;
        transition:color .1s ease-out, opacity .1s ease-out
    }
    .technology-tag__section:hover img{
        opacity:1;
        transition:opacity .1s ease-out
    }
}
.technology-tag__section.selected{
    background:rgba(0,0,0,0.05);
    position:relative
}
.technology-tag__section.selected::before{
    background:#000;
    content:'';
    display:block;
    height:2px;
    left:0;
    position:absolute;
    top:-2px;
    width:100%
}
.technology-tag__section.selected img{
    opacity:1
}
.technology-tag__section.selected p{
    color:#666;
    opacity:1
}
.technology-tag__section.selected h5{
    color:#333;
    font-weight:500
}