.scroll-msg.svelte-16ramu4{position:absolute;top:90%;left:50%;transform:translate(-50%,-50%);color:var(--cl-text-low);display:flex;align-items:center;gap:.5rem;font-size:.6rem;opacity:0}.asterisk.svelte-16ramu4{font-size:.2rem;animation:4s svelte-16ramu4-spin infinite linear;padding:0;margin:0}@keyframes svelte-16ramu4-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:var(--cl-bg);color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:1px solid var(--cl-text-low);transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.device.svelte-1iqobu4,.device.svelte-1iqobu4 :where(.svelte-1iqobu4),.device.svelte-1iqobu4:after,.device.svelte-1iqobu4 :where(.svelte-1iqobu4):after,.device.svelte-1iqobu4:before,.device.svelte-1iqobu4 :where(.svelte-1iqobu4):before{-webkit-box-sizing:border-box;box-sizing:border-box;display:block}#iphone-x.svelte-1iqobu4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.device.svelte-1iqobu4{position:relative}.device.svelte-1iqobu4,.device.svelte-1iqobu4 .device-frame:where(.svelte-1iqobu4){z-index:1}.device-iphone-x.svelte-1iqobu4{text-align:center}.device-iphone-x.svelte-1iqobu4 .device-frame:where(.svelte-1iqobu4){background:#222;border-radius:50px;-webkit-box-shadow:inset 0 0 2px 0 #c8cacb,inset 0 0 0 3px #e2e3e4;box-shadow:inset 0 0 2px #c8cacb,inset 0 0 0 3px #e2e3e4;height:690px;width:330px;padding:9px}.device.svelte-1iqobu4 .device-content:where(.svelte-1iqobu4){background-color:#fff;background-position:50%;background-size:cover;-o-object-fit:cover;object-fit:cover;border-radius:40px;height:100%;width:100%;overflow:hidden;position:relative}.device-iphone-x.svelte-1iqobu4 .device-stripe:where(.svelte-1iqobu4):after,.device-iphone-x.svelte-1iqobu4 .device-stripe:where(.svelte-1iqobu4):before{border:solid rgba(51,51,51,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x.svelte-1iqobu4 .device-stripe:where(.svelte-1iqobu4):after{top:85px}.device-iphone-x.svelte-1iqobu4 .device-stripe:where(.svelte-1iqobu4):before{bottom:85px}.device-iphone-x.svelte-1iqobu4 .device-btns:where(.svelte-1iqobu4){background:#c8cacb;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x.svelte-1iqobu4 .device-btns:where(.svelte-1iqobu4):after,.device-iphone-x.svelte-1iqobu4 .device-btns:where(.svelte-1iqobu4):before{background:#c8cacb;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x.svelte-1iqobu4 .device-btns:where(.svelte-1iqobu4):after{top:60px}.device-iphone-x.svelte-1iqobu4 .device-btns:where(.svelte-1iqobu4):before{top:140px}.device-iphone-x.svelte-1iqobu4 .device-power:where(.svelte-1iqobu4){background:#c8cacb;height:100px;position:absolute;right:-3px;top:200px;width:3px}.view-container.svelte-1lk87lg{position:fixed;width:0px;height:0px;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:500vw;background:var(--cl-white);z-index:5000;aspect-ratio:1}.view.svelte-1lk87lg{position:absolute;background:var(--cl-white);width:100vw;height:100dvh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5010;overflow:auto;max-width:1300px}.close-btn.svelte-1lk87lg{z-index:5005;color:var(--cl-grey-600);font-size:2.5rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.view-wrapper.svelte-1lk87lg{padding-top:5rem;color:var(--cl-grey-300);position:relative}.header.svelte-1lk87lg{display:flex;align-items:center;font-size:1.5rem;gap:1rem;color:var(--cl-grey-300)}.header.svelte-1lk87lg h2:where(.svelte-1lk87lg){font-size:clamp(1.8rem,5vw,2.5rem)}.icons.svelte-1lk87lg{display:flex;align-items:center;gap:1rem;font-size:clamp(1.5rem,5vw,2rem);z-index:999999}.icons.svelte-1lk87lg svg{padding:0;transform:translateY(6px)}.private-link.svelte-1lk87lg{cursor:not-allowed}.info-column.svelte-1lk87lg{min-width:500px;grid-area:info}.content.svelte-1lk87lg{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"info  mocks";margin-top:3rem;gap:2rem;padding-bottom:3rem}.info-wrapper.svelte-1lk87lg .underline{--color: var(--cl-text-low)}.mocks-column.svelte-1lk87lg{width:100%;position:relative;grid-area:mocks}.mocks-wrapper.svelte-1lk87lg{position:sticky;top:1rem;min-height:200px}.desktop-mock.svelte-1lk87lg,.phone-mock.svelte-1lk87lg{pointer-events:none;position:relative}.desktop-mock.svelte-1lk87lg{width:clamp(340px,80vw,700px);z-index:5000}.phone-mock.svelte-1lk87lg{transform:scale(.35) translateY(-35%);z-index:5010;position:absolute;overflow:hidden;top:0;right:-15%}.mobile-project.svelte-1lk87lg .phone-mock:where(.svelte-1lk87lg){transform:scale(.8) translateY(-20%);top:0;left:0;overflow:hidden}.desktop-mock-img.svelte-1lk87lg{z-index:4900;position:relative}.project-desktop-img.svelte-1lk87lg{position:absolute;top:2.3%;left:13%;width:74.3%;z-index:4880}.project-phone-img.svelte-1lk87lg{object-fit:cover;width:100%;height:100%}.info-column.svelte-1lk87lg{display:flex;flex-direction:column;gap:1rem}p.svelte-1lk87lg{line-height:1.5}.svelte-1lk87lg::selection{background:var(--cl-bg);color:var(--cl-text)}@media(max-width:1250px){.content.svelte-1lk87lg{grid-template-columns:1fr;grid-template-areas:"mocks" "info";gap:4rem}.info-column.svelte-1lk87lg{min-width:auto}.mocks-wrapper.svelte-1lk87lg{position:relative;width:fit-content;margin-inline:auto;top:1rem}.mobile-project.svelte-1lk87lg .mocks-wrapper:where(.svelte-1lk87lg){width:auto}.header.svelte-1lk87lg{display:flex;flex-direction:column}.phone-mock.svelte-1lk87lg{transform:scale(.35) translate(90%,-40%);right:0}.mobile-project.svelte-1lk87lg .phone-mock:where(.svelte-1lk87lg){transform:scale(.4) translateY(-100%)}}@media(max-width:750px){.phone-mock.svelte-1lk87lg{transform:scale(.3) translate(90%,-70%);right:0}}@media(max-width:600px){.phone-mock.svelte-1lk87lg{transform:scale(.2) translate(180%,-150%);right:0}}h1.svelte-iiqf3a{color:var(--cl-text-high);position:sticky;top:45%;font-size:clamp(2rem,10vw,6rem);cursor:default;pointer-events:none;z-index:500;text-align:center;mix-blend-mode:difference;text-transform:uppercase}@keyframes svelte-iiqf3a-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projects-wrapper.svelte-iiqf3a{display:grid;column-gap:.8rem;place-items:center;position:relative;margin-inline:auto;min-height:90vh}.project.svelte-iiqf3a{position:absolute;top:0;border-radius:50%;height:90px;width:90px;transition:transform .5s ease-out,filter .3s ease,background .3s ease,border .5s ease,scale .5s ease!important;text-transform:uppercase;aspect-ratio:1;mix-blend-mode:difference;font-size:.8rem;border:2px solid white;font-family:var(--overpass);animation:svelte-iiqf3a-grow .3s ease;transform-origin:left top}@keyframes svelte-iiqf3a-grow{0%{scale:0}to{scale:1}}.project-btn.svelte-iiqf3a{width:100%;height:100%}.project.svelte-iiqf3a:hover{background:#fff;color:#000;z-index:510}@media(min-width:780px){.project.svelte-iiqf3a:hover{scale:1.2!important}}.project.axon.svelte-iiqf3a{left:20%;top:45%;right:3rem;height:150px;width:150px}.project.old_portfolio.svelte-iiqf3a{z-index:490;top:10%;left:10%;width:110px;height:110px}.project.hub.svelte-iiqf3a{z-index:490;top:40%;right:15%;width:100px;height:100px}.project.connect.svelte-iiqf3a{z-index:510;top:-5%;right:30%;width:180px;height:180px}.project.muvi.svelte-iiqf3a{z-index:490;top:60%;left:40%;width:130px;height:130px}.project.oito.svelte-iiqf3a{left:60%;top:50%;right:3rem;width:210px;height:210px}.project.run-timer.svelte-iiqf3a{left:30%;top:-5%;width:180px;height:180px;z-index:510}@media(max-width:768px){.projects-wrapper.svelte-iiqf3a{margin-top:100vh;min-height:100vh}.project.svelte-iiqf3a{height:120px;width:150px}.project-description.svelte-iiqf3a{font-size:.5rem}.project.axon.svelte-iiqf3a{inset:unset;top:55%;right:2rem;width:140px;height:140px}.project.muvi.svelte-iiqf3a{inset:unset;top:0;right:1rem;width:120px;height:120px}.project.connect.svelte-iiqf3a{inset:unset;left:1rem;top:50%;width:170px;height:170px}.project.hub.svelte-iiqf3a{inset:unset;top:17%;left:unset;right:30%}.project.old_portfolio.svelte-iiqf3a{inset:unset;left:unset;top:45%;right:3rem}.project.oito.svelte-iiqf3a{inset:unset;left:10%;top:0;right:3rem;width:140px;height:140px}.project.run-timer.svelte-iiqf3a{inset:unset;right:40%;bottom:10%;width:140px;height:140px}}.tools-wrapper.svelte-89h2y5{display:flex;align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;width:100%;max-width:850px;margin-inline:auto;font-family:var(--overpass);text-transform:uppercase}.tool.svelte-89h2y5{text-transform:uppercase;transition:all .3s ease}.filteredTool.svelte-89h2y5{transform:translateY(-5px)!important;color:#ffd900}.tool.svelte-89h2y5:hover:not(.filter-btn){transform:translateY(-5px)!important}.controls-wrapper.svelte-89h2y5{width:100%;justify-self:center;display:flex;align-items:center;justify-content:center;margin-inline:auto;gap:.5rem;font-size:1.5rem}.reset-btn.svelte-89h2y5{padding:0;margin:0;height:25px;width:25px;font-size:1.4rem;opacity:0!important;transition:all .5s ease}.reset-btn.show.svelte-89h2y5{opacity:1!important}.reset-btn.svelte-89h2y5 svg{transition:all .3s ease}.reset-btn.svelte-89h2y5:hover svg{transform:rotate(45deg)}.rotate.svelte-89h2y5{transform-origin:center;animation:1s cubic-bezier(.27,.53,.94,1.06) svelte-89h2y5-rotate forwards}.plus-wrapper.svelte-89h2y5{height:28.8px;width:28.8px;position:relative}@media(max-width:768px){.plus-wrapper.svelte-89h2y5{width:14px;height:14px;aspect-ratio:1}}.infinite.svelte-89h2y5,.plus.svelte-89h2y5{top:0;left:0;position:absolute;color:var(--cl-grey-900);transition:all .2s ease}.infinite.svelte-89h2y5{opacity:0!important;transform:translateY(20px)}.plus-wrapper.svelte-89h2y5:hover .plus:where(.svelte-89h2y5){opacity:0!important;transform:translateY(-20px)}.plus-wrapper.svelte-89h2y5:hover .infinite:where(.svelte-89h2y5){opacity:1!important;transform:translateY(0)!important}.plus-wrapper.svelte-89h2y5 .plus:where(.svelte-89h2y5){opacity:1!important;transform:translateY(0)!important}@keyframes svelte-89h2y5-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.tools-wrapper.svelte-89h2y5{gap:.8rem}.tools-wrapper.svelte-89h2y5 span:where(.svelte-89h2y5){font-size:.8rem}.plus.svelte-89h2y5,.infinite.svelte-89h2y5{height:18px;width:18px}}.page-wrapper.svelte-s0mt48{display:flex;flex-direction:column}.nav-wrapper.svelte-s0mt48{z-index:1;margin-top:-2rem}