html{position:fixed;top:0;left:0;right:0;overflow-y:scroll}html.loaded{position:static;overflow-y:auto}main>.galaxy{top:0;left:calc(-1*clamp(16px,7vw,120px));transform:translate(-25%,-40%)}main>.galaxy .galaxy-wrapper{animation-timing-function:linear}main section.hero{height:100vh;padding-top:80px;padding-bottom:80px}main section.hero .hero-wrapper{align-items:center;height:100%;display:flex;position:relative}main section.hero .hero-wrapper.loaded .content-wrapper h1.headline{opacity:0;animation:.7s cubic-bezier(.455,.03,.515,.955) forwards fadeInUp}main section.hero .hero-wrapper.loaded .content-wrapper .B{animation:.7s cubic-bezier(.455,.03,.515,.955) .3s forwards fadeInRight;display:inline-block}main section.hero .hero-wrapper.loaded .content-wrapper .animation-wrapper{display:none}main section.hero .hero-wrapper.loaded~.mesh{--pointerX:60%;--pointerY:55%}main section.hero .hero-wrapper .content-wrapper{flex-direction:column;justify-content:space-evenly;align-items:flex-end;height:100%;display:flex}@media only screen and (width>=640px){main section.hero .hero-wrapper .content-wrapper{justify-content:space-between;align-items:center}}main section.hero .hero-wrapper .content-wrapper .animation-wrapper{pointer-events:none;z-index:1;width:min(20vw,160px);margin:auto;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main section.hero .hero-wrapper .content-wrapper .animation-wrapper svg{width:100%;height:100%}main section.hero .hero-wrapper .content-wrapper .animation-wrapper .square-wrapper{transform-origin:bottom;will-change:auto;width:6.4%;height:108%;animation:1.3s cubic-bezier(.33333,.66667,.66667,1) forwards square-wrapper;position:absolute;bottom:0;left:66%;transform:rotate(-22deg)}main section.hero .hero-wrapper .content-wrapper .animation-wrapper .square-wrapper>.square{aspect-ratio:1;background-color:#d7f3f6;width:100%;animation:1.3s cubic-bezier(.33333,.66667,.66667,1) forwards square;position:absolute;transform:rotate(22deg)}@keyframes square-wrapper{0%{transform:rotate(-22deg)}50%{height:160%;transform:rotate(0)}to{height:108%;transform:rotate(22deg)}}@keyframes square{0%{transform:rotate(22deg)}50%{transform:rotate(0)}to{transform:rotate(-22deg)}}main section.hero h1.headline{opacity:0;margin-top:0}main section.hero .B{opacity:.001;max-width:min(20vw,160px);height:auto;transform:translate(-30px)}main section.hero .scroll{opacity:0;max-width:min(16vw,100px);height:auto;transition:opacity .9s 1.2s;animation:16s linear infinite spin;position:absolute;bottom:0;left:16px}main section.hero .mesh{--pointerX:50%;--pointerY:50%;inset:0 calc(-1*clamp(16px,7vw,120px))}main .intro-text{margin-bottom:80px}main .intro-text p>span{color:#d7f3f633;will-change:auto;background-image:linear-gradient(90deg,#d7f3f6,#d7f3f6 90%,#d7f3f633);background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;display:inline}main .intro-text p:first-child{margin-bottom:48px}main .intro-text .galaxy{bottom:0;right:calc(-1*clamp(16px,7vw,120px));transform:translate(30%,30%)}main .intro-text .galaxy .nebula{animation-duration:5s!important}main section.what-we-do{padding-bottom:64px}main section.what-we-do h2{margin-bottom:40px}main section.what-we-do h2>span{margin-right:16px}main section.what-we-do h2 div{vertical-align:middle;display:inline-block;overflow:hidden}main section.what-we-do h2 div span{display:inline-block}main section.what-we-do .tabs{flex-direction:column;display:flex}@media only screen and (width>=768px){main section.what-we-do .tabs{pointer-events:none}main section.what-we-do .tabs .tablist{pointer-events:all}}main section.what-we-do .tabs .tabs-navigation{order:1;justify-content:space-between;align-items:center;margin-bottom:64px;display:flex}main section.what-we-do .tabs .tabs-navigation .arrow{cursor:pointer;border:1px solid #d7f3f6;border-radius:50%;width:48px;height:48px}main section.what-we-do .tabs .tabs-navigation .arrow>i{font-size:15px}main section.what-we-do .tabs .tabs-navigation .current-tab{color:#d7f3f65c;letter-spacing:-.02em;justify-content:space-between;width:112px;font-size:24px;font-weight:400;line-height:1.4;display:flex;position:relative}main section.what-we-do .tabs .tabs-navigation .current-tab:after{content:"";background-color:#d7f3f65c;width:24px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main section.what-we-do .tabs .tabs-navigation .current-tab span{color:#d7f3f6}main section.what-we-do .tabs .tabs-content{margin-bottom:32px}main section.what-we-do .tabs .tabs-content ul.tablist{flex-direction:column;row-gap:24px;margin-bottom:32px;display:flex}main section.what-we-do .tabs .tabs-content ul.tablist li{color:#d7f3f666;letter-spacing:-.04em;cursor:pointer;font-size:32px;font-weight:500;line-height:1.25;display:none}main section.what-we-do .tabs .tabs-content ul.tablist li.active{color:#d7f3f6;display:list-item}main section.what-we-do .tabs .tabs-content .tabpanel-wrapper{min-height:300px}@media only screen and (width>=480px){main section.what-we-do .tabs .tabs-content .tabpanel-wrapper{min-height:260px}}@media only screen and (width>=640px){main section.what-we-do .tabs .tabs-content .tabpanel-wrapper{min-height:220px}}@media only screen and (width>=768px){main section.what-we-do .tabs .tabs-content .tabpanel-wrapper{min-height:300px}}@media only screen and (width>=1024px){main section.what-we-do .tabs .tabs-content .tabpanel-wrapper{min-height:520px}}@media only screen and (width>=1280px){main section.what-we-do .tabs .tabs-content .tabpanel-wrapper{min-height:460px}}main section.what-we-do .tabs .tabs-content .tabpanel-wrapper .tabpanel{pointer-events:none;opacity:0;position:absolute}main section.what-we-do .tabs .tabs-content .tabpanel-wrapper .tabpanel.active{pointer-events:all;animation:1s forwards fadeIn;position:relative}main section.what-we-do .tabs .tabs-content .tabpanel-wrapper .tabpanel p:not(:last-child){margin-bottom:24px}main section.what-we-do .cta-wrapper{order:2}main section.what-we-do .cta-wrapper>div{justify-content:center;display:flex}main section.what-we-do .mesh{--pointerX:25%;--pointerY:60%;bottom:0;left:calc(-1*clamp(16px,7vw,120px));right:calc(-1*clamp(16px,7vw,120px));transform:translateY(30%)}main section.gallery{width:100%;height:max(100vw,100vh);max-height:min(50vh + 50vw,100vw);position:relative;overflow:hidden}main section.gallery .grid{transform-origin:50%;gap:8px;width:136%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}main section.gallery .grid>div{will-change:transform}main section.gallery .grid img{width:100%;height:auto}main section.about-us{color:#061d26;background-color:#d7f3f6;padding:80px 0;overflow:hidden}main section.about-us .b-column{order:1}main section.about-us .b-column .b-wrapper{max-width:360px;display:inline-block;position:relative;transform:translate(calc(-1*clamp(16px,7vw,120px) + 16%))}main section.about-us .b-column .b-wrapper img.B{width:100%;max-height:50vh}main section.about-us .b-column .b-wrapper .img-wrapper{width:90%;height:42%;position:absolute;overflow:hidden}main section.about-us .b-column .b-wrapper .img-wrapper:first-of-type{top:6.3%;left:-16%}main section.about-us .b-column .b-wrapper .img-wrapper:nth-of-type(2){bottom:6.5%;left:7%}main section.about-us .b-column .b-wrapper .img-wrapper img{width:100%;height:100%}main section.about-us h2{margin-bottom:32px}main section.about-us p{margin-bottom:40px}main section.about-us a{margin-bottom:48px}@media only screen and (width>=640px){main section.hero .hero-wrapper .content-wrapper{flex-direction:row;flex:auto;justify-content:space-between;align-items:flex-start;column-gap:clamp(32px,5vw,64px);height:auto}main section.hero .hero-wrapper .content-wrapper h1.headline{flex:80%;max-width:60vw}main section.hero .hero-wrapper .content-wrapper .B{max-width:unset;flex:0 20%;height:auto}main section.about-us a{margin-bottom:0}main section.about-us .b-column{order:0}main section.about-us .b-column .b-wrapper{width:85%;height:auto}main section.about-us .b-column .b-wrapper img.B{height:auto;max-height:unset}main section.about-us .content{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}}@media only screen and (width>=768px){main .intro-text{margin-top:80px}main .intro-text p:first-child{margin-bottom:64px}main section.what-we-do{padding-bottom:120px}main section.what-we-do h2{margin-bottom:64px}main section.what-we-do .tabs .tabs-navigation{order:0;margin-bottom:24px}main section.what-we-do .tabs .tabs-navigation .arrow{display:none}main section.what-we-do .tabs .tabs-content{column-gap:24px;margin-bottom:40px}main section.what-we-do .tabs .tabs-content ul.tablist{row-gap:24px;margin-bottom:0}main section.what-we-do .tabs .tabs-content ul.tablist li{font-size:32px;line-height:1;display:list-item}main section.what-we-do .tabs .tabs-content .tabpanel p:not(:last-child){margin-bottom:40px}main section.what-we-do .cta-wrapper>div{justify-content:flex-start}main section.gallery .grid{gap:24px}main section.about-us{padding-bottom:120px}main section.about-us h2{margin-bottom:40px}main section.about-us p{margin-bottom:80px}}@media only screen and (width>=1024px){main section.hero{margin-bottom:48px}main section.hero .hero-wrapper h1.headline{flex:80%;max-width:60vw}main .intro-text{margin-bottom:200px}main .intro-text p:first-child{margin-bottom:80px}main section.what-we-do{padding-bottom:200px}main section.what-we-do .tabs .tabs-content ul.tablist li{font-size:40px;line-height:1.5;display:list-item}main section.about-us{padding-bottom:160px}main section.about-us .b-column .b-wrapper{transform:unset}}@media (orientation:landscape) and (aspect-ratio>=1.5){main section.hero{padding:48px 0!important}main section.hero .hero-wrapper .content-wrapper:not(.loaded){align-items:center}main section.hero .hero-wrapper .content-wrapper:not(.loaded) h1.headline{max-width:60%;font-size:8vh!important}main section.hero .hero-wrapper .content-wrapper:not(.loaded) h1.headline>br:not(.skip-br){display:inline!important}main section.hero .hero-wrapper .scroll{width:auto;max-height:min(100%,14vh)}}
