:root{--black: #161616;--white: #FAF9F6;--gray: #B0B0B0}[data-page-namespace=about] .hero{padding-block:clamp(150px,145.8917197452px + 1.1942675159vw,165px) clamp(50px,18.5031847134px + 9.1560509554vw,165px)}[data-page-namespace=about] .hero__wrap{display:flex;gap:50px;flex-direction:column;justify-content:space-between}[data-page-namespace=about] .hero__wrap-subtitle{font-size:18px;line-height:22px;max-width:690px;margin-left:auto}[data-page-namespace=about] .reel__wrap{width:100%;overflow:hidden;aspect-ratio:1400/800}[data-page-namespace=about] .reel__wrap picture{display:block;width:100%;height:100%}[data-page-namespace=about] .reel__wrap img{width:100%;height:100%;object-fit:cover}[data-page-namespace=about] .over{padding-block:clamp(150px,150px + 0vw,150px)}@media screen and (max-width:768px){[data-page-namespace=about] .over{padding-block:80px}}[data-page-namespace=about] .over__head{display:flex;justify-content:center;text-align:center;color:var(--black)}[data-page-namespace=about] .over__head .m-title>*{display:flex;justify-content:center;align-items:center}[data-page-namespace=about] .over__head .m-title{font-size:50px;line-height:55px}@media screen and (max-width:1440px){[data-page-namespace=about] .over__head .m-title{font-size:41px;line-height:45px}}@media screen and (max-width:1024px){[data-page-namespace=about] .over__head .m-title{font-size:30px;line-height:35px}}@media screen and (max-width:768px){[data-page-namespace=about] .over__head .m-title{font-size:20px;line-height:25px}}@media screen and (max-width:600px){[data-page-namespace=about] .over__head .m-title{display:none}}[data-page-namespace=about] .over .animate-img{height:1.4em;width:auto;vertical-align:middle;margin:0 10px;object-fit:contain;opacity:0;transform:scale(.3);transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275)}[data-page-namespace=about] .over .calendar{max-width:114px;padding-top:18px}@media screen and (max-width:600px){[data-page-namespace=about] .over .calendar{max-width:60px;padding-top:0}}[data-page-namespace=about] .over .animate-img.is-visible{opacity:1;transform:scale(1)}[data-page-namespace=about] .over .m-title-mobile{display:none;font-size:24px}@media screen and (max-width:600px){[data-page-namespace=about] .over .m-title-mobile{display:block}}[data-page-namespace=about] .over .m-title-mobile p{display:flex;justify-content:center}[data-page-namespace=about] .team{padding-bottom:clamp(50px,30.8280254777px + 5.5732484076vw,120px)}[data-page-namespace=about] .team__wrap{display:flex;flex-direction:column;gap:0px}[data-page-namespace=about] .team__wrap-title{padding-inline:5px;width:100%;padding-inline:100px;margin-inline:auto;max-width:1600px;color:#b0b0b0}@media(max-width:1200px){[data-page-namespace=about] .team__wrap-title{padding-inline:50px}}@media(max-width:992px){[data-page-namespace=about] .team__wrap-title{padding-inline:20px}}[data-page-namespace=about] .team .xs-text{font-weight:15px;text-transform:uppercase;color:var(--gray)}[data-page-namespace=about] .team__wrap-members{position:relative;display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;align-items:flex-start}[data-page-namespace=about] .team__wrap-members .team-display{margin-inline:auto;position:sticky;top:20vh;width:100%;max-width:540px;aspect-ratio:4/5;background-color:#f5f5f7;border-radius:4px;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10;opacity:0;visibility:hidden}[data-page-namespace=about] .team__wrap-members .team-display .sticker{position:absolute;width:auto;height:auto;z-index:2;object-fit:contain}@media(max-width:768px){[data-page-namespace=about] .team__wrap-members .team-display .sticker{max-width:90px}}[data-page-namespace=about] .team__wrap-members .team-display .sticker--top-left{top:20px;left:0}[data-page-namespace=about] .team__wrap-members .team-display .sticker--bottom-right{bottom:20px;right:0}@media(max-width:768px){[data-page-namespace=about] .team__wrap-members .team-display .sticker--bottom-right{right:12px}}@media(max-width:768px){[data-page-namespace=about] .team__wrap-members .team-display{max-width:200px}}[data-page-namespace=about] .team__wrap-members .team-display img{width:100%;height:100%;object-fit:cover}[data-page-namespace=about] .team__wrap-members .main-container{display:flex;flex-direction:column;align-items:flex-end;width:100%;margin-left:auto;height:auto;padding-top:35vh;padding-bottom:35vh}[data-page-namespace=about] .team__wrap-members .left-spacer{width:45%;flex-shrink:0}[data-page-namespace=about] .team__wrap-members .team-list{display:flex;flex-direction:column;justify-content:end;align-items:start;width:100%;gap:50px;padding-inline:31px}[data-page-namespace=about] .team__wrap-members .team-item{display:flex;flex-direction:column;gap:10px;transition:opacity .4s ease,color .4s ease,transform .4s ease;transform-origin:left center}[data-page-namespace=about] .team__wrap-members .team-item .member-role{color:var(--gray)}[data-page-namespace=about] .team__wrap-members .team-item .member-name{position:relative;width:fit-content}@media(max-width:576px){[data-page-namespace=about] .team__wrap-members .team-item .member-name{font-size:22px}}[data-page-namespace=about] .team__wrap-members .team-item .member-name:before,[data-page-namespace=about] .team__wrap-members .team-item .member-name:after{position:absolute;top:0;opacity:0;transition:opacity .4s ease,left .4s ease,right .4s ease}[data-page-namespace=about] .team__wrap-members .team-item .member-name:before{content:"//";right:calc(100% + 10px)}[data-page-namespace=about] .team__wrap-members .team-item .member-name:after{content:"//";left:calc(100% + 10px)}[data-page-namespace=about] .team__wrap-members .team-list.is-active .team-item:not(.active){opacity:.2}[data-page-namespace=about] .team__wrap-members .team-item.active{opacity:1}[data-page-namespace=about] .team__wrap-members .team-item.active .member-name:before{opacity:1;right:calc(100% + 5px)}[data-page-namespace=about] .team__wrap-members .team-item.active .member-name:after{opacity:1;left:calc(100% + 5px)}@media(max-width:992px){[data-page-namespace=about] .team__wrap-members{grid-template-columns:1fr}[data-page-namespace=about] .team__wrap-members .team-display{position:fixed;top:50%;transform:translate(75%,-50%);margin-left:0;width:60vw;z-index:-1}[data-page-namespace=about] .team__wrap-members .main-container{padding-top:10vh;padding-bottom:20vh}[data-page-namespace=about] .team .left-spacer{display:none}[data-page-namespace=about] .team .main-container{margin-top:25px}[data-page-namespace=about] .team .team-list{gap:25px}[data-page-namespace=about] .team .team-item{gap:5px;grid-template-columns:1fr}[data-page-namespace=about] .team .team-display{width:60vw;z-index:-1}}[data-page-namespace=about] .diff{padding:120px 0;position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-page-namespace=about] .diff .container{width:100%}[data-page-namespace=about] .diff__content{display:grid;gap:50px}[data-page-namespace=about] .diff__content-title{display:flex;flex-direction:column;gap:25px;max-width:800px}[data-page-namespace=about] .diff__content-title .xs-text{text-transform:uppercase}[data-page-namespace=about] .diff #ui-overlay{position:absolute;top:40px;left:40px;color:var(--text-color);z-index:10;pointer-events:none}[data-page-namespace=about] .diff #line-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}[data-page-namespace=about] .diff #nodes-container{position:relative;width:100%;height:600px;margin-top:40px;z-index:2;display:flex}[data-page-namespace=about] .diff .node{position:absolute;background-color:transparent;color:var(--text-color);padding:12px 16px;cursor:pointer;width:max-content;max-width:280px;left:0;top:0;z-index:2;will-change:transform,opacity;transition:background-color .4s ease,color .4s ease,box-shadow .4s ease}[data-page-namespace=about] .diff .node:hover,[data-page-namespace=about] .diff .node.active{background-color:var(--black);color:var(--white);box-shadow:0 10px 30px #00000026;z-index:100}[data-page-namespace=about] .diff .node-title{font-size:20px}[data-page-namespace=about] .diff .node-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}[data-page-namespace=about] .diff .node:hover .node-content{grid-template-rows:1fr}[data-page-namespace=about] .diff .node-desc{overflow:hidden}[data-page-namespace=about] .diff .node-desc-inner{font-size:14px;line-height:1.4;color:var(--hover-desc);opacity:0;padding-top:0;transition:opacity .4s ease,padding-top .4s ease}[data-page-namespace=about] .diff .node:hover{opacity:1!important}[data-page-namespace=about] .diff .node:hover .node-desc-inner{opacity:1!important;padding-top:12px}[data-page-namespace=about] .clients{padding-block:clamp(50px,.7006369427px + 14.3312101911vw,230px)}[data-page-namespace=about] .clients .container,[data-page-namespace=about] .clients__wrap{overflow-x:visible;overflow-y:clip}[data-page-namespace=about] .clients .clients__marquee-container{overflow:visible;width:100%}[data-page-namespace=about] .clients .clients__marquee-track{display:flex;gap:100px;align-items:center;width:max-content;animation:scroll-marquee calc(var(--count) * 2.5s) linear infinite}[data-page-namespace=about] .clients .clients__marquee-container:hover .clients__marquee-track{animation-play-state:paused}[data-page-namespace=about] .clients .client-logo{display:flex;justify-content:center;align-items:center;width:200px;height:200px}[data-page-namespace=about] .clients .client-logo img{width:180px;max-width:200px;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}[data-page-namespace=about] .clients .client-logo img:hover{filter:grayscale(0%)}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-page-namespace=about] .services{width:100%}[data-page-namespace=about] .services .service{position:relative;width:100%;height:calc(100vh + 200px);overflow:hidden;clip-path:inset(0 0 0 0);display:block}[data-page-namespace=about] .services .service:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#0006 0% 100%)}@media(max-width:768px){[data-page-namespace=about] .services .service{height:auto}}[data-page-namespace=about] .services .service-bg-img{--parallax-bleed: 18vh;position:absolute;top:calc(var(--parallax-bleed) * -1);left:0;width:100%;height:calc(100% + var(--parallax-bleed) * 2);object-fit:cover;object-position:center;will-change:transform}@media(max-width:768px){[data-page-namespace=about] .services .service-bg-img{position:static;top:auto;width:100%;height:auto;aspect-ratio:1}}[data-page-namespace=about] .services .service__card{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:clamp(240px,22vw,338px);height:clamp(240px,22vw,338px);transition:opacity .45s ease,transform .45s ease;transform:scale(.5);opacity:0}[data-page-namespace=about] .services .service__card img,[data-page-namespace=about] .services .service__card video{aspect-ratio:1;width:100%;object-fit:cover}@media(max-width:768px){[data-page-namespace=about] .services .service__card{display:none}}[data-page-namespace=about] .services .service__card .span-content{text-transform:uppercase;color:var(--white);font-size:14px}@media(max-width:992px){[data-page-namespace=about] .services .service__card .span-content{display:none}}[data-page-namespace=about] .services:hover .service__card{opacity:1;transform:scale(1)}[data-page-namespace=about] .services .service__contnet{position:fixed;bottom:100px;z-index:2;color:var(--white);display:flex;flex-direction:column;gap:20px;padding-inline:50px}[data-page-namespace=about] .services .service__contnet h3{font-size:50px;font-style:normal;font-weight:400;line-height:normal}@media(max-width:768px){[data-page-namespace=about] .services .service__contnet h3{font-size:20px}}@media(max-width:768px){[data-page-namespace=about] .services .service__contnet{position:absolute;inset:0;z-index:2;max-width:none;padding-inline:20px;display:flex;align-items:center;justify-content:center;text-align:center;gap:0}[data-page-namespace=about] .services .service__contnet .html-content{display:none}}[data-page-namespace=about] .services .service__contnet .s-text{text-transform:uppercase;font-size:20px;line-height:30px}@media(max-width:768px){[data-page-namespace=about] .services .service__contnet .s-text{text-align:center;width:100%;margin:0;font-size:18px}}.what-we-do{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vw}@media(max-width:768px){.what-we-do{height:auto;padding:100px 0}}.what-we-do .sentence{width:80%;font:400 3.6vw/1 Helvetica Neue,sans-serif;text-align:center}@media(max-width:768px){.what-we-do .sentence{width:92%;font-size:27px;line-height:33px}}.what-we-do span{text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.1em}.what-we-do .hover{cursor:pointer}.what-we-do .medias img{width:1px;height:1px;top:0;left:0;position:absolute;visibility:hidden;pointer-events:none}.what-we-do>img{pointer-events:none;width:20vw;height:20vw;display:block;object-fit:contain;position:absolute;top:0;left:0}
