:root{--color-primary:#000;--color-secondary:#2b47ff;--color-tertiary:#fff;--color-quaternary:#9499ff;--color-gold-mode:#ffae00;--gold-overlay-opacity:0;--hero-box-bg:#ffffff0d;--body-font:var(--font-dm-sans), sans-serif;--heading-font:var(--font-alumni-sans), sans-serif;--alt-font:var(--font-gasoek-one), sans-serif;--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);--border-width:2px;--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;--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);--section-vpad:15vw;--vh-100:var(--stable-vh,100lvh);--vh-80:calc(var(--vh-100) * .8);--vh-70:calc(var(--vh-100) * .7);--vh-50:calc(var(--vh-100) * .5);--vh-20:calc(var(--vh-100) * .2);--vh-15:calc(var(--vh-100) * .15);--mark-ratio:.742;--logo-width:3vw;--logo-height:calc(var(--logo-width) * var(--mark-ratio));--header-height:calc(var(--logo-height) + var(--content-margin-sm) * 2);--site-content-height:calc(var(--vh-100) - var(--header-height) - var(--site-margin-outer));--scene-width:100vw;--scene-height:calc(var(--scene-width) * .585);--contact-curve-height:calc(100vw * .269);--btn-outline-height:var(--headline-s);--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:0px;--info-btn-base-size:var(--text-xxs);--info-btn-width:calc(var(--info-btn-base-size) * 3);--info-btn-height:calc(var(--info-btn-base-size) * 3);--info-box-width:33%;--info-box-height:auto;--close-line-width:calc(var(--info-btn-width) * .5)}@media (width<=1024px){:root{--portfolio-card-width:80vw;--logo-width:4vw;--header-height:calc(var(--logo-height) + var(--content-margin) * 2)}}@media (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;--info-btn-base-size:var(--text-m);--info-box-width:calc(100% - var(--content-margin) * 2 - var(--info-btn-width))}}@media (width>=1920px){:root{--marker-label-size:var(--text-s);--section-vpad:10vw;--border-width:3px;--btn-outline-height:var(--headline-m);--site-margin-outer:10px;--header-height:calc(var(--logo-height) + var(--content-margin-sm) * 2)}}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-padding-top:var(--header-height);background:var(--color-primary);-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (hover:none) and (pointer:coarse){html{scroll-padding-top:0}}@media (width>=769px){html:has([data-gallery-scroll]){overflow:hidden}}body{min-height:var(--vh-100);background:var(--color-primary);color:var(--color-primary);font-family:var(--body-font);font-size:var(--text-xxs);-webkit-font-smoothing:antialiased;line-height:1.3;overflow-x:clip}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}body:after{content:"";z-index:2000;border:var(--site-margin-outer) solid var(--color-primary);pointer-events:none;position:fixed;inset:0}img,picture,video,canvas,svg{max-width:100%;display:block}img,video{height:auto}input,button,textarea,select{font:inherit}a{color:inherit}h1,h2,h3{overflow-wrap:break-word;font-weight:400}h1{font-family:var(--alt-font);font-size:var(--headline-xxxl);text-transform:uppercase;line-height:.8em}h2{font-family:var(--heading-font);font-size:var(--headline-xxxxl);font-variation-settings:"wght" 500;text-transform:uppercase;line-height:.8em}h3{font-family:var(--heading-font);font-variation-settings:"wght" 400}.body-copy{font-family:var(--body-font);font-size:var(--text-xxs);line-height:1.3em}.pretitle{font-family:var(--heading-font);font-size:var(--text-xs);text-transform:uppercase;font-weight:700;line-height:1em}.marker-label{font-family:var(--heading-font);font-size:var(--marker-label-size);font-variation-settings:"wght" 700;text-align:center;line-height:.8em}@media (width<=768px){.body-copy{font-size:var(--text-s)}}@media (width>=1540px){.body-copy,.pretitle{font-size:var(--text-s)}}@media (width>=1920px){.body-copy{font-size:calc(var(--text-s) * 1.2)}.pretitle{font-size:var(--text-m)}}:focus-visible{outline:2px solid var(--color-tertiary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary)}.skip-to-main{top:var(--site-margin-outer);left:var(--site-margin-outer);z-index:10001;padding:var(--content-margin-sm) var(--content-margin);background:var(--color-tertiary);color:var(--color-primary);font-family:var(--heading-font);font-size:var(--text-s);text-transform:uppercase;font-weight:700;position:fixed;transform:translateY(-200%)}.skip-to-main:focus-visible{transform:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work-split{clip-path:inset(-50% -10% 0);vertical-align:top;display:inline-block}.work-split>span{display:inline-block}.masthead-home,.work-card-live,.work-card-view{position:relative}.masthead-home:after,.work-card-live:after,.work-card-view:after,.masthead-hit{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}