:root{--timing:1s;--sm:20px;--xl:40px;--gap:90px;--xxl:120px;--hH:80px;--white:#ebebeb;--light:#f0f0ff;--g-500:#999;--g-600:#5a5a5a;--g-700:#5a5a5a80;--g-800:#343a40;--dark:#1a1a1a;--black:#000;--spaces:#edeab0;--brands:#b06db3;--events:#4b9e5d;--case:#f8ff9a}@font-face{font-family:IBM;font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/StackNotch-light.woff2)format("woff2");unicode-range:U+??}@font-face{font-family:IBM;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/StackNotch-reg.woff2)format("woff2");unicode-range:U+??}*{box-sizing:border-box;-webkit-user-drag:none;user-select:none;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none}.no-hover,.is-scrolling,svg{pointer-events:none!important}html,body{overscroll-behavior:none}body{scroll-behavior:auto;color:var(--g-500);letter-spacing:.7px;font-family:IBM,Arial,Helvetica,sans-serif;font-size:12px;font-weight:200;position:relative;overflow:clip}#page-core{z-index:1;position:relative}.page-cnt.page-index{background:linear-gradient(#0000 100vh, #0006 calc(100vh + var(--xxl)), #0006 calc(100% - 100dvh), #000);position:relative}.page-cnt:not(.page-index)>:first-child,#chladni{margin-top:calc(var(--hH) * -1 - 40px)}ul,ol{list-style:none}li{list-style-position:outside}button,select,label,a{cursor:pointer}button:disabled{cursor:default}a{white-space:nowrap;text-decoration:none;display:inline-block}a:has(i){display:inline-flex}table{border-collapse:collapse}input,textarea{max-width:100%}a,button,input[type=button],input[type=submit]{-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;color:currentColor}button,iframe,video,select{background:0 0;border:0}form fieldset{border:none}form input:not([type=checkbox]):not([type=radio]),form textarea{border:none;border-bottom:1px solid var(--light);color:var(--light);letter-spacing:.7px;background:0 0;border-radius:0;font-size:14px;font-weight:400}textarea{resize:none}address{font-style:normal}.active a,:disabled{pointer-events:none}img,picture,video,canvas,svg{max-width:100%;display:block}img.cover,video.cover{object-fit:cover;width:100%;height:100%}.lazy{cursor:pointer}.d-none{display:none!important}a,address,b,blockquote,button,caption,cite,code,dd,details,dt,em,figcaption,input,label,legend,li,p,select,small,span,summary,textarea,td,th,tr{font:inherit}h5,.h5,.b,.cta,.page-index .gray,strong{font-weight:400}.gray{max-width:315px}h1,.h1,h2,.h2,h3,.h3,h5,.h5,b{color:var(--white)}h1,.h1,h2,.h2,h3,.h3,h4,.h4{font-weight:200;line-height:1.2}h1,.h1{font-size:80px}h2,.h2{font-size:50px}h3,.h3{font-size:24px}h4,.h4{font-size:16px}h5,.h5{text-transform:uppercase;font-size:14px}h5>*,.h5>*{text-transform:none}:focus-visible{outline:1px solid var(--white)}iframe:focus{outline:none}.user-info,textarea{transition:background-color .3s ease-in-out}.user-info:has(input[type=text]:focus),.user-info:has(input[type=email]:focus),input[type=text]:focus,input[type=email]:focus,textarea:focus{box-shadow:inset 0 -2px 0 var(--white);background-color:#101010;outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-lead,.skip-end{z-index:1000;background:var(--white);width:300px;height:32px;color:var(--black);text-underline-offset:4px;border-radius:8px;place-items:center;margin:0 calc(50vw - 150px);font-size:14px;text-decoration:underline;transition:transform .3s ease-out;display:grid;position:fixed}.skip-lead{top:-34px}.skip-end{bottom:-34px}.skip-lead:focus-visible{transform:translateY(40px)}.skip-end:focus-visible{transform:translateY(-40px)}.page-policy a:not(.cta),.subspace-h{text-underline-offset:4px;white-space:nowrap;color:var(--white);padding-bottom:2px;line-height:1;text-decoration:underline 1px;display:inline-flex;position:relative;overflow-x:clip}.page-policy a:not(.cta):before,.subspace-h:before{content:"";background:linear-gradient(to right, transparent 25%, var(--black) 25%, var(--black) 75%, transparent 75%, transparent);width:400%;height:4px;position:absolute;bottom:-3px;left:-300%}.subdark:before{background:linear-gradient(to right, transparent 25%, var(--dark) 25%, var(--dark) 75%, transparent 75%, transparent)}.page-policy a:not(.cta):hover:before,.subspace-h:hover:before{transition:transform 1.2s ease-in-out;transform:translate(75%)}i{background:currentColor;flex-shrink:0;width:13px;height:13px;display:inline-block}i.xl{width:30px;height:30px}.linkedin{-webkit-mask:url(../media/svg/icon_linkedin.svg) 50%/contain no-repeat;mask:url(../media/svg/icon_linkedin.svg) 50%/contain no-repeat}.instagram{-webkit-mask:url(../media/svg/icon_instagram.svg) 50%/contain no-repeat;mask:url(../media/svg/icon_instagram.svg) 50%/contain no-repeat}.spotify{-webkit-mask:url(../media/svg/icon_spotify.svg) 50%/contain no-repeat;mask:url(../media/svg/icon_spotify.svg) 50%/contain no-repeat}.play{-webkit-mask:url(../media/svg/icon_play.svg) 50%/contain no-repeat;mask:url(../media/svg/icon_play.svg) 50%/contain no-repeat}.ics{-webkit-mask:url(../media/svg/icon_ics.svg) 50%/contain no-repeat;mask:url(../media/svg/icon_ics.svg) 50%/contain no-repeat}.more{-webkit-mask:url(../media/svg/icon_more.svg) 50%/contain no-repeat;mask:url(../media/svg/icon_more.svg) 50%/contain no-repeat}.colla{background:url(../media/loghi/logo_Collaw.svg) 0 100% no-repeat;width:88px;height:10px;margin-left:16px;transition:transform .3s ease-in-out;transform:scale(1.2)translateY(-1px)}.arrow,.sx-arrow,.v-arrow,.d-arrow{-webkit-mask:url(../media/svg/icon_arrow.svg) 50%/contain no-repeat;mask:url(../media/svg/icon_arrow.svg) 50%/contain no-repeat}.sx-arrow{transform:scaleX(-1)}.v-arrow{transform:rotate(90deg)}.d-arrow{transform:rotate(-45deg)}.w-100{width:100%!important}.box-full,.box-xl,.box-content,.box-small{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.box-full>*,.box-xl>*,.box-content>*,.box-small>*{padding-left:var(--xl);padding-right:var(--xl);width:100%}.box-full>*{max-width:1920px}.box-xl>*{max-width:1600px}.box-content>*{max-width:1150px}.box-small>*{max-width:874px}.spaces,.spaces+.unpack{color:var(--spaces)}.brands,.brands+.unpack{color:var(--brands)}.events,.events+.unpack{color:var(--events)}.case{color:var(--case)}.bg-gray{background:var(--dark)}.bg-space{background:#3d3b21}.bg-brands{background:#332434}.bg-events{background:#1b291e}.bg-gray,.bg-space,.bg-brands,.bg-events{border-radius:10px}.bg-gray :not(p),.bg-space :not(p),.bg-brands :not(p),.bg-events :not(p){color:var(--white)}.bg-gray p,.bg-space p,.bg-brands p,.bg-events p{font-size:14px!important}.wrapper{overflow:clip}.no-scroll{overflow:hidden}body,.wrapper-x,.gallery-sticky{overflow:clip visible}.from{opacity:0;transition:transform var(--timing) ease-out, opacity var(--timing) ease-out}.actived{opacity:1!important}.from-left{transform:translate(-200px)}.from-right{transform:translate(200px)}.from-top{transform:translateY(-100%)}.from-bottom{transform:translateY(50%)}input[type=radio],input[type=checkbox]{background:var(--dark);border:2px solid var(--g-500);cursor:pointer;appearance:none;flex-shrink:0;width:20px;height:20px;margin-right:10px;position:relative;overflow:hidden;text-indent:0!important}input[type=radio],input[type=radio]:after{border-radius:99px}input[type=radio]:after,input[type=checkbox]:after{content:"";opacity:0;background:var(--white);width:10px;height:10px;position:absolute;top:3px;left:3px}input[type=radio]:checked,input[type=checkbox]:checked{border-color:var(--white)}input[type=radio]:checked:after,input[type=checkbox]:checked:after{opacity:1}.scrollbar{overscroll-behavior:contain;scrollbar-color:var(--g-600) transparent;scrollbar-width:thin;overflow-y:auto}.scrollbar::-webkit-scrollbar{width:6px}.scrollbar::-webkit-scrollbar-thumb{background:var(--g-600);border-radius:6px}:root{--h-btn:34px}.cta{height:var(--h-btn);max-height:var(--h-btn);white-space:nowrap;flex-shrink:0;font-size:14px;position:relative;overflow:clip}.cta:not(.round){z-index:6;color:var(--white);padding:8px 11px 8px 9px}.cta.round{color:var(--g-500);font-size:12px}.cta.round,.cta.round:after,.cta.round:before{border-radius:10px;padding:8px 30px}.cta i{color:var(--black);margin-left:19px;display:inline-block}.cta:not(#hamburger){justify-content:center;align-items:center;width:fit-content;display:flex}button .cta{aspect-ratio:1;padding:0}button:not(.round).cta{max-width:fit-content}.cta:after,.cta:before{content:"";position:absolute;inset:0}.cta:after{z-index:-2;background:var(--black);border:1px solid var(--g-500)}.cta.round:after{background:var(--dark)}.cta:not(.round):after{background:var(--black)}.cta:before{z-index:-1;background:var(--g-500);transition:transform .3s ease-out}.cta:not([class*=\ ]):not([class^=\ ]):before{transition:transform .3s ease-out,background-color .3s ease-out}.cta.round:before{transform:translate(101%)}.cta:not(.round):before{transform:translate(calc(100% - 34px))}button:disabled:has(.cta),.cta:disabled{color:var(--black)}button:disabled:has(.cta) :before,.cta:disabled:before{transform:none}.cta:not(.round).spaces:after{border:1px solid var(--spaces)}.cta.spaces:before{background:var(--spaces)}.cta:not(.round).brands:after{border:1px solid var(--brands)}.cta.brands:before{background:var(--brands)}.cta:not(.round).events:after{border:1px solid var(--events)}.cta.events:before{background:var(--events)}.cta:not(.round).case:after{border:1px solid var(--case)}.cta.case:before{background:var(--case)}:root{--w:14px}#hamburger{padding:9px;position:relative}#hamburger:after{aspect-ratio:1;background:currentColor;height:2px;top:16px;left:16px}#hamburger,.close .x,.plus .x{place-items:center;display:grid}.close .x,.plus .x{height:var(--w);aspect-ratio:1;position:relative}#hamburger span{transition:transform .2s linear}#hamburger span,.x:after,.x:before{width:var(--w);pointer-events:none;background:currentColor;height:2px}.x{pointer-events:none;position:relative;background:0 0!important}#hamburger:after,.x:after,.x:before{content:"";transition:transform .4s linear;position:absolute}.close .x:after,.close .x:before,.plus .x:after,.plus .x:before{transition-duration:.2s}#hamburger span:first-child{margin-top:auto}#hamburger span:nth-child(3){margin-bottom:auto}#opener:checked~#hamburger span:first-child{transform-origin:0;transform:rotate(-45deg)translateY(300%)scaleX(0)}#opener:checked~#hamburger span:nth-child(3){transform-origin:100%;transform:rotate(-45deg)translateY(-300%)scaleX(0)}#opener:checked~#hamburger:after{background:var(--dark)}#opener:checked~#hamburger:after,input:checked~#hamburger .x:after,input:checked+.close .x:after{transform:rotate(45deg)}input:checked~#hamburger .x:before,input:checked+.close .x:before{transform:rotate(-45deg)}input:checked+.plus .x:before{transform:rotate(90deg)}.work-card{height:100%;padding:0;position:relative}.work-card img,.work-overlay{position:absolute;inset:0}.work-txt{color:var(--white);height:100%;padding:var(--sm) 27px 27px;flex-direction:column;flex:1;display:flex;position:relative}.work-txt h3{max-width:310px}.work-txt h3,.work-txt ul{z-index:1;pointer-events:none;position:relative}.work-txt li{flex-direction:column-reverse;gap:8px;margin-top:30px;display:flex}.work-txt .cta{right:var(--sm);position:absolute}.work-overlay{pointer-events:auto;transition:opacity .5s ease-in-out}.work-cnt:not(.yes)+.work-overlay{opacity:0}.next-case .work-card{height:300px}.next-case .h3{margin-bottom:var(--sm);color:var(--g-500)}.next-case .work-overlay,.work-cnt.yes+.work-overlay{opacity:.7;background:linear-gradient(90deg,#000,#0000)}.dots{background:var(--g-500);width:max(50%,200px);height:2px;display:block;position:absolute;bottom:0;left:50%;overflow:clip;transform:translate(-50%)}.dots .dot{border-radius:99px}.dot{background:var(--white);height:100%;position:absolute;top:0;left:0;transform:translate(0)}.slider,section .slider .slide-box{position:relative;overflow:clip visible}.slider.infinite .slide-wrap{transform:translate(-100%)}.slide-box,.slide-wrap{font-size:0;position:relative}.slide-wrap{transition:transform var(--timing) ease-out;flex-wrap:nowrap;flex-shrink:0;align-items:stretch;width:100%;height:auto;display:flex}.slider:has(.dots) .slide-wrap{padding-bottom:28px}.slider .slide{contain:content;font-size:initial;width:100%;padding:calc(var(--h-btn) + 10px);flex-shrink:0;justify-content:center;align-items:stretch;display:flex;position:relative;overflow:clip}.slider .slide .cta{margin-top:var(--sm)}.slide-box>button{bottom:calc(50% - var(--h-btn) / 2);position:absolute}.slider .controls~button,.slider:has(.dots) .slide-box>button{bottom:calc(50% - var(--h-btn) / 2 + 14px)}.slider:has(.dots) .controls~button{bottom:calc(50% - var(--h-btn) + 14px)!important}.slider:has(:not(.dots)) .controls~button{bottom:calc(50% - var(--h-btn))!important}.slider.wrapper .aft{left:var(--sm)}.slider.wrapper .fore{right:var(--sm)}.slider .fore{right:0}.gif{contain:content;min-height:312px;display:block;position:relative;overflow:clip}.gif img{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gif img.onscreen{opacity:1}.cursor-area{contain:content;display:block;position:relative;overflow:clip}.cursor-area .cursor:focus-visible,.cursor-enter{opacity:1!important;scale:1!important}.cursor{z-index:7;background:var(--white);color:var(--black);aspect-ratio:1;pointer-events:none;width:65px;translate:var(--c-x,0px) var(--c-y,0px);opacity:0;border-radius:99px;place-items:center;padding:0;transition:scale .3s ease-in-out,opacity .3s ease-in-out;display:grid;position:absolute;top:0;left:0;scale:0}@media screen and (width>=1025px) and (hover:hover){.cursor-area,.cursor-area a{cursor:none}}.marquee{overflow:clip}.marquee p{white-space:nowrap}.marquee,.marquee div{flex-shrink:0;display:flex}.top-space{width:100%;height:40px;display:block}body:not(:has(.page-index)) .logo~*{display:none!important}#page-lead{height:var(--hH);z-index:10;pointer-events:none;outline:1px solid #0000;width:100%;padding-top:20px;position:sticky;top:0}#page-lead a:not(.active),#page-lead button,#page-lead label{pointer-events:auto}#page-lead:has(:focus-visible){transform:none!important}#masthead,#page-links{align-items:center;gap:40px;display:flex}#masthead{gap:10px}#page-nav{margin-left:auto}.logo{z-index:6;transform-origin:0 0;font-size:0;line-height:0;position:relative;transform:scale(2.9)}.nav__link .round{height:36px;max-height:36px;color:var(--white)!important}.nav__link .round:before{visibility:hidden}body:not(:has(.intro)) .logo,.intro.is-entered~header .logo{transition:transform .5s ease-out .25s;transform:none}#hamburger,.on-off{height:var(--h-btn);aspect-ratio:1;outline:1px solid var(--g-500);background:var(--dark);border-radius:5px}.on-off{contain:content;justify-content:center;align-items:center;padding:1px;display:flex}.on-off span{background-color:var(--white);transform-origin:50%;width:1px;height:14px;margin:1px;transform:scaleY(.14)}body:has(.page-case) .on-off.is-on span{background-color:var(--case)}.on-off.is-on~.soundcase .gray{color:var(--case)}.on-off.is-on .wave-0{animation:1.4s ease-in-out -.1s infinite wave-a}.on-off.is-on .wave-1{animation:1.5s ease-in-out -.3s infinite wave-b}.on-off.is-on .wave-2{animation:1.3s ease-in-out -.6s infinite wave-c}.on-off.is-on .wave-3{animation:1.6s ease-in-out -.2s infinite wave-b}.on-off.is-on .wave-4{animation:1.4s ease-in-out -.8s infinite wave-c}.on-off.is-on .wave-5{animation:1.5s ease-in-out -.4s infinite wave-a}.on-off.is-on .wave-6{animation:1.3s ease-in-out -.7s infinite wave-b}.on-off.is-on .wave-7{animation:1.4s ease-in-out -.3s infinite wave-c}.on-off.is-on .wave-8{animation:1.5s ease-in-out -.9s infinite wave-b}.on-off.is-on .wave-9{animation:1.4s ease-in-out -.2s infinite wave-a}@keyframes wave-a{0%,to{transform:scaleY(.28)}30%{transform:scaleY(.78)}60%{transform:scaleY(.35)}}@keyframes wave-b{0%,to{transform:scaleY(.35)}40%{transform:scaleY(1)}70%{transform:scaleY(.5)}}@keyframes wave-c{0%,to{transform:scaleY(.5)}25%{transform:scaleY(1)}50%{transform:scaleY(.57)}75%{transform:scaleY(.85)}}body:has(.page-case) .on-off{top:20px;right:var(--xl);z-index:7;background:0 0;outline:none;justify-content:flex-end;align-items:flex-start;width:300px;height:74px;padding:17px 12px 12px;position:absolute;display:flex!important}body:has(.page-case) .soundcase{display:flex!important}.soundcase{border-radius:12px;width:300px;margin-left:auto;padding:12px;position:relative;overflow:clip}.soundcase-cnt{z-index:7;justify-content:space-between;align-items:center;display:flex;position:relative}.soundcase:after,.soundcase:before{content:"";position:absolute;inset:0}.soundcase:after{background:var(--black);opacity:.8}.soundcase:before{background:var(--case);border-radius:13px}.soundcase img{border-radius:10px}.soundcase-txt{padding-left:12px}.soundcase-txt .gray{margin-bottom:8px}.soundcase-txt .marquee{width:214px;mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}body:not(:has(.page-index)) #page-end{overflow-y:clip}#page-end{background:var(--dark);padding:var(--xxl) 0 var(--gap);margin-top:var(--xxl);border-top:1px solid var(--black);position:relative;overflow-x:clip}body:has(.page-case) #page-end{margin-top:0}#page-end figure{padding-top:var(--gap);padding-bottom:var(--gap)}#page-end a,#page-end p,#page-end b{font-weight:400}#colophon{margin-top:var(--gap);flex-wrap:wrap;gap:30px;display:flex}#colophon .h4{margin-bottom:var(--sm)}#colophon h2{max-width:520px}#socials{gap:var(--sm);margin:auto 0 0 auto;display:flex}#socials li:not(:last-child){margin-bottom:16px}#socials a{gap:5px}#page-hand{opacity:.6;position:relative}#page-hand:after,#page-hand:before{content:"";background:url(../media/loghi/logo_stripes.svg);height:100%;position:absolute;top:0}#page-hand:after{background-position:0 0;width:100vw;left:0}#page-hand:before{background-position:100% 0;width:25vw;right:100%}#page-hand img{transform-origin:0;opacity:0;transition:transform 1s ease-in-out .5s,opacity 1.5s ease-in-out;transform:translate(-1px)}.yes #page-hand img{opacity:1;transform:translate(5px)}#sidebar,.claim{justify-content:space-between;gap:30px}#sidebar{flex-wrap:wrap}.claim,#socials a,#sidebar,#sidebar p,#sidebar ul{align-items:center;display:flex}#sidebar ul{gap:30px}#end-overlay{contain:content;background:var(--black);z-index:7;max-width:100vw;height:max(21vw,150px);max-height:311px;padding:0;position:absolute;top:0;left:0;overflow:clip}body:has(.page-index) #end-overlay{background:url(../media/img/scratching.jpg) 50%/cover no-repeat}.intro{z-index:16777271;background:var(--black);place-items:center;width:100vw;height:100dvh;transition:transform .5s ease-out;display:grid;position:fixed;top:0}.intro.is-entered{transform:translateY(-100dvh)}.intro article{align-items:flex-start;gap:32px;display:flex}.intro video{width:224px;margin-top:14px}.intro-txt>:not(:last-child){margin-bottom:30px}.intro-txt p{width:204px;font-weight:400}#chladni{contain:layout style paint;width:100vw;height:100dvh;position:sticky;top:0;overflow:clip}#chladni-canvas{width:100%;height:100%;display:block}#chladni:after{content:"";background:radial-gradient(transparent 30%, var(--black) 100%);pointer-events:none;position:absolute;inset:0}.chladni-txt{align-items:end;height:100vh;margin-top:-100vh}.chladni-txt>div{margin-bottom:var(--xxl)}.chladni-btns{z-index:6;gap:20px;margin-top:25px;display:flex;position:relative}.chladni-title .cta{margin-left:auto}.chladni-title .cta:before{transition:transform .3s ease-out,background-color .3s linear}.chladni-title .unpack{justify-content:flex-end;max-width:627px;margin-top:20px;transform:translate(10px)}.chladni-txt:has(.changing) .chladni-btns{pointer-events:none}.chladni-title .unpack.changing span.actived{transform:translateY(130%)skewY(10deg)}:root{--h-wH:calc(var(--xxl) + 19px + var(--xl));--h-wE:calc((var(--xl) * 2) + var(--h-btn));--h-gS:calc(100svh - (var(--h-wE) + var(--h-wH)))}.works-head{padding:var(--xxl) 0 var(--xl);position:sticky;top:0;left:0}.works-head>div{justify-content:space-between;display:flex}.works-head .h5{gap:4px;display:flex}.gallery-sticky{z-index:4;pointer-events:none;position:relative}.sticky-card{top:var(--h-wH);height:var(--h-gS);contain:strict;position:sticky;overflow:clip}.works-end{width:100vw;padding:var(--xxl) 0 var(--xl);justify-content:center;display:flex;position:sticky;bottom:0;left:0}.works-end .cta{opacity:0}.gallery-sticky:has(.ontop)+.works-end .cta{opacity:1}@media screen and (width<=1240px){.sticky-card .work-card{max-width:none}.sticky-card .work-txt{padding:var(--xl)}}.steps .slide-box{text-align:right;padding-left:0;overflow:visible}.steps .slide-btns{margin-top:var(--sm);flex-direction:row-reverse;display:flex;position:static}.steps .slide-box>button .cta:after{transition:background-color .3s ease-out}.slide-wrap{text-align:left}.steps .slide{padding:0;padding-left:var(--xl)}.steps .slide>div{padding:var(--sm)}.steps .fore{margin-left:var(--sm)}.steps .slide:has(>img:nth-of-type(2)):not(:has(>img:nth-of-type(3))){gap:var(--xl);grid-template-columns:repeat(2,1fr);display:grid}.steps.chaotic img,.page-case .mediabox>*{height:min(500px,90svh)}.steps .bg-gray{gap:var(--sm);flex-direction:column;min-width:100%;display:flex}.page-case .slide-wrap{width:33.33%}.page-case .slide-wrap:has(img){width:calc(50% - var(--xl) / 2)!important}.xscroll{width:100%;position:relative}.xscroll:has(.xscroll-card:first-child){height:150svh}.xscroll:has(.xscroll-card:nth-child(2)){height:calc(100vw + 150svh)}.xscroll:has(.xscroll-card:nth-child(3)){height:calc(200vw + 150svh)}.xscroll:has(.xscroll-card:nth-child(4)){height:calc(300vw + 150svh)}.xscroll-wrap{contain:strict;width:100vw;height:100svh;position:sticky;top:0;overflow:clip}.xscroll-track{will-change:transform;width:fit-content;height:100%;display:flex}.xscroll-card{width:100vw;height:100%;padding-top:var(--xxl);flex-direction:column;display:flex}.xscroll-intro{justify-content:space-between;display:flex}.xscroll-intro>div{flex:1;max-width:780px}.xscroll-intro .gray{margin:30px 0 0 var(--sm)}.xscroll-intro img{margin-left:var(--xl);aspect-ratio:1.5;width:37.5%;max-height:33.33svh}#services .steps{margin-top:auto}#services .slide-wrap{width:25%}#services .slide{min-height:184px}.step-title{margin-bottom:var(--sm);align-items:flex-end;display:flex}.step-title video,.step-title img{width:67px;height:50px;margin-right:var(--sm)}@media screen and (height>=800px){.xscroll-card{padding-bottom:var(--xxl)}.xscroll-intro{margin-top:var(--sm)}}@media screen and (height<=750px){.xscroll-intro img{display:none}}#solutions{padding-top:var(--xxl)}#solutions>div{justify-content:space-between;gap:var(--xl);display:flex}#solutions .gray{margin:var(--sm) 0 30px var(--sm)}.solution-features{max-width:750px}.solution{padding:var(--sm);margin-top:var(--sm);display:flex}.solution h4{flex-shrink:0;width:195px}.solution-app{align-items:flex-end;gap:var(--sm);flex-direction:column;flex:1;min-width:fit-content;display:flex}#solutions .h2{flex-wrap:nowrap;min-width:max-content}#soundtrack{margin-left:auto}@media screen and (width<=991px){#solutions>div{flex-wrap:wrap}.solution-app>*{width:100%}#solutions .h2{margin-top:var(--xl)!important}#soundtrack{margin-left:var(--sm)}}#about{position:relative}#about-anchor{position:absolute;top:max(25vh,322px);left:0}#tablet{max-width:800px;height:auto;max-height:max(50vh,644px);margin-left:auto}#about .unpack{margin-right:auto}#about h2{margin-top:var(--sm);max-width:999px}.about-txt{padding-top:var(--sm);display:flex}#about .gray{margin:var(--sm) 0 0 var(--sm)}body:after{content:"";z-index:998;pointer-events:none;width:100vw;transition:backdrop-filter var(--timing) linear;top:0;left:0;overflow:clip}body:has(.contact.exposed):after{backdrop-filter:blur(10px)brightness(.7)}body:after,.contact{contain:content;height:100dvh;position:fixed}.contact{padding:var(--hH) 0;z-index:999;transition:transform var(--timing) ease-in-out;top:100dvh}.contact.exposed{transform:translateY(-100dvh)}.contact-wrap{padding:0;position:relative}#close-form{top:30px;right:var(--xl);gap:4px;position:absolute}.contact-wrap>:not(#close-form){background:var(--dark);padding:var(--xxl) var(--xl) var(--gap) var(--xl)}.contact-wrap>.page-row{padding-bottom:0!important}.contact-txt p{max-width:321px;margin:var(--gap) 0 var(--gap) var(--gap)}.contact-form .page-row{padding:var(--gap) 0;border-top:1px solid var(--g-800)}.contact h5{white-space:nowrap;margin-bottom:20px}.contact input:checked+*{color:var(--white)}.contact li,::placeholder{letter-spacing:.7px;font-size:14px;font-weight:400}.user-info:not(:first-child),.contact li:not(:first-child),textarea{margin-top:12px}.user-info input,.contact li,textarea{padding:16px}.user-info label{display:none}.user-info input,textarea{width:100%;border-color:var(--g-600)!important}.page-row>p,.contact .cta{margin-bottom:12px}.checkbox-row,.contact li,#close-form{align-items:center;display:flex}.checkbox-row{padding:8px}.page-works .page-row{margin-bottom:var(--xxl);align-items:flex-end}.prs-card{border-top:1px solid var(--g-500);position:relative}.prs-card,.prs-txt>div{align-items:center;display:flex}.prs-year{width:72px}.prs-img{object-fit:cover;margin-right:var(--xl);aspect-ratio:1.5;z-index:7}.prs-txt{flex:1;padding:30px 0;position:relative}.prs-txt>div{pointer-events:none;gap:10px;margin-bottom:10px}.prs-link{position:absolute;inset:0 0 0 -72px}.prs-link:focus-visible+div .cta:before{transform:none}.prs-link:focus-visible+div .cta{color:var(--black)}.hero{min-height:100svh;position:relative}.hero img{opacity:.5;max-width:100%;padding:0;position:absolute;inset:0}.hero-cnt{flex-direction:column;align-self:flex-end;display:flex;position:relative}.hero h1{margin-top:180px}.hero ul{margin-top:var(--xxl)}.hero li{margin-bottom:var(--xl);flex-direction:column-reverse;gap:8px;display:flex}.hero h4{color:var(--case)}.case-row .h5{margin-bottom:var(--sm)}.unpack{opacity:0;flex-wrap:wrap;display:flex}.unpack s{contain:content;text-decoration:none;overflow:clip}.unpack span{transition:transform .5s ease-out;display:inline-block;transform:translateY(120%)skewY(10deg)}.contact.exposed .unpack-after span,#opener:checked~#page-nav .unpack-after span{transition-delay:var(--timing)}.contact.exposed .unpack-after span,#opener:checked~#page-nav .unpack-after span,.unpack span.actived{transform:none}.active .arrow-link{color:var(--white)}.active .arrow-link i{transform:translate(13px)}.arrow-link{font-weight:400;position:relative}.arrow-box{transform-origin:100%;place-items:center;display:grid;position:absolute;top:50%;left:-17px;overflow:clip;transform:translateY(-50%)}.arrow-box i{margin-left:-13px;margin-right:13px}#ck-banner{bottom:var(--sm);right:var(--sm);z-index:16777270;position:fixed;overflow:visible}#ck-wrap{contain:content;background:var(--black);width:375px;padding:var(--sm);border:1px solid var(--g-800);transition:transform .8s ease-out;position:relative;transform:translateY(120%)}#ck-wrap:not(.ck-show){pointer-events:none}.ck-show{transform:none!important}#ck-title{text-transform:capitalize;margin-bottom:8px;transform:translateY(-3px)}#ck-choice{margin-top:var(--sm);flex-direction:row-reverse;justify-content:space-between;display:flex}#ck-choice>button{min-width:calc(50% - 15px)}#ck-choice>button p{margin:0 auto}#ck-choice .ics{transform:scale(.9)}#ck-close{top:var(--sm);right:var(--sm);color:var(--g-500);font-size:30px;line-height:0;transition:transform .3s ease-out;position:absolute}.page-policy,.page-case,.page-body{gap:var(--xxl);flex-direction:column;display:flex}.page-policy,.page-works{margin-top:180px}.page-txt{gap:var(--xl);flex-direction:column;display:flex}.page-policy h2,.page-policy h3{margin-bottom:var(--sm)}.page-txt ol li{padding:var(--xl);border-bottom:1px solid var(--g-600)}.page-txt ol li b{margin-bottom:8px;display:inline-block}.page-policy .table-wrap{min-width:100%;overflow-x:scroll}.page-policy table{width:100%}.page-policy th,.page-policy td{border:1px solid var(--g-800);text-align:left;padding:30px}.page-policy thead th{border-color:var(--black);background:var(--dark)}.page-policy table b{color:var(--g-500)}.page-policy tbody th,.page-policy tbody td{color:var(--g-600)}@media (hover:hover){.d-hh-none{display:none!important}.cta:not(:disabled):hover,.cta:focus-visible,.work-overlay:hover~.cta,.work-overlay:focus-visible~.cta{color:var(--black)}.cta:not(:disabled):hover:before,.cta:focus-visible:before{transform:none}.work-overlay:hover~.cta:before,.work-overlay:focus-visible~.cta:before{background:var(--white);transform:none}.cta:not([class*=\ ]):not([class^=\ ]):hover:before,.cta:not([class*=\ ]):not([class^=\ ]):focus-visible:before,#hamburger:hover:after,#hamburger:hover span:not(.x),#hamburger:hover .x:after,#hamburger:hover .x:before{background:var(--white)}.nav__link .round:hover:after{border-color:var(--white)}.on-off:hover{outline-color:var(--light)}body:has(.page-case) .on-off:hover span{background-color:var(--case)}.on-off:hover~.soundcase .gray{color:var(--case)}#socials a{transition:color .2s ease-in-out}#socials a:hover,#close-form:hover{color:var(--white)}.colla:hover{transform:scale(1.25)translateY(-1px)}.arrow-link{transition:color .4s ease-in-out}.arrow-box i{transition:transform .4s ease-in-out}.arrow-link:hover{color:var(--white)}.arrow-link:hover i{transform:translate(13px)}#ck-close:hover{transform:scale(1.4)}}@media (hover:none){.d-hn-none{display:none!important}}@media screen and (width>=1440px){.page-index .dots,.d-xl-none{display:none}.xscroll-intro h2{padding-right:var(--xxl)}}@media screen and (width<=1439px){:root{--gap:60px}h2,.h2{font-size:40px}html .page-case .slide-wrap{width:calc(50% - var(--xl) / 2)!important}#services .slide-wrap{width:33.33%}.page-policy th,.page-policy td{padding:30px 18px}}@media screen and (width>=1025px) and (width<=1439px){.solution h4{width:115px}}@media screen and (width>=1025px){.d-lg-none{display:none!important}.chladni-txt>div{justify-content:space-between;display:flex}.sticky-mask{--shift:calc(var(--h-wH) - var(--mask-y,0px));--max-shift:calc(var(--h-gS) * (var(--cards-tot) - 1));--shift-clamped:clamp(0px, var(--shift), var(--max-shift));clip-path:inset(var(--shift-clamped) 0 calc(100% - (var(--shift-clamped) + var(--h-gS))) 0);-webkit-clip-path:inset(var(--shift-clamped) 0 calc(100% - (var(--shift-clamped) + var(--h-gS))) 0);backface-visibility:hidden;transform:translateZ(0)}.sticky-boost{will-change:clip-path}.page-works .page-row .gray{margin-left:auto}#projects{padding:43px 0}.prs-card{position:relative}.prs-img{opacity:0;pointer-events:none;height:220px;transition:opacity .3s ease-in-out,transform .3s ease-in-out;position:absolute;top:50%;left:72px;transform:translateY(-50%)scale(.7)}.prs-txt{padding-left:400px}.prs-card:hover .prs-img,.prs-card:has(.prs-link:focus-visible) .prs-img{opacity:1;transform:translateY(-50%)scale(1)}.prs-card:hover .cta:before{transform:none}.prs-card:hover .cta{color:var(--black)}.page-case .mediabox>*{height:600px}.page-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media screen and (width<=1024px){.page-cnt:not(.page-index)>:first-child,#chladni{margin-top:calc(var(--hH) * -1)}:root{--xl:30px;--gap:40px;--xxl:90px}h1,.h1{font-size:60px}h2,.h2{font-size:28px}h3,.h3{font-size:16px}h4,.h4{font-size:14px}.d-md-none{display:none!important}.logo{margin-right:auto}.logo img{width:118px;height:40px}#page-nav .h1{max-width:500px}.intro article{flex-direction:column}.chladni-txt>div{margin-bottom:30px}.chladni-title{flex-direction:column-reverse;display:flex}.chladni-title .unpack{max-width:470px;margin:38px 0 20px auto;transform:translate(7px)}:root{--h-gS:calc(100svh - var(--h-wH))}.xscroll-intro{flex-direction:column}.xscroll-intro img{margin:var(--xl) 0 0 calc(50% + 15px);width:auto;max-height:205px}.xscroll-intro>div{max-width:1024px}#services .slide-wrap{width:50%}#services .slide{min-height:205px}.solution h4{width:174px}.page-works .page-row .gray{padding:var(--sm) 0 0 var(--sm)}body:has(.page-works) #page-end{margin-top:-50px}#page-core #projects.cursor-area{contain:none}#projects{padding-bottom:200px}.prs-year{display:none}#projects:not(:has(.is-sticky)) .prs-img{transform-origin:100% 0;transition:transform .3s ease-in-out;transform:scale(0)}.prs-img{top:calc(100svh - 200px - var(--xl));width:auto;height:200px;position:fixed;right:0}.prs-txt{padding-left:var(--sm);padding-right:var(--sm)}.prs-txt .h3{padding-top:10px}.is-short-list .prs-card,.prs-card.is-sticky{opacity:1}.prs-card:not(.is-sticky){opacity:.5;pointer-events:none}.is-short-list .prs-card{opacity:1}#projects:not(.is-short-list) ul li:not(:last-child) .prs-card:not(.is-sticky) .prs-img{opacity:0;visibility:hidden}.prs-card.is-sticky .prs-img{opacity:1;visibility:visible;z-index:100;transform:scale(1)}.is-short-list .prs-img{max-height:100%;margin:0;position:absolute;top:0;right:0;transform:scale(1)!important}.is-short-list .prs-card .cta:before,.prs-card.is-sticky .cta:before{transform:none}.is-short-list .prs-card .cta,.prs-card.is-sticky .cta{color:var(--black)}.page-policy{max-width:874px;margin-right:auto}.page-policy h3{margin-top:var(--xl)}}@media screen and (width>=768px){.d-mid-none{display:none!important}.work-txt .cta{top:var(--sm)}.work-cnt.yes+.work-overlay{opacity:1;-webkit-backdrop-filter:blur(10px)brightness(.7);background:0 0;mask-image:linear-gradient(90deg,#000 0%,#0000 100%)}.steps .slide:has(>img:nth-of-type(2)):not(:has(>img:nth-of-type(3))) img{padding-top:120px}#solutions>div{flex-direction:row}#solutions .h2{margin-top:119px}}@media screen and (width<=767px){h1,.h1{font-size:40px}h2,.h2{font-size:20px}.d-sm-none{display:none!important}.claim{flex-wrap:wrap}footer .claim{margin-bottom:var(--sm)}#page-end figure{padding-left:0;padding-right:0}.work-txt .cta{bottom:var(--sm)}html .page-case .slide-wrap{width:calc(100% - var(--xl))!important}.steps .slide:has(>img:nth-of-type(2)):not(:has(>img:nth-of-type(3))){width:200%}.steps.chaotic img{height:100vw}.page-case .mediabox>*{height:60vw}.is-short-list .prs-img{display:none}.page-policy .table-wrap{margin:0 calc(var(--xl) * -1)}}@media screen and (width>=576px) and (width<=767px){#colophon h2{max-width:300px}}@media screen and (width>=576px){.chladni-txt h1{max-width:340px;margin-top:60px}.chladni-control{margin-right:var(--gap)}.step-title img{display:none}.page-case>:not(.hero){padding:var(--xl) 0}.hero ul{justify-content:space-between;display:flex}.case-row{justify-content:flex-end;display:flex}.case-row>*{flex-shrink:0;width:50%}}@media screen and (width<=575px){.d-xs-none{display:none!important}.cta.round{padding-left:20px;padding-right:20px}body:has(.page-case) .on-off,.soundcase{position:fixed;top:calc(100svh - 94px);left:50%;transform:translate(-50%)}#socials{margin-left:0}#socials ul{gap:30px;display:flex}#sidebar{justify-content:center}.chladni-btns{width:100%}.chladni-btns button{flex:1;padding-left:0!important;padding-right:0!important}.chladni-title .unpack{transform:translate(5px)}#services .slide-wrap{width:100%}#services .slide:not(:first-child){transition:none!important}.step-title video{display:none}.solution h4{width:100px}.contact{padding-bottom:0}.contact-wrap{padding:0}.about-txt{flex-direction:column}.prs-img{height:150px;margin:0;top:calc(100svh - 150px)}#ck-banner{width:100%;bottom:0;right:0}#ck-wrap{width:100%}#ck-title{margin-bottom:8px;font-size:20px;transform:translateY(-3px)}}html,body{background:#000}#page-shutter[data-astro-cid-ju4pidww]{z-index:16777270;pointer-events:none;contain:layout style paint;width:100vw;height:100dvh;display:flex;position:fixed;top:0;overflow:clip}#page-shutter[data-astro-cid-ju4pidww] li[data-astro-cid-ju4pidww]{flex:1;height:100%;position:relative;overflow:clip}#page-shutter[data-astro-cid-ju4pidww] li[data-astro-cid-ju4pidww]:after{content:"";backface-visibility:hidden;background:#1a1a1a;transition:transform 1s ease-in-out;position:absolute;inset:0}#page-shutter[data-astro-cid-ju4pidww].shutter-trig li[data-astro-cid-ju4pidww]:after{transform:translate(-101%)}@media screen and (width<=767px){#page-shutter[data-astro-cid-ju4pidww] li[data-astro-cid-ju4pidww]:nth-child(odd){display:none}}