.home-intro{z-index:1;-webkit-user-select:none;user-select:none;background-color:var(--dark1-100);align-items:center;height:100vh;margin-bottom:400vh;position:relative;overflow:hidden}@media (max-width:1080px){.home-intro{height:100svh;height:var(--intro-vvh,100svh);margin-bottom:0}}.home-intro[data-scene-ready=false]{pointer-events:none}.home-intro[data-scene-ready=false] .animation,.home-intro[data-scene-ready=false] .container{opacity:0;visibility:hidden}.home-intro[data-scene-ready=false] .container{transition:none}.home-intro .container{z-index:2;align-content:center;align-items:center;height:100%;padding-block:clamp(24px,1.875vw,72px);transition:opacity .6s ease-out;position:relative}@media (max-width:1080px){.home-intro .container{flex-direction:column;justify-content:space-between;align-items:center;gap:32px;padding-block:clamp(60px,14.815vw,160px) 0;display:flex}}.home-intro .container-text{z-index:2;cursor:default;grid-area:1/7/2/12;align-items:stretch}.home-intro .container-text .text-swap{position:relative}.home-intro .container-text .text-swap>.text-swap-state{flex-direction:column;align-items:flex-start;gap:clamp(32px,3.125vw,120px);display:flex}@media (max-width:1080px){.home-intro .container-text .text-swap>.text-swap-state{text-align:center;align-items:center}}.home-intro .container-text .text-swap>[data-text-swap-part=b]{position:absolute;inset:0 0 auto}.home-intro .animation{opacity:0;z-index:1;pointer-events:none;perspective:1200px;perspective-origin:50% 55%;transform-style:preserve-3d;position:absolute;inset:0}.home-intro .animation-bg{z-index:-1;width:100vw;height:400vh;position:absolute;top:0;left:auto;right:auto}.home-intro .animation-bg .heat-distortion-layer{position:absolute;inset:0}.home-intro .animation-static-bg{width:auto;max-width:none;height:340%;position:absolute;top:0;left:-95%}.home-intro .panda-static{height:min(328px,var(--intro-vvh,100svh)*.51);aspect-ratio:1;flex-shrink:1;min-height:0;margin-inline:auto;position:relative}.home-intro .panda-static-spine{aspect-ratio:1360/1724.53;width:115%;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.home-intro .animation .panda-wrapper,.home-intro .animation .leafs-wrapper,.home-intro .animation .leafs-bottom,.home-intro .animation .flowers-wrapper,.home-intro .animation .fishes-wrapper,.home-intro .animation .fireflies,.home-intro .animation .panda,.home-intro .animation .leafs,.home-intro .animation .flowers,.home-intro .animation .fish{transform-style:preserve-3d}.home-intro .fishes-wrapper{z-index:2;position:absolute;inset:0}.home-intro .fish{height:auto;position:absolute;left:-18vw}.home-intro .fish-a{width:9vw;aspect-ratio:var(--scene-ratio-fish-1);top:14%}.home-intro .fish-b{width:5.7vw;aspect-ratio:var(--scene-ratio-fish-2);top:24%}.home-intro .fish-c{width:6.3vw;aspect-ratio:var(--scene-ratio-fish-3);top:82%}.home-intro .fish-d{width:5.2vw;aspect-ratio:var(--scene-ratio-fish-1);top:68%}.home-intro .fish-e{width:7.6vw;aspect-ratio:var(--scene-ratio-fish-2);top:46%}.home-intro .fish-f{width:6.9vw;aspect-ratio:var(--scene-ratio-fish-3);top:20%;left:106vw}.home-intro .fish-g{width:8.3vw;aspect-ratio:var(--scene-ratio-fish-1);top:30%;left:106vw}.home-intro .fish-h{width:4.4vw;aspect-ratio:var(--scene-ratio-fish-2);top:74%;left:106vw}.home-intro .fish-i{width:4.8vw;aspect-ratio:var(--scene-ratio-fish-3);top:60%;left:106vw}.home-intro .fish-j{width:4vw;aspect-ratio:var(--scene-ratio-fish-1);top:88%;left:106vw}.home-intro .panda{position:absolute}.home-intro .panda-wrapper{aspect-ratio:var(--scene-ratio-panda-wrapper);transform-origin:50% 100%;z-index:2;width:auto;height:100vh;position:absolute;bottom:0;left:4%}.home-intro .panda-1{width:89.77%;aspect-ratio:var(--scene-ratio-panda-1);height:auto;bottom:-15%;left:0}.home-intro .panda-2{width:100%;height:auto;aspect-ratio:var(--scene-ratio-panda-2);z-index:2;opacity:0;bottom:-5%;left:0}.home-intro .fireflies{z-index:1;transform-origin:50%;position:absolute;inset:0}.home-intro .fireflies-front{z-index:4}.home-intro .leafs{position:absolute}.home-intro .leafs-wrapper{z-index:2;position:absolute;inset:0}.home-intro .leafs-left{aspect-ratio:var(--scene-ratio-leafs-left);width:auto;height:150vh;top:-20vh;left:-28%}.home-intro .leafs-right{aspect-ratio:var(--scene-ratio-leafs-right);width:auto;height:150vh;top:-20vh;right:-25%}.home-intro .leafs-front{width:clamp(620px,52vw,980px);aspect-ratio:var(--scene-ratio-leafs-front);z-index:5;transform-origin:0 100%;height:auto;position:absolute;bottom:-25%;left:10%}.home-intro .leafs-bottom{z-index:5;position:absolute;inset:0}.home-intro .leafs-bottom-left{width:120vw;height:auto;aspect-ratio:var(--scene-ratio-leafs-bottom-left);z-index:1;position:absolute;inset:100% auto auto -6vw}.home-intro .leafs-bottom-right{width:80vw;height:auto;aspect-ratio:var(--scene-ratio-leafs-bottom-right);z-index:1;position:absolute;inset:100% -24vw auto auto}.home-intro .flowers{position:absolute}.home-intro .flowers-wrapper{z-index:2;position:absolute;inset:0}.home-intro .flowers-back{aspect-ratio:var(--scene-ratio-flowers-back);z-index:1;width:105vw;height:auto;bottom:-10%;left:auto;right:auto;transform:translateY(70vh)}.home-intro .flowers-front{aspect-ratio:var(--scene-ratio-flowers-front);z-index:5;height:30vh;bottom:-10%;left:-5%;transform:translateY(130vh)}.home-intro .flowers-left{aspect-ratio:var(--scene-ratio-flowers-left);z-index:2;width:auto;height:85vh;bottom:-5%;left:-4%;transform:translateY(95vh)}.home-intro .flowers-right{aspect-ratio:var(--scene-ratio-flowers-right);z-index:2;width:auto;height:90vh;bottom:-10%;right:-8%;transform:translateY(105vh)}.page_home{background-color:var(--light1-100)}.page_home .visuals{z-index:2;flex-direction:column;padding-bottom:100vh;position:relative}.page_home .visuals .pin-spacer{pointer-events:none}@media (max-width:1080px){.page_home .visuals{padding-bottom:100svh}.page_home .visuals .visual{height:100svh}.page_home .visuals .visual .visual-media{will-change:auto;transform:none}.page_home .visuals .visual .visual-text{flex-direction:column;display:flex}.page_home .visuals .visual .container-text{will-change:auto;justify-content:flex-end;height:100%;transform:none}}.page_home .visuals .visual{--index:0;height:100vh;z-index:calc(var(--index) + 1);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.page_home .visuals .visual .visual-media{z-index:0;pointer-events:all;--r:clamp(0, (var(--p,.5) - .5) / .5, 1);transform:translateY(calc(var(--r) * 30px)) scale(calc(.5 + .5 * clamp(0, var(--p,.5) / .375, 1) + .08 * var(--r)));transform-origin:bottom;will-change:transform;position:absolute;inset:0}.page_home .visuals .visual .visual-media:after{content:"";z-index:2;background:linear-gradient(#0000 7.67%,#0000001a 58.55%,#0000004d 96.24%);position:absolute;inset:0}.page_home .visuals .visual .visual-media img{z-index:1;object-fit:cover;flex:none;width:100%;height:100%;position:relative}.page_home .visuals .visual .visual-link{z-index:1}.page_home .visuals .visual .visual-link:after{content:none}.page_home .visuals .visual .visual-text{z-index:2;pointer-events:none;align-self:flex-end;height:100%;position:relative}.page_home .visuals .visual .container-text{transform:translateY(calc((.5 - var(--p,.5)) * 240px));will-change:transform;pointer-events:none;justify-content:end;padding-top:clamp(60px,6.25vw,240px)}.page_home .visuals .visual .container-text .logos{opacity:clamp(0,(var(--p,.5) - .4)/.1,1);flex-wrap:wrap;align-items:center;gap:clamp(24px,1.667vw,64px);margin-bottom:auto;display:flex}.page_home .visuals .visual .container-text .logos img{aspect-ratio:126/68;object-fit:contain;width:auto;height:clamp(40px,3.542vw,136px)}.page_home .visuals .visual .container-text .tags{margin-top:clamp(20px,1.667vw,64px);display:flex;overflow:hidden}.page_home .visuals .visual .container-text .tags a{pointer-events:all;margin-block:clamp(4px,.417vw,16px);padding-inline:clamp(8px,.625vw,24px);transform:translate(calc(-1*clamp(8px,.625vw,24px)))}@media (max-width:1080px){.page_home .visuals .visual .container-text .tags{flex-direction:column;align-items:flex-start;gap:10px}.page_home .visuals .visual .container-text .tags a{margin:0;padding:0;transform:none}}.page_home .visuals .visual .container-title{pointer-events:all;row-gap:0}@media (max-width:1080px){.page_home .visuals .visual .container-title{display:block}}.page_home .services{z-index:3;background-color:var(--light1-100);position:relative}.page_home .services .content{row-gap:20px}.page_home .services .content .block{align-items:flex-start;row-gap:clamp(20px,2.084vw,80px)}@media (max-width:768px){.page_home .services .content{flex-direction:column;display:flex}}.page_home .services .row{align-items:center;width:100%;padding-block:clamp(24px,2.5vw,96px)}.page_home .services .row:not(:last-child){border-bottom:clamp(2px,.105vw,4px) solid var(--color-grey-30)}.page_home .services .row-data{grid-area:1/1/1/-1;align-items:center}.page_home .services .row-thumb{grid-area:1/4/1/7;align-items:center;display:flex;position:relative}.page_home .services .row .thumb{--clip:20%;opacity:0;pointer-events:none;width:100%;transition:var(--transition-slow);aspect-ratio:432/288;clip-path:polygon(var(--clip) var(--clip), calc(100% - var(--clip)) var(--clip), calc(100% - var(--clip)) calc(100% - var(--clip)), var(--clip) calc(100% - var(--clip)));transition-property:opacity,clip-path;position:absolute}.page_home .services .row .thumb video{transition:transform var(--transition-slow);transform:scale(1.2)}.page_home .services .row .tags{flex-wrap:wrap;gap:clamp(6px,.625vw,24px) clamp(4px,.417vw,16px);display:flex}.page_home .services .row .tags span{color:var(--color-grey-30)}.page_home .services .row .link{opacity:0;transition:opacity var(--transition-slow);justify-content:flex-end}@media (hover:hover){.page_home .services .row:hover .thumb{--clip:0%;opacity:1}.page_home .services .row:hover .thumb video{transform:scale(1)}.page_home .services .row:hover .link{opacity:1}}@media (max-width:1080px){.page_home .services .row{align-items:flex-start;padding-block:clamp(24px,3.704vw,40px)}.page_home .services .row-thumb{grid-column:1/5}.page_home .services .row-data{flex-direction:column;grid-column:7/-1;align-items:flex-start;gap:clamp(20px,2.223vw,24px);display:flex}.page_home .services .row .thumb{--clip:0%;opacity:1;position:relative}.page_home .services .row .thumb video{transform:none}.page_home .services .row .link{opacity:1}}@media (max-width:768px){.page_home .services .row{flex-direction:column-reverse;gap:20px;display:flex}}.page_home .clients .grid{--cols:4}.page_home .clients .grid-item{aspect-ratio:432/288;background:var(--color-secondary-bg)}@media (max-width:768px){.page_home .clients .grid{--cols:2;gap:8px}}.page_home .about .container-subtitle{color:var(--color-grey-100)}.page_home .about .container-cta{align-items:flex-start;gap:clamp(20px,2.084vw,80px)}@media (max-width:768px){.page_home .about .container-cta{margin-top:-20px}}.page_home .about .container-kivi{aspect-ratio:2;align-items:flex-end;width:100%;min-height:480px;position:relative}.page_home .about .container-kivi .thumb{align-self:flex-start;width:100%;height:100%;position:absolute}.page_home .about .container-kivi .description{z-index:2;gap:clamp(16px,1.667vw,64px);padding:clamp(40px,4.167vw,160px)}.page_home .about .container-kivi .description>*{max-width:clamp(500px,30.417vw,1168px)}.page_home .quote .container-more{color:var(--color-grey-100)}.page_home .quote .container-about{gap:clamp(32px,3.125vw,120px)}.page_home .quote .thumb{position:relative}.page_home .quote .thumb .autor{aspect-ratio:1;width:clamp(128px,6.667vw,256px)}.page_home .quote .thumb .stamp{aspect-ratio:1;z-index:1;mix-blend-mode:multiply;width:clamp(100px,9.063vw,348px);position:absolute;bottom:clamp(10px,3.334vw,128px);right:85%}@media (max-width:768px){.page_home .quote .thumb .stamp{bottom:70px;left:90px;right:auto}}.page_home .quote .description{gap:clamp(12px,1.25vw,48px)}.page_home .video{align-items:flex-start;overflow:hidden}.page_home .video .container{height:100vh}.page_home .video .source{--progress:0;width:100%;height:100%;transform:translateY(calc((1 - var(--progress)) * -25%)) scale(calc(.5 + .5 * var(--progress)));position:relative}.page_home .video .play{color:var(--color-inverted-100);text-align:left;mix-blend-mode:exclusion;transform:scale(calc(2 - 1 * var(--progress)));position:absolute;top:0;left:0}.page_home .video .play .mask{width:clamp(60px,4.375vw,168px)}
