@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(../media/39c55468420adfa6-s.0dm~y109r_cge.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9b8f0e32b229dbc1-s.045ah.fd_t~6v.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(../media/81cef6a21128489e-s.p.0rb1wy2~c~egv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(../media/39c55468420adfa6-s.0dm~y109r_cge.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9b8f0e32b229dbc1-s.045ah.fd_t~6v.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(../media/81cef6a21128489e-s.p.0rb1wy2~c~egv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(../media/39c55468420adfa6-s.0dm~y109r_cge.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9b8f0e32b229dbc1-s.045ah.fd_t~6v.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(../media/81cef6a21128489e-s.p.0rb1wy2~c~egv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost Fallback;src:local(Arial);ascent-override:111.45%;descent-override:39.06%;line-gap-override:0.0%;size-adjust:96.01%}.jost_a87d9010-module__0EhkPq__className{font-family:Jost,Jost Fallback;font-style:normal}.jost_a87d9010-module__0EhkPq__variable{--font-jost:"Jost", "Jost Fallback"}
.home-hero-section{z-index:0;height:100svh;position:sticky;top:0;overflow:hidden}.home-hero-section .crosshair-v{border-left:1px dashed var(--secondary-op50);pointer-events:none;opacity:0;z-index:10;will-change:transform,opacity;width:0;height:100%;position:absolute;top:0;left:0;transform:translate(-50%)}@media (any-pointer:coarse),(max-width:1024px){.home-hero-section .crosshair-v{display:none!important}}.is-touch-device .home-hero-section .crosshair-v{display:none!important}.home-hero-section .crosshair-h{border-top:1px dashed var(--secondary-op50);pointer-events:none;opacity:0;z-index:10;will-change:transform,opacity;width:100%;height:0;position:absolute;top:0;left:0;transform:translateY(-50%)}@media (any-pointer:coarse),(max-width:1024px){.home-hero-section .crosshair-h{display:none!important}}.is-touch-device .home-hero-section .crosshair-h{display:none!important}.home-hero-section .crosshair-h .crosshair-text{white-space:nowrap;position:absolute;bottom:8px;left:32px}.home-hero-section .pointer-image{pointer-events:none;opacity:0;z-index:15;will-change:transform,opacity;flex-direction:column;align-items:center;gap:8px;width:200px;height:138px;display:flex;position:absolute;top:-69px;left:-96px}@media (any-pointer:coarse),(max-width:1024px){.home-hero-section .pointer-image{display:none!important}}.is-touch-device .home-hero-section .pointer-image{display:none!important}.home-hero-section .pointer-image img{object-fit:cover}.home-hero-section .pointer-image .pointer-text{position:absolute;bottom:-24px}.home-hero-section .hero-content{z-index:20;flex-direction:column;justify-content:space-between;gap:24px;height:100%;padding-bottom:80px;display:flex;position:relative}@media (max-width:1024px){.home-hero-section .hero-content{padding-bottom:40px}}.home-hero-section .hero-content .hero-features-mobile{display:none}@media (any-pointer:coarse),(max-width:1024px){.home-hero-section .hero-content .hero-features-mobile{flex-direction:column;gap:10px;display:flex}}.is-touch-device .home-hero-section .hero-content .hero-features-mobile{flex-direction:column;gap:10px;display:flex}.home-hero-section .hero-content .hero-features-mobile .feature-image-wrapper{width:100%;height:112px;position:relative}.home-hero-section .hero-content .hero-big-heading{flex-direction:column;width:100%;display:flex}.home-hero-section .hero-content .hero-big-heading .upper-heading-mobile{display:none}@media (max-width:1024px){.home-hero-section .hero-content .hero-big-heading .upper-heading-mobile{display:block}}.home-hero-section .hero-content .hero-big-heading .upper-heading-desktop{display:block}@media (max-width:1024px){.home-hero-section .hero-content .hero-big-heading .upper-heading-desktop{display:none}}.home-hero-section .hero-content .hero-big-heading .hero-heading{padding-right:8px;overflow:hidden}.home-hero-section .hero-content .hero-big-heading .bottom-row{align-items:flex-end;width:100%;display:flex}.home-hero-section .hero-content .hero-big-heading .bottom-row .left{flex:1;justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:30px;padding-right:60px;display:flex}@media (max-width:1024px){.home-hero-section .hero-content .hero-big-heading .bottom-row .left{display:none}}.home-hero-section .hero-content .hero-big-heading .bottom-row .right{white-space:nowrap;flex-shrink:0}.home-hero-section .hero-content .hero-big-heading .bottom-row-mobile{display:none}@media (max-width:1024px){.home-hero-section .hero-content .hero-big-heading .bottom-row-mobile{flex-direction:column;gap:4px;margin-top:24px;display:flex}}.selected-work{flex-direction:column;height:240svh;display:flex}.selected-work .work-wrapper{background-color:var(--secondary);gap:18px;padding-top:1px;display:flex}.selected-work .work-wrapper .work-img-wrapper{transform-origin:top;background-color:var(--secondary);flex-shrink:0;justify-content:center;align-items:center;width:50vw;height:30svh;display:flex;position:relative;overflow:hidden}.selected-work .work-wrapper .work-img-wrapper .bg-img-overlay{opacity:.5;z-index:2;background-color:#000;width:100%;height:100%;position:absolute}.selected-work .work-wrapper .work-img-wrapper .bg-image{object-fit:cover;z-index:1}.selected-work .work-wrapper .work-img-wrapper .work-img-wrapper-2{aspect-ratio:1.5;z-index:3;width:720px;position:relative;overflow:hidden}@media (max-width:1024px){.selected-work .work-wrapper .work-img-wrapper .work-img-wrapper-2{aspect-ratio:1.5;width:100%;margin:0 var(--page-x-padding)}}.selected-work .work-wrapper .work-info-wrapper{padding-right:var(--page-x-padding);color:var(--primary);flex-direction:column;gap:24px;margin-top:18px;display:flex}.selected-work .work-wrapper .work-info-wrapper .work-title{gap:8px;display:flex}.selected-work .work-wrapper .work-info-wrapper .work-title .title{position:relative}.selected-work .work-wrapper .work-info-wrapper .work-title .title:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:2px;transition:transform 1s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.selected-work .work-wrapper .work-info-wrapper .work-title:hover .title:after{transform-origin:0;transform:scaleX(1)}.selected-work .work-wrapper .work-info-wrapper .work-title:hover .bracket-button{opacity:1}}.selected-work .work-wrapper .work-info-wrapper .work-detail{opacity:.7;flex-direction:column;gap:4px;display:flex}.selected-work .work-wrapper .work-info-wrapper .work-detail .tag,.selected-work .work-wrapper .work-info-wrapper .work-detail .role{font-weight:300}@media (max-width:1024px){.selected-work .work-wrapper{flex-direction:column;gap:0;padding-bottom:3svh}.selected-work .work-wrapper .work-info-wrapper{height:15svh;padding-left:var(--page-x-padding);flex-grow:1;gap:2svh;margin-top:2svh}.selected-work .work-wrapper .work-info-wrapper .work-title{justify-content:space-between;gap:4px}.selected-work .work-wrapper .work-info-wrapper .work-title .bracket-button,.selected-work .work-wrapper .work-info-wrapper .work-title .visit{font-size:.8rem}}.playground-section{background-color:var(--primary);z-index:20;padding:180px 0 140px;position:relative}.playground-section .section-header{border-bottom:1px solid var(--secondary-op50);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.playground-section .playground-content-grid{grid-template-columns:repeat(3,1fr);gap:78px 228px;margin-top:120px;display:grid}.playground-section .playground-content-grid .playground-grid-item{z-index:1;gap:18px;width:100%;height:100%;display:flex;position:relative}.playground-section .playground-content-grid .playground-grid-item:nth-child(3n+1){justify-content:flex-start}.playground-section .playground-content-grid .playground-grid-item:nth-child(3n+2){justify-content:center}.playground-section .playground-content-grid .playground-grid-item:nth-child(3n+3){justify-content:flex-end}.playground-section .playground-content-grid .playground-grid-item .playground-content{flex-direction:column;gap:28px;width:100%;height:100%;display:flex}.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper{aspect-ratio:1.5;z-index:1;justify-content:center;align-items:center;width:100%;transition:transform .3s ease-out,box-shadow .3s ease-out;display:flex;position:relative}.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper .thumbnail{object-fit:cover;z-index:2;pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .3s;position:absolute;left:0;top:auto!important;bottom:0!important}@media (max-width:1024px),(hover:none){.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper .thumbnail{display:none!important}}.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper video{object-fit:cover;width:100%;height:100%;transition:transform .3s ease-out;position:absolute;bottom:0;left:0}.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper:hover{transform:scale(1.02);box-shadow:0 0 25px 7px #0000001a}.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper:hover .thumbnail{opacity:0}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper{flex-direction:column;gap:6px;width:95%;display:flex}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .title-wrapper,.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .description-wrapper,.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .type-wrapper{display:inline-block;overflow:hidden}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .title,.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .description,.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .type{transition:transform .4s ease-out;display:block;transform:translateY(100%)}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .title{letter-spacing:-.02em;font-size:1.8rem;font-weight:400}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .info{flex-direction:column;display:flex}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .info .description,.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .info .type{text-transform:none;opacity:.5}.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper:hover+.info-wrapper .title,.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper:hover+.info-wrapper .description,.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper:hover+.info-wrapper .type{transform:translateY(0)}@media (max-width:1024px){.playground-section{padding:80px 0}.playground-section .section-header{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:12px}.playground-section .playground-content-grid{grid-template-columns:repeat(2,1fr);gap:36px 12px;margin-top:36px}.playground-section .playground-content-grid .playground-grid-item{aspect-ratio:auto;flex-direction:column;align-items:flex-start;gap:12px;height:auto;display:flex}.playground-section .playground-content-grid .playground-grid-item:nth-child(odd){justify-content:flex-start}.playground-section .playground-content-grid .playground-grid-item:nth-child(odd) .playground-content{align-items:flex-start}.playground-section .playground-content-grid .playground-grid-item:nth-child(2n){justify-content:flex-start}.playground-section .playground-content-grid .playground-grid-item:nth-child(2n) .playground-content{align-items:flex-start}.playground-section .playground-content-grid .playground-grid-item .playground-content{gap:10px;width:100%}.playground-section .playground-content-grid .playground-grid-item .playground-content .video-wrapper{position:relative;top:auto;left:auto}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper{opacity:1;gap:6px}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .title,.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .description,.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .type{transform:translateY(0)}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .title{font-size:1.2rem}.playground-section .playground-content-grid .playground-grid-item .playground-content .info-wrapper .info .type-wrapper{display:none}}.about-me-section{z-index:1;background-color:var(--secondary);width:100%;height:100vh;color:var(--primary);justify-content:center;align-items:center;padding:48px 0;display:flex;position:sticky;top:0}.about-me-section .about-me-wrapper{gap:calc(var(--page-x-padding)*2);width:100%;display:flex}.about-me-section .about-me-wrapper .about-me-info{width:55%;padding-top:15vh;padding-left:var(--page-x-padding);flex-direction:column;gap:78px;display:flex}.about-me-section .about-me-wrapper .about-me-info p{text-align:justify}.about-me-section .about-me-wrapper .about-me-info p .line-mask .line{text-align:justify!important;text-align-last:justify!important}.about-me-section .about-me-wrapper .about-me-info p .line-mask:last-child .line{text-align-last:left!important}.about-me-section .about-me-wrapper .about-me-info .know-more{opacity:.7;transition:opacity .3s ease-out}.about-me-section .about-me-wrapper .about-me-info .know-more:hover{opacity:1}.about-me-section .about-me-wrapper .about-me-pic{width:45%;height:100vh;position:relative}@media (max-width:1024px){.about-me-section{padding:0}.about-me-section .about-me-wrapper{flex-direction:column;gap:20px;height:100%}.about-me-section .about-me-wrapper .about-me-info{width:100%;height:fit-content;padding:var(--page-x-padding);flex-shrink:0;gap:28px;padding-top:90px}.about-me-section .about-me-wrapper .about-me-info .know-more{font-size:1.2rem}.about-me-section .about-me-wrapper .about-me-pic{flex:1;width:100%;position:relative;overflow:hidden}}.features-section .sticky-wrapper{gap:32px;display:flex;position:relative}.features-section .sticky-wrapper .left-column{width:100%;height:100vh;padding-top:45vh;position:sticky;top:0}.features-section .sticky-wrapper .left-column .expertise-header{align-items:center;gap:32px;width:100%;display:flex}.features-section .sticky-wrapper .left-column .h-line{background-color:var(--secondary);flex:1;height:1px}.features-section .sticky-wrapper .left-column .img-wrapper{aspect-ratio:.77;width:500px;left:calc(50vw - var(--page-x-padding));z-index:-2;position:absolute;top:50vh;translate:-50% -50%}.features-section .sticky-wrapper .left-column .img-wrapper .black-overlay{background-color:var(--secondary);opacity:0;z-index:1;width:100%;height:100%;position:absolute}.features-section .sticky-wrapper .right-column{z-index:1;padding-top:45vh;padding-bottom:49vh;font-size:4rem;display:flex}.features-section .sticky-wrapper .right-column .expertise-list{flex-direction:column;gap:24px;display:flex}@media (max-width:1024px){.features-section .sticky-wrapper{color:var(--primary);gap:12px}.features-section .sticky-wrapper .left-column .expertise-header{gap:12px}.features-section .sticky-wrapper .left-column .h-line{background-color:var(--primary)}.features-section .sticky-wrapper .left-column .img-wrapper{aspect-ratio:auto;width:100vw;height:100vh}.features-section .sticky-wrapper .left-column .img-wrapper .black-overlay{opacity:.2}.features-section .sticky-wrapper .right-column{padding-bottom:52vh}}.services-section{z-index:2;background-color:var(--primary);margin-top:100px;padding-top:200px;padding-bottom:300px;position:relative}.services-section .service-list{line-height:1.4}.services-section .service-list .service-item{margin-right:16px;display:inline;overflow:hidden}.services-section .service-list .service-item .service-img-wrapper{vertical-align:baseline;width:110px;height:80px;margin-bottom:-8px;display:inline-block;position:relative}.services-section .service-list .service-item .service-img-wrapper .img-1,.services-section .service-list .service-item .service-img-wrapper .img-2{width:100%;height:100%;position:absolute;top:0;left:0}.services-section .service-list .service-item .service-img-wrapper .img-2{opacity:0;animation:4s ease-in-out infinite blinkAnimation}@media (max-width:1024px){.services-section{margin-top:0;padding-top:140px;padding-bottom:140px}.services-section .service-list .service-item{margin-right:4px}.services-section .service-list .service-item .service-img-wrapper{width:40px;height:30px;margin-bottom:-2px}}@keyframes blinkAnimation{0%,45%{opacity:0}50%,95%{opacity:1}to{opacity:0}}.blank-section-gap{background-color:var(--secondary);width:100%;height:12svh}@media (max-width:1024px){.blank-section-gap{height:8svh}}.work-scroll-section{z-index:2;background-color:var(--secondary);position:relative}.explore-link{background-color:var(--primary);padding:0 var(--page-x-padding) 160px var(--page-x-padding);z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.explore-link .explore-text{cursor:pointer;font-size:2.8rem;position:relative}.explore-link .explore-text:after{content:"";background:var(--secondary);transform-origin:100%;width:100%;height:1px;transition:transform .8s cubic-bezier(.52,.18,.45,1);position:absolute;bottom:0%;left:0}@media (max-width:1024px){.explore-link .explore-text:after{height:1px}}.explore-link .explore-text:hover:after{animation:.8s cubic-bezier(.52,.18,.45,1) forwards underline-hover}.explore-link .explore-text:not(:hover):after{animation:.8s cubic-bezier(.52,.18,.45,1) forwards underline-leave}@media (max-width:1024px){.explore-link{padding-bottom:60px}.explore-link .explore-text{font-size:1.6rem}}.about-hero-section{z-index:0;height:100vh;position:sticky;top:0;overflow:hidden}.about-hero-section .content-wrapper{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;padding-top:120px;padding-bottom:60px;display:flex}.about-hero-section .content-wrapper .heading{opacity:0;padding:0 4px;overflow-y:hidden}.about-hero-section .content-wrapper .description{text-align:justify;z-index:10;opacity:0;width:100%}.about-hero-section .content-wrapper .description .line-mask{overflow:hidden}.about-hero-section .content-wrapper .description .line{text-align-last:justify}.about-hero-section .content-wrapper .description>:last-child .line,.about-hero-section .content-wrapper .description>.line:last-child{text-align-last:auto}.about-hero-section .content-wrapper .description a{cursor:pointer;position:relative}.about-hero-section .content-wrapper .description a:after{content:"";background:var(--secondary);transform-origin:100%;width:100%;height:1.5px;transition:transform .8s cubic-bezier(.52,.18,.45,1);position:absolute;bottom:10%;left:0}@media (max-width:1024px){.about-hero-section .content-wrapper .description a:after{height:1px}}.about-hero-section .content-wrapper .description a:hover:after{animation:.8s cubic-bezier(.52,.18,.45,1) forwards underline-hover}.about-hero-section .content-wrapper .description a:not(:hover):after{animation:.8s cubic-bezier(.52,.18,.45,1) forwards underline-leave}.about-hero-section .content-wrapper .image-wrapper{aspect-ratio:4/5;width:300px;margin:0 auto;position:relative;overflow:hidden}.about-hero-section .content-wrapper .image-wrapper .hero-img{opacity:0}.about-hero-section .content-wrapper .scroll-text{font-size:1rem;font-weight:400;position:absolute;bottom:20px}@media (max-width:1600px){.about-hero-section .content-wrapper{justify-content:center;gap:40px;padding-top:60px;padding-bottom:0}.about-hero-section .content-wrapper .heading{text-align:center}.about-hero-section .content-wrapper .image-wrapper{width:200px;position:relative;bottom:0}}@media (max-width:1024px){.about-hero-section .content-wrapper{justify-content:center;gap:40px;padding-top:60px;padding-bottom:0}.about-hero-section .content-wrapper .heading{text-align:center}.about-hero-section .content-wrapper .image-wrapper{width:160px;position:relative;bottom:0}.about-hero-section .content-wrapper .scroll-text{display:none}}@keyframes underline-hover{0%{transform-origin:100%;transform:scaleX(1)}50%{transform-origin:100%;transform:scaleX(0)}50.1%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes underline-leave{0%{transform-origin:0;transform:scaleX(1)}50%{transform-origin:0;transform:scaleX(0)}50.1%{transform-origin:100%;transform:scaleX(0)}to{transform-origin:100%;transform:scaleX(1)}}.history-section{z-index:2;background-color:var(--secondary);height:100vh;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.history-section .history-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.history-section .history-wrapper .point-wrapper,.history-section .history-wrapper .image-container,.history-section .history-wrapper .para-wrapper{grid-template-areas:"stack";align-items:center;width:30%;display:grid;position:relative}.history-section .history-wrapper .point-wrapper>*,.history-section .history-wrapper .image-container>*,.history-section .history-wrapper .para-wrapper>*{opacity:0;visibility:hidden;grid-area:stack;transition:opacity .5s,visibility .5s step-end}.history-section .history-wrapper .point-wrapper>.active,.history-section .history-wrapper .image-container>.active,.history-section .history-wrapper .para-wrapper>.active{opacity:1;visibility:visible;transition:opacity .5s,visibility step-start}.history-section .history-wrapper .point-wrapper .point-mask{justify-content:center;align-items:center;display:flex;overflow:hidden}.history-section .history-wrapper .point-wrapper .point-mask .point{display:block}.history-section .history-wrapper .image-container{width:fit-content;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.history-section .history-wrapper .image-container .image-wrapper{aspect-ratio:4/5;width:300px;position:relative;opacity:1!important;visibility:visible!important;transition:none!important}.history-section .history-wrapper .para{text-transform:none;letter-spacing:-.02em;font-size:2.4rem;line-height:1.2}.history-section .history-wrapper .para a{text-underline-offset:4px;text-decoration:underline;transition:opacity .2s}.history-section .history-wrapper .para a:hover{opacity:.7}@media (max-width:1024px){.history-section .history-wrapper{text-align:center;flex-direction:column;justify-content:center;gap:30px;width:100%;height:90svh;display:flex}.history-section .history-wrapper .point-wrapper .point-mask,.history-section .history-wrapper .point-wrapper .point-mask .point{width:100%}.history-section .history-wrapper .image-container{position:relative;top:auto;left:auto;transform:none}.history-section .history-wrapper .image-container .image-wrapper{width:200px}.history-section .history-wrapper .para-wrapper{align-items:flex-start;width:100%}.history-section .history-wrapper .para-wrapper .para{font-size:1.8rem}}.beyond-work-section{background-color:var(--primary);z-index:1;padding:200px 0 40px;position:relative}@media (max-width:1024px){.beyond-work-section{padding:60px 0 0}}.beyond-work-section .heading{text-align:center}.beyond-work-section .marquee-viewport{width:100%;padding:60px 0;position:relative;overflow:hidden}@media (max-width:1024px){.beyond-work-section .marquee-viewport{padding:40px 0 0}}.beyond-work-section .hobby-list-wrapper{will-change:transform;width:fit-content;height:var(--max-height,600px);align-items:flex-start;gap:20px;display:flex}@media (max-width:1024px){.beyond-work-section .hobby-list-wrapper{gap:6px}}.beyond-work-section .hobby-list-wrapper .hobby-item{--gap:20px;width:calc((100vw - var(--gap)*4)*.1875);cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:32px;height:fit-content;display:flex}@media (max-width:1024px){.beyond-work-section .hobby-list-wrapper .hobby-item{--gap:6px;width:calc((100vw - var(--gap)*2)*.27);gap:12px}}.beyond-work-section .hobby-list-wrapper .hobby-item .img-wrapper{aspect-ratio:6/4;background-color:#1a1a1a;width:100%;position:relative;overflow:hidden}@media (max-width:1024px){.beyond-work-section .hobby-list-wrapper .hobby-item .img-wrapper{aspect-ratio:4/5}}.beyond-work-section .hobby-list-wrapper .hobby-item .content-wrapper{pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;overflow:hidden}@media (max-width:1024px){.beyond-work-section .hobby-list-wrapper .hobby-item .content-wrapper{gap:6px}}.beyond-work-section .hobby-list-wrapper .hobby-item .content-wrapper .title{text-align:center;white-space:nowrap;line-height:1}.beyond-work-section .hobby-list-wrapper .hobby-item .content-wrapper .para{text-align:center;opacity:.7;width:75%;line-height:1.2}@media (max-width:1024px){.beyond-work-section .hobby-list-wrapper .hobby-item .content-wrapper .para{width:95%}}.faq-section{color:var(--primary);z-index:2;background-color:#1a1a1a;padding-top:200px;padding-bottom:310px;position:relative}.faq-section .faq-wrapper{gap:40px;width:100%;display:flex}.faq-section .faq-wrapper .heading-wrapper{flex-direction:column;gap:40px;width:50%;display:flex}.faq-section .faq-wrapper .heading-wrapper .sub-heading-wrapper{flex-direction:column;gap:8px;display:flex}.faq-section .faq-wrapper .heading-wrapper .sub-heading-wrapper .get-in-touch{width:fit-content;position:relative}.faq-section .faq-wrapper .heading-wrapper .sub-heading-wrapper .get-in-touch:after{content:"";background:var(--primary);transform-origin:100%;width:100%;height:1px;transition:transform .8s cubic-bezier(.52,.18,.45,1);position:absolute;bottom:-5px;left:0}@media (max-width:1024px){.faq-section .faq-wrapper .heading-wrapper .sub-heading-wrapper .get-in-touch:after{height:.7px;bottom:-2px}}.faq-section .faq-wrapper .heading-wrapper .sub-heading-wrapper .get-in-touch:hover:after{animation:.8s cubic-bezier(.52,.18,.45,1) forwards underline-hover}.faq-section .faq-wrapper .heading-wrapper .sub-heading-wrapper .get-in-touch:not(:hover):after{animation:.8s cubic-bezier(.52,.18,.45,1) forwards underline-leave}.faq-section .faq-wrapper .accordion-wrapper{flex-direction:column;width:50%;display:flex}.faq-section .faq-wrapper .accordion-wrapper .faq-item{border-bottom:1px solid color-mix(in srgb, var(--primary) 20%, transparent)}.faq-section .faq-wrapper .accordion-wrapper .faq-item:first-child{border-top:none}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .question{margin:0;font-size:2.2rem;line-height:1.2}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .icon:before,.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .icon:after{content:"";background-color:var(--primary);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .icon:before{width:100%;height:1px}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .icon:after{width:1px;height:100%}.faq-section .faq-wrapper .accordion-wrapper .faq-item .answer-wrapper{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.faq-section .faq-wrapper .accordion-wrapper .faq-item .answer-wrapper .answer-inner{overflow:hidden}.faq-section .faq-wrapper .accordion-wrapper .faq-item .answer-wrapper .answer-inner p{opacity:.7;text-transform:none;margin:0;padding-bottom:32px;font-size:2rem;line-height:1.2}.faq-section .faq-wrapper .accordion-wrapper .faq-item.active .question-wrapper .icon:after{transform:rotate(90deg)scaleY(0)}.faq-section .faq-wrapper .accordion-wrapper .faq-item.active .question-wrapper .icon:before{transform:rotate(180deg)}.faq-section .faq-wrapper .accordion-wrapper .faq-item.active .answer-wrapper{grid-template-rows:1fr}@media (max-width:1024px){.faq-section{padding-top:60px;padding-bottom:140px}.faq-section .faq-wrapper{flex-direction:column;gap:40px}.faq-section .faq-wrapper .heading-wrapper,.faq-section .faq-wrapper .accordion-wrapper{width:100%}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper{padding:16px 0}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .question{font-size:1.4rem}.faq-section .faq-wrapper .accordion-wrapper .faq-item .question-wrapper .icon{width:12px;height:12px}.faq-section .faq-wrapper .accordion-wrapper .faq-item .answer-wrapper .answer-inner p{padding-bottom:16px;font-size:1.4rem}}.work-list-section{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:140px;padding-bottom:240px;display:flex}.work-list-section .menu-wrapper{border-bottom:1px solid #0000000d;justify-content:space-between;display:flex}.work-list-section .menu-wrapper .work-categories{align-items:flex-end;gap:34px;width:100%;height:100px;padding-bottom:24px;display:flex;overflow-y:hidden}.work-list-section .menu-wrapper .work-categories .work-category-item{opacity:.8;cursor:pointer;white-space:nowrap;font-size:1.4rem;font-weight:400}.work-list-section .menu-wrapper .work-categories .work-category-item.active{margin-bottom:-12px;font-size:6.8rem;font-weight:300;opacity:1!important}.work-list-section .menu-wrapper .work-categories .work-category-item:hover{opacity:1!important}.work-list-section .menu-wrapper .move-work-item-wrapper{justify-content:flex-end;align-items:center;gap:24px;display:flex}.work-list-section .menu-wrapper .move-work-item-wrapper .left,.work-list-section .menu-wrapper .move-work-item-wrapper .right{cursor:pointer;width:42px;height:42px;transition:opacity .3s;position:relative}.work-list-section .menu-wrapper .move-work-item-wrapper .left:hover,.work-list-section .menu-wrapper .move-work-item-wrapper .right:hover{opacity:.7}.work-list-section .menu-wrapper .move-work-item-wrapper .left{transform:rotate(180deg)}.work-list-section .work-list-wrapper{padding:74px var(--page-x-padding) 0 var(--page-x-padding);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:84px;display:flex;overflow-x:auto}@media (min-width:1025px){.work-list-section .work-list-wrapper{cursor:grab}.work-list-section .work-list-wrapper:active{cursor:grabbing}}.work-list-section .work-list-wrapper::-webkit-scrollbar{display:none}.work-list-section .scroll-wrapper{background-color:#0000001a;width:100%;height:2px;margin-top:8px;margin-bottom:60px;position:relative}.work-list-section .scroll-wrapper .scroll-thumb{cursor:grab;position:absolute;top:-10px;bottom:-10px}.work-list-section .scroll-wrapper .scroll-thumb:after{content:"";background-color:var(--secondary);height:2px;position:absolute;top:10px;left:0;right:0}.work-list-section .scroll-wrapper .scroll-thumb:active{cursor:grabbing}@media (max-width:1024px){.work-list-section{justify-content:center;gap:2px;height:100vh;padding-top:60px;padding-bottom:20px}.work-list-section .menu-wrapper{align-items:flex-end}.work-list-section .menu-wrapper .work-categories{flex-direction:column;align-items:flex-start;gap:12px;height:auto}.work-list-section .menu-wrapper .work-categories .work-category-item{opacity:.7;font-size:1.2rem}.work-list-section .menu-wrapper .work-categories .work-category-item.active{opacity:1;margin-bottom:0;padding:0;font-size:2.8rem}.work-list-section .menu-wrapper .move-work-item-wrapper{gap:18px;padding-bottom:20px}.work-list-section .menu-wrapper .move-work-item-wrapper .left,.work-list-section .menu-wrapper .move-work-item-wrapper .right{width:24px;height:24px}.work-list-section .work-list-wrapper{gap:10px;padding-top:20px}.work-list-section .scroll-wrapper{margin-top:10px;margin-bottom:20px}}.work-card{flex-direction:column;align-items:center;gap:12px;width:680px;display:flex}.work-card:hover .work-card-image-wrapper{transform:scale(1.01);box-shadow:0 0 25px 7px #0000001a}.work-card:hover .work-card-image-wrapper .thumbnail{opacity:0}.work-card:hover .work-card-content .work-card-title{gap:8px;display:flex}.work-card:hover .work-card-content .work-card-title .title{transform:translateY(0)}.work-card:hover .work-card-content .work-card-title .bracket-button{opacity:.7;padding-top:.2rem}.work-card:hover .work-card-content .work-card-details .tag-wrapper .tag,.work-card:hover .work-card-content .work-card-details .role span{transform:translateY(0)}.work-card .work-card-image-wrapper{aspect-ratio:1.5;width:100%;transition:transform .6s cubic-bezier(.66,0,.34,1),box-shadow .6s cubic-bezier(.66,0,.34,1);position:relative;overflow:hidden}.work-card .work-card-image-wrapper .thumbnail{object-fit:cover;z-index:2;pointer-events:none;opacity:1;width:100%;height:100%;transition:opacity .3s;position:absolute;left:0;top:auto!important;bottom:0!important}@media (max-width:1024px),(hover:none){.work-card .work-card-image-wrapper .thumbnail{display:none!important}}.work-card .work-card-image-wrapper video{object-fit:cover;width:100%;height:100%;position:absolute;bottom:0;left:0}.work-card .work-card-content{justify-content:space-between;width:100%;padding-top:16px;padding-bottom:24px;display:flex}.work-card .work-card-content .work-card-title{gap:4px;display:flex;overflow:hidden}.work-card .work-card-content .work-card-title .title{letter-spacing:-.04em;font-size:3.4rem;transition:transform .6s cubic-bezier(.66,0,.34,1);position:relative;transform:translateY(100%)}.work-card .work-card-content .work-card-title .title:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:2px;transition:transform 1s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.work-card .work-card-content .work-card-title .bracket-button{opacity:0;transition:opacity 1s cubic-bezier(.66,0,.34,1)}@media (hover:hover) and (pointer:fine){.work-card .work-card-content .work-card-title:hover .title:after{transform-origin:0;transform:scaleX(1)}.work-card .work-card-content .work-card-title:hover .bracket-button{opacity:1}}.work-card .work-card-content .work-card-details{opacity:.7;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;display:flex}.work-card .work-card-content .work-card-details .tag-wrapper,.work-card .work-card-content .work-card-details .role{overflow:hidden}.work-card .work-card-content .work-card-details .tag-wrapper .tag,.work-card .work-card-content .work-card-details .role span{transition:transform .6s cubic-bezier(.66,0,.34,1);display:inline-block;transform:translateY(100%)}@media (max-width:1024px){.work-card{gap:10px;width:80vw}.work-card .work-card-image-wrapper{width:100%}.work-card .work-card-content{flex-direction:column;gap:8px}.work-card .work-card-content .work-card-title .title{font-size:2rem;transform:translateY(0)}.work-card .work-card-content .work-card-title .bracket-button{opacity:1;padding-top:1px}.work-card .work-card-content .work-card-details{align-items:flex-start}.work-card .work-card-content .work-card-details .tag-wrapper .tag,.work-card .work-card-content .work-card-details .role span{transform:translateY(0)}}.get-in-touch-section{padding-top:200px}.get-in-touch-section .header-wrapper{flex-direction:column;align-items:center;gap:64px;display:flex}.get-in-touch-section .header-wrapper .title{overflow-y:hidden}.get-in-touch-section .header-wrapper .contact-links{flex-direction:column;align-items:center;gap:14px;display:flex}.get-in-touch-section .header-wrapper .contact-links .link-wrapper{overflow:hidden}.get-in-touch-section .header-wrapper .contact-links .email,.get-in-touch-section .header-wrapper .contact-links .whatsapp{display:block;position:relative}.get-in-touch-section .header-wrapper .contact-links .email:after,.get-in-touch-section .header-wrapper .contact-links .whatsapp:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:1px;transition:transform 1s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.get-in-touch-section .header-wrapper .contact-links .email:hover:after,.get-in-touch-section .header-wrapper .contact-links .whatsapp:hover:after{transform-origin:0;transform:scaleX(1)}}.get-in-touch-section .header-wrapper .line-break{background-color:var(--secondary);width:100%;height:1px}.get-in-touch-section .contact-form-wrapper{justify-content:center;align-items:center;margin-top:174px;display:flex}@media (max-width:1024px){.get-in-touch-section{padding-top:180px}.get-in-touch-section .header-wrapper{gap:24px}.get-in-touch-section .contact-form-wrapper{margin-top:74px}}.contact-form{border:1px solid var(--secondary-op20);width:760px;padding:64px 32px}.contact-form .page-1-wrapper,.contact-form .page-2-wrapper{flex-direction:column;gap:64px;display:flex}.contact-form .page-1-wrapper .input-wrapper{flex-direction:column;gap:8px;display:flex}.contact-form .page-1-wrapper .button-wrapper{flex-direction:column;width:100%;display:flex}.contact-form .page-1-wrapper .button-wrapper .next-step{border-bottom:1px solid var(--secondary-op50);width:100%;font-size:var(--form-text-size);letter-spacing:.02em;margin-top:160px;padding-bottom:4px;font-weight:400}.contact-form .page-1-wrapper .button-wrapper .error-message{color:#d42f2f;margin-top:12px;display:block}.contact-form .page-2-wrapper .back-btn{border-bottom:1px solid var(--secondary-op50);opacity:.7;font-size:var(--form-text-size);letter-spacing:.02em;cursor:pointer;width:fit-content;padding-top:4px;padding-bottom:2px;font-weight:400}.contact-form .page-2-wrapper .input-wrapper{flex-direction:column;gap:32px;margin-top:24px;display:flex}.contact-form .page-2-wrapper .input-wrapper .budgets{flex-direction:column;gap:18px;display:flex}.contact-form .page-2-wrapper .input-wrapper .budgets .budget-title{opacity:.7;font-size:var(--form-text-size);letter-spacing:.02em;font-weight:400}.contact-form .page-2-wrapper .input-wrapper .budgets .check-container{flex-wrap:wrap;gap:8px;display:flex}.contact-form .page-2-wrapper .input-wrapper .budgets .check-container .checkbox-label{cursor:pointer;display:inline-block;position:relative}.contact-form .page-2-wrapper .input-wrapper .budgets .check-container .checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.contact-form .page-2-wrapper .input-wrapper .budgets .check-container .checkbox-label .checkbox-text{font-family:var(--font-jost);font-size:var(--form-text-size);letter-spacing:.02em;color:var(--secondary-op70);border:1px solid var(--secondary-op20);padding:10px 16px;font-weight:400;transition:all .3s;display:inline-block}.contact-form .page-2-wrapper .input-wrapper .budgets .check-container .checkbox-label input:checked~.checkbox-text{background-color:var(--secondary);color:var(--primary);border-color:var(--secondary)}.contact-form .page-2-wrapper .send-request{border-bottom:1px solid var(--secondary-op50);text-align:left;background-color:var(--primary);width:100%;font-family:var(--font-jost);font-size:var(--form-text-size);letter-spacing:.08em;text-transform:uppercase;border:none;border-bottom:1px solid var(--secondary-op50);margin-top:20px;padding-bottom:4px;font-weight:400}.contact-form .page-3-wrapper{justify-content:center;align-items:center;display:flex}.contact-form .page-3-wrapper .success-message{font-size:var(--form-text-size);letter-spacing:.02em;font-weight:400}@media (max-width:1024px){.contact-form{width:100%;padding:32px 16px}.contact-form .page-1-wrapper,.contact-form .page-2-wrapper{gap:32px}.contact-form .page-1-wrapper .input-wrapper{gap:2px}.contact-form .page-1-wrapper .button-wrapper .next-step{margin-top:80px}.contact-form .page-2-wrapper .input-wrapper{gap:24px;margin-top:24px}.contact-form .page-2-wrapper .input-wrapper .budgets{flex-direction:column;gap:8px;display:flex}.contact-form .page-2-wrapper .input-wrapper .budgets .budget-title{opacity:.7;font-size:var(--form-text-size);letter-spacing:.02em;font-weight:400}.contact-form .page-2-wrapper .input-wrapper .budgets .check-container{gap:4px;display:flex}.contact-form .page-2-wrapper .input-wrapper .budgets .check-container .checkbox-label .checkbox-text{padding:8px}.contact-form .page-2-wrapper .send-request{margin-top:80px}}.services-list-section .service-wrapper{margin-top:200px}.services-list-section .service-wrapper .section-heading{padding-left:6px}.services-list-section .service-wrapper .full-line{background-color:var(--secondary);width:100%;height:1px}.services-list-section .service-wrapper .service-container{grid-template-columns:repeat(2,1fr);margin-top:68px;padding-bottom:200px;display:grid}.services-list-section .service-wrapper .service-container .service-list .heading{padding-top:20px}.services-list-section .service-wrapper .service-container .service-list .service-item{cursor:default;border-bottom:1px solid #0000004d;align-items:center;padding:20px 12px;font-size:3.4rem;display:flex}.services-list-section .service-wrapper .service-container .service-list .service-item .arrow-icon-wrapper{opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:0;height:2.8rem;margin-right:0;transition:border-bottom .45s cubic-bezier(.25,1,.5,1),opacity .45s cubic-bezier(.25,1,.5,1),width .45s cubic-bezier(.25,1,.5,1),transform .45s cubic-bezier(.25,1,.5,1),margin-right .45s cubic-bezier(.25,1,.5,1);display:flex;overflow:hidden;transform:translate(-15px)}.services-list-section .service-wrapper .service-container .service-list .service-item .arrow-icon-wrapper .arrow-icon{flex-shrink:0;width:2.8rem;height:2.8rem}@media (hover:hover) and (pointer:fine){.services-list-section .service-wrapper .service-container .service-list .service-item:hover{border-bottom:1px solid #000}.services-list-section .service-wrapper .service-container .service-list .service-item:hover .arrow-icon-wrapper{opacity:1;width:2.8rem;margin-right:16px;transform:translate(0)}}@media (max-width:1200px){.services-list-section .service-wrapper{margin-top:100px}.services-list-section .service-wrapper .section-heading{padding-left:2px}.services-list-section .service-wrapper .full-line{display:none}.services-list-section .service-wrapper .service-container{grid-template-columns:repeat(1,1fr);row-gap:78px;margin-top:18px;padding-bottom:100px}.services-list-section .service-wrapper .service-container .service-list .service-item{padding:10px 0;font-size:1.4rem}}.navbar{z-index:100;width:100%;padding:0 var(--page-x-padding);mix-blend-mode:difference;color:var(--primary);justify-content:space-between;align-items:center;padding-top:18px;display:flex;position:fixed;top:0;left:0}.navbar .left{z-index:100;padding:10px 0}.navbar .left .logo{letter-spacing:-.02em;cursor:pointer;font-size:2.4rem;font-weight:500}.navbar .right{cursor:pointer;z-index:100;flex-direction:column;justify-content:space-between;gap:7px;width:24px;padding:10px 0;display:flex}.navbar .right .menu-horizontal-line{background-color:var(--primary);transform-origin:50%;width:24px;height:2px;transition:transform .4s cubic-bezier(.77,0,.175,1)}.navbar .right.open .menu-horizontal-line:first-child{transform:translateY(4px)rotate(45deg)}.navbar .right.open .menu-horizontal-line:nth-child(2){transform:translateY(-4px)rotate(-45deg)}@media (max-width:1024px){.navbar{padding-top:10px}}.drawer{background-color:var(--primary);width:100vw;height:100vh;color:var(--secondary);z-index:99;padding:var(--page-x-padding);transition:top 1s cubic-bezier(.77,0,.175,1);position:fixed;top:-100vh;left:0}.drawer.open{top:0}.drawer .drawer-content{grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;height:100%;display:grid;position:relative}.drawer .drawer-content .menu-title{padding-left:10px;font-size:10rem}.drawer .drawer-content .image-wrapper{justify-self:center;width:280px;height:140px;position:relative;overflow:hidden}.drawer .drawer-content .menu-items{flex-direction:column;justify-self:center;gap:12px;padding-right:80px;list-style:none;display:flex}.drawer .drawer-content .menu-items .menu-item-wrapper{overflow:hidden}.drawer .drawer-content .menu-items li a{opacity:.5;font-size:3.8rem;transition:opacity .3s;display:inline-block;position:relative;transform:translateY(100%)}.drawer .drawer-content .menu-items li a:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:2px;transition:transform 1s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.drawer .drawer-content .menu-items li a.active,.drawer .drawer-content .menu-items li a:hover{opacity:1}.drawer .drawer-content .menu-items li a:hover:after{transform-origin:0;transform:scaleX(1)}@media (max-width:1024px){.drawer .drawer-content{grid-template-columns:1fr 1fr;align-items:center;height:fit-content;padding-top:200px}.drawer .drawer-content .menu-title{height:fit-content;padding-left:2px;font-size:3.8rem}.drawer .drawer-content .image-wrapper{display:none}.drawer .drawer-content .menu-items{justify-self:end;gap:8px;width:100%;padding-left:60px}.drawer .drawer-content .menu-items li a{white-space:nowrap;font-size:2rem}}.drawer-overlay{background-color:var(--secondary-op50);z-index:98;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity .6s;position:fixed;top:0;left:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.footer{background-color:var(--secondary);color:var(--primary)}.footer .lets-work-together{gap:20px;width:fit-content;padding-top:28px;display:flex;overflow:hidden}.footer .lets-work-together .title{position:relative}.footer .lets-work-together .title:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:2px;transition:transform 1s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer .lets-work-together .contact{opacity:.7;padding-top:18px;transition:opacity .3s}@media (max-width:1024px){.footer .lets-work-together .contact{padding-top:4px}}@media (hover:hover) and (pointer:fine){.footer .lets-work-together:hover .title:after{transform-origin:0;transform:scaleX(1)}.footer .lets-work-together:hover .bracket-button{opacity:1}}.footer .footer-bottom{grid-template-columns:repeat(6,1fr);margin-top:300px;padding-top:80px;padding-bottom:38px;display:grid}.footer .footer-bottom .page-navigation{flex-direction:column;grid-column:span 3;width:fit-content;display:flex}.footer .footer-bottom .page-navigation .navigation-link{opacity:.7;transition:opacity .3s}.footer .footer-bottom .page-navigation .navigation-link.active{opacity:1}@media (hover:hover) and (pointer:fine){.footer .footer-bottom .page-navigation .navigation-link:hover{opacity:1}}.footer .footer-bottom .footer-link{align-items:center;gap:4px;transition:opacity .3s;display:flex}.footer .footer-bottom .footer-link img{width:22px;height:22px}@media (hover:hover) and (pointer:fine){.footer .footer-bottom:has(.footer-link:hover) .footer-link:not(:hover){opacity:.7}}.footer .footer-bottom .contact-navigation{flex-direction:column;grid-column:span 1;justify-content:space-between;height:100%;display:flex}.footer .footer-bottom .contact-navigation .contact-info{flex-direction:column;gap:18px;display:flex}.footer .footer-bottom .contact-navigation .back-to-top{opacity:.7;transition:opacity .3s}@media (hover:hover) and (pointer:fine){.footer .footer-bottom .contact-navigation .back-to-top:hover{opacity:1}}.footer .footer-bottom .social-navigation{grid-column:span 1;display:flex}.footer .footer-bottom .social-navigation .linkedIn-link,.footer .footer-bottom .social-navigation .instagram-link{width:50%}.footer .footer-bottom .social-navigation .isMobile{display:none}.footer .footer-bottom .empty-col{grid-column:span 1}@media (max-width:1024px){.footer .lets-work-together{gap:10px;padding-top:18px}.footer .footer-bottom{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,1fr);margin-top:120px}.footer .footer-bottom .page-navigation{gap:8px}.footer .footer-bottom .footer-link img{width:16px;height:16px}.footer .footer-bottom .contact-navigation{grid-column:span 3}.footer .footer-bottom .contact-navigation .contact-info{gap:10px;margin-top:50px}.footer .footer-bottom .contact-navigation .back-to-top{display:none}.footer .footer-bottom .social-navigation{grid-column:span 3;margin-top:50px}.footer .footer-bottom .social-navigation .linkedIn-link,.footer .footer-bottom .social-navigation .instagram-link{width:33.33%}.footer .footer-bottom .social-navigation .instagram-link{text-align:center}.footer .footer-bottom .social-navigation .isMobile{text-align:right;opacity:.7;width:33.33%;display:block}}.work-modal{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:90;opacity:0;pointer-events:none;background-color:#0000;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background-color .3s;display:flex;position:fixed;top:0;left:0}.work-modal.active{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009}.work-modal.active .work-modal-wrapper{opacity:1;transform:scale(1)}.work-modal .work-modal-wrapper{opacity:0;width:80%;height:80%;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.95)}.work-modal .work-modal-wrapper .work-modal-content-left{background:radial-gradient(circle,#0269a9,#0d0035);justify-content:center;align-items:center;width:60%;height:100%;display:flex;position:relative}.work-modal .work-modal-wrapper .work-modal-content-left .work-image-wrapper{aspect-ratio:1.5;z-index:2;width:80%;position:relative}.work-modal .work-modal-wrapper .work-modal-content-left .work-bg-image-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.work-modal .work-modal-wrapper .work-modal-content-left .black-overlay{z-index:1;background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.work-modal .work-modal-wrapper .work-modal-content-left .close-btn{display:none}.work-modal .work-modal-wrapper .work-modal-content-right{background-color:var(--primary);flex-direction:column;justify-content:space-between;width:40%;height:100%;padding:64px 32px;display:flex;position:relative}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-header{font-size:4rem}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-description{text-transform:none;opacity:.7;width:95%;margin-top:28px;font-size:1.8rem;font-weight:400;line-height:1.2}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info{justify-content:space-between;align-items:flex-end;margin-top:108px;display:flex}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .work-tags{flex-direction:column;gap:8px;font-size:1.4rem;display:flex}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .work-tags .role,.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .work-tags .tech{font-weight:400}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .project-link{align-items:center;gap:4px;transition:opacity .3s;display:flex}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .project-link .visit-site{font-size:1.4rem;font-weight:400;position:relative}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .project-link .external-icon{width:18px;height:18px;position:relative;overflow:hidden;transform:rotate(-45deg)}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .project-link .external-icon img{width:100%;height:100%;transition:left .3s;display:block}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .project-link:hover .external-icon img{animation:.6s ease-in-out slideUpRight}.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content{justify-content:space-between;align-items:flex-end;display:flex}.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations{gap:18px;display:flex}.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations .btn-left,.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations .btn-right{cursor:pointer;width:30px;height:30px;transition:opacity .3s;position:relative}.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations .btn-left.disabled,.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations .btn-right.disabled{opacity:.2;pointer-events:none;cursor:not-allowed}.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations .btn-left{transform:rotate(180deg)}.work-modal .work-modal-wrapper .work-modal-content-right .close-btn{cursor:pointer;width:20px;height:20px;padding:10px 0;position:absolute;top:32px;right:32px}.work-modal .work-modal-wrapper .work-modal-content-right .close-btn .menu-horizontal-line{background-color:var(--secondary);transform-origin:50%;width:20px;height:2px;position:absolute}.work-modal .work-modal-wrapper .work-modal-content-right .close-btn .menu-horizontal-line:first-child{transform:rotate(45deg)}.work-modal .work-modal-wrapper .work-modal-content-right .close-btn .menu-horizontal-line:nth-child(2){transform:rotate(-45deg)}@media (max-width:1024px){.work-modal .work-modal-wrapper{flex-direction:column;width:90%;height:85%;display:flex}.work-modal .work-modal-wrapper .work-modal-content-left{background-color:var(--secondary);width:100%;height:40%}.work-modal .work-modal-wrapper .work-modal-content-left .work-image-wrapper{width:auto;height:90%}.work-modal .work-modal-wrapper .work-modal-content-left .close-btn{cursor:pointer;z-index:3;mix-blend-mode:difference;width:14px;height:14px;padding:10px 0;display:block;position:absolute;top:2px;right:6px}.work-modal .work-modal-wrapper .work-modal-content-left .close-btn .menu-horizontal-line{transform-origin:50%;background-color:#fff;width:14px;height:2px;position:absolute}.work-modal .work-modal-wrapper .work-modal-content-left .close-btn .menu-horizontal-line:first-child{transform:rotate(45deg)}.work-modal .work-modal-wrapper .work-modal-content-left .close-btn .menu-horizontal-line:nth-child(2){transform:rotate(-45deg)}.work-modal .work-modal-wrapper .work-modal-content-right{background-color:var(--primary);width:100%;height:60%;padding:24px 12px}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-header{font-size:2.4rem}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-description{width:100%;margin-top:18px;font-size:1.4rem}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info{margin-top:48px}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .work-tags{gap:2px;font-size:1.2rem}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .project-link .visit-site{font-size:1.2rem}.work-modal .work-modal-wrapper .work-modal-content-right .top-content .work-info .project-link .external-icon{width:14px;height:14px}.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations{gap:10px}.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations .btn-left,.work-modal .work-modal-wrapper .work-modal-content-right .bottom-content .navigations .btn-right{width:20px;height:20px}.work-modal .work-modal-wrapper .work-modal-content-right .close-btn{display:none}}@keyframes slideUpRight{0%{left:0}40%{left:102%}41%{left:-102%}to{left:0}}::selection{color:var(--primary);background-color:#363636}::selection{color:var(--primary);background-color:#363636}:root{--primary:#f3f3f3;--secondary:#020108;--secondary-op70:#18181bb3;--secondary-op50:#18181b80;--secondary-op20:#18181b33;--max-width:2400px;--page-x-padding:32px;--form-text-size:1.6rem}html{scrollbar-width:thin;scrollbar-color:var(--secondary) var(--primary);font-size:62.5%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--primary)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:10px}body{max-width:100vw;color:var(--secondary);background:var(--primary);font-family:var(--font-jost);text-transform:uppercase;font-size:1.6rem;font-weight:300;line-height:1;overflow-x:hidden}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}h1{font-family:var(--font-jost);letter-spacing:-.06em;-webkit-user-select:none;user-select:none;margin-left:-1.5rem;font-size:clamp(4.8rem,8vw,23rem);font-weight:300;line-height:100%}@media (max-width:1200px){h1{margin-left:-1.4rem}}@media (max-width:1024px){h1{margin-left:-2px}}h2{font-family:var(--font-jost);font-size:5.6rem;font-weight:300;line-height:115%}@media (max-width:1024px){h2{font-size:1.8rem}}p{margin-block:0}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%}.container{width:100%;padding:0 var(--page-x-padding);max-width:var(--max-width);margin:0 auto}.container-full{width:100%;max-width:var(--max-width)}.text-x-small{letter-spacing:.02em;font-size:1.4rem;font-weight:400}.text-small{letter-spacing:.02em;font-size:1.4rem;font-weight:400;line-height:115%}.text-small-1{letter-spacing:.08em;font-size:1.4rem;font-weight:400}.text-medium{letter-spacing:-.04em;font-size:4.8rem;font-weight:300;line-height:120%}.text-large{letter-spacing:-.02em;font-size:8.8rem;font-weight:300;line-height:120%}.bracket-button{letter-spacing:.02em;opacity:.7;padding-top:8px;font-size:1.2rem;font-weight:300;transition:opacity .3s}.line-mask{overflow:hidden!important}input,textarea{background-color:var(--primary);width:100%;font-family:var(--font-jost);font-size:var(--form-text-size);letter-spacing:.02em;text-transform:uppercase;border:none;outline:none;padding:8px 0;font-weight:400}input::placeholder,textarea::placeholder{color:var(--secondary-op70);font-family:var(--font-jost);font-size:var(--form-text-size);letter-spacing:.02em;text-transform:uppercase;font-weight:400}input:focus,textarea:focus{border-bottom:1px solid var(--secondary-op50);transition:border-bottom .3s}textarea{text-transform:none}@media (max-width:1600px){.text-medium{font-size:4.2rem}.text-large{font-size:6.8rem}}@media (max-width:1024px){:root{--page-x-padding:12px;--form-text-size:1.2rem}.text-x-small{font-size:1rem}.text-small,.text-small-1{font-size:1.1rem}.text-medium{font-size:1.8rem}.text-large{font-size:2.8rem}.bracket-button{padding-top:2px;font-size:.8rem}}