@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,.0666666667)}::-webkit-scrollbar{display:none}::selection{background-color:#000;color:#fff}.inner{background-color:#000}.inner>.slide{width:100%;height:100vh;position:fixed;z-index:999;top:0;left:0;background-color:#fff}.inner .page{background-color:#fff}:root{--num-grid-columns: 12;--grid-margin: 32px}@media screen and (max-width: 500px){:root{--num-grid-columns: 4;--grid-margin: 16px}}.grid{display:grid;grid-template-columns:repeat(var(--num-grid-columns),1fr);gap:16px;padding:0 var(--grid-margin)}.grid-container{position:fixed;z-index:3;inset:0;pointer-events:none}.grid-container .col{background:#ccc2;height:100%}@media screen and (max-width: 500px){.grid-container .col:nth-child(n+5){display:none}}main section,footer{position:relative}.cursor{position:fixed;z-index:999;top:0;left:0;background-color:#fff;border-radius:50%;mix-blend-mode:difference;pointer-events:none;display:none}.my-name{display:flex;align-items:center;font-size:15.807vw;font-weight:300;line-height:90%;letter-spacing:-.14em}@media screen and (max-width: 500px){.my-name{font-size:29vw}}.my-name .line{display:flex!important}.my-name .line .word1 .char4{letter-spacing:-.22em}.my-name .line .word1 .char5{letter-spacing:-.34em}.my-name .line .word1 .char6{letter-spacing:-.18em}.my-name .line .word2 .char11{letter-spacing:-.11em}.mask{position:relative;display:flex;flex-direction:column;pointer-events:none;overflow:hidden}.mask span{pointer-events:none;padding:2px 0}.mask span:nth-child(2){position:absolute;top:100%}nav{display:flex;align-items:center;font-size:18px;font-weight:500;line-height:120%;letter-spacing:-.04em}@media screen and (max-width: 500px){nav{font-size:18px}}nav ul{display:flex;gap:6px}nav ul li{position:relative;list-style:none;display:flex;flex-direction:column;justify-content:center}nav ul li a{color:#000;text-decoration:none;opacity:.3}nav ul li a.active{opacity:1}nav ul li .border{display:none;position:absolute;bottom:-4px;width:0%;height:2px;background-color:#000}.info-text{width:100%;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){.info-text{font-size:18px}}.info-text span{font-size:14px;font-weight:600;position:relative;bottom:8px}@media screen and (max-width: 500px){.info-text span{font-size:14px}}.cta{padding:4px 0;position:relative;bottom:4px;text-decoration:underline!important;text-underline-offset:5px!important;text-decoration-thickness:1px!important;color:#000;cursor:pointer;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){.cta{font-size:18px}}.cta>span{font-size:14px;font-weight:600;position:relative;bottom:8px}@media screen and (max-width: 500px){.cta>span{font-size:14px}}.underline{text-decoration:underline!important;text-underline-offset:5px!important;text-decoration-thickness:1px!important}.project{padding:0}.project.inverse{direction:rtl}@media screen and (max-width: 500px){.project.inverse{direction:ltr}}@media screen and (max-width: 500px){.project{display:flex;flex-direction:column;gap:24px}}.project .image{grid-column-start:1;grid-column-end:7;aspect-ratio:1.5397/1;background-color:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.project .image img{height:100%}.project .info{grid-column-start:8;grid-column-end:13;display:flex;flex-direction:column;justify-content:flex-end;gap:32px}@media screen and (max-width: 500px){.project .info{gap:16px}}.project .info .title{font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){.project .info .title{font-size:9.67vw}}.project .info .title .line-mask{top:6px}.project .info .title .line-mask .line{position:relative;bottom:6px;padding-right:.2vw}@media screen and (max-width: 500px){.project .info .title .line-mask .line{padding-top:8px}}.project .info .details{display:flex;align-items:center;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){.project .info .details{font-size:18px}}section.lab-preview{display:flex;gap:48px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){section.lab-preview{padding:96px var(--grid-margin)}}section.lab-preview .info-text{display:flex;justify-content:space-between}section.lab-preview .gallery{position:relative;width:100%;height:75vh;padding:32px 0;cursor:pointer}@media screen and (max-width: 500px){section.lab-preview .gallery{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:48px;height:max-content;padding:0}}section.lab-preview .gallery .paragraph{grid-column-start:9;grid-column-end:13;display:flex;align-items:flex-end;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){section.lab-preview .gallery .paragraph{font-size:18px}}section.lab-preview .gallery .images{display:block;position:absolute;inset:0}@media screen and (max-width: 500px){section.lab-preview .gallery .images{display:none}}section.lab-preview .gallery .images .images-list{width:100%;height:100%;position:relative}section.lab-preview .gallery .images .images-list .image{width:350px;aspect-ratio:1.54/1;background-color:#eee;opacity:0;position:absolute;overflow:hidden}section.lab-preview .gallery .images .images-list .image img{object-fit:cover;width:100%;height:100%}section.lab-preview .gallery .mobile-images{display:none;overflow:hidden}@media screen and (max-width: 500px){section.lab-preview .gallery .mobile-images{display:block;position:static;height:500px}}section.lab-preview .gallery .mobile-images .image{width:175px;aspect-ratio:1.54/1;background-color:#eee;position:absolute}section.lab-preview .gallery .mobile-images .image img{object-fit:cover;width:100%;height:100%}header{position:fixed;z-index:999;display:flex;align-items:center;justify-content:space-between;width:100%;height:85px;padding:0 var(--grid-margin);font-size:18px;font-weight:500;line-height:120%;letter-spacing:-.04em}@media screen and (max-width: 500px){header{font-size:18px}}header .left{grid-column-start:1;grid-column-end:3;width:165px;height:100%;display:flex;flex-direction:column;justify-content:center}header .left .mask{position:relative;height:30px;overflow:hidden;color:#000;pointer-events:all}header .left .mask>div{position:absolute;width:100%;height:100%;display:flex;align-items:center;cursor:pointer;transition:color .2s}header .left .mask .my-name{font-size:24px;font-weight:400;margin-top:4px}header .left .mask .my-name .line{gap:4px;padding-right:2px}header .left .mask .my-name .line .word1 .char5{letter-spacing:-.38em}header .left .mask .title-1,header .left .mask .title-2{font-weight:500;letter-spacing:-.04em}header nav{grid-column-start:7;grid-column-end:11;height:100%}@media screen and (max-width: 500px){header nav{display:none}}header nav a{font-weight:500}header .mobile{grid-column-start:4;grid-column-end:5;display:none;justify-content:flex-end}@media screen and (max-width: 500px){header .mobile{display:flex}}header .mobile .btn{width:24px;height:12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:12px;box-sizing:content-box}header .mobile .btn.mobile span{background-color:#fff}header .mobile .btn span{width:100%;height:2px;background-color:#000;transition:.3s}header .mobile .btn.active span:nth-child(1){transform:translateY(5px) rotate(45deg)}header .mobile .btn.active span:nth-child(2){transform:translateY(-5px) rotate(-45deg)}header .right{grid-column-start:11;grid-column-end:13;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:32px}@media screen and (max-width: 500px){header .right{display:none}}header .right .link{position:relative;height:100%;display:flex;align-items:center}header .right .link .contact-me{height:70%;display:flex;flex-direction:column;justify-content:center;color:#000;text-decoration:none;font-weight:500}header .right .link .contact-me .text{padding:4px 0}header .right .link .contact-me.active .border{display:none;width:100%;height:2px;background-color:#000}.mobile-menu{position:fixed;z-index:99;top:0;width:100%;height:100vh;background:#fff;padding:117px 0 32px;display:none;flex-direction:column;justify-content:space-between;transform:translateY(-100%);font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){.mobile-menu{font-size:18px}}@media screen and (max-width: 500px){.mobile-menu{display:flex}}.mobile-menu a{color:#000;text-decoration:none}.mobile-menu .navigation .title{grid-column-start:1;grid-column-end:2;opacity:.3}.mobile-menu .navigation nav{grid-column-start:2;grid-column-end:5}.mobile-menu .navigation nav ul{width:100%;flex-direction:column;align-items:flex-start;gap:24px}.mobile-menu .navigation nav ul li a{overflow:hidden;font-size:10.15vw;font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 1100px){.mobile-menu .navigation nav ul li a{font-size:9.75vw}}@media screen and (max-width: 500px){.mobile-menu .navigation nav ul li a{font-size:16.54vw}}.mobile-menu .navigation nav ul li a:first-child{padding-right:3vw}.mobile-menu .navigation nav ul li a .mask{padding-right:8px}.mobile-menu .navigation nav ul li a .mask span:first-child{position:relative;bottom:4px}.mobile-menu .navigation nav ul li a .mask span:last-child{padding-bottom:6px}.mobile-menu .navigation nav ul li a.active+.border{width:100%;position:relative;bottom:4px}.mobile-menu .navigation nav ul li .border{height:5px}.mobile-menu .links .title{grid-column-start:1;grid-column-end:2;opacity:.3}.mobile-menu .links .socials{grid-column-start:2;grid-column-end:5;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.mobile-menu .links .socials .mask span{padding:0}.mobile-menu .contact .btn{grid-column-start:2;grid-column-end:5;font-size:clamp(25px,2.562vw,45px);font-weight:500;line-height:115%;letter-spacing:-.04em}@media screen and (max-width: 500px){.mobile-menu .contact .btn{font-size:6.11vw}}main section{position:relative;z-index:2;background-color:#fff}main section:first-child{padding-top:85px}main .hero-cta{text-decoration:underline;text-underline-offset:5px}@media screen and (max-width: 500px){main#brand-to-web .line-mask{top:0!important}}@media screen and (max-width: 500px){main#brand-to-web .line-mask .line{bottom:0!important;padding-bottom:4px!important}}main#brand-to-web section.hero{display:flex;flex-direction:column;height:100vh;background-color:#fff}@media screen and (max-width: 500px){main#brand-to-web section.hero .line{padding-bottom:0!important}}main#brand-to-web section.hero .intro{height:calc(100vh - 85px - 15.208vw);padding:0 var(--grid-margin);display:flex;align-items:center}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro{height:max-content}}main#brand-to-web section.hero .intro .content{width:100%;padding:0}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content{display:flex;flex-direction:column-reverse;gap:32px}}main#brand-to-web section.hero .intro .content .left{grid-column-start:1;grid-column-end:7;grid-template-columns:repeat(6,1fr);row-gap:64px;padding:0}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .left{grid-template-columns:repeat(4,1fr);grid-column-start:1;grid-column-end:5;grid-row-start:2;grid-row-end:3;row-gap:32px}}main#brand-to-web section.hero .intro .content .left .image-wrapper{grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:3;height:265px;display:flex;align-items:center;position:relative}@media screen and (min-width: 2000px){main#brand-to-web section.hero .intro .content .left .image-wrapper{grid-column-start:1;grid-column-end:2}}@media screen and (max-width: 1100px){main#brand-to-web section.hero .intro .content .left .image-wrapper{grid-column-start:1;grid-column-end:4}}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .left .image-wrapper{grid-column-start:1;grid-column-end:3;height:200px}}main#brand-to-web section.hero .intro .content .left .image-wrapper .image{width:100%;height:100%;background-image:url(/assets/profile-photo1-cTjKyMSC.jpg);background-position:center top;background-repeat:no-repeat;background-size:cover}main#brand-to-web section.hero .intro .content .left .image-wrapper .wrapper{background-color:#fff;position:absolute;inset:0}main#brand-to-web section.hero .intro .content .left .texts{grid-row-start:2;grid-row-end:3;grid-column-start:1;grid-column-end:4;display:flex;flex-direction:column;gap:24px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .left .texts{font-size:18px}}@media screen and (max-width: 1000px){main#brand-to-web section.hero .intro .content .left .texts{grid-column-start:1;grid-column-end:6}}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .left .texts{grid-column-start:1;grid-column-end:5}}main#brand-to-web section.hero .intro .content .left .texts .paragraph{width:330px}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .left .texts .paragraph{width:auto}}main#brand-to-web section.hero .intro .content .left .texts .cta .line{padding-bottom:2px!important}main#brand-to-web section.hero .intro .content .offer{grid-column-start:7;grid-column-end:13;display:flex;align-items:flex-end;max-width:800px}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .offer{grid-column-start:1;grid-column-end:5;grid-row-start:1;grid-row-end:2;padding-right:5vw}}@media screen and (max-width: 350px){main#brand-to-web section.hero .intro .content .offer{padding-right:3vw}}main#brand-to-web section.hero .intro .content .offer .text{font-size:clamp(25px,2.562vw,45px);font-weight:500;line-height:115%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .offer .text{font-size:6.11vw}}main#brand-to-web section.hero .intro .content .offer .line{padding-right:8px}@media screen and (max-width: 500px){main#brand-to-web section.hero .intro .content .offer .line{padding:0}}main#brand-to-web section.hero .my-name{position:absolute;bottom:0;width:100%;height:15.208vw;padding:0 0 16px}@media screen and (max-width: 500px){main#brand-to-web section.hero .my-name{height:auto}}main#brand-to-web section.hero .my-name .line-mask{width:100%}main#brand-to-web section.hero .my-name .line-mask .line{justify-content:center;gap:3vw;padding-right:2.645vw}@media screen and (max-width: 500px){main#brand-to-web section.hero .my-name .line-mask .line{display:flex;flex-direction:column;align-items:center}}main#brand-to-web section.problem-solution{display:flex;gap:192px;flex-direction:column;padding:96px var(--grid-margin) 192px var(--grid-margin)}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution{padding:48px var(--grid-margin) 96px var(--grid-margin);gap:96px}}main#brand-to-web section.problem-solution>.paragraph{width:100%;padding-right:32px;font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution>.paragraph{font-size:9.67vw}}main#brand-to-web section.problem-solution>.paragraph .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 2)}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution>.paragraph .indent{width:0}}main#brand-to-web section.problem-solution>.paragraph .line-mask{top:6px}main#brand-to-web section.problem-solution>.paragraph .line-mask .line{position:relative;bottom:6px;padding-right:.2vw}main#brand-to-web section.problem-solution .mobile-title{display:none;padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .mobile-title{font-size:18px}}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .mobile-title{display:grid}}main#brand-to-web section.problem-solution .mobile-title .title{grid-column-start:1;grid-column-end:3;padding-right:48px}main#brand-to-web section.problem-solution .mobile-title .number{grid-column-start:4;grid-column-end:5;display:flex;align-items:center;justify-content:flex-end}main#brand-to-web section.problem-solution .small-paragraphs{padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs{font-size:18px}}main#brand-to-web section.problem-solution .small-paragraphs .title{grid-column-start:1;grid-column-end:3}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .title{display:none}}main#brand-to-web section.problem-solution .small-paragraphs .texts{padding:0;grid-column-start:4;grid-column-end:12;grid-template-columns:repeat(8,1fr);row-gap:96px}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .texts{grid-column-start:1;grid-column-end:5;grid-template-columns:repeat(4,1fr);row-gap:48px}}main#brand-to-web section.problem-solution .small-paragraphs .texts .block{grid-column-start:1;grid-column-end:9;padding:0;grid-template-columns:repeat(8,1fr)}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .texts .block{grid-column-start:1;grid-column-end:5;grid-template-columns:repeat(4,1fr);row-gap:24px}}@media screen and (min-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .texts .block:first-child .paragraph{width:430px}}@media screen and (min-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .texts .block:last-child .paragraph{width:470px}}main#brand-to-web section.problem-solution .small-paragraphs .texts .block .subtitle{grid-column-start:1;grid-column-end:3;width:220px}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .texts .block .subtitle{grid-column-start:1;grid-column-end:5;width:auto}}main#brand-to-web section.problem-solution .small-paragraphs .texts .block .paragraph{grid-column-start:4;grid-column-end:9}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .texts .block .paragraph{grid-column-start:1;grid-column-end:5;width:275px}}main#brand-to-web section.problem-solution .small-paragraphs .number{grid-column-start:12;grid-column-end:13;text-align:right}@media screen and (max-width: 500px){main#brand-to-web section.problem-solution .small-paragraphs .number{display:none}}main#brand-to-web section.how-does-it-work{display:flex;gap:192px;flex-direction:column;padding:192px var(--grid-margin);font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work{font-size:18px}}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work{padding:96px var(--grid-margin);gap:96px}}main#brand-to-web section.how-does-it-work .top{padding:0}main#brand-to-web section.how-does-it-work .top .title{grid-column-start:1;grid-column-end:6;font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .top .title{font-size:9.67vw}}main#brand-to-web section.how-does-it-work .top .number{grid-column-start:7;grid-column-end:8;display:flex;align-items:center}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .top .number{display:none}}main#brand-to-web section.how-does-it-work .top .cta{grid-column-start:11;grid-column-end:13;display:flex;align-items:center;justify-content:flex-end}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .top .cta{display:none}}main#brand-to-web section.how-does-it-work .mobile-title{display:none;padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .mobile-title{font-size:18px}}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .mobile-title{display:grid}}main#brand-to-web section.how-does-it-work .mobile-title .number{grid-column-start:1;grid-column-end:3}main#brand-to-web section.how-does-it-work .mobile-title .cta{grid-column-start:3;grid-column-end:5;display:flex;align-items:center;justify-content:flex-end}main#brand-to-web section.how-does-it-work .small-paragraphs{padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs{font-size:18px}}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs{row-gap:96px}}main#brand-to-web section.how-does-it-work .small-paragraphs .left{grid-column-start:1;grid-column-end:5;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs .left{gap:48px}}main#brand-to-web section.how-does-it-work .small-paragraphs .left .paragraph{font-size:clamp(25px,2.562vw,45px);font-weight:500;line-height:115%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs .left .paragraph{font-size:6.11vw}}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs .left .paragraph{padding-right:48px}}main#brand-to-web section.how-does-it-work .small-paragraphs .left .text{width:340px;color:#b3b3b3}main#brand-to-web section.how-does-it-work .small-paragraphs .texts{padding:0;grid-column-start:7;grid-column-end:13;grid-template-columns:repeat(6,1fr);row-gap:96px}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs .texts{grid-column-start:1;grid-column-end:5;grid-template-columns:repeat(4,1fr);row-gap:48px}}main#brand-to-web section.how-does-it-work .small-paragraphs .texts .block{grid-column-start:1;grid-column-end:7;padding:0;grid-template-columns:repeat(6,1fr)}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs .texts .block{grid-column-start:1;grid-column-end:5;grid-template-columns:repeat(4,1fr);row-gap:24px}}main#brand-to-web section.how-does-it-work .small-paragraphs .texts .block .subtitle{grid-column-start:1;grid-column-end:3}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs .texts .block .subtitle{grid-column-start:1;grid-column-end:5}}main#brand-to-web section.how-does-it-work .small-paragraphs .texts .block .paragraph{grid-column-start:4;grid-column-end:7}@media screen and (max-width: 500px){main#brand-to-web section.how-does-it-work .small-paragraphs .texts .block .paragraph{grid-column-start:1;grid-column-end:5}main#brand-to-web section.how-does-it-work .small-paragraphs .texts .block .paragraph ul{padding-left:26px}}main#brand-to-web section.work{display:flex;gap:192px;flex-direction:column;padding:192px var(--grid-margin);font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.work{font-size:18px}}@media screen and (max-width: 500px){main#brand-to-web section.work{padding:96px var(--grid-margin);gap:96px}}main#brand-to-web section.work .top{display:flex;flex-direction:column;gap:96px}@media screen and (max-width: 500px){main#brand-to-web section.work .top{gap:48px}}main#brand-to-web section.work .top .title{font-size:10.15vw;font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 1100px){main#brand-to-web section.work .top .title{font-size:9.75vw}}@media screen and (max-width: 500px){main#brand-to-web section.work .top .title{font-size:16.54vw}}main#brand-to-web section.work .top .texts{padding:0}@media screen and (max-width: 500px){main#brand-to-web section.work .top .texts{row-gap:96px}}main#brand-to-web section.work .top .texts .paragraph{grid-column-start:1;grid-column-end:4;width:350px}@media screen and (max-width: 500px){main#brand-to-web section.work .top .texts .paragraph{width:auto}}main#brand-to-web section.work .top .texts .paragraph .line{padding:0!important}@media screen and (max-width: 500px){main#brand-to-web section.work .top .texts .paragraph{grid-column-start:1;grid-column-end:5}}main#brand-to-web section.work .top .texts .cta{grid-column-start:7;grid-column-end:9;width:135px;height:max-content}@media screen and (max-width: 500px){main#brand-to-web section.work .top .texts .cta{grid-column-start:1;grid-column-end:3}}main#brand-to-web section.work .top .texts .number{grid-column-start:12;grid-column-end:13;text-align:right}@media screen and (max-width: 500px){main#brand-to-web section.work .top .texts .number{grid-column-start:4;grid-column-end:5}}main#brand-to-web section.work .work{padding:0}@media screen and (max-width: 500px){main#brand-to-web section.work .work{row-gap:96px}}main#brand-to-web section.work .work .project{grid-column-start:1;grid-column-end:5;display:flex;flex-direction:column;gap:48px}main#brand-to-web section.work .work .project .info{justify-content:flex-start;align-items:flex-start}main#brand-to-web section.work .work .lab-preview{grid-column-start:7;grid-column-end:13;display:flex;flex-direction:column;gap:48px;position:relative}@media screen and (max-width: 500px){main#brand-to-web section.work .work .lab-preview{grid-column-start:1;grid-column-end:5}}main#brand-to-web section.work .work .lab-preview .images{position:relative;height:500px;cursor:pointer}@media screen and (max-width: 500px){main#brand-to-web section.work .work .lab-preview .images{display:block;position:static;height:500px}}main#brand-to-web section.work .work .lab-preview .images .image{width:260px;aspect-ratio:1.54/1;position:absolute}@media screen and (max-width: 500px){main#brand-to-web section.work .work .lab-preview .images .image{width:59.79vw}}main#brand-to-web section.work .work .lab-preview .images .image img{display:block;object-fit:cover;width:100%;height:100%}main#brand-to-web section.work .work .lab-preview .info{position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:32px}@media screen and (max-width: 500px){main#brand-to-web section.work .work .lab-preview .info{gap:16px;position:static}}main#brand-to-web section.work .work .lab-preview .info .title{font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#brand-to-web section.work .work .lab-preview .info .title{font-size:9.67vw}}main#brand-to-web section.fit{display:flex;flex-direction:column;padding:192px var(--grid-margin);font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.fit{font-size:18px}}@media screen and (max-width: 500px){main#brand-to-web section.fit{padding:96px var(--grid-margin)}}main#brand-to-web section.fit .content{padding:0}@media screen and (max-width: 500px){main#brand-to-web section.fit .content{row-gap:96px}}main#brand-to-web section.fit .content>.title{grid-column-start:1;grid-column-end:6;font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#brand-to-web section.fit .content>.title{font-size:9.67vw}}@media screen and (max-width: 500px){main#brand-to-web section.fit .content>.title{grid-column-start:1;grid-column-end:5}}main#brand-to-web section.fit .content>.title .line-mask{top:6px}main#brand-to-web section.fit .content>.title .line-mask .line{position:relative;bottom:6px;padding-right:.2vw}main#brand-to-web section.fit .content .texts{grid-column-start:7;grid-column-end:11;display:flex;flex-direction:column;gap:96px}@media screen and (max-width: 500px){main#brand-to-web section.fit .content .texts{grid-column-start:1;grid-column-end:4;gap:48px}}main#brand-to-web section.fit .content .texts .block{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#brand-to-web section.fit .content .texts .block:first-child .title{width:220px}}@media screen and (max-width: 500px){main#brand-to-web section.fit .content .texts .block .text{width:220px}}main#brand-to-web section.fit .content .texts .block .text ul{padding-left:26px}main#brand-to-web section.fit .content .number{grid-column-start:12;grid-column-end:13;text-align:right;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#brand-to-web section.fit .content .number{font-size:18px}}@media screen and (max-width: 500px){main#brand-to-web section.fit .content .number{grid-column-start:4;grid-column-end:5}}@media screen and (max-width: 500px){main#home .line-mask{top:0!important}}@media screen and (max-width: 500px){main#home .line-mask .line{bottom:0!important;padding-bottom:4px!important}}main#home section.hero{display:flex;flex-direction:column;height:100vh;background-color:#fff}main#home section.hero .intro{align-items:center;padding:16px var(--grid-margin);height:calc(100vh - 85px - 15.208vw);overflow:hidden}@media screen and (max-width: 500px){main#home section.hero .intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;height:max-content;padding:0 var(--grid-margin)}}main#home section.hero .intro .texts{grid-column-start:3;grid-column-end:8;display:flex;flex-direction:column;justify-content:center;gap:24px;padding-bottom:53px}@media screen and (max-width: 500px){main#home section.hero .intro .texts{padding-bottom:0}}main#home section.hero .intro .texts .paragraph{width:100%;padding-right:.5em;font-size:clamp(25px,2.562vw,45px);font-weight:500;line-height:115%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#home section.hero .intro .texts .paragraph{font-size:6.11vw}}@media screen and (max-width: 500px){main#home section.hero .intro .texts .paragraph{font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}}@media screen and (max-width: 500px) and (max-width: 500px){main#home section.hero .intro .texts .paragraph{font-size:18px}}main#home section.hero .intro .texts .paragraph .line{position:relative;bottom:3px}main#home section.hero .intro .image-wrapper{grid-column-start:8;grid-column-end:11;height:100%;max-height:400px;display:flex;align-items:center;position:relative}@media screen and (max-width: 500px){main#home section.hero .intro .image-wrapper{width:100%;height:420px;max-height:420px}}main#home section.hero .intro .image-wrapper .image{width:100%;height:100%;background-image:url(/assets/profile-photo1-cTjKyMSC.jpg);background-position:center top;background-repeat:no-repeat;background-size:cover}@media screen and (max-width: 500px){main#home section.hero .intro .image-wrapper .image{background-image:linear-gradient(to bottom,#0000 65%,#fff),url(/assets/profile-photo1-cTjKyMSC.jpg)}}main#home section.hero .intro .image-wrapper .wrapper{background-color:#fff;position:absolute;inset:0}main#home section.hero .intro .paragraph span{font-family:"Source Serif 4",serif;font-style:italic;font-size:2.562vw;font-weight:650;letter-spacing:-.01em}@media screen and (max-width: 500px){main#home section.hero .intro .paragraph span{font-size:6.11vw}}main#home section.hero .my-name{position:absolute;bottom:0;width:100%;height:15.208vw;padding:0 0 16px}@media screen and (max-width: 500px){main#home section.hero .my-name{height:auto}}main#home section.hero .my-name .line-mask{width:100%}main#home section.hero .my-name .line-mask .line{justify-content:center;gap:3vw;padding-right:2.645vw}@media screen and (max-width: 500px){main#home section.hero .my-name .line-mask .line{display:flex;flex-direction:column;align-items:center}}main#home section.pitch{display:flex;gap:48px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#home section.pitch{padding:96px var(--grid-margin)}}main#home section.pitch .top{width:100%;display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 500px){main#home section.pitch .top{gap:24px}}main#home section.pitch .top>.paragraph{width:100%;padding-right:3.416vw;font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#home section.pitch .top>.paragraph{font-size:9.67vw}}main#home section.pitch .top>.paragraph .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 2)}@media screen and (max-width: 500px){main#home section.pitch .top>.paragraph .indent{width:0}}main#home section.pitch .top>.paragraph span{font-family:"Source Serif 4",serif;font-style:italic;font-weight:600;letter-spacing:-.02em}main#home section.pitch .top>.paragraph .line{position:relative;bottom:8px}main#home section.pitch .small-paragraphs{padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#home section.pitch .small-paragraphs{font-size:18px}}main#home section.pitch .small-paragraphs .info{grid-column-start:5;grid-column-end:7;opacity:.3}@media screen and (max-width: 500px){main#home section.pitch .small-paragraphs .info{display:none}}main#home section.pitch .small-paragraphs .right{grid-column-start:8;grid-column-end:12;display:flex;flex-direction:column;align-items:flex-start;gap:32px}@media screen and (max-width: 500px){main#home section.pitch .small-paragraphs .right{grid-column-start:1;grid-column-end:5;gap:16px}}main#home section.work{display:flex;gap:192px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#home section.work{padding:96px var(--grid-margin);gap:96px}}main#home section.work .text{display:flex;flex-direction:column;gap:48px}main#home section.work .text .top{display:flex;flex-direction:column;gap:48px;width:100%}@media screen and (max-width: 500px){main#home section.work .text .top{gap:24px}}main#home section.work .text .top .info-text{display:flex;justify-content:space-between}@media screen and (max-width: 500px){main#home section.work .text .top .info-text .cta{display:none}}main#home section.work .text .top .paragraph{width:100%;font-size:10.15vw;font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 1100px){main#home section.work .text .top .paragraph{font-size:9.75vw}}@media screen and (max-width: 500px){main#home section.work .text .top .paragraph{font-size:16.54vw}}main#home section.work .text .top .paragraph .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 1)}@media screen and (max-width: 500px){main#home section.work .text .top .paragraph .indent{width:0}}main#home section.work .text .top .paragraph span{font-family:"Source Serif 4",serif;font-style:italic;font-weight:600;letter-spacing:-.02em}main#home section.work .text .top .paragraph .line{position:relative;bottom:8px}main#home section.work .text .small-paragraphs{padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#home section.work .text .small-paragraphs{font-size:18px}}main#home section.work .text .small-paragraphs .right{grid-column-start:8;grid-column-end:12;display:flex;flex-direction:column;align-items:flex-start;gap:32px}@media screen and (max-width: 500px){main#home section.work .text .small-paragraphs .right{grid-column-start:1;grid-column-end:5;gap:16px}}main#home section.work .text .small-paragraphs .right .content{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#home section.work .text .small-paragraphs .right .content{gap:16px}}main#home section.work .work{width:100%;display:flex;flex-direction:column;gap:192px}@media screen and (max-width: 500px){main#home section.work .work{gap:96px}}main#work section.hero{display:flex;flex-direction:column;height:100vh}@media screen and (max-width: 500px){main#work section.hero{padding-top:277px;gap:48px}}main#work section.hero .top{height:600px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 500px){main#work section.hero .top{height:auto}}main#work section.hero .top .text{font-size:15.807vw;font-weight:300;line-height:90%;letter-spacing:-.14em}@media screen and (max-width: 500px){main#work section.hero .top .text{font-size:29vw}}main#work section.hero .top .text .line{padding:0 5vw}main#work section.hero .paragraph{align-items:center;justify-content:flex-end}@media screen and (max-width: 500px){main#work section.hero .paragraph{display:flex;flex-direction:column}}main#work section.hero .paragraph .content{grid-column-start:9;grid-column-end:13;width:380px;display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#work section.hero .paragraph .content{font-size:18px}}@media screen and (max-width: 500px){main#work section.hero .paragraph .content{width:auto;gap:48px}}@media screen and (max-width: 500px){main#work section.hero .paragraph .content .text{text-align:center}}@media screen and (max-width: 500px){main#work section.hero .paragraph .content .hero-cta{display:flex;justify-content:flex-end}}main#work section.projects{display:flex;gap:96px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#work section.projects{padding:96px var(--grid-margin)}}main#work section.projects .work{width:100%;display:flex;flex-direction:column;gap:192px}@media screen and (max-width: 500px){main#work section.projects .work{gap:96px}}@media screen and (max-width: 500px){main#project .indent{display:none!important}}@media screen and (max-width: 500px){main#project .line-mask{top:0!important}}@media screen and (max-width: 500px){main#project .line-mask .line{bottom:0!important;padding-bottom:4px!important}}main#project section.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;height:calc(71.28vh + 85px)}main#project section.hero .title{font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#project section.hero .title{font-size:9.67vw}}main#project section.hero .title .line-mask{top:8px;padding-right:8px;left:8px}main#project section.hero .title .line-mask .line{position:relative;bottom:8px}main#project section.hero .details{display:flex;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#project section.hero .details{font-size:18px}}@media screen and (max-width: 500px){main#project section.hero .details{flex-direction:column;align-items:center;gap:16px}}main#project section.hero .live-url{display:flex;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#project section.hero .live-url{font-size:18px}}main#project section.hero .live-url a{display:block;height:100%;cursor:not-allowed;opacity:.3}main#project section.hero .live-url a.active{cursor:pointer;opacity:1}main#project section.main-image .image{width:100%;height:91.24vh;min-height:600px;background-color:#fafafa;display:flex;align-items:center;justify-content:center;overflow:hidden}@media screen and (max-width: 1512px){main#project section.main-image .image{height:auto}}main#project section.main-image .image img{height:100%}@media screen and (max-width: 1512px){main#project section.main-image .image img{width:100%;height:auto}}main#project section.case-study{display:flex;flex-direction:column;gap:48px;padding:0 var(--grid-margin)}@media screen and (max-width: 500px){main#project section.case-study{gap:24px}}main#project section.case-study>.paragraph{padding-top:48px;font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#project section.case-study>.paragraph{font-size:9.67vw}}main#project section.case-study>.paragraph .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 1)}main#project section.case-study>.paragraph .line-mask{top:6px}main#project section.case-study>.paragraph .line-mask .line{position:relative;bottom:6px}main#project section.case-study .details{padding:96px 0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#project section.case-study .details{font-size:18px}}@media screen and (max-width: 500px){main#project section.case-study .details{padding:48px 0}}@media screen and (max-width: 500px){main#project section.case-study .details{row-gap:48px}}main#project section.case-study .details .live-url{grid-column-start:1;grid-column-end:9;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#project section.case-study .details .live-url{font-size:18px}}@media screen and (max-width: 500px){main#project section.case-study .details .live-url{grid-column-start:4;grid-column-end:5}}main#project section.case-study .details .live-url a{display:block;height:100%;cursor:not-allowed;opacity:.3}main#project section.case-study .details .live-url a.active{cursor:pointer;opacity:1}main#project section.case-study .details .infos{grid-column-start:9;grid-column-end:13;display:flex;flex-wrap:wrap;gap:16px}@media screen and (max-width: 500px){main#project section.case-study .details .infos{grid-column-start:1;grid-column-end:5;flex-direction:column;flex-wrap:nowrap}}main#project section.case-study .details .infos .info{display:flex;flex-direction:column;gap:8px;width:calc(50% - 8px)}main#project section.case-study .details .infos .info .title{opacity:.3}main#project section.case-study .gallery{display:flex;flex-direction:column;align-items:center;gap:192px;padding:192px 0;background-color:#fafafa}@media screen and (max-width: 500px){main#project section.case-study .gallery{padding:96px 0}}main#project section.case-study .gallery .image{height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden}main#project section.case-study .gallery .image.NOMA-11{width:66vw;height:auto}main#project section.case-study .gallery .image.NOMA-11 img{width:100%;height:auto}@media screen and (max-width: 500px){main#project section.case-study .gallery .image{width:100%!important;height:auto}}main#project section.case-study .gallery .image img{height:100%}@media screen and (max-width: 500px){main#project section.case-study .gallery .image img{width:100%;height:auto}}main#project section.case-study .texts{padding:96px 0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#project section.case-study .texts{font-size:18px}}@media screen and (max-width: 500px){main#project section.case-study .texts{padding:48px 0}}main#project section.case-study .texts .content{grid-column-start:8;grid-column-end:12;display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#project section.case-study .texts .content{grid-column-start:1;grid-column-end:5}}main#project section.case-study .next-project{display:flex;height:max-content;padding:192px 0}main#project section.case-study .next-project .content{position:relative;width:100%;height:81.47vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;background:#eee;cursor:pointer}main#project section.case-study .next-project .content .info{position:relative;z-index:999;opacity:.3;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#project section.case-study .next-project .content .info{font-size:18px}}main#project section.case-study .next-project .content .title{position:relative;z-index:999;font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#project section.case-study .next-project .content .title{font-size:9.67vw}}main#project section.case-study .next-project .content .image{position:absolute;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.1}main#project section.case-study .next-project .content .image img{width:100%}@media screen and (max-width: 500px){main#about .indent{display:none!important}}@media screen and (max-width: 500px){main#about .line-mask{top:0!important}}@media screen and (max-width: 500px){main#about .line-mask .line{bottom:0!important;padding-bottom:4px!important}}main#about section.hero{display:flex;flex-direction:column;height:100vh}@media screen and (max-width: 500px){main#about section.hero{padding-top:277px;gap:48px}}main#about section.hero .top{height:600px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 500px){main#about section.hero .top{height:auto}}main#about section.hero .top .text{font-size:15.807vw;font-weight:300;line-height:90%;letter-spacing:-.14em}@media screen and (max-width: 500px){main#about section.hero .top .text{font-size:29vw}}main#about section.hero .top .text .line{padding:0 2.645vw}main#about section.hero .paragraph{align-items:center;justify-content:flex-end}@media screen and (max-width: 500px){main#about section.hero .paragraph{display:flex;flex-direction:column}}main#about section.hero .paragraph .content{grid-column-start:9;grid-column-end:12;display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.hero .paragraph .content{font-size:18px}}@media screen and (max-width: 500px){main#about section.hero .paragraph .content{gap:48px}}main#about section.hero .paragraph .content .text{width:105%}@media screen and (max-width: 500px){main#about section.hero .paragraph .content .text{width:100%;text-align:center}}@media screen and (max-width: 500px){main#about section.hero .paragraph .content .hero-cta{display:flex;justify-content:flex-end}}main#about section.approach{display:flex;gap:96px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#about section.approach{padding:96px var(--grid-margin);gap:48px}}main#about section.approach .top{width:100%;display:flex;flex-direction:column;gap:48px}main#about section.approach .top .content{display:flex;flex-direction:column;gap:24px}main#about section.approach .top .content .info{display:none;opacity:.3;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.approach .top .content .info{font-size:18px}}@media screen and (max-width: 500px){main#about section.approach .top .content .info{display:block}}main#about section.approach .top .content>.paragraph{width:100%;padding:0;font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#about section.approach .top .content>.paragraph{font-size:9.67vw}}main#about section.approach .top .content>.paragraph .text{grid-column-start:1;grid-column-end:13;padding-right:16px}@media screen and (max-width: 500px){main#about section.approach .top .content>.paragraph .text{grid-column-start:1;grid-column-end:13}}main#about section.approach .top .content>.paragraph .text .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 2)}main#about section.approach .top .content>.paragraph .text span{font-family:"Source Serif 4",serif;font-style:italic;font-weight:600;letter-spacing:-.02em}main#about section.approach .top .content>.paragraph .text .line{position:relative;bottom:8px}main#about section.approach .small-paragraphs{padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.approach .small-paragraphs{font-size:18px}}main#about section.approach .small-paragraphs .info{grid-column-start:6;grid-column-end:8;opacity:.3}@media screen and (max-width: 500px){main#about section.approach .small-paragraphs .info{display:none}}main#about section.approach .small-paragraphs .right{grid-column-start:8;grid-column-end:12;display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#about section.approach .small-paragraphs .right{grid-column-start:1;grid-column-end:13}}main#about section.approach .small-paragraphs .right .content{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#about section.approach .small-paragraphs .right .content{gap:16px}}main#about section.services{padding:192px var(--grid-margin);font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.services{font-size:18px}}@media screen and (max-width: 500px){main#about section.services{padding:96px var(--grid-margin)}}main#about section.services .container{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#about section.services .container{gap:24px}}main#about section.services .container .info{width:100%;opacity:.3}main#about section.services .container .content{padding:0}@media screen and (max-width: 500px){main#about section.services .container .content{display:flex;flex-direction:column;gap:48px}}main#about section.services .container .content .services{grid-column-start:1;grid-column-end:8;display:flex;flex-direction:column;font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#about section.services .container .content .services{font-size:9.67vw}}@media screen and (max-width: 500px){main#about section.services .container .content .services{gap:24px}}main#about section.services .container .content .services .service{color:#eee;transition:.3s;padding:24px 0;cursor:pointer}@media screen and (max-width: 500px){main#about section.services .container .content .services .service{padding:0;display:flex}main#about section.services .container .content .services .service .line-mask{padding-right:8px}}@media screen and (min-width: 500px){main#about section.services .container .content .services .service:hover{color:#000}}main#about section.services .container .content .services .service.active{color:#000}main#about section.services .container .content .services .service .line-mask{top:8px}main#about section.services .container .content .services .service .line-mask .line{position:relative;bottom:8px}main#about section.services .container .content .details{grid-column-start:8;grid-column-end:13;display:flex;align-items:flex-end}main#about section.services .container .content .details .detail{display:none;visibility:hidden}main#about section.services .container .content .details .detail:first-child{display:flex;opacity:1;visibility:visible}main#about section.services .container .content .details .detail ul{display:flex;flex-direction:column;justify-content:center;gap:8px;list-style-position:inside}main#about section.tools{display:flex;flex-direction:column;gap:48px;padding:192px var(--grid-margin);font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.tools{font-size:18px}}@media screen and (max-width: 500px){main#about section.tools{padding:96px var(--grid-margin);gap:24px}}main#about section.tools .info{width:100%;opacity:.3}main#about section.tools .text-parallax{width:100%;display:flex;flex-direction:column;align-items:center;gap:48px}main#about section.tools .text-parallax .row{display:flex;gap:48px;font-size:10.15vw;font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 1100px){main#about section.tools .text-parallax .row{font-size:9.75vw}}@media screen and (max-width: 500px){main#about section.tools .text-parallax .row{font-size:16.54vw}}main#about section.about{display:flex;gap:96px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#about section.about{padding:96px var(--grid-margin);gap:48px}}main#about section.about .top{width:100%;display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 500px){main#about section.about .top{gap:24px}}main#about section.about .top>.paragraph{width:100%;padding:0;font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#about section.about .top>.paragraph{font-size:9.67vw}}main#about section.about .top>.paragraph .text{grid-column-start:1;grid-column-end:10}@media screen and (max-width: 500px){main#about section.about .top>.paragraph .text{grid-column-start:1;grid-column-end:13}}main#about section.about .top>.paragraph .text .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 1)}main#about section.about .top>.paragraph .text span{font-family:"Source Serif 4",serif;font-style:italic;font-weight:600;letter-spacing:-.02em}main#about section.about .top>.paragraph .text .line{position:relative;bottom:8px}main#about section.about .content{width:100%;padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.about .content{font-size:18px}}@media screen and (max-width: 500px){main#about section.about .content{display:flex;flex-direction:column;gap:48px}}main#about section.about .content .paragraphs{grid-column-start:1;grid-column-end:5;display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#about section.about .content .paragraphs{gap:16px}}main#about section.about .content .image-wrapper{grid-column-start:6;grid-column-end:13;height:67.615vw;display:flex;align-items:center;position:relative}@media screen and (max-width: 500px){main#about section.about .content .image-wrapper{height:400px}}main#about section.about .content .image-wrapper .image{width:100%;height:100%;background-image:url(/assets/profile-photo3-DzsI03DH.jpg);background-position:center top;background-repeat:no-repeat;background-size:cover}main#about section.about .content .image-wrapper .wrapper{background-color:#fff;position:absolute;inset:100% 0 0}main#about section.motion{display:flex;gap:96px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#about section.motion{padding:96px var(--grid-margin);gap:48px}}main#about section.motion .top{width:100%;display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 500px){main#about section.motion .top{gap:24px}}main#about section.motion .top>.paragraph{width:100%;padding:0;font-size:10.15vw;font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 1100px){main#about section.motion .top>.paragraph{font-size:9.75vw}}@media screen and (max-width: 500px){main#about section.motion .top>.paragraph{font-size:16.54vw}}main#about section.motion .top>.paragraph .text{padding-right:4.555vw}main#about section.motion .top>.paragraph .text .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 2)}main#about section.motion .top>.paragraph .text span{font-family:"Source Serif 4",serif;font-style:italic;font-weight:600;letter-spacing:-.02em}main#about section.motion .top>.paragraph .text .line-mask{top:8px}main#about section.motion .top>.paragraph .text .line-mask .line{position:relative;bottom:8px}main#about section.motion .motion-text{font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#about section.motion .motion-text{font-size:9.67vw}}main#about section.motion .motion-text .paragraph .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 1)}main#about section.motion .small-paragraphs{padding:0;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.motion .small-paragraphs{font-size:18px}}@media screen and (max-width: 500px){main#about section.motion .small-paragraphs{display:flex;flex-direction:column-reverse;gap:48px}}main#about section.motion .small-paragraphs .info{grid-column-start:1;grid-column-end:5;font-size:clamp(25px,2.562vw,45px);font-weight:500;line-height:115%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.motion .small-paragraphs .info{font-size:6.11vw}}main#about section.motion .small-paragraphs .info .indent{display:inline-block;width:56px}main#about section.motion .small-paragraphs .info span{font-family:"Source Serif 4",serif;font-style:italic;font-weight:600;letter-spacing:-.02em}main#about section.motion .small-paragraphs .right{grid-column-start:8;grid-column-end:12;display:flex;flex-direction:column;align-items:flex-start;gap:32px}@media screen and (max-width: 500px){main#about section.motion .small-paragraphs .right{gap:16px}}main#about section.motion .small-paragraphs .right .content{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#about section.motion .small-paragraphs .right .content{gap:16px}}main#about section.process{display:flex;gap:96px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#about section.process{padding:96px var(--grid-margin);gap:48px}}main#about section.process .top{width:100%;padding:0}@media screen and (max-width: 500px){main#about section.process .top{display:flex;flex-direction:column;gap:24px}}main#about section.process .top .info-text{grid-column-start:1;grid-column-end:3}main#about section.process .top .right{grid-column-start:8;grid-column-end:12;width:100%;padding:0;display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.process .top .right{font-size:18px}}@media screen and (max-width: 500px){main#about section.process .top .right{gap:16px}}main#about section.process .phases{display:flex;flex-direction:column;gap:32px}main#about section.process .phases .phase{display:flex;flex-direction:column;color:#eee;transition:.3s}main#about section.process .phases .phase .info{padding:0;font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#about section.process .phases .phase .info{font-size:9.67vw}}main#about section.process .phases .phase .info .number{grid-column-start:1;grid-column-end:2}main#about section.process .phases .phase .info .title{grid-column-start:2;grid-column-end:6}main#about section.process .phases .phase .text{padding:32px 0 0;overflow:hidden;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.process .phases .phase .text{font-size:18px}}main#about section.process .phases .phase .text .content{grid-column-start:2;grid-column-end:6}main#about section.awards{display:flex;gap:96px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#about section.awards{padding:96px var(--grid-margin);gap:48px}}main#about section.awards .top{width:100%;padding:0}@media screen and (max-width: 500px){main#about section.awards .top{display:flex;flex-direction:column;gap:24px}}main#about section.awards .top .info-text{grid-column-start:1;grid-column-end:4}main#about section.awards .top .right{grid-column-start:8;grid-column-end:12;width:100%;padding:0;display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.awards .top .right{font-size:18px}}main#about section.awards .top .right .paragraph{width:102%}main#about section.awards .content{position:relative;width:100%;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.awards .content{font-size:18px}}main#about section.awards .content .table{width:100%;display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 500px){main#about section.awards .content .table{gap:24px}}main#about section.awards .content .table .row{grid-template-columns:repeat(12,1fr);padding:16px 0}main#about section.awards .content .table .row.titles{font-weight:700}@media screen and (max-width: 500px){main#about section.awards .content .table .row.titles{padding:0}}main#about section.awards .content .table .row .client{grid-column-start:1;grid-column-end:4}@media screen and (max-width: 500px){main#about section.awards .content .table .row .client{grid-column-start:1;grid-column-end:5}}main#about section.awards .content .table .row .platform{grid-column-start:4;grid-column-end:6}@media screen and (max-width: 500px){main#about section.awards .content .table .row .platform{grid-column-start:5;grid-column-end:8}}main#about section.awards .content .table .row .award{grid-column-start:6;grid-column-end:8}@media screen and (max-width: 500px){main#about section.awards .content .table .row .award{grid-column-start:8;grid-column-end:13;text-align:right}}main#about section.awards .content .table .row .year{grid-column-start:8;grid-column-end:9;text-align:right}@media screen and (max-width: 500px){main#about section.awards .content .table .row .year{display:none}}@media screen and (max-width: 500px){main#about section.awards .content .table .awards{font-size:14px!important;font-weight:600}}main#about section.awards .content .table .awards .row{position:relative;overflow:hidden;transition:.3s}main#about section.awards .content .table .awards .row>div:not(.row-wrapper){position:relative;z-index:999;pointer-events:none}main#about section.awards .content .table .awards .row .row-wrapper{position:absolute;inset:0;padding:0;overflow:hidden}main#about section.awards .content .table .awards .row .row-wrapper .wrapper{position:relative;grid-column-start:1;grid-column-end:9;background-color:#000;pointer-events:none}main#about section.awards .content .table .awards .row.active ::selection{background-color:#fff;color:#000}main#about section.awards .content .table .awards .row.active>div:not(.row-wrapper){color:#fff}main#about section.awards .content .table .awards .image{display:none;position:absolute;top:0;right:0;height:28.47vw}@media screen and (max-width: 500px){main#about section.awards .content .table .awards .image{position:static;width:200px!important;height:auto;aspect-ratio:1/1.41487;margin-top:48px}}main#about section.awards .content .table .awards .image img{width:100%}main#about section.testimonials{display:flex;gap:96px;flex-direction:column;align-items:center;justify-content:center;padding:192px var(--grid-margin)}@media screen and (max-width: 500px){main#about section.testimonials{padding:96px var(--grid-margin);gap:48px}}main#about section.testimonials .top{width:100%;padding:0}@media screen and (max-width: 500px){main#about section.testimonials .top{display:flex;flex-direction:column;gap:24px}}main#about section.testimonials .top .info-text{grid-column-start:1;grid-column-end:4}main#about section.testimonials .top .right{grid-column-start:8;grid-column-end:12;width:100%;padding:0;display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.testimonials .top .right{font-size:18px}}main#about section.testimonials .testimonials{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-height:600px}main#about section.testimonials .testimonials .content{padding:0;align-items:center}main#about section.testimonials .testimonials .content .button{height:100%;display:flex}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .content .button{display:none}}main#about section.testimonials .testimonials .content .button.left{grid-column-start:1;grid-column-end:2}main#about section.testimonials .testimonials .content .button.left .btn{transform:rotate(180deg)}main#about section.testimonials .testimonials .content .button.right{grid-column-start:12;grid-column-end:13;justify-content:flex-end}main#about section.testimonials .testimonials .content .button .btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}main#about section.testimonials .testimonials .content .slider{grid-column-start:2;grid-column-end:12}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .content .slider{grid-column-start:1;grid-column-end:5}}main#about section.testimonials .testimonials .content .slider .testimonial{font-size:clamp(44px,4.555vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .content .slider .testimonial{font-size:9.67vw}}main#about section.testimonials .testimonials .content .slider .testimonial:not(:first-child){display:none}main#about section.testimonials .testimonials .content .slider .testimonial .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 1)}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .content .slider .testimonial .indent{width:0}}main#about section.testimonials .testimonials .bottom{padding:0}main#about section.testimonials .testimonials .bottom .buttons{grid-column-start:1;grid-column-end:2;display:none;justify-content:space-between}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .bottom .buttons{display:flex}}main#about section.testimonials .testimonials .bottom .buttons .button{width:100%}main#about section.testimonials .testimonials .bottom .buttons .button.left .btn{transform:rotate(180deg) translate(25%)}main#about section.testimonials .testimonials .bottom .buttons .button.right{justify-content:flex-end;transform:translate(25%)}main#about section.testimonials .testimonials .bottom .buttons .button .btn{height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}main#about section.testimonials .testimonials .bottom .source{grid-column-start:6;grid-column-end:11;width:100%;padding:0;font-size:clamp(25px,2.562vw,45px);font-weight:500;line-height:115%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .bottom .source{font-size:6.11vw}}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .bottom .source{display:flex;grid-column-start:3;grid-column-end:5}}@media screen and (max-width: 500px){main#about section.testimonials .testimonials .bottom .source .text{font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}}@media screen and (max-width: 500px) and (max-width: 500px){main#about section.testimonials .testimonials .bottom .source .text{font-size:18px}}main#about section.testimonials .testimonials .bottom .source .text:not(:first-child){display:none}main#lab{background-color:#000;color:#fff}main#lab ::selection{background-color:#fff;color:#000}main#lab section{background-color:#000;color:#fff}main#lab section.hero{display:flex;flex-direction:column;height:100vh}@media screen and (max-width: 500px){main#lab section.hero{padding-top:277px;gap:48px}}main#lab section.hero .top{height:600px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 500px){main#lab section.hero .top{height:auto}}main#lab section.hero .top .text{font-family:"Source Serif 4",serif;font-style:italic;font-size:clamp(150px,23.15vw,500px);font-weight:600;line-height:90%;letter-spacing:-.02em}@media screen and (max-width: 500px){main#lab section.hero .top .text{font-size:29vw}}main#lab section.hero .top .text .line-mask .line{padding-bottom:64px}@media screen and (max-width: 500px){main#lab section.hero .top .text .line-mask .line{padding-bottom:16px}}main#lab section.hero .paragraph{align-items:center;justify-content:flex-end}@media screen and (max-width: 500px){main#lab section.hero .paragraph{display:flex;flex-direction:column}}main#lab section.hero .paragraph .content{grid-column-start:9;grid-column-end:12;width:320px;display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:400;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#lab section.hero .paragraph .content{font-size:18px}}@media screen and (max-width: 500px){main#lab section.hero .paragraph .content{width:100%;gap:48px}}@media screen and (max-width: 500px){main#lab section.hero .paragraph .content .text{text-align:center;padding:0}}@media screen and (max-width: 500px){main#lab section.hero .paragraph .content .hero-cta{display:flex;justify-content:flex-end}}main#lab section.content{display:flex;gap:32px;flex-direction:column;align-items:center;justify-content:center;padding:96px var(--grid-margin)}main#lab section.content .top{width:100%;display:flex;justify-content:space-between;align-items:flex-end}main#lab section.content .top .title{opacity:.4;font-size:18px;font-weight:400;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#lab section.content .top .title{font-size:18px}}main#lab section.content .top .categories{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:24px;font-size:18px;font-weight:400;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#lab section.content .top .categories{font-size:18px}}@media screen and (max-width: 500px){main#lab section.content .top .categories{flex-direction:column;justify-content:center;align-items:flex-end;gap:8px}}main#lab section.content .top .categories .category{border-radius:8px;cursor:pointer}main#lab section.content .top .categories .category span{font-size:14px;font-weight:600;position:relative;bottom:8px}@media screen and (max-width: 500px){main#lab section.content .top .categories .category span{font-size:14px}}main#lab section.content .top .categories .category:not(.active){opacity:.4}main#lab section.content .archive{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:96px 16px}main#lab section.content .archive .work{height:max-content;cursor:pointer;overflow:hidden;aspect-ratio:1.54/1}main#lab section.content .archive .work .image{height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;clip-path:inset(0%)}main#lab section.content .archive .work .image img{height:100%}main#lab section.content .archive .no-data{height:15.94vw;display:flex;align-items:center;justify-content:center}main#lab .expanded-work-wrapper{position:fixed;z-index:999;inset:0;background-color:#222222b3;overflow-y:scroll;opacity:0;visibility:hidden}main#lab .expanded-work-wrapper .close{width:24px;height:28px;position:fixed;z-index:999;top:16px;left:16px;display:flex;flex-direction:column}main#lab .expanded-work-wrapper .close span{width:100%;height:2px;background-color:#fff}main#lab .expanded-work-wrapper .close span:nth-child(1){transform:translateY(13px) rotate(45deg)}main#lab .expanded-work-wrapper .close span:nth-child(2){transform:translateY(11px) rotate(-45deg)}main#lab .expanded-work-wrapper .expanded-work{position:absolute;top:0;bottom:0;right:0;z-index:99;width:100%;max-width:1000px;height:max-content;background-color:#000;color:#fff;padding:32px;display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 500px){main#lab .expanded-work-wrapper .expanded-work{padding:56px 16px}}main#lab .expanded-work-wrapper .expanded-work .image img{width:100%}main#lab .expanded-work-wrapper .expanded-work .name{font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#lab .expanded-work-wrapper .expanded-work .name{font-size:9.67vw}}main#lab .expanded-work-wrapper .expanded-work .info{width:100%;display:flex;flex-direction:column;gap:64px;padding:32px 0;font-size:18px;font-weight:400;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#lab .expanded-work-wrapper .expanded-work .info{font-size:18px}}main#lab .expanded-work-wrapper .expanded-work .info .live-url{display:flex}main#lab .expanded-work-wrapper .expanded-work .info .live-url a{display:block;height:100%;cursor:not-allowed;opacity:.4}main#lab .expanded-work-wrapper .expanded-work .info .live-url a.active{cursor:pointer;opacity:1}main#lab .expanded-work-wrapper .expanded-work .info .content{display:flex;justify-content:space-between;gap:32px}@media screen and (max-width: 500px){main#lab .expanded-work-wrapper .expanded-work .info .content{flex-direction:column}}main#lab .expanded-work-wrapper .expanded-work .info .content .paragraphs{width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px}main#lab .expanded-work-wrapper .expanded-work .info .content .paragraphs a{color:#fff}main#lab .expanded-work-wrapper .expanded-work .info .content .details{width:fit-content;display:flex;flex-direction:column;gap:16px}main#lab .expanded-work-wrapper .expanded-work .info .content .details div{display:flex;flex-direction:column;gap:8px}main#lab .expanded-work-wrapper .expanded-work .info .content .details div .label{opacity:.4}main#lab .expanded-work-wrapper .expanded-work .gallery{display:flex;flex-direction:column;gap:64px}main#lab .expanded-work-wrapper .expanded-work .gallery img{width:100%}main#lab+.footer-wrapper{background-color:#000}main#lab+.footer-wrapper ::selection{background-color:#fff;color:#000}main#lab+.footer-wrapper footer{background-color:#000;color:#fff}main#lab+.footer-wrapper footer a{color:#fff!important}main#lab+.footer-wrapper footer .cta{color:#fff}main#lab+.footer-wrapper footer .border{background-color:#fff}main#insights{margin-bottom:0}main#insights section.hero{height:calc(100vh - 85px);display:flex;flex-direction:column;justify-content:center;gap:96px;padding-top:100px}@media screen and (max-width: 500px){main#insights section.hero{gap:48px}}main#insights section.hero .title{display:flex;align-items:center;justify-content:center;font-size:15.807vw;font-weight:300;line-height:90%;letter-spacing:-.14em}@media screen and (max-width: 500px){main#insights section.hero .title{font-size:29vw}}@media screen and (max-width: 500px){main#insights section.hero .title{font-size:27vw!important}}main#insights section.hero .title .line-mask .line{padding:0 2.645vw 0 0}main#insights section.hero .title .line-mask .line .char1{letter-spacing:-.09em}@media screen and (max-width: 500px){main#insights section.hero .paragraph{display:flex;flex-direction:column}}main#insights section.hero .paragraph .content{grid-column-start:5;grid-column-end:9;display:flex;flex-direction:column;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#insights section.hero .paragraph .content{font-size:18px}}@media screen and (max-width: 500px){main#insights section.hero .paragraph .content{align-items:center}}main#insights section.hero .paragraph .content .text{width:90%;padding-right:24px}@media screen and (max-width: 500px){main#insights section.hero .paragraph .content .text{width:100%;text-align:center}}main#insights section.hero .paragraph .content .text a{color:#0a84ff;text-decoration:none}main#insights+.footer-wrapper{opacity:0;position:static}@media screen and (max-width: 500px){main#insights+.footer-wrapper{display:none}}main#insights+.footer-wrapper footer{position:static;padding:0;opacity:.2;transition:.2s;transform:none!important;background:none!important}main#insights+.footer-wrapper footer:hover{opacity:1}main#insights+.footer-wrapper footer .top{display:none}main#insights+.footer-wrapper footer .info{padding:32px var(--grid-margin)}main#insights+.footer-wrapper footer .info .left a.disclaimer{display:flex}main#insights+.footer-wrapper footer .info .right .wrapper:nth-child(1),main#insights+.footer-wrapper footer .info .right .wrapper.socials{display:none}main#insights+.footer-wrapper footer .info .right .back-to-top-text{display:none}main#insights+.footer-wrapper footer .bottom{display:none}@media screen and (max-width: 500px){main#contact .line-mask{top:0!important}}@media screen and (max-width: 500px){main#contact .line-mask .line{bottom:0!important;padding-bottom:4px!important}}main#contact section.hero{display:flex;flex-direction:column;height:100vh;padding-bottom:96px}@media screen and (max-width: 500px){main#contact section.hero{padding-top:277px;gap:48px}}main#contact section.hero .top{height:600px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 500px){main#contact section.hero .top{height:auto}}main#contact section.hero .top .text{font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){main#contact section.hero .top .text{font-size:9.67vw}}main#contact section.hero .top .text .line{position:relative;bottom:8px;padding:0 2.645vw}main#contact section.hero .paragraph{align-items:center;justify-content:flex-end}@media screen and (max-width: 500px){main#contact section.hero .paragraph{display:flex;flex-direction:column}}main#contact section.hero .paragraph .content{grid-column-start:9;grid-column-end:12;display:flex;flex-direction:column;gap:32px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#contact section.hero .paragraph .content{font-size:18px}}@media screen and (max-width: 500px){main#contact section.hero .paragraph .content{gap:48px}}main#contact section.hero .paragraph .content .text{width:119%}@media screen and (max-width: 500px){main#contact section.hero .paragraph .content .text{width:100%;text-align:center}}@media screen and (max-width: 500px){main#contact section.hero .paragraph .content .hero-cta{display:flex;justify-content:flex-end}}main#contact section.form{padding:192px var(--grid-margin);font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#contact section.form{font-size:18px}}@media screen and (max-width: 500px){main#contact section.form{row-gap:192px}}main#contact section.form .title{opacity:.3}main#contact section.form .socials{grid-column-start:1;grid-column-end:6;display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 500px){main#contact section.form .socials{grid-column-start:1;grid-column-end:3}}main#contact section.form .socials .content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:18px;font-weight:500;line-height:120%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#contact section.form .socials .content{font-size:18px}}main#contact section.form .socials .content a{color:#000;text-decoration:none}main#contact section.form .no-form{grid-column-start:6;grid-column-end:13}@media screen and (max-width: 500px){main#contact section.form .no-form{grid-column-start:3;grid-column-end:5}}main#contact section.form .form{grid-column-start:6;grid-column-end:13;display:flex;flex-direction:column;gap:48px}@media screen and (max-width: 500px){main#contact section.form .form{grid-column-start:1;grid-column-end:5}}main#contact section.form .form button,main#contact section.form .form input,main#contact section.form .form textarea,main#contact section.form .form select,main#contact section.form .form ::placeholder{font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#contact section.form .form button,main#contact section.form .form input,main#contact section.form .form textarea,main#contact section.form .form select,main#contact section.form .form ::placeholder{font-size:18px}}main#contact section.form .form ::placeholder{opacity:.15;color:#000}main#contact section.form .form>.content{display:flex;flex-direction:column;gap:48px}main#contact section.form .form>.content .fields{display:flex;flex-direction:column;gap:48px}main#contact section.form .form>.content .fields .form-group{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}@media screen and (max-width: 500px){main#contact section.form .form>.content .fields .form-group{grid-template-columns:repeat(4,1fr)}}main#contact section.form .form>.content .fields .form-group .form-label{grid-column-start:1;grid-column-end:3}@media screen and (max-width: 500px){main#contact section.form .form>.content .fields .form-group .form-label{grid-column-start:1;grid-column-end:5}}main#contact section.form .form>.content .fields .form-group .form-label span{display:block;opacity:.3;margin-top:8px}main#contact section.form .form>.content .fields .form-group .form-label.center{display:flex;align-items:center}main#contact section.form .form>.content .fields .form-group input,main#contact section.form .form>.content .fields .form-group textarea{grid-column-start:3;grid-column-end:7;width:100%;border:none;border-bottom:1px solid #ddd;border-radius:0;outline:none;resize:none;padding-bottom:16px}@media screen and (max-width: 500px){main#contact section.form .form>.content .fields .form-group input,main#contact section.form .form>.content .fields .form-group textarea{grid-column-start:1;grid-column-end:5}}main#contact section.form .form>.content .fields .form-group textarea{min-height:150px;overflow:auto}main#contact section.form .form>.content .fields .form-group .option-group{grid-column-start:3;grid-column-end:5;display:flex;flex-direction:column}@media screen and (max-width: 500px){main#contact section.form .form>.content .fields .form-group .option-group{grid-column-start:1;grid-column-end:5}}main#contact section.form .form>.content .fields .form-group .option-group select,main#contact section.form .form>.content .fields .form-group .option-group ::picker(select){appearance:base-select}main#contact section.form .form>.content .fields .form-group .option-group ::picker(select){border:none;opacity:1}main#contact section.form .form>.content .fields .form-group .option-group select{padding:16px;background-color:#f6f6f6;border:none;border-radius:4px;outline:none;cursor:pointer}main#contact section.form .form>.content .fields .form-group .option-group select option{padding:16px;background-color:#f6f6f6;border:none;outline:none;cursor:pointer}main#contact section.form .form>.content .fields .form-group .option-group select option:hover{transition:.2s;background-color:#eaeaea}main#contact section.form .form>.content .fields .form-group .option-group select option:focus{background-color:#eaeaea;color:#999}main#contact section.form .form>.content .bottom{display:flex;flex-direction:column;gap:8px}main#contact section.form .form>.content .bottom .submit-button{padding:16px 24px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;align-self:flex-start;transition:.2s}main#contact section.form .form>.content .bottom .submit-button:not(.disabled):hover{background-color:#4a4a4a}main#contact section.form .form>.content .bottom .submit-button.disabled{opacity:.5;cursor:not-allowed}main#contact section.form .form>.content .bottom .form-progress{opacity:.3}main#contact+.footer-wrapper footer .top{opacity:0;visibility:hidden}main#not-found{height:100vh;padding-top:85px}@media screen and (max-width: 500px){main#not-found{display:flex;flex-direction:column;justify-content:center;padding-top:0}}main#not-found .title{height:410px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:96px;font-size:15.807vw;font-weight:300;line-height:90%;letter-spacing:-.14em}@media screen and (max-width: 500px){main#not-found .title{font-size:29vw}}@media screen and (max-width: 500px){main#not-found .title{height:auto;margin-bottom:48px}}main#not-found .title .line{padding:0 2.645vw}main#not-found .texts{height:100%;display:flex;flex-direction:column;align-items:center;gap:16px;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){main#not-found .texts{font-size:18px}}@media screen and (max-width: 500px){main#not-found .texts{height:auto}}main#not-found .texts .text{width:max-content}main#not-found .texts .text .link{color:#0a84ff;text-decoration:none}@media screen and (max-width: 500px){main#not-found .texts .text:last-child{width:230px;text-align:center}}main#not-found+.footer-wrapper{display:none}.footer-wrapper footer{width:100%;height:982px;display:flex;flex-direction:column;padding-top:192px;background-color:#fff;font-size:18px;font-weight:500;line-height:120%;letter-spacing:-.04em}@media screen and (max-width: 500px){.footer-wrapper footer{font-size:18px}}@media screen and (max-width: 500px){.footer-wrapper footer{height:auto;padding-top:96px;gap:48px}}.footer-wrapper footer .top{display:flex;flex-direction:column;align-items:flex-start;height:100%;gap:48px;padding:0 var(--grid-margin)}@media screen and (max-width: 500px){.footer-wrapper footer .top{padding-bottom:0;gap:24px}}.footer-wrapper footer .top .paragraph{width:47vw;font-size:clamp(25px,2.562vw,45px);font-weight:500;line-height:115%;letter-spacing:-.04em}@media screen and (max-width: 500px){.footer-wrapper footer .top .paragraph{font-size:6.11vw}}@media screen and (max-width: 500px){.footer-wrapper footer .top .paragraph{text-indent:0!important;width:75vw!important;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}}@media screen and (max-width: 500px) and (max-width: 500px){.footer-wrapper footer .top .paragraph{font-size:18px}}.footer-wrapper footer .top .paragraph .indent{display:inline-block;width:calc((100vw - 64px) / var(--num-grid-columns) * 1)}@media screen and (max-width: 500px){.footer-wrapper footer .top .paragraph .indent{width:0}}.footer-wrapper footer .top>.cta{text-decoration:none!important}.footer-wrapper footer .top>.cta .text{font-size:clamp(44px,4.32vw,96px);font-weight:600;line-height:100%;letter-spacing:-.06em}@media screen and (max-width: 500px){.footer-wrapper footer .top>.cta .text{font-size:9.67vw}}.footer-wrapper footer .top>.text{width:360px;color:#b3b3b3;cursor:pointer;font-size:18px;font-weight:500;line-height:140%;letter-spacing:-.04em}@media screen and (max-width: 500px){.footer-wrapper footer .top>.text{font-size:18px}}@media screen and (max-width: 500px){.footer-wrapper footer .top>.text{width:315px}}.footer-wrapper footer .info{padding:48px var(--grid-margin)}@media screen and (max-width: 500px){.footer-wrapper footer .info{padding:0 var(--grid-margin);grid-template-columns:repeat(4,1fr)}}.footer-wrapper footer .info .left{grid-column-start:1;grid-column-end:3;display:flex;gap:32px}.footer-wrapper footer .info .left .copyright,.footer-wrapper footer .info .left .disclaimer{display:flex;align-items:flex-end}.footer-wrapper footer .info .left .copyright{padding:2px 0}@media screen and (max-width: 500px){.footer-wrapper footer .info .left .copyright{display:none}}.footer-wrapper footer .info .left a.disclaimer{display:none;color:#000;text-decoration:none}.footer-wrapper footer .info .right{padding:0;grid-template-columns:repeat(7,1fr);grid-column-start:6;grid-column-end:13}@media screen and (max-width: 500px){.footer-wrapper footer .info .right{grid-template-columns:repeat(4,1fr);grid-column-start:1;grid-column-end:5}}.footer-wrapper footer .info .right a{color:#000;text-decoration:none}.footer-wrapper footer .info .right .wrapper{display:flex;flex-direction:column;gap:16px}.footer-wrapper footer .info .right .wrapper.menu{grid-column-start:1;grid-column-end:4}@media screen and (max-width: 500px){.footer-wrapper footer .info .right .wrapper.menu{grid-column-start:1;grid-column-end:3}}.footer-wrapper footer .info .right .wrapper.socials{grid-column-start:4;grid-column-end:6}@media screen and (max-width: 500px){.footer-wrapper footer .info .right .wrapper.socials{grid-column-start:3;grid-column-end:5}}.footer-wrapper footer .info .right .wrapper .title{opacity:.3}.footer-wrapper footer .info .right .wrapper .menu{display:flex;align-items:center}@media screen and (max-width: 500px){.footer-wrapper footer .info .right .wrapper .menu nav ul{flex-direction:column;align-items:flex-start;gap:8px}}@media screen and (max-width: 500px){.footer-wrapper footer .info .right .wrapper .menu nav ul li a.active+.border{width:100%}}.footer-wrapper footer .info .right .wrapper .menu nav ul li:last-child .mask{padding-right:2px}.footer-wrapper footer .info .right .wrapper .socials{display:flex;gap:12px}@media screen and (max-width: 500px){.footer-wrapper footer .info .right .wrapper .socials{flex-direction:column;align-items:flex-start;gap:8px}}.footer-wrapper footer .info .right .back-to-top-wrapper{grid-column-start:6;grid-column-end:8;display:flex;align-items:flex-end;justify-content:flex-end;cursor:pointer}@media screen and (max-width: 500px){.footer-wrapper footer .info .right .back-to-top-wrapper{display:none}}.footer-wrapper footer .info-mobile{display:none}@media screen and (max-width: 500px){.footer-wrapper footer .info-mobile{display:grid}.footer-wrapper footer .info-mobile .content{grid-column-start:3;grid-column-end:5;display:flex;flex-direction:column;gap:16px}}.footer-wrapper footer .bottom .my-name{width:100%;height:15.208vw}@media screen and (max-width: 500px){.footer-wrapper footer .bottom .my-name{height:auto}}.footer-wrapper footer .bottom .my-name .line-mask{width:100%}.footer-wrapper footer .bottom .my-name .line-mask .line{justify-content:center;gap:3vw;padding-right:2.645vw}@media screen and (max-width: 500px){.footer-wrapper footer .bottom .my-name .line-mask .line{display:flex;flex-direction:column;align-items:center}}@media screen and (min-width: 1800px){main#home section.hero .image-wrapper{grid-column-end:10!important}}