.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--color-gold-mode: #ffae00;--gold-overlay-opacity: 0;--hero-box-bg: rgba(255, 255, 255, .05)}.glow-text{text-shadow:none;-webkit-text-stroke:1px rgba(255,239,212,0)}.glow-text-spotlight-wrap{position:relative;display:inline-block}.glow-text-spotlight-wrap .glow-text-dim{color:#000;text-shadow:none;-webkit-text-stroke:1px rgba(255,239,212,.2)}.glow-text-spotlight-lit-wrap{position:absolute;inset:0;z-index:1;pointer-events:none;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;transition:opacity .25s ease-out}.glow-text-spotlight-lit-wrap .glow-text-lit{color:#ffefd4;text-shadow:rgba(255,239,212,.95) 1px 1px 3px;-webkit-text-stroke:1px rgba(255,239,212,.5)}.lab-block--meta.lab-meta-title-unrevealed .glow-text-spotlight-lit-wrap{opacity:0!important}.lab-block--meta .glow-text-spotlight-wrap.lab-entry-title-revealed .glow-text-spotlight-lit-wrap{opacity:1!important}.project-hero-client-name.project-title-animating .glow-text-spotlight-lit-wrap:not(.spotlight-lit-synced){opacity:0!important}.gold-mode .stadium-ball-layer canvas{filter:drop-shadow(0 0 12px var(--color-gold-mode)) drop-shadow(0 0 24px var(--color-gold-mode))}:root{--text-xxs: clamp(12px, 2vw, 16px);--text-xs: clamp(14px, 2.5vw, 20px);--text-s: clamp(16px, 3vw, 24px);--text-m: clamp(18px, 3.5vw, 32px);--text-l: clamp(22px, 4vw, 40px);--text-xl: clamp(28px, 4.5vw, 56px);--text-xxl: clamp(36px, 5vw, 72px);--headline-xxxxs: clamp(12px, 2vw, 24px);--headline-xxxs: clamp(12px, 2.5vw, 30px);--headline-xxs: clamp(14px, 3vw, 36px);--headline-xs: clamp(16px, 3.5vw, 42px);--headline-s: clamp(20px, 4vw, 60px);--headline-m: clamp(28px, 4.5vw, 84px);--headline-l: clamp(36px, 5vw, 120px);--headline-xl: clamp(48px, 6vw, 180px);--headline-xxl: clamp(72px, 8vw, 360px);--headline-xxxl: clamp(96px, 9vw, 480px);--headline-xxxxl: clamp(120px, 10vw, 600px);--border-xs: clamp(1px, .3vw, 3px);--border-s: clamp(1px, .4vw, 4px);--border-m: clamp(1px, .5vw, 6px);--border-l: clamp(2px, .7vw, 8px);--border-xl: clamp(2px, .9vw, 10px);--border-xxl: clamp(3px, 1vw, 12px);--radius-xxs: clamp(2px, .5vw, 4px);--radius-xs: clamp(4px, .8vw, 8px);--radius-s: clamp(8px, 1.2vw, 16px);--radius-m: clamp(16px, 2vw, 40px);--radius-l: clamp(24px, 2.5vw, 48px);--radius-xl: clamp(32px, 3vw, 64px);--radius-xxl: clamp(48px, 4vw, 80px);--breakpoint-xs: 540px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1366px;--breakpoint-xl: 1440px;--breakpoint-xxl: 1920px;--color-primary: #000;--color-secondary: #2b47ff;--color-tertiary: #ffffff;--color-quaternary: #9499ff;--guitar-color: rgba(0, 0, 0, .15);--site-margin: 5vw;--content-margin: 2.5vw;--content-margin-sm: 1.5vw;--site-margin-outer: 10px;--site-content-width: calc(100vw - (var(--site-margin-outer) * 2));--vh-100: 100lvh;--vh-80: 80lvh;--vh-70: 70lvh;--vh-50: 50lvh;--vh-20: 20lvh;--vh-15: 15lvh;--site-content-height: calc(var(--vh-100) - var(--header-height) - var(--site-margin-outer));--section-vpad: 15vw;--guitar-width: 100vw;--guitar-height: calc(var(--guitar-width) * .585);--btn-outline-height: var(--headline-s);--logo-width: 35px;--logo-height: calc(var(--logo-width) * .742);--header-height: calc(var(--logo-height) * 3);--body-font: "Neulis Sans", sans-serif;--alt-font: "Gasoek One", sans-serif;--heading-font: "Alumni Sans", sans-serif;--border-width: 2px;--marker-label-size: var(--text-xxs);--portfolio-card-width: 70vw;--portfolio-card-height: 60vh;--code-font-size: calc(var(--headline-xxl) * 1.1);--code-wrapper-padding-top: calc(var(--content-margin) * .2);--code-wrapper-padding-bottom: calc(var(--content-margin) * 0)}main{overflow-x:clip}html,body{overscroll-behavior:none}body{background-color:#000}.body-copy{font-size:var(--text-xxs);font-weight:400;line-height:1.3em;color:#000}h1{font-size:var(--headline-xxxl);font-family:var(--alt-font);line-height:.8em;font-weight:400;text-transform:uppercase}h2{font-size:var(--headline-xxxxl);line-height:.8em;font-family:var(--heading-font);font-variation-settings:"wght" 500;text-transform:uppercase}h3{font-family:var(--heading-font);font-variation-settings:"wght" 400;font-weight:400}.f1{font-family:Alumni Sans,sans-serif;font-optical-sizing:auto;font-style:normal}.f2{font-family:Gasoek One,sans-serif;font-weight:400}.b1{border:var(--border-width) solid #000}.br{border-radius:var(--radius-xs)}.project-name{font-size:var(--headline-l);font-family:var(--heading-font);line-height:80%;font-weight:400;text-transform:uppercase;overflow:hidden;vertical-align:top}.pretitle{position:relative;width:fit-content;font-weight:700;color:#000;font-size:var(--text-xs);letter-spacing:0;line-height:1em;pointer-events:none;font-family:var(--heading-font);text-transform:uppercase}.word-inner{display:inline-block;vertical-align:top!important}.border-thick{border:var(--border-m) solid black}.border-dashed{border:var(--border-s) dashed black}.border-thin{border:var(--border-xs) solid black}.rounded-corner{border-radius:var(--radius-l)}.work-markers{display:flex;align-items:flex-start;gap:15px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;border-top:var(--border-width) solid #000000;padding:0 var(--content-margin)}.marker-item-top,.marker-item-bottom{display:flex;flex-direction:column;align-items:center;width:auto;height:auto;position:relative;text-wrap:nowrap}.marker-item-bottom{margin:-1px var(--marker-label-size) 0 0}.marker-item-top{flex-direction:column-reverse;margin-bottom:-1px}.marker-label{align-self:stretch;position:relative;color:#000;font-size:var(--marker-label-size);text-align:center;line-height:.8em;font-variation-settings:"wght" 700;font-family:var(--heading-font)}.triangle-down,.triangle-up{position:relative;width:calc(var(--marker-label-size) * .75)}:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:1024px){:root{--portfolio-card-width: 80vw}}@media(max-width:768px){:root{--content-margin: 5vw;--section-vpad: 10vw;--logo-width: 30px;--border-width: 1.5px;--btn-outline-height: var(--headline-l);--marker-label-size: var(--text-s);--portfolio-card-width: 75vw;--portfolio-card-height: 350px;--site-margin-outer: 5px}.body-copy{font-size:var(--text-s)}.hide-mobile{display:none}.show-mobile{display:block}.triangle-down,.triangle-up{width:calc(var(--marker-label-size) * .5)}}@media(min-width:769px){html{scrollbar-gutter:stable;overflow-y:auto}}@media(min-width:1920px){:root{--marker-label-size: var(--text-s)}.body-copy,.pretitle{font-size:var(--text-m)}}@media(min-aspect-ratio:2/1){.project-name{font-size:var(--headline-m)}}@media(hover:none)and (pointer:coarse){.carousel-btn-canvas,.btn-outline-canvas,.logo{pointer-events:none;touch-action:none}.carousel-btn,.btn-outline,.logo-link{pointer-events:auto}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}::view-transition-group(site-header){animation:none}::view-transition-image-pair(site-header){isolation:auto}.site-header[data-astro-cid-3ef6ksr2]{position:fixed;left:var(--site-margin-outer);right:var(--site-margin-outer);width:var(--site-content-width);top:0;height:var(--header-height);z-index:1000;padding:0 0 0 var(--content-margin-sm);pointer-events:none;border-bottom:var(--border-width) solid #000000;border-top:var(--site-margin-outer) solid #000;background-color:var(--color-secondary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.logo-link[data-astro-cid-3ef6ksr2]{display:block;margin-right:auto;width:var(--logo-width);min-width:40px;pointer-events:auto}.logo[data-astro-cid-3ef6ksr2]{width:var(--logo-width);height:var(--logo-height);display:block}.site-header-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--content-margin);pointer-events:auto;font-family:var(--heading-font);font-weight:700;font-size:var(--text-s);text-transform:uppercase;color:#000}.site-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:#000;text-decoration:none;line-height:80%}.site-header-nav-link[data-astro-cid-3ef6ksr2]{pointer-events:auto}.menu-text-1[data-astro-cid-3ef6ksr2],.menu-text-2[data-astro-cid-3ef6ksr2]{line-height:70%;display:inline-block;overflow:hidden}.menu-text-1[data-astro-cid-3ef6ksr2]{z-index:2;color:#000;position:relative}.menu-text-2[data-astro-cid-3ef6ksr2]{position:absolute;top:0;left:0;width:100%;height:100%;color:#000;z-index:1}.menu-char[data-astro-cid-3ef6ksr2]{display:inline-block}.menu-char-wrap[data-astro-cid-3ef6ksr2]{display:inline-block;overflow:hidden;vertical-align:top}.site-header-nav-link[data-astro-cid-3ef6ksr2]{position:relative;--border-dot-position: -15px;--border-dot-diameter: 3px;--border-dot-opacity: 0;line-height:1em}.site-header-nav-link[data-astro-cid-3ef6ksr2]:before,.site-header-nav-link[data-astro-cid-3ef6ksr2]:after{content:"";display:block;opacity:var(--border-dot-opacity);width:var(--border-dot-diameter);height:var(--border-dot-diameter);background-color:var(--color-primary);position:absolute;top:50%;transform:translateY(-50%);left:var(--border-dot-position);border-radius:50%}.site-header-nav-link[data-astro-cid-3ef6ksr2]:after{right:var(--border-dot-position);left:auto}.site-header-nav-link--current[data-astro-cid-3ef6ksr2]{opacity:1}.site-header-cta[data-astro-cid-3ef6ksr2]{--cta-padding: 0px;--cta-hover-color: var(--color-secondary);display:flex;flex-direction:row;align-items:center;justify-content:center;pointer-events:auto;font-family:var(--heading-font);font-weight:700;font-size:var(--text-s);text-transform:uppercase;padding:0 var(--content-margin-sm);margin-left:var(--content-margin);border-left:var(--border-width) solid #000000;height:100%;position:relative;background-color:var(--color-gold-mode);line-height:70%;color:var(--cta-hover-color);text-decoration:none}.site-header-cta-link[data-astro-cid-3ef6ksr2]{position:relative;line-height:70%;display:inline-block}.site-header-cta[data-astro-cid-3ef6ksr2]:before{content:"";display:block;width:calc(100% - var(--cta-padding) * 2);height:calc(100% - var(--cta-padding) * 2);background-color:var(--cta-hover-color);position:absolute;top:var(--cta-padding);left:var(--cta-padding);right:var(--cta-padding);bottom:var(--cta-padding);z-index:1}.site-header-cta-link[data-astro-cid-3ef6ksr2] .menu-text-2[data-astro-cid-3ef6ksr2]{color:var(--color-gold-mode)}.gold-toggle-mobile[data-astro-cid-3ef6ksr2]{display:none;pointer-events:auto;align-items:center;justify-content:center;margin-left:var(--content-margin);padding:0;padding-left:calc(var(--content-margin-sm) * 2);border:none;border-left:var(--border-width) solid #000000;background:transparent;font:inherit;height:100%;width:var(--gold-btn-mobile-height);cursor:pointer}#gold-mode-btn-mobile-canvas[data-astro-cid-3ef6ksr2]{--gold-btn-mobile-height: var(--headline-l);width:var(--gold-btn-mobile-height);height:var(--gold-btn-mobile-height);display:block;cursor:pointer;touch-action:manipulation}@media(hover:none)and (pointer:coarse){.site-header[data-astro-cid-3ef6ksr2]{position:static;margin:0 var(--site-margin-outer);left:auto;right:auto;top:auto}}@media(max-width:768px){.site-header[data-astro-cid-3ef6ksr2]{padding:0 calc(var(--content-margin-sm) * 2)}.site-header-cta[data-astro-cid-3ef6ksr2]{display:none}.gold-toggle-mobile[data-astro-cid-3ef6ksr2]{display:flex}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}#butterfly-trail-canvas[data-astro-cid-lz4ogydz]{position:absolute;left:0;top:0;width:100%;height:100%;display:block;pointer-events:none;z-index:2}.butterfly-blur-svg[data-astro-cid-lz4ogydz]{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}#butterfly-flap-rive-canvas[data-astro-cid-lz4ogydz]{--butterfly-flap-width: 12vw;position:absolute;left:0;top:0;width:var(--butterfly-flap-width);height:calc(var(--butterfly-flap-width) * .8947);display:block;opacity:0;transition:opacity .15s ease-out;transform-origin:center center;will-change:transform;z-index:3}#gold-mode-btn-canvas[data-astro-cid-nhis2wm3]{width:100%;height:100%;display:block;opacity:0;transition:opacity .15s ease-out;touch-action:manipulation}.gold-snow-wrap{position:fixed;inset:0;z-index:98;pointer-events:none;opacity:var(--gold-overlay-opacity, 0)}.gold-snow-wrap canvas{width:100%;height:100%;display:block}.loading-sequence[data-astro-cid-t4xbvl5o]{position:fixed;inset:0;z-index:9999999;background-color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .6s ease-out,visibility .6s ease-out;contain:layout paint}.loading-sequence--init[data-astro-cid-t4xbvl5o]{opacity:0;visibility:hidden;transition:none}.loading-sequence--active[data-astro-cid-t4xbvl5o]{pointer-events:auto;transition:opacity .6s ease-out,visibility .6s ease-out}.loading-sequence[data-astro-cid-t4xbvl5o].loading-sequence--hidden{opacity:0;visibility:hidden;pointer-events:none;transition-duration:.5s}.loading-sequence__inner[data-astro-cid-t4xbvl5o]{display:flex;align-items:center;justify-content:center;width:5vw;max-width:96px}.loading-sequence__logo-wrap[data-astro-cid-t4xbvl5o]{position:relative;width:100%;aspect-ratio:96 / 66;contain:layout paint}.loading-sequence__path-group[data-astro-cid-t4xbvl5o]{position:absolute;overflow:hidden}.loading-sequence__path-group--1[data-astro-cid-t4xbvl5o]{left:0;top:32.83%;width:22.58%;height:65.67%}.loading-sequence__path-group--2[data-astro-cid-t4xbvl5o]{left:25.66%;top:0;width:22.58%;height:98.5%}.loading-sequence__path-group--3[data-astro-cid-t4xbvl5o]{left:51.3%;top:0;width:22.58%;height:98.5%}.loading-sequence__path-group--4[data-astro-cid-t4xbvl5o]{left:76.96%;top:32.83%;width:22.58%;height:65.67%}.loading-sequence__path-slot[data-astro-cid-t4xbvl5o]{position:absolute;inset:0;overflow:hidden}.loading-sequence__path-slot--color-1[data-astro-cid-t4xbvl5o]{color:#000}.loading-sequence__path-slot--color-2[data-astro-cid-t4xbvl5o]{color:var(--color-gold-mode)}.loading-sequence__path-slot--color-3[data-astro-cid-t4xbvl5o]{color:var(--color-secondary)}.loading-sequence__path-slide[data-astro-cid-t4xbvl5o]{width:100%;height:250%;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.loading-sequence__path-slide[data-astro-cid-t4xbvl5o] svg[data-astro-cid-t4xbvl5o]{display:block;width:100%;height:40%;object-fit:contain;object-position:top center}@media(max-width:768px){.loading-sequence__inner[data-astro-cid-t4xbvl5o]{width:18vw;max-width:96px}}.site-footer[data-astro-cid-sz7xmlte]{position:relative;z-index:99;width:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--site-margin) var(--site-margin) calc(var(--site-margin) * 1.5);gap:var(--content-margin)}.site-footer__logo[data-astro-cid-sz7xmlte]{width:5vw;height:auto}.site-footer__logo[data-astro-cid-sz7xmlte] path[data-astro-cid-sz7xmlte]{fill:var(--color-tertiary)}.site-footer__copyright[data-astro-cid-sz7xmlte]{font-size:calc(var(--text-xxs) * .8);font-weight:400;line-height:1.3em;color:var(--color-tertiary);text-transform:uppercase;width:auto}.pin-spacer{background:var(--color-secondary)!important}@media(max-width:768px){.site-footer[data-astro-cid-sz7xmlte]{padding:var(--section-vpad) var(--site-margin) calc(var(--section-vpad) * 1.25)}.site-footer__logo[data-astro-cid-sz7xmlte]{width:10vw;height:auto}}html.loading-pending:not(.astro-transitioning) body>*:not(#loading-sequence){visibility:hidden}html.loading-pending:not(.astro-transitioning) #loading-sequence{opacity:1!important;visibility:visible!important}html.loading-pending:not(.astro-transitioning) #loading-sequence.loading-sequence--init .loading-sequence__inner{visibility:hidden}*,*:before,*:after{box-sizing:border-box}*{margin:0}.overscroll-cover-top{position:fixed;top:-100vh;left:0;right:0;height:100vh;background-color:#000;z-index:999;pointer-events:none}.overscroll-cover-bottom{position:fixed;top:100%;left:0;right:0;height:100vh;background-color:#000;z-index:999;pointer-events:none}.site-content-bottom-border{position:fixed;bottom:-1px;left:0;right:0;height:var(--site-margin-outer);background-color:#000;z-index:2000}@media(max-width:768px){.site-content-bottom-border{display:none}}@media(min-width:769px){.footer-mobile-only-wrapper{display:none}}.gold-overlay{position:fixed;width:100%;height:100%;inset:0;background-color:#ffae00;mix-blend-mode:color;pointer-events:none;opacity:var(--gold-overlay-opacity, 0);z-index:999998}.hero-butterfly-layer{position:fixed;top:var(--site-margin-outer);left:var(--site-margin-outer);z-index:98;overflow:hidden;width:calc(100% - var(--site-margin-outer) * 2);height:calc(100% - var(--site-margin-outer) * 2);pointer-events:none}.skip-link{position:absolute;left:-9999px;z-index:10001;padding:.5em 1em;background:#000;color:#fff;font-family:var(--body-font);font-weight:700;text-decoration:none}.skip-link:focus{left:var(--site-margin-outer);top:var(--site-margin-outer)}.hero-container{--gold-button-height: var(--text-s);position:fixed;bottom:calc(var(--site-margin-outer) * .9);left:50%;transform:translate(-50%);width:calc(var(--gold-button-height) * 4.028);height:var(--gold-button-height);overflow:hidden;z-index:101;cursor:pointer;border:none;background:transparent;padding:0;font:inherit}@media(min-width:1512px){.hero-container{--gold-button-height: var(--text-s)}}@media(max-width:768px){.hero-container{display:none;--gold-button-height: var(--text-s);visibility:hidden}}.site-content-wrapper{width:100%;height:100%;margin:0;padding:0 var(--site-margin-outer) var(--site-margin-outer) var(--site-margin-outer);position:relative}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--body-font);font-weight:400;height:100%}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html.astro-transitioning{overflow:hidden}::view-transition-old(root),::view-transition-new(root){animation-duration:0ms;mix-blend-mode:normal}::view-transition-group(root){animation-duration:0ms;z-index:0}::view-transition-image-pair(root){isolation:auto}::view-transition-group(horizontal-transition),::view-transition-group(lab-vertical-transition){z-index:1000001}::view-transition-group(site-header){z-index:1000}html.custom-page-transition .site-header,html.lab-vertical-transition-active .site-header{view-transition-name:none!important}