.cross-browser{background-color:var(--White);position:relative}.cross-browser:before{content:"";background-color:var(--White);width:100%;height:100%;position:absolute;top:-70%;left:0}.cross-browser__eyebrow{color:var(--Black);text-align:center}.cross-browser__title{text-align:center;margin-bottom:40px}.cross-browser__description{text-align:center;max-width:1126px;margin:0 auto 40px}.cross-browser__items{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.cross-browser__item{border:1px solid var(--Grey);justify-content:center;align-items:center;padding:32px;transition:transform .3s,box-shadow .3s;display:flex}.cross-browser__item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.cross-browser__item img{object-fit:contain;width:100px;height:auto}@media (max-width:1920px){.cross-browser__item{padding:28px}.cross-browser__item img{width:80px}}@media (max-width:1600px){.cross-browser__items{gap:20px}.cross-browser__item{padding:24px}}@media (max-width:1366px){.cross-browser__items{gap:18px}.cross-browser__item{padding:22px}}@media (max-width:1100px){.cross-browser__item{padding:20px}.cross-browser__item img{width:65px}}@media (max-width:1024px){.cross-browser__items{gap:16px}.cross-browser__item{padding:20px}}@media (max-width:768px){.cross-browser__items{grid-template-columns:repeat(2,1fr);gap:14px}.cross-browser__item{padding:18px}}@media (max-width:576px){.cross-browser__items{gap:12px}.cross-browser__item{padding:16px}.cross-browser__item img{width:45px}}@media (max-width:480px){.cross-browser__items{grid-template-columns:repeat(2,1fr);gap:10px}.cross-browser__item{padding:14px}}@media (max-width:375px){.cross-browser__item{padding:15px}}@media (max-width:2250px){.cross-browser__description{max-width:850px}}@media (max-width:850px){.cross-browser__eyebrow{margin-bottom:10px}.cross-browser__title{margin-bottom:20px}.cross-browser__description{margin-bottom:30px}}@media (max-width:550px){.cross-browser__eyebrow{margin-bottom:10px}}
.cross-platforms{background-color:var(--White)}.cross-platforms__title{text-align:center;margin:0 auto 40px}.cross-platforms__description{text-align:center;max-width:1068px;margin:0 auto 40px}.cross-platforms__cta{width:fit-content;margin:0 auto 50px}.cross-platforms__phones{justify-content:center;align-items:center;width:fit-content;margin:0 auto;display:flex}.cross-platforms__phones-iphone{margin-right:-18%;display:flex}.cross-platforms__phones-iphone img{width:520px;height:auto}.cross-platforms__phones-android{margin-left:-18%;display:flex}.cross-platforms__phones-android img{width:490px;height:auto}@media (max-width:1950px){.cross-platforms__phones-iphone img{width:480px}.cross-platforms__phones-android img{width:450px}}@media (max-width:1320px){.cross-platforms__phones-iphone img{width:420px}.cross-platforms__phones-android img{width:395px}}@media (max-width:1150px){.cross-platforms__phones-iphone img{width:380px}.cross-platforms__phones-android img{width:355px}}@media (max-width:920px){.cross-platforms__phones-iphone img{width:340px}.cross-platforms__phones-android img{width:320px}}@media (max-width:850px){.cross-platforms__title{margin-bottom:20px}.cross-platforms__cta{margin-bottom:40px}.cross-platforms__description{margin-bottom:30px}.cross-platforms__phones-iphone img{width:320px}.cross-platforms__phones-android img{width:300px}}@media (max-width:720px){.cross-platforms__phones-iphone img{width:280px}.cross-platforms__phones-android img{width:265px}}@media (max-width:650px){.cross-platforms__phones-iphone img{width:240px}.cross-platforms__phones-android img{width:225px}.cross-platforms__phones{margin:initial;width:100%;position:relative;left:50%;transform:translate(-50%)}.cross-platforms__phones-iphone{margin-right:-85px}.cross-platforms__phones-android{margin-left:-85px}}
.portfolio-work-about__box{grid-template-columns:1fr 1px 1fr;column-gap:50px;display:grid}.portfolio-work-about__eyebrow{margin-bottom:17px}.portfolio-work-about__title{margin-bottom:30px}.portfolio-work-about__center{min-height:100%}.portfolio-work-about__line{background-color:var(--Grey);width:1px;height:100%}.portfolio-work-about__right{align-items:center;column-gap:40px;display:flex}@media (max-width:1950px){.portfolio-work-about__img{display:flex}.portfolio-work-about__img img{width:160px;height:auto}}@media (max-width:1100px){.portfolio-work-about__box{column-gap:32px}.portfolio-work-about__right{column-gap:20px}.portfolio-work-about__img img{width:130px}}@media (max-width:1000px){.portfolio-work-about__box{flex-direction:column;row-gap:30px;display:flex}.portfolio-work-about__line,.portfolio-work-about__center{width:100%;height:1px}}@media (max-width:850px){.portfolio-work-about__title{margin-bottom:20px}}@media (max-width:550px){.portfolio-work-about__img img{width:100px}.portfolio-work-about__box{row-gap:20px}}@media (max-width:420px){.portfolio-work-about__right{align-items:flex-start}.portfolio-work-about__img{padding-top:10px}.portfolio-work-about__img img{width:80px}}
.portfolio-work-hero{background-color:var(--Black);padding:324px 0 200px;position:relative;overflow-x:clip}.portfolio-work-hero .global__container,.portfolio-work-hero .portfolio-work-hero__box{min-height:1800px}.portfolio-work-hero .portfolio-work-hero__eyebrow,.portfolio-work-hero .portfolio-work-hero__details-title,.portfolio-work-hero .portfolio-work-hero__title{color:var(--White);text-align:center;margin-bottom:40px}.portfolio-work-hero .portfolio-work-hero__details-description,.portfolio-work-hero .portfolio-work-hero__description{color:var(--Blue-Gray);text-align:center;max-width:930px;margin:0 auto 200px}.portfolio-work-hero .portfolio-work-hero__laptop{z-index:2;justify-content:center;width:100%;transition:transform .1s ease-out;display:flex;position:sticky;top:calc(5vh + 10%)}.portfolio-work-hero .portfolio-work-hero__image{transform-origin:50%;flex-shrink:0;width:100%;max-width:1578px;transition:transform .1s ease-out}.portfolio-work-hero .portfolio-work-hero__image img{width:100%;height:auto;display:block}.portfolio-work-hero .portfolio-work-hero__details{opacity:0;width:max-content;max-width:550px;transition:opacity .1s ease-out;position:absolute;top:50%;left:85%;transform:translateY(-50%)}.portfolio-work-hero .portfolio-work-hero__details-title{text-align:left;margin-bottom:20px}.portfolio-work-hero .portfolio-work-hero__details-description{text-align:left;margin:0}@media (max-width:1920px){.portfolio-work-hero{padding:280px 0 180px}.portfolio-work-hero .global__container,.portfolio-work-hero__box{min-height:1700px!important}.portfolio-work-hero__description{margin-bottom:180px!important}.portfolio-work-hero__image{max-width:1400px}.portfolio-work-hero__details{max-width:500px}}@media (max-width:1680px){.portfolio-work-hero{padding:260px 0 160px}.portfolio-work-hero .global__container,.portfolio-work-hero__box{min-height:1500px!important}.portfolio-work-hero__description{max-width:850px;margin-bottom:160px!important}.portfolio-work-hero__image{max-width:1250px}.portfolio-work-hero__details{max-width:470px}}@media (max-width:1440px){.portfolio-work-hero{padding:240px 0 140px}.portfolio-work-hero .global__container,.portfolio-work-hero__box{min-height:1500px!important}.portfolio-work-hero__description{max-width:780px;margin-bottom:140px!important}.portfolio-work-hero__laptop{top:calc(5vh + 8%)}.portfolio-work-hero__image{max-width:1100px}.portfolio-work-hero__details{max-width:440px}}@media (max-width:1366px){.portfolio-work-hero{padding:220px 0 130px}.portfolio-work-hero .global__container,.portfolio-work-hero__box{min-height:1300px!important}.portfolio-work-hero__description{max-width:720px;margin-bottom:130px!important}.portfolio-work-hero__image{max-width:1000px}.portfolio-work-hero__details{max-width:420px}}@media (max-width:1280px){.portfolio-work-hero{padding:210px 0 120px}.portfolio-work-hero__description{max-width:680px;margin-bottom:120px!important}.portfolio-work-hero__image{max-width:920px}.portfolio-work-hero__details{max-width:400px!important}}@media (max-width:1024px){.portfolio-work-hero{padding:180px 0 100px}.portfolio-work-hero .global__container,.portfolio-work-hero__box{min-height:1320px!important}.portfolio-work-hero .portfolio-work-hero__details{max-width:300px}.portfolio-work-hero__eyebrow,.portfolio-work-hero__title{margin-bottom:32px!important}.portfolio-work-hero__description{max-width:620px;margin-bottom:110px!important}.portfolio-work-hero__laptop{top:10vh}.portfolio-work-hero__image{max-width:820px}.portfolio-work-hero__details{max-width:360px}.portfolio-work-hero__details-title{margin-bottom:16px!important}}@media (max-width:768px){.portfolio-work-hero{padding:140px 0 70px}.portfolio-work-hero .global__container,.portfolio-work-hero__box{min-height:auto!important}.portfolio-work-hero__eyebrow,.portfolio-work-hero__title{margin-bottom:28px!important}.portfolio-work-hero__description{max-width:90%;margin-bottom:90px!important}.portfolio-work-hero__laptop{flex-direction:column;align-items:center;position:static!important;top:0!important}.portfolio-work-hero__image{flex-direction:column;max-width:85%;display:flex;transform:scale(1)!important}.portfolio-work-hero__details{margin:45px auto 0;opacity:1!important;max-width:85%!important;position:static!important;top:0!important;left:0!important;transform:none!important}.portfolio-work-hero__details-title{text-align:center!important;margin-bottom:14px!important}.portfolio-work-hero__details-description{text-align:center!important}}@media (max-width:640px){.portfolio-work-hero{padding:120px 0 60px}.portfolio-work-hero__eyebrow,.portfolio-work-hero__title{margin-bottom:24px!important}.portfolio-work-hero__description{max-width:95%;margin-bottom:75px!important}.portfolio-work-hero__laptop{top:6vh}.portfolio-work-hero__image{max-width:90%}.portfolio-work-hero__details{margin-top:38px}}@media (max-width:480px){.portfolio-work-hero{padding:120px 0 50px}.portfolio-work-hero__eyebrow,.portfolio-work-hero__title{margin-bottom:20px!important}.portfolio-work-hero__description{max-width:100%;margin-bottom:65px!important}.portfolio-work-hero__laptop{top:5vh}.portfolio-work-hero__image{max-width:95%}.portfolio-work-hero__details{margin-top:32px}.portfolio-work-hero__details-title{margin-bottom:12px!important}}@media (max-width:375px){.portfolio-work-hero{padding:120px 0 45px}.portfolio-work-hero__description{margin-bottom:55px!important}.portfolio-work-hero__details{margin-top:28px}}
.portfolio-work-devices{width:100vw;height:300vh;position:relative;overflow-y:clip}.portfolio-work-devices:after{content:"";pointer-events:none;background:linear-gradient(#0000 80%,#fff 97%);position:absolute;inset:0}.portfolio-work-devices .portfolio-work-devices__container{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:170px}.portfolio-work-devices__items{justify-content:center;align-items:center;width:100%;height:100%;transition:transform 50ms linear;display:flex;position:relative}.portfolio-work-devices__item{transition:transform 50ms linear;position:absolute}.portfolio-work-devices__item img{filter:drop-shadow(0 10px 30px #00000026);width:auto;height:500px;display:block}@media (max-width:1920px){.portfolio-work-devices__item img{height:400px}}@media (max-width:1720px){.portfolio-work-devices__item img{height:350px}}@media (max-width:1350px){.portfolio-work-devices__item img{height:250px}}@media (max-width:550px){.portfolio-work-devices__item img{height:200px}}@media (max-height:950px){.portfolio-work-devices__text{bottom:100px!important}}@media (max-height:1100px){.portfolio-work-devices__text{bottom:200px!important}}@media (min-width:1025px){.portfolio-work-devices__text{opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;bottom:300px;left:50%;transform:translate(-50%)}}@media (max-width:1024px){.portfolio-work-devices__text{position:absolute;bottom:50vh;left:50%;transform:translate(-50%)}}.portfolio-work-devices__text{text-align:center;z-index:10;width:100%;max-width:600px;padding:0 20px}@media (max-width:768px){.portfolio-work-devices__text{max-width:90%;bottom:80px}}.portfolio-work-devices__text-item{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;transition:opacity .5s;position:absolute;top:0;left:50%;transform:translate(-50%)}.portfolio-work-devices__text-item:before{content:"";pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--White);z-index:-1;filter:blur(40px);-webkit-backdrop-filter:blur();border-radius:100%;width:120%;height:200%;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.portfolio-work-devices__text-item.active{opacity:1;pointer-events:auto}.portfolio-work-devices__text-title{margin-bottom:16px}@media (max-height:1000px){.portfolio-work-devices .portfolio-work-devices__container{top:0!important}.portfolio-work-devices__text{bottom:20vh!important}}@media (max-width:1920px){.portfolio-work-devices .portfolio-work-devices__container{top:0!important}}@media (max-width:1800px){.portfolio-work-devices .portfolio-work-devices__container{top:0!important}}@media (max-width:1320px) and (max-height:650px){.portfolio-work-devices .portfolio-work-devices__container{top:-70px!important}.portfolio-work-devices__text{top:520px;bottom:auto!important}}@media (max-width:1024px) and (max-height:1400px){.portfolio-work-devices .portfolio-work-devices__container{top:80px!important}.portfolio-work-devices__text{bottom:40vh!important}}@media (max-width:1024px) and (max-height:768px){.portfolio-work-devices .portfolio-work-devices__container{top:80px!important}}@media (max-width:950px){.portfolio-work-devices .portfolio-work-devices__container{top:15vh!important}.portfolio-work-devices__text{top:auto;bottom:60vh!important}}@media (max-width:520px){.portfolio-work-devices .portfolio-work-devices__container{top:15vh!important}.portfolio-work-devices__text{top:auto;bottom:50vh!important}}