@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:100;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueUltraLight.woff)format("woff");font-display:swap}@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:200;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueThin.woff)format("woff");font-display:swap}@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:300;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueLight.woff)format("woff");font-display:swap}@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:400;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueRoman.woff)format("woff");font-display:swap}@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:500;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueMedium.woff)format("woff");font-display:swap}@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:700;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueBold.woff)format("woff");font-display:swap}@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:800;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueHeavy.woff)format("woff");font-display:swap}@font-face{font-family:HelveticaNeueColab;font-style:normal;font-weight:900;src:url(https://fonts.cdnfonts.com/s/62895/HelveticaNeueBlack.woff)format("woff");font-display:swap}:root{--u:min(100vw / 1440, 100vh / 900);--color-bg:#000;--color-surface:#0a0a0a;--color-fg:#fff;--color-accent:#e4e;--color-muted:#ffffff59;--color-grey:#cbcbcb;--color-border:#ffffff14;--color-terminal:#85feff;--card-bg:#ffffff0d;--card-filter:blur(calc(var(--u) * 12)) saturate(100%) brightness(.6);--grid-columns:10;--grid-gutter:calc(var(--u) * 30);--grid-margin:calc(var(--u) * 20);--nav-height:calc(var(--u) * 64);--logo-width:calc(var(--u) * 102);--logo-height:calc(var(--u) * 25);--nav-btn-size:calc(var(--u) * 22);--font-display:"HelveticaNeueColab", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;--font-mono:"Space Mono", "Courier New", monospace;--title-gap:calc(var(--u) * 25);--title-height:calc(var(--u) * 80);--projects-gap:calc(var(--u) * 50);--image-gap:calc(var(--u) * 50);--image-height:calc(var(--u) * 190);--bottom-padding:calc(var(--u) * 20);--viz-width:calc(var(--u) * 255);--viz-height:calc(var(--u) * 115);--about-gap:calc(var(--u) * 30);--about-height:calc(var(--u) * 180);--services-gap:calc(var(--u) * 60);--services-height:calc(var(--u) * 190);--contact-gap:calc(var(--u) * 60);--section-label-height:calc(var(--u) * 12);--section-label-gap:calc(var(--u) * 6);--side-label-gap:calc(var(--u) * 15);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.26s}@media (width<=767px){:root{--u:min(100vw / 393, 100svh / 852)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{color:#000;background:#fff}::selection{color:#000;background:#fff}img,video{-webkit-touch-callout:none;-webkit-user-drag:none}a,button,[role=button],input,select,textarea,label,.nav-toggle,.loader-cta,.project-cta,.project-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{font-size:calc(var(--u) * 15);-webkit-text-size-adjust:100%;height:100%;overflow:hidden}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(https://colab-site.b-cdn.net/BG.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100%;line-height:1.5;overflow:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.container{width:100%;padding-inline:var(--grid-margin);grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gutter);display:grid}.site-nav{z-index:100;height:var(--nav-height);padding-inline:var(--grid-margin);align-items:center;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-logo{flex-shrink:0;align-items:center;display:flex}.nav-logo img,.nav-logo svg{width:var(--logo-width);height:var(--logo-height)}.nav-toggle{align-items:center;gap:calc(var(--u) * 8);width:auto;height:var(--nav-btn-size);border-radius:calc(var(--u) * 2);transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0;display:flex;position:relative}.nav-toggle-label{font-family:var(--font-mono);font-size:calc(var(--u) * 10);letter-spacing:0;text-transform:uppercase;color:var(--color-fg);pointer-events:none;font-weight:400;line-height:1}.nav-toggle:hover{opacity:.6}.nav-toggle:focus-visible{outline:calc(var(--u) * 2) solid var(--color-fg);outline-offset:calc(var(--u) * 4)}.nav-toggle-icon{width:var(--nav-btn-size);height:var(--nav-btn-size);background-color:var(--color-fg);transition:transform var(--duration-base) var(--ease-out), background-color var(--duration-fast) var(--ease-out);display:block;position:relative}.nav-toggle[aria-expanded=true] .nav-toggle-icon{transform:none}@keyframes menu-blink{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes glitch-blink{0%{opacity:1}5%{opacity:0}10%{opacity:1}15%{opacity:0}20%{opacity:1}25%{opacity:0}30%{opacity:1}to{opacity:1}}@keyframes glitch-rgb{0%{box-shadow:none;transform:translate(0)}10%{box-shadow:calc(var(--u) * -3) 0 0 #1eacffe6, calc(var(--u) * 3) 0 0 #00eefae6;transform:translate(calc(var(--u) * 2), calc(var(--u) * -1)) skewX(-8deg)}20%{box-shadow:calc(var(--u) * 3) 0 0 #1eacffe6, calc(var(--u) * -3) 0 0 #00eefae6;transform:translate(calc(var(--u) * -2), calc(var(--u) * 1)) skewX(6deg)}30%{box-shadow:calc(var(--u) * -2) 0 0 #1eacffe6, calc(var(--u) * 2) 0 0 #00eefae6;transform:translate(calc(var(--u) * 1), 0) skewX(-3deg)}40%{box-shadow:none;transform:translate(0)}to{box-shadow:none;transform:translate(0)}}@keyframes glitch-crash{0%{opacity:1;transform:scale(1)skew(0)}10%{opacity:.6;transform:scale(1.4)skew(-12deg)}15%{opacity:0;transform:scale(.6)skew(8deg)}20%{opacity:1;transform:scale(1.2)skew(-5deg)}25%{opacity:.8;transform:scale(.85)skew(3deg)}30%{opacity:1;transform:scale(1.05)skew(-2deg)}40%{opacity:1;transform:scale(1)skew(0)}to{opacity:1;transform:scale(1)skew(0)}}.nav-toggle-icon.is-glitching{animation:.6s step-end forwards glitch-blink,.6s step-end forwards glitch-rgb,.6s cubic-bezier(.25,.46,.45,.94) forwards glitch-crash}.site-menu{z-index:90;background-color:var(--color-bg);visibility:hidden;pointer-events:none;background-image:url(https://colab-site.b-cdn.net/BG.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-block-start:calc(var(--nav-height) + calc(var(--u) * 80));display:flex;position:fixed;inset:0}.site-menu[aria-hidden=false]{visibility:visible;pointer-events:auto}.menu-nav{z-index:2;width:100%;max-width:calc(var(--u) * 1400);padding-inline:var(--grid-margin);text-align:left;opacity:0;transition:opacity .6s .3s;position:relative}.site-menu[aria-hidden=false] .menu-nav{opacity:1}.menu-nav-list{font-family:var(--font-mono);font-weight:400;font-size:calc(var(--u) * 72);letter-spacing:0;text-transform:uppercase;margin:0;padding:0;line-height:.95;list-style:none}.menu-nav-item{white-space:nowrap;align-items:baseline;gap:.32em;display:flex;position:relative}.menu-nav-item:nth-child(3),.menu-nav-item:nth-child(4){padding-inline-start:2.4em}.menu-active-square{background-color:var(--color-fg);flex-shrink:0;width:.62em;height:.62em;display:none;transform:translateY(-.05em)}.menu-nav-item.is-current .menu-active-square{animation:1s step-end infinite menu-blink;display:inline-block}.menu-nav-link{font-family:var(--font-display);color:var(--color-muted);white-space:nowrap;text-decoration:none;transition:color .2s;position:relative}a.menu-nav-link:hover,a.menu-nav-link:focus-visible,.menu-nav-link.is-current{color:var(--color-fg)}.menu-nav-link--label{cursor:default}.menu-nav-item--has-sub{flex-wrap:wrap;width:fit-content}.menu-sub-list{font-family:var(--font-mono);font-size:clamp(calc(var(--u) * 11), .95vw, calc(var(--u) * 14));letter-spacing:.01em;text-transform:uppercase;gap:calc(var(--u) * 2);white-space:nowrap;contain:inline-size;transition:margin-top .25s var(--ease-out,cubic-bezier(.22, 1, .36, 1));flex-direction:column;flex-basis:100%;align-items:flex-start;margin:0;padding:0;padding-inline-start:.62em;font-weight:400;line-height:1.3;list-style:none;display:flex}.menu-nav-item--has-sub:hover .menu-sub-list,.menu-nav-item--has-sub:focus-within .menu-sub-list{margin-top:.4em}.menu-sub-item{max-height:0;transition:max-height .4s var(--ease-out,cubic-bezier(.22, 1, .36, 1));display:block;overflow:hidden}.menu-nav-item--has-sub:hover .menu-sub-item,.menu-nav-item--has-sub:focus-within .menu-sub-item{max-height:3em}.menu-sub-link{padding:calc(var(--u) * 4) calc(var(--u) * 10);background-color:var(--color-fg);color:var(--color-bg);transition:transform .5s var(--ease-out,cubic-bezier(.22, 1, .36, 1)), opacity .2s ease;will-change:transform;align-items:baseline;gap:.9em;text-decoration:none;display:inline-flex;transform:translateY(110%)}.menu-nav-item--has-sub:hover .menu-sub-link,.menu-nav-item--has-sub:focus-within .menu-sub-link{transform:translate(0,0)}.menu-sub-link.line-hover{color:var(--color-bg)}a.menu-sub-link:hover,a.menu-sub-link:focus-visible{opacity:.78}.menu-nav-item--has-sub:hover .menu-sub-item:first-child,.menu-nav-item--has-sub:focus-within .menu-sub-item:first-child{transition-delay:40ms}.menu-nav-item--has-sub:hover .menu-sub-item:nth-child(2),.menu-nav-item--has-sub:focus-within .menu-sub-item:nth-child(2){transition-delay:.12s}.menu-nav-item--has-sub:hover .menu-sub-item:first-child .menu-sub-link,.menu-nav-item--has-sub:focus-within .menu-sub-item:first-child .menu-sub-link{transition-delay:80ms,0s}.menu-nav-item--has-sub:hover .menu-sub-item:nth-child(2) .menu-sub-link,.menu-nav-item--has-sub:focus-within .menu-sub-item:nth-child(2) .menu-sub-link{transition-delay:.18s,0s}@media (prefers-reduced-motion:reduce){.menu-sub-list,.menu-sub-item,.menu-sub-link{transition:none}}.menu-sub-index{min-width:2.2em;display:inline-block}.menu-sub-label{display:inline-block}.menu-footer{opacity:0;transition:opacity .6s .5s;display:none}.site-menu[aria-hidden=false] .menu-footer{opacity:1}.menu-footer-col{flex-direction:column;gap:0;display:flex}.menu-footer-label{font-family:var(--font-mono);font-size:calc(var(--u) * 11);letter-spacing:.02em;color:var(--color-muted);text-transform:uppercase;margin-block-end:calc(var(--u) * 18);font-weight:400;line-height:1}.menu-footer-col ul{margin:0;padding:0;list-style:none}.menu-footer-col li{font-family:var(--font-mono);font-size:calc(var(--u) * 11);letter-spacing:.02em;color:var(--color-fg);white-space:nowrap;text-transform:uppercase;font-weight:400;line-height:2.6}.menu-list{display:none}.grid-overlay{z-index:999;pointer-events:none;padding-inline:var(--grid-margin);grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gutter);display:grid;position:fixed;inset:0}.grid-overlay-col{border-inline:calc(var(--u) * 1) solid #ee44ee40;background-color:#ee44ee1f;height:100%}body:not([data-grid-visible]) .grid-overlay{opacity:0;pointer-events:none}body[data-grid-visible] .grid-overlay{opacity:1}body:after{content:"";background-image:var(--grain,none);opacity:.8;z-index:1001;pointer-events:none;background-repeat:repeat;background-size:128px 128px;width:300%;height:300%;animation:8s steps(10,end) infinite grain;position:fixed;inset:-100%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,30%)}90%{transform:translate(-10%,10%)}}main{height:calc(100vh - var(--nav-height));position:fixed;inset-block-start:var(--nav-height);inset-inline:0;overflow:visible}.section-hero{padding-block-start:var(--title-gap)}.section-hero .container{align-items:start}.display-title{font-family:var(--font-display);font-size:calc(var(--u) * 33);text-align:left;text-transform:uppercase;color:var(--color-fg);letter-spacing:0;word-break:keep-all;overflow-wrap:normal;grid-column:1/4;font-weight:400;line-height:.9}.title-line{white-space:nowrap;display:block}.section-projects{padding-block-start:var(--projects-gap)}.section-projects .container{align-items:start;row-gap:calc(var(--u) * 4)}.project-list-wrap{grid-column:1/3;position:relative}.project-list{height:calc(calc(var(--u) * 900) - var(--nav-height) - var(--title-gap) - var(--title-height) - var(--projects-gap) - var(--section-label-height) - var(--section-label-gap) - var(--image-gap) - var(--image-height) - var(--bottom-padding));scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;list-style:none;display:flex;overflow:hidden}.project-list::-webkit-scrollbar{display:none}.project-scroll-thumb{width:calc(var(--u) * 1);background-color:var(--color-fg);pointer-events:none;transition:transform 80ms linear;display:none;position:absolute;inset-block-start:0;inset-inline-end:calc(var(--u) * -1);transform:translateY(0)}.project-item{cursor:pointer;transition:opacity .3s var(--ease-out);opacity:.9;flex-direction:column;flex-shrink:0;align-items:flex-start;padding-inline-start:0;display:flex;position:relative}.project-item+.project-item{margin-block-start:calc(var(--u) * 10)}.project-item:before{content:"";width:calc(var(--u) * 1);transform-origin:top;height:100%;transition:transform .55s var(--ease-out);background:#ffffff80;position:absolute;inset-block-start:0;inset-inline-start:0;transform:scaleY(0)}.project-item:hover{opacity:1}.project-item:hover:before{transform:scaleY(1)}.section-projects .project-item{min-height:0;padding:calc(var(--u) * 6) calc(var(--u) * 12);background:var(--card-bg);backdrop-filter:var(--card-filter);border-radius:calc(var(--u) * 2);flex:1 1 0;justify-content:center}.project-title{font-family:var(--font-display);font-size:calc(var(--u) * 9);color:var(--color-fg);letter-spacing:.02em;text-transform:uppercase;font-weight:400;line-height:1}.project-detail{font-family:var(--font-mono);font-size:calc(var(--u) * 9);color:var(--color-grey);text-transform:uppercase;max-width:42ch;margin-block-start:calc(var(--u) * 6);font-weight:400;line-height:1.35}.project-cta{font-family:var(--font-display);font-size:calc(var(--u) * 9);color:var(--color-fg);margin-block-start:calc(var(--u) * 4);font-weight:400;line-height:1;display:inline-block}.section-projects .project-cta{display:none}.project-cta:hover{opacity:.55}.project-cta:focus-visible{outline:calc(var(--u) * 1) solid var(--color-fg);outline-offset:calc(var(--u) * 3)}.section-project-image{z-index:10;position:fixed;inset-block-end:var(--bottom-padding);inset-inline:0}.section-project-image .container{align-items:start}.project-image-wrap{height:var(--image-height);grid-column:1/3;margin:0;display:block;position:relative;overflow:hidden}.project-image-default-video{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.project-image-wrap img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.project-image-current{z-index:1}.project-image-incoming{z-index:2}.audio-visualizer{width:var(--viz-width);height:var(--viz-height);cursor:pointer;z-index:50;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap));inset-inline-end:var(--grid-margin)}.audio-visualizer canvas{width:100%;height:100%;display:block}.audio-visualizer[data-muted=true]{opacity:.4}.about-text{width:var(--viz-width);height:var(--about-height);z-index:50;font-family:var(--font-mono);font-size:calc(var(--u) * 9);letter-spacing:.02em;text-align:left;color:var(--color-fg);text-transform:uppercase;font-weight:400;line-height:1.5;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--side-label-gap) - var(--section-label-gap));inset-inline-end:var(--grid-margin);overflow:hidden}:root{--col-width:calc((100vw - 2 * var(--grid-margin) - 9 * var(--grid-gutter)) / 10)}.services-block{width:var(--viz-width);z-index:50;gap:var(--grid-gutter);display:flex;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) + var(--side-label-gap) - var(--section-label-gap));inset-inline-end:var(--grid-margin)}.services-list{flex:1;list-style:none}.services-list li{font-family:var(--font-mono);font-size:calc(var(--u) * 9);letter-spacing:.02em;text-align:left;color:var(--color-fg);white-space:nowrap;text-transform:uppercase;font-weight:400;line-height:2.4}.contact-block{width:var(--viz-width);z-index:50;gap:var(--grid-gutter);display:flex;position:fixed;inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) + var(--services-height) + var(--contact-gap) + var(--side-label-gap) - var(--section-label-gap));inset-inline-end:var(--grid-margin)}body:not(.project-page) .about-text:before,body:not(.project-page) .services-block:before,body:not(.project-page) .contact-block:before{content:"";inset-block:calc(var(--u) * -6);z-index:-1;background:var(--card-bg);backdrop-filter:var(--card-filter);border-radius:calc(var(--u) * 2);pointer-events:none;position:absolute;inset-inline-start:calc(var(--u) * -12);inset-inline-end:calc(var(--u) * -12)}body:not(.project-page) .section-label--about,body:not(.project-page) .section-label--services,body:not(.project-page) .section-label--contact{width:fit-content;padding:calc(var(--u) * 4) calc(var(--u) * 12);margin-block-start:calc(var(--u) * -4);inset-inline-start:calc(100vw - var(--grid-margin) - var(--viz-width) - var(--u) * 12);inset-inline-end:auto}body:not(.project-page) .about-text{height:fit-content;overflow:visible}body:not(.project-page) .about-text:before{inset-block:calc(var(--u) * -10)}.section-label{font-family:var(--font-mono);font-size:calc(var(--u) * 8);letter-spacing:.02em;color:var(--color-muted);text-transform:uppercase;font-weight:400;line-height:1}.section-label--audio,.section-label--about,.section-label--services,.section-label--contact{width:var(--viz-width);z-index:50;position:fixed;inset-inline-end:var(--grid-margin)}.section-label--audio{display:none}.section-label--about{inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) - var(--section-label-height) - var(--section-label-gap))}.section-label--services{inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) - var(--section-label-height) - var(--section-label-gap))}.section-label--contact{inset-block-start:calc(var(--nav-height) + var(--title-gap) + var(--viz-height) + var(--about-gap) + var(--about-height) + var(--services-gap) + var(--services-height) + var(--contact-gap) - var(--section-label-height) - var(--section-label-gap))}.section-label--projects{width:fit-content;padding:calc(var(--u) * 4) calc(var(--u) * 12);grid-column:1/3;margin-block-end:calc(var(--u) * 4);display:block}.line-hover{white-space:nowrap;isolation:isolate;color:inherit;text-decoration:none;display:inline-block;position:relative}.line-hover:hover,.line-hover:focus,.line-hover:focus-visible{color:inherit;outline:none;text-decoration:none}.line-hover__bg{z-index:-1;backdrop-filter:blur(calc(var(--u) * 8)) saturate(140%);pointer-events:none;-webkit-clip-path:inset(100% 0 0);clip-path:inset(100% 0 0);transition:-webkit-clip-path .45s var(--ease-out), clip-path .45s var(--ease-out);will-change:clip-path;background:#ffffff0f;position:absolute;inset-block-start:calc(var(--u) * -2);inset-block-end:calc(var(--u) * -2);inset-inline-start:calc(var(--u) * -6);inset-inline-end:calc(var(--u) * -6)}.line-hover__inner{z-index:1;display:inline-block;position:relative}.line-hover__char{white-space:pre;font-variant-numeric:tabular-nums;text-align:center;vertical-align:top;display:inline-block;overflow:hidden}.line-hover__sr{width:calc(var(--u) * 1);height:calc(var(--u) * 1);margin:calc(var(--u) * -1);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.services-block li.is-line-hover-active .line-hover__bg,.contact-block li.is-line-hover-active .line-hover__bg,.menu-nav-list li.is-line-hover-active .line-hover__bg{-webkit-clip-path:inset(0);clip-path:inset(0)}}.menu-nav-list .line-hover__bg{background:var(--color-fg);backdrop-filter:none;inset-block:-.04em .12em}@media (hover:hover) and (pointer:fine){.menu-nav-list li.is-line-hover-active .menu-nav-link,.menu-nav-list li.is-line-hover-active .line-hover{color:var(--color-bg)}}@media (prefers-reduced-motion:reduce){.line-hover__bg{-webkit-clip-path:none;clip-path:none;opacity:0;transition:opacity .2s}.services-block li.is-line-hover-active .line-hover__bg,.contact-block li.is-line-hover-active .line-hover__bg,.menu-nav-list li.is-line-hover-active .line-hover__bg{opacity:1}}.tesseract-wrap{z-index:0;pointer-events:none;transform-origin:50%;background:0 0;position:fixed;inset:0;overflow:visible}.tesseract-wrap canvas,.tesseract-canvas{background:0 0;display:block;width:100%!important;height:100%!important}body.is-dragging-tesseract,body.is-dragging-tesseract *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.is-dragging-tesseract{cursor:grabbing}.loader{z-index:1000;background-color:var(--color-bg);justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-terminal{width:calc(2 * var(--col-width) + var(--grid-gutter));font-family:var(--font-mono);font-size:calc(var(--u) * 9);color:var(--color-fg);letter-spacing:.04em;opacity:.9;text-transform:uppercase;line-height:1.8;position:absolute;inset-block-start:calc(var(--u) * 150);inset-inline-start:var(--grid-margin)}.loader-terminal-intro{font-size:calc(var(--u) * 9);opacity:0;margin-block-end:calc(var(--u) * 16);transition:opacity .6s}.loader-terminal-intro.is-visible{opacity:.9}.loader-log{list-style:none}.loader-log li{opacity:0;white-space:nowrap;transition:opacity .6s}.loader-log li.is-visible{opacity:1}.loader-log li .log-ok{color:var(--color-fg);opacity:.6;transition:opacity .3s}.loader-terminal-footer{font-size:calc(var(--u) * 9);margin-block-start:calc(var(--u) * 16);line-height:2}.loader-terminal-footer p{opacity:0;transition:opacity .6s}.loader-terminal-footer p.is-visible{opacity:1}.loader-cursor{width:calc(var(--u) * 7);height:calc(var(--u) * 10);background:var(--color-fg);vertical-align:middle;animation:.8s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.loader-center{align-items:center;gap:calc(var(--u) * 30);flex-direction:column;display:flex}.loader-bar-wrap{width:calc(var(--u) * 420);height:calc(var(--u) * 1);border:0,calc(var(--u) * 4) solid var(--color-fg);position:relative;overflow:hidden}.loader-bar-fill{background-color:var(--color-fg);width:0%;transition:width .4s ease-out;position:absolute;inset-block:0;inset-inline-start:0}.loader-cta{font-family:var(--font-mono);font-size:calc(var(--u) * 9);letter-spacing:.08em;color:var(--color-fg);cursor:pointer;opacity:.1;text-transform:uppercase;background:0 0;border:none;padding:0;transition:opacity .3s}.loader-cta:not(:disabled),.loader-cta:not(:disabled):hover{opacity:1}body.loader-active{overflow:hidden}body.loader-active main,body.loader-active header,body.loader-active [data-visualizer],body.loader-active .about-text,body.loader-active .services-block,body.loader-active .contact-block,body.loader-active .section-label--audio,body.loader-active .section-label--about,body.loader-active .section-label--services,body.loader-active .section-label--contact,body.loader-active [data-tesseract]{opacity:0;pointer-events:none}body:not(.loader-active) main,body:not(.loader-active) header,body:not(.loader-active) [data-visualizer],body:not(.loader-active) .about-text,body:not(.loader-active) .services-block,body:not(.loader-active) .contact-block,body:not(.loader-active) .section-label--audio,body:not(.loader-active) .section-label--about,body:not(.loader-active) .section-label--services,body:not(.loader-active) .section-label--contact{opacity:1}body:not(.loader-active) [data-tesseract],body.page-entering main,body.page-entering header,body.page-entering [data-visualizer],body.page-entering .about-text,body.page-entering .services-block,body.page-entering .contact-block,body.page-entering .section-label--audio,body.page-entering .section-label--about,body.page-entering .section-label--services,body.page-entering .section-label--contact{opacity:0}body.page-entering [data-tesseract]{opacity:0;transform:scale(.82)}body.page-entering.page-revealed header,body.page-entering.page-revealed main,body.page-entering.page-revealed [data-visualizer],body.page-entering.page-revealed .about-text,body.page-entering.page-revealed .services-block,body.page-entering.page-revealed .contact-block,body.page-entering.page-revealed .section-label--audio,body.page-entering.page-revealed .section-label--about,body.page-entering.page-revealed .section-label--services,body.page-entering.page-revealed .section-label--contact{opacity:1}body.page-entering.page-revealed [data-tesseract]{opacity:0;transform:scale(.82)}@keyframes tesseractGlitch{0%{opacity:0;filter:brightness()blur();transform:scale(.82)}8%{opacity:1;transform:scale(1.04) translateX(calc(var(--u) * -3)) skewX(-1.5deg);filter:brightness(3.5) blur(calc(var(--u) * 1))}12%{opacity:.1;transform:scale(.97) translateX(calc(var(--u) * 4)) skewX(2deg);filter:brightness(.5)blur()}18%{opacity:1;transform:scale(1.02) translateY(calc(var(--u) * -2));filter:brightness(2.8) blur(calc(var(--u) * .5))}22%{opacity:0;transform:scale(.95) translateX(calc(var(--u) * -2)) skewX(-1deg);filter:brightness(.3)blur()}28%{opacity:1;transform:scale(1.06) translateX(calc(var(--u) * 2)) skewX(.8deg);filter:brightness(4) blur(calc(var(--u) * 1.5))}32%{opacity:.4;transform:scale(.98) translateY(calc(var(--u) * 2));filter:brightness(1.5)blur()}40%{opacity:1;transform:scale(1.01) translateX(calc(var(--u) * -1));filter:brightness(2) blur(calc(var(--u) * .5))}48%{opacity:.7;filter:brightness(1.2)blur();transform:scale(.99)}55%{opacity:1;filter:brightness(1.8) blur(calc(var(--u) * .3));transform:scale(1.015)}65%{opacity:.9;filter:brightness(1.1)blur();transform:scale(1)}80%{opacity:1;filter:brightness()blur();transform:scale(1)}to{opacity:1;filter:brightness()blur();transform:scale(1)}}@keyframes tesseractFlash{0%{opacity:0}8%{opacity:.6}12%{opacity:0}18%{opacity:.4}22%{opacity:0}28%{opacity:.5}35%{opacity:0}to{opacity:0}}[data-tesseract].tesseract-glitch-reveal{opacity:1!important;animation:.8s cubic-bezier(.22,1,.36,1) forwards tesseractGlitch!important}[data-tesseract].tesseract-glitch-reveal:after{content:"";pointer-events:none;z-index:3;background:radial-gradient(#3141fb66 0%,#3141fb26 40%,#0000 90%);animation:.8s cubic-bezier(.22,1,.36,1) forwards tesseractFlash;position:absolute;inset:-20%}body:not(.loader-active):not(.page-entering) [data-tesseract].tesseract-glitch-reveal{animation:.8s cubic-bezier(.22,1,.36,1) forwards tesseractGlitch!important}.project-image-wrap-mobile,.project-thumb-mobile{display:none}@media (width<=767px){:root{--m:calc(var(--u) * 12);--g:calc(var(--u) * 9);--cw:calc((100vw - calc(var(--u) * 60)) / 5);--w3:calc(3 * var(--cw) + 2 * var(--g));--w4:calc(4 * var(--cw) + 3 * var(--g));--w2r:calc(2 * var(--cw) + var(--g) + var(--m));--nav-height:calc(var(--u) * 50);--logo-width:calc(var(--u) * 82);--logo-height:calc(var(--u) * 20);--nav-btn-size:calc(var(--u) * 20);--t-tesseract:calc(var(--u) * 70);--h-tesseract:calc(var(--u) * 324);--t-title:calc(var(--t-tesseract) + var(--h-tesseract) + calc(var(--u) * 10));--h-title:calc(var(--u) * 80);--title-proj-gap:calc(var(--u) * 60);--t-projects:calc(var(--t-title) + var(--h-title) + var(--title-proj-gap))}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body:not(.project-page):not(.about-page){width:100%;position:fixed}.container{padding-inline:var(--m);gap:var(--g);grid-template-columns:repeat(5,1fr)}.site-nav{height:var(--nav-height);padding-inline:var(--m)}.nav-inner{position:relative}.nav-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-logo img,.nav-logo svg{width:var(--logo-width);height:var(--logo-height)}.nav-toggle{width:auto;height:var(--nav-btn-size);margin-left:auto}.nav-toggle-icon{width:var(--nav-btn-size);height:var(--nav-btn-size)}.nav-toggle-label{display:none}body .audio-toggle,body.project-page .audio-toggle,body.about-page .audio-toggle,body[data-menu-open] .audio-toggle{height:var(--nav-height);min-width:calc(var(--u) * 44);z-index:110;align-items:center;position:fixed;inset-block:0 auto;inset-inline-start:var(--m);inset-inline-end:auto;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important}.audio-toggle .audio-toggle-label,.audio-toggle-label{display:none!important}main{height:auto;position:static;overflow:visible}.section-hero,.section-projects,.section-project-image{padding:0}.display-title{grid-column:unset;width:100%;font-size:calc(var(--u) * 30);letter-spacing:-.01em;text-align:center;z-index:50;line-height:.9;position:fixed;inset-block-start:var(--t-title);inset-block-end:unset;inset-inline:0;overflow:visible}.display-title .title-line{white-space:nowrap;display:block}.tesseract-wrap{inset-block-start:var(--t-tesseract);inset-block-end:unset;width:calc(100vw - calc(var(--u) * 60));height:var(--h-tesseract);z-index:10;margin-inline:auto;position:fixed;left:0;right:0;overflow:visible;transform:none}.about-text,.section-label--audio,.section-label--about,.section-label--services,.section-label--contact{display:none}.section-projects{z-index:50;position:fixed;inset-block-start:var(--t-projects);inset-block-end:calc(var(--u) * 20);inset-inline:0;padding:0!important}.section-projects .container{height:100%;padding-inline:var(--m);flex-direction:column;display:flex}.section-label--projects{grid-column:unset;backdrop-filter:none;width:auto;font-family:var(--font-mono);font-size:calc(var(--u) * 11);letter-spacing:.02em;text-transform:none;color:var(--color-muted);text-transform:uppercase;background:0 0;border-radius:0;flex:none;margin-block-end:calc(var(--u) * 14);padding:0;font-weight:400;line-height:1}.project-list-wrap{border-right:calc(var(--u) * 1) solid #fff3;grid-column:unset;flex:1;height:auto;min-height:0;position:relative;display:block!important}.project-scroll-thumb{display:block}.project-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:calc(var(--u) * 12);scrollbar-width:none;flex-direction:column;overflow:hidden auto;height:100%!important;display:flex!important}.project-list::-webkit-scrollbar{display:none}.project-item:nth-child(n+5){display:flex}.project-item{align-items:center;gap:calc(var(--u) * 12);--focus:0;will-change:transform, opacity;flex-direction:row;flex-shrink:0;position:relative;overflow:visible;display:flex!important}.project-item+.project-item{margin-block-start:clamp(calc(var(--u) * 3), .6vh, calc(var(--u) * 8))}.project-item,.project-item:hover{opacity:1;width:100%;transition:none}.project-item:hover:before{transform:scaleY(0)}.project-item:before{width:calc(var(--u) * 1);box-shadow:none;background:#ffffff59;transition:none}.section-projects .project-item{padding:calc(var(--u) * 14) calc(var(--u) * 16);flex:none}.project-thumb-mobile{width:calc(1.7 * var(--cw));height:calc(var(--u) * 100);object-fit:cover;border-radius:calc(var(--u) * 4);flex-shrink:0;display:block}.project-content-mobile{flex:1;min-width:0}.project-title{font-size:calc(var(--u) * 12);overflow-wrap:break-word;word-break:normal;text-transform:uppercase}.project-detail{font-size:calc(var(--u) * 10);max-width:none;color:var(--color-grey);font-family:var(--font-mono);overflow-wrap:break-word;word-break:normal;hyphens:none;text-transform:uppercase;margin-block-start:calc(var(--u) * 6);line-height:1.4;display:block}.contact-block{display:none!important}.menu-nav{padding-inline:var(--m)}.menu-nav-list{font-size:calc(var(--u) * 45);letter-spacing:-.005em;line-height:1}.menu-nav-item:nth-child(3),.menu-nav-item:nth-child(4),.menu-nav-item:nth-child(5){padding-inline-start:1.7em}.menu-footer{justify-content:space-between;gap:0;display:flex;position:absolute;inset-block-end:calc(var(--u) * 40);inset-inline-start:var(--m);inset-inline-end:var(--m)}.menu-footer-col{flex:none}.menu-footer-label{font-size:calc(var(--u) * 11);margin-block-end:calc(var(--u) * 14)}.menu-footer-col li{font-size:calc(var(--u) * 10);line-height:2.4}.section-project-image{display:none}.project-image-wrap-mobile,.audio-visualizer,.services-block{display:none!important}.loader-terminal{width:calc(3 * var(--cw) + 2 * var(--g));font-size:calc(var(--u) * 9);letter-spacing:.03em;line-height:1.8;display:block;position:absolute;inset-block-start:calc(var(--nav-height) + calc(var(--u) * 20));inset-inline-start:var(--m);inset-inline-end:unset}.loader-terminal-intro{font-size:calc(var(--u) * 9);margin-block-end:calc(var(--u) * 10)}.loader-terminal-footer{font-size:calc(var(--u) * 9);margin-block-start:calc(var(--u) * 10);line-height:1.8}.loader-bar-wrap{width:calc(3 * var(--cw) + 2 * var(--g));height:calc(var(--u) * 1)}.loader-cta{font-size:calc(var(--u) * 9);min-height:calc(var(--u) * 44);min-width:calc(var(--u) * 44);padding:calc(var(--u) * 16) calc(var(--u) * 24);justify-content:center;align-items:center;display:flex}.loader-center{cursor:pointer;padding:calc(var(--u) * 10);margin-top:calc(var(--u) * 220)}.nav-toggle{min-width:calc(var(--u) * 44);min-height:calc(var(--u) * 44);justify-content:center;align-items:center;display:flex}.project-cta{min-height:calc(var(--u) * 44);align-items:center;display:inline-flex}.grid-overlay{padding-inline:var(--m);gap:var(--g);grid-template-columns:repeat(5,1fr)}}.projects-index-page .projects-index-main{padding:calc(var(--nav-height) + calc(var(--u) * 80)) var(--m) calc(var(--u) * 80);min-height:100vh}.projects-index-page .projects-index-header{max-width:calc(var(--u) * 720);margin-block-end:calc(var(--u) * 64)}.projects-index-page .projects-index-header h1{font-size:clamp(calc(var(--u) * 48), 8vw, calc(var(--u) * 96));letter-spacing:-.02em;margin:0 0 calc(var(--u) * 16);line-height:.95}.projects-index-page .projects-index-header p{font-size:calc(var(--u) * 18);opacity:.7;margin:0;line-height:1.4}.projects-index-page .projects-index-list{gap:calc(var(--u) * 32);max-width:calc(var(--u) * 880);padding:0;flex-direction:column;height:auto;margin:0;padding-right:0;list-style:none;display:flex;overflow:visible}.projects-index-page .projects-index-list .project-item{opacity:1;height:auto;padding:0}.projects-index-page .project-card-link{padding:calc(var(--u) * 24) 0 calc(var(--u) * 24) calc(var(--u) * 16);border-inline-start:calc(var(--u) * 1) solid #fff3;color:inherit;transition:border-color .3s var(--ease-out), padding .3s var(--ease-out);text-decoration:none;display:block}.projects-index-page .project-card-link:hover{border-inline-start-color:var(--color-fg);padding-inline-start:calc(var(--u) * 24)}.projects-index-page .project-card-link .project-title{font-size:clamp(calc(var(--u) * 28), 4vw, calc(var(--u) * 40));margin:0 0 calc(var(--u) * 8);line-height:1}.projects-index-page .project-card-link .project-detail{font-size:calc(var(--u) * 15);opacity:.6;margin:0 0 calc(var(--u) * 12);max-width:56ch;line-height:1.4}.projects-index-page .project-card-link .project-cta{font-size:calc(var(--u) * 13);letter-spacing:.04em;text-transform:uppercase;opacity:.6;transition:opacity .2s var(--ease-out)}.projects-index-page .project-card-link:hover .project-cta{opacity:1}@media (width<=767px){.projects-index-page .projects-index-main{padding:calc(var(--nav-height) + calc(var(--u) * 48)) var(--m) calc(var(--u) * 64)}.projects-index-page .projects-index-header{margin-block-end:calc(var(--u) * 40)}}html:has(body.about-page){height:auto;overflow-y:auto}body.about-page{height:auto;min-height:100%;position:static;overflow:hidden visible}.word{display:inline-block}.studio-hero-image,.studio-grid-cell-tall,.studio-wide{will-change:clip-path;overflow:hidden}.studio{box-sizing:border-box;width:100%;height:auto;padding:calc(var(--nav-height) + calc(var(--u) * 24)) var(--grid-margin) calc(var(--u) * 80);gap:calc(var(--u) * 80);z-index:10;flex-direction:column;display:flex;position:relative;inset:auto;overflow:visible}.studio-hero{grid-template-columns:repeat(var(--grid-columns), 1fr);column-gap:var(--grid-gutter);row-gap:calc(var(--u) * 28);display:grid}.studio-lead{font-family:var(--font-display);font-weight:400;font-size:calc(var(--u) * 64);letter-spacing:-.015em;color:var(--color-fg);text-indent:calc(var(--u) * 143);text-transform:uppercase;grid-column:1/-1;margin:0;line-height:1.05}.studio-intro{font-family:var(--font-mono);font-weight:400;font-size:calc(var(--u) * 11);letter-spacing:.004em;color:var(--color-fg);text-align:justify;text-transform:uppercase;grid-column:1/span 4;margin:0;line-height:1.45}.studio-hero-images{grid-column:1/-1;grid-template-columns:repeat(var(--grid-columns), 1fr);column-gap:var(--grid-gutter);margin-block-start:calc(var(--u) * 24);display:grid}.studio-hero-image{aspect-ratio:2/3.4;margin:0}.studio-hero-image--1 img,.studio-hero-image--2 img,.studio-hero-image--3 img,.studio-hero-image--3 video{object-fit:cover;width:100%;height:100%;display:block}.studio-hero-pair{gap:calc(var(--u) * 4);grid-column:1/span 4;display:flex}.studio-hero-pair .studio-hero-image{flex:1}.studio-hero-image--3{aspect-ratio:2/1.4;grid-column:9/-1;align-self:start}.studio-middle{grid-template-columns:repeat(var(--grid-columns), 1fr);column-gap:var(--grid-gutter);row-gap:calc(var(--u) * 60);margin-block-start:calc(var(--u) * 40);display:grid}.studio-middle-lead{font-family:var(--font-display);font-weight:400;font-size:calc(var(--u) * 28);letter-spacing:-.01em;color:var(--color-fg);text-transform:uppercase;grid-area:1/1/auto/span 4;margin:0;line-height:1.15}.studio-middle-copy{font-family:var(--font-mono);font-weight:400;font-size:calc(var(--u) * 10);letter-spacing:.004em;color:var(--color-fg);text-align:justify;white-space:pre-line;text-transform:uppercase;margin:0;line-height:1.5}.studio-middle-copy--a{grid-area:2/4/auto/span 3;align-self:start}.studio-middle-copy--b{grid-area:3/4/auto/span 3;margin-block-start:calc(var(--u) * 4)}.studio-middle-copy--c{max-width:calc(var(--u) * 220);grid-area:2/9/auto/span 2;place-self:start end}.studio-grid{grid-template-columns:repeat(var(--grid-columns), 1fr);column-gap:var(--grid-gutter);align-items:end;margin-block-start:calc(var(--u) * 12);display:grid}.studio-grid-tall-row{align-self:end;gap:calc(var(--u) * 4);grid-column:3/span 4;display:flex}.studio-grid-cell-tall{aspect-ratio:1/1.4;flex:1;margin:0;overflow:hidden}.studio-grid-cell-tall img{object-fit:cover;width:100%;height:100%;display:block}.studio-grid-cell-tall img,.studio-grid-cell-tall canvas{filter:brightness(.6)}.studio-wide-row{grid-template-columns:repeat(var(--grid-columns), 1fr);column-gap:var(--grid-gutter);margin-block-start:calc(var(--u) * 270);display:grid}.studio-wide{aspect-ratio:16/9;grid-column:3/span 6;margin:0}.studio-wide img{object-fit:cover;width:100%;height:100%;display:block}.studio-lockup{justify-content:center;margin-block-start:calc(var(--u) * 270);margin-block-end:15vh;display:flex}.studio-lockup-img{width:100%;max-width:calc(var(--u) * 1380);height:auto;display:block}.about-contact-footer,.studio-scroll-more,.mobile-br,.studio-lead-mobile,.studio-services-mobile{display:none}@media (width<=767px){.studio{gap:0;padding:0;display:block}.studio-hero{height:100svh;padding-block-start:calc(var(--nav-height) + calc(var(--u) * 50));padding-inline:var(--m);flex-direction:column;grid-template-columns:none;gap:0;display:flex;position:relative;overflow:visible}.studio-lead,.mobile-br{display:none}.studio-hero-images{flex-direction:column;flex:1;order:1;grid-template-columns:none;align-items:center;min-height:0;max-height:50svh;padding-block-end:0;display:flex}.studio-scroll-more{color:var(--color-fg);font-family:var(--font-mono);font-size:calc(var(--u) * 11);letter-spacing:.1em;text-transform:uppercase;opacity:.3;cursor:pointer;padding:calc(var(--u) * 14) calc(var(--u) * 24);background:0 0;border:none;flex-shrink:0;order:2;margin-block:auto;margin-inline:auto;transition:opacity .2s;display:block}.studio-scroll-more:active{opacity:1}.studio-intro{padding-inline:0;padding-block:calc(var(--u) * 14) calc(var(--u) * 10);font-size:calc(var(--u) * 11);grid-column:unset;flex-shrink:0;order:3;line-height:1.6;position:static;inset-block-start:auto;inset-inline:auto}.studio-hero-pair{display:none!important}.studio-hero-image--3{flex:1;align-self:center;width:60%;min-height:0;aspect-ratio:auto!important}.studio-hero-image--3 video{object-fit:cover;width:100%;height:100%;display:block}.studio-middle{display:none}.studio-lead-mobile{font-size:calc(var(--u) * 40);font-weight:400;line-height:1.08;font-family:var(--font-sans);text-indent:calc(var(--u) * 80);padding-inline:var(--m);padding-block:calc(var(--u) * 138) calc(var(--u) * 40);margin:0;display:block}.studio-grid{margin-block-start:calc(var(--u) * 60);display:block;overflow:hidden}.studio-grid-tall-row{gap:calc(var(--u) * 12);will-change:transform;flex-flow:row;grid-column:auto;padding-inline:0;display:flex}.studio-grid-cell-tall{aspect-ratio:2/3;flex:none;width:33vw;overflow:hidden}.studio-grid-cell-tall img{object-fit:cover;width:100%;height:100%;display:block}.studio-wide-row{margin-block-start:calc(var(--u) * 60);display:block}.studio-wide{grid-column:unset;aspect-ratio:4/3;width:100%}.studio-lockup{margin-block-start:calc(var(--u) * 80);margin-block-end:12vh}.studio-lockup-img{max-width:60%;margin-inline:auto;display:block}.about-contact-footer{padding-inline:var(--m);justify-content:space-between;padding-block-end:calc(var(--u) * 60);display:flex}.studio-services-mobile{gap:calc(var(--u) * 20);padding-inline:var(--m);grid-template-columns:1fr 1fr;padding-block-start:calc(var(--u) * 60);padding-block-end:calc(var(--u) * 60);display:grid}.studio-services-label{font-family:var(--font-mono);font-size:calc(var(--u) * 10);letter-spacing:.1em;text-transform:uppercase;opacity:.4;margin-block-end:calc(var(--u) * 20);display:block}.studio-services-list{gap:calc(var(--u) * 10);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.studio-services-list li{font-family:var(--font-mono);font-size:calc(var(--u) * 11);letter-spacing:.04em;text-transform:uppercase;line-height:1.3}}