@font-face{font-family:NeueMontreal-Light;src:url(/fonts/NeueMontreal-Light.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}[data-theme=dark]{--background-color: black;--background-color-invert: white;--font-color: white;--link: #999999}[data-theme=light]{--background-color: white;--background-color-invert: black;--font-color: black;--link: #6b6b6b}:root{background-color:var(--background-color);color:var(--font-color);--background-color-svg: white;color-scheme:dark light;--base-font-size: 16px;--base-line-height: 1.5;--font-size-cursor: clamp(.75rem, .7vw, 1.875rem);--font-size-button: clamp(1rem, .9vw, 2.5rem);--line-height-button: clamp(1rem, .9vw, 2.5rem);--font-size-xs: clamp(.85rem, .8vw, 2.125rem);--font-size-p: clamp(1rem, .9vw, 2.5rem);--line-height-p: clamp(1.5rem, 1.4vw, 3.75rem);--font-size-small: clamp(1rem, .9vw, 2.5rem);--line-height-small: clamp(1.5rem, 1.4vw, 3.75rem);--font-size-medium: clamp(1.5rem, 1.4vw, 3.75rem);--line-height-medium: clamp(1.5rem, 1.4vw, 3.75rem);--font-size-large: clamp(2rem, 1.8vw, 5rem);--line-height-large: clamp(2.5rem, 2.3vw, 6.25rem);--font-size-xl: clamp(2.5rem, 2.3vw, 6.25rem);--line-height-xl: clamp(3.5rem, 3.2vw, 8.75rem);--letter-spacing-small: clamp(.06rem, .05vw, .15rem);--letter-spacing-medium: clamp(.25rem, .23vw, .625rem);--letter-spacing-large: clamp(.4rem, .37vw, 1rem);--spacing-border-bottom: clamp(.4rem, .37vw, 1rem);--spacing-vertical-xs: clamp(1rem, 2dvh, 2.5rem);--spacing-vertical-small: clamp(2rem, 4dvh, 5rem);--spacing-vertical-medium: clamp(3rem, 6dvh, 7.5rem);--spacing-vertical-large: clamp(6rem, 12dvh, 15rem);--spacing-horizontal-large: clamp(8%, 12%, 20%);--gap-small: clamp(.6rem, 1.2vw, 2.4rem);--gap-medium: clamp(1rem, 1.8vw, 5rem);--gap-large: clamp(2rem, 3.7vw, 10rem);--logo-height: clamp(1.5em, 1.8vw, 5rem);--header-height: clamp(4rem, 8dvh, 8rem);--heading-top-spacing: clamp(4rem, 8dvh, 8rem);--address-bar-height: 0px}*{box-sizing:border-box;padding:0;margin:0;cursor:none;-webkit-appearance:none}html{height:100%;-ms-overflow-style:none;scrollbar-width:none}html.address-bar-visible{--address-bar-height: 44px}body{max-height:100dvh;min-width:100vw;font-family:NeueMontreal-Light;font-weight:lighter;background-color:var(--background-color);color:var(--font-color);position:relative;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}ul{list-style:none}main{position:relative}section{height:calc(100dvh - var(--address-bar-height));width:100%;padding:0 var(--spacing-horizontal-large)}.lowercase{text-transform:lowercase}.flex{display:flex}.flex-start{display:flex;align-items:flex-start}.flex-end{display:flex;align-items:flex-end}.relative{position:relative}.full-width{width:100%}h1{opacity:0;visibility:hidden;height:0;width:0}h2,nav ul li a{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-large);line-height:var(--line-height-xl);text-transform:uppercase;text-decoration:none}h2{white-space:pre}nav ul li a{color:var(--link)}a{font-size:var(--font-size-button)}a:hover,a.active{color:var(--font-color)}a:focus,a:focus:not(:focus-visible),a:focus-visible{outline:none;background:transparent}h3{font-size:var(--font-size-large);letter-spacing:var(--letter-spacing-medium);text-transform:uppercase;line-height:2rem}h4,p,button{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-medium);text-transform:uppercase}sup{font-size:var(--font-size-button);letter-spacing:var(--letter-spacing-medium);text-transform:uppercase}h5{font-family:NeueMontreal-Light;font-size:var(--font-size-small);line-height:var(--line-height-small)}button{font-family:NeueMontreal-Light;background:transparent;border:none;color:var(--font-color);font-size:var(--font-size-button);height:fit-content}p{letter-spacing:var(--letter-spacing-p);line-height:var(--line-height-p);text-transform:inherit}.uppercase{text-transform:uppercase;text-decoration:none;color:var(--font-color);letter-spacing:var(--letter-spacing-medium)}.loading-container{height:100vh;width:100%;position:fixed;top:0;overflow:hidden;background-color:var(--background-color);z-index:9999}.absolute-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;mix-blend-mode:difference;fill:var(--background-color-svg)}.row1,.row2{height:50%;background-color:var(--background-color-invert);width:100%;position:relative;z-index:999}.cursor{display:none}@media (any-pointer: fine){.cursor,.custom-cursor{position:fixed;top:0;left:0;display:block;pointer-events:none;z-index:9999;fill:#fff;mix-blend-mode:difference;will-change:transform;-webkit-will-change:transform;transform-style:preserve-3d;transform:translateZ(0);-webkit-transform:translateZ(0);outline:none}.dot{height:20px;width:20px;background-color:#fff;border-radius:50%;display:inline-block}.no-js .cursor{display:none}}circle{shape-rendering:geometricPrecision}#text,#text-form,#text-play,#text-pause,#text-filter{display:none;font-size:.75rem;letter-spacing:.2rem;font-family:NeueMontreal-Light;text-transform:uppercase;mix-blend-mode:difference}.scrollbar{position:fixed;bottom:0;z-index:9999999;background-color:var(--background-color-invert);height:.1rem;width:0}header{height:var(--header-height);width:100%;padding:0 var(--spacing-horizontal-large);background-color:var(--background-color);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:999;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;margin:0;will-change:transform}header nav{display:none;align-items:center}nav.open{height:100svh;width:100%;background-color:var(--background-color);position:absolute;left:0;top:0;z-index:-1;display:block}#themeToggle{position:absolute;right:var(--spacing-horizontal-large);bottom:var(--spacing-vertical-small)}nav ul{display:flex;flex-direction:column;position:absolute;margin:auto;top:0;left:var(--spacing-horizontal-large);bottom:0;right:auto;justify-content:center;gap:var(--gap-large)}header .logo{height:var(--logo-height);fill:var(--background-color-invert)}.heading{position:sticky;top:var(--heading-top-spacing);z-index:99;width:100%;padding:var(--heading-top-spacing) 0 var(--spacing-vertical-small);background-color:var(--background-color);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.heading br{display:contents}.heading.mobile{display:none}#home p{width:35ch;margin-top:calc(var(--spacing-vertical-large) * 2);z-index:1;opacity:1}.tab{position:relative;top:calc(var(--header-height) + var(--heading-top-spacing));width:100%;height:auto;min-height:62dvh;display:flex;flex-direction:column}button .border-bottom-row{clip-path:inset(0 100%);position:absolute;bottom:0;height:.05em;background-color:var(--background-color-invert);z-index:9;width:100%}.tab .row{display:contents}.tab button{width:100%;position:relative;font-size:var(--font-size-medium);letter-spacing:var(--letter-spacing-large);padding:var(--spacing-vertical-xs) 0;display:flex;justify-content:space-between;align-items:center}.tab .tab-area{width:100%;height:0;opacity:0}.tab .tab-area .content{display:flex;justify-content:space-between;gap:var(--gap-medium);padding:var(--spacing-vertical-xs) 0 var(--spacing-vertical-medium)}.tab .tab-area .content .col-1{width:100%;display:flex;flex-direction:column;gap:calc(var(--spacing-vertical-small) / 2)}.tab button .button-text-svg{width:1.2rem}.tab button .button-text-svg .cls-1{fill:none;stroke:var(--background-color-invert);stroke-miterlimit:10;stroke-width:.2rem}.cls-1.angle-top,.cls-1.angle-bottom{clip-path:inset(100% 0%);display:none}.tab button:hover .button-text{font-style:italic}h3.button-text{line-height:normal}.tab .absolute{position:absolute;z-index:1}.col-1 h4{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.col-1 ul{display:flex;flex-direction:column}#please-wait{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.controls{height:fit-content;display:flex;gap:var(--gap-small);position:relative;z-index:9;margin-left:auto;top:1.75rem}.slideshow{position:relative;margin-top:calc(var(--header-height) + var(--spacing-vertical-medium))}.slideshow a{height:-webkit-fill-available;width:-webkit-fill-available;position:absolute}.slides-container{position:relative;display:flex;flex:1;aspect-ratio:16 / 9;max-width:100%;max-height:62svh;margin:auto}.slide{position:absolute;font-size:90px;font-weight:700;color:var(--font-color);height:100%;width:100%;display:none}.slide.active{z-index:1;display:block;background:var(--background-color)}.slider{position:relative;width:100%;height:100%}.slider-absolute{position:absolute;width:100%;height:100%}.slider video{height:100%;width:100%;object-fit:cover;object-position:top}.border-top,.border-right,.border-bottom,.border-left{position:absolute;background-color:var(--background-color-invert);z-index:9;pointer-events:none}.border-top{top:0;left:0;width:100%;height:.1rem}.border-right{top:0;right:0;width:.1rem;height:100%}.border-bottom{bottom:0;left:0;width:100%;height:.1rem}.border-left{top:0;left:0;width:.1rem;height:100%}.slide{position:absolute;font-size:90px;font-weight:700;color:var(--font-color);height:100%;width:100%}.slides-inner{position:relative;height:100%;width:100%;overflow:hidden}.slide .project-info .align-items .project-info .tags{clip-path:inset(0% 0%)}.project-info{width:100%;position:absolute;display:flex;flex-direction:column;top:calc(var(--spacing-vertical-xs) + 100%);gap:calc(var(--gap-small) / 2)}.project-info h3{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}.title-tooltip{position:absolute;pointer-events:none;color:var(--font-color);mix-blend-mode:difference;white-space:nowrap;display:none;z-index:10;transform:translate(-50%,-50%)}h2.title-tooltip{font-size:var(--font-size-medium);line-height:var(--line-height-medium)}p.title-tooltip{font-size:var(--font-size-button);text-transform:uppercase;margin-top:2rem}.project-info .align-items{display:flex;align-items:flex-end;gap:var(--gap-small)}.project-info h4{font-size:var(--font-size-small);text-transform:uppercase;color:var(--font-color)}.project-info h5{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--font-color)}.project-info .tags{display:flex;gap:calc(var(--gap-small) / 2);clip-path:inset(100% 0%)}.project-info-bottom .tags{display:flex;gap:calc(var(--gap-small) / 2);text-transform:uppercase}.project-info-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0;background-color:var(--background-color);padding:var(--spacing-vertical-small) var(--spacing-horizontal-large);z-index:2}.project-info-bottom .align-items-flex-center{display:flex;align-items:center;justify-content:space-between;line-height:3.2rem;gap:var(--gap-small)}.flex-end .small-gap button{line-height:2rem}.heading-link{font-size:var(--font-size-button);line-height:var(--line-height-button);text-transform:uppercase;text-decoration:none;height:fit-content;position:relative;top:1.75rem;color:var(--font-color)}.small-gap{display:flex;gap:var(--gap-small)}sup{display:inline-block;text-align:center;letter-spacing:.2rem;width:1.5rem}#slash{width:auto}footer{position:absolute;bottom:0;padding:var(--spacing-vertical-small) var(--spacing-horizontal-large);width:100%;left:0;background-color:var(--background-color);z-index:2}footer ul{display:flex;justify-content:space-between;gap:4rem}footer ul li a{color:var(--font-color);text-decoration:none;text-transform:uppercase}form,form label{display:flex;flex-direction:column}form{position:relative;top:calc(var(--header-height) + var(--spacing-vertical-medium));width:22.5rem;gap:var(--gap-medium)}form label{width:22.5rem;gap:calc(var(--gap-small) / 2);text-transform:uppercase;letter-spacing:.2rem;font-size:var(--font-size-button);line-height:var(--line-height-button)}textarea,input{outline:none;border:none;background:transparent;padding-bottom:.4rem;font-size:inherit}textarea.border-bottom,input.textarea{position:absolute;bottom:0;width:100%;height:.1rem;z-index:9;background-color:var(--background-color)}form .relative .flex-column{gap:var(--gap-small)}textarea{resize:none;padding-top:calc(var(--gap-small) / 2);-ms-overflow-style:none;scrollbar-width:none}textarea::-webkit-scrollbar{display:none}form button{width:fit-content}footer ul li a{font-size:var(--font-size-button);line-height:var(--line-height-button)}mux-player{max-height:60svh;aspect-ratio:16 / 9;--controls: none;clip-path:inset(100% 0%)}.tab{position:relative;top:var(--heading-top-spacing);width:100%;height:62%;display:flex;flex-direction:column}@media only screen and (max-width: 568px){.heading.desktop{display:none}.heading.mobile{display:block}}@media only screen and (max-width: 568px){:root{--font-size-button: .875rem;--line-height-button: 1.25rem;--font-size-xs: .75rem;--line-height-xs: 1rem;--font-size-p: .875rem;--line-height-p: 1.375rem;--font-size-small: .875rem;--line-height-small: 1.25rem;--font-size-medium: 1.125rem;--line-height-medium: 1.5rem;--font-size-large: 1.5rem;--line-height-large: 2rem;--font-size-xl: 2rem;--line-height-xl: 2.5rem;--spacing-horizontal-large: 8%;--logo-height: 1.75em;--gap-small: .5rem;--gap-medium: 1.5rem;--gap-large: 2rem}.tab{top:calc(var(--heading-top-spacing) * 2)}}@media only screen and (max-width: 375px){:root{--font-size-button: .75rem;--line-height-button: 1rem;--font-size-xs: .675rem;--line-height-xs: .875rem;--font-size-p: .75rem;--line-height-p: 1.25rem;--font-size-small: .75rem;--line-height-small: 1.125rem;--font-size-medium: 1rem;--line-height-medium: 1.375rem;--font-size-large: 1.25rem;--line-height-large: 1.75rem;--font-size-xl: 1.75rem;--line-height-xl: 2.25rem;--spacing-vertical-small: 1.5em;--spacing-vertical-large: 5em;--logo-height: 1.5em}}@media only screen and (max-device-width: 1024px) and (max-device-height: 440px) and (orientation: landscape){:root{--font-size-button: .75rem;--line-height-button: 1rem;--font-size-xs: .675rem;--line-height-xs: .875rem;--font-size-small: .75rem;--line-height-small: 1.125rem;--font-size-medium: 1rem;--line-height-medium: 1.375rem;--font-size-large: 1.25rem;--line-height-large: 1.75rem;--font-size-xl: 1.5rem;--line-height-xl: 2rem;--spacing-vertical-small: 1.25em;--spacing-vertical-large: 4em;--spacing-horizontal-large: 20%;--logo-height: 1.5em}}@media only screen and (max-width: 768px){.heading{position:-webkit-sticky;position:sticky;z-index:98;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);padding:calc(var(--heading-top-spacing) * .75) 0 var(--spacing-vertical-small);margin-bottom:0}section:first-of-type .heading{top:calc(var(--header-height) + var(--spacing-vertical-small))}}@supports (-webkit-touch-callout: none){.heading{position:-webkit-sticky;-webkit-transform:translateZ(0);overscroll-behavior-y:none}}#projects .heading{position:sticky;top:var(--heading-top-spacing);z-index:99;width:100%;padding:var(--heading-top-spacing) 0 var(--spacing-vertical-small);background-color:var(--background-color);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.project-info-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0;background-color:var(--background-color);padding:var(--spacing-vertical-small) var(--spacing-horizontal-large);z-index:2;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}@media only screen and (max-width: 768px){#projects .heading,.project-info-bottom{position:-webkit-sticky;position:sticky;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}#projects .heading{z-index:98;padding:calc(var(--heading-top-spacing) * .75) 0 var(--spacing-vertical-small);margin-bottom:0}.project-info-bottom{z-index:97;padding:calc(var(--spacing-vertical-small) * .75) var(--spacing-horizontal-large)}.project-page .heading{top:calc(var(--header-height) + var(--spacing-vertical-small))}}@supports (-webkit-touch-callout: none){#projects .heading,.project-info-bottom{position:-webkit-sticky;-webkit-transform:translateZ(0);overscroll-behavior-y:none}}.tag-button[aria-pressed=true]{color:var(--font-color);font-weight:700}.tag-button{background:none;border:none;color:var(--link);font-size:var(--font-size-button);line-height:var(--line-height-button);text-transform:uppercase;cursor:pointer;padding:.25rem .5rem;transition:color .3s ease}.tag-button:hover{color:var(--font-color)}