:root{--color--background:var(--swatch--dark-bg);--color--text:var(--swatch--ts-pink);--color--text-hover:var(--swatch--ts-pink-hover);--light--background:var(--swatch--light-bg);--site--margin:1.14rem;--site--shrink-max:26rem;--site--opacity-default:70%;--site--opacity-hover:85%;--swatch--ts-pink-hover:#ff3a70;--swatch--ts-pink:#f06;--container--main:0px;--site--grow-max:30rem;--site--project-list-gap:calc(var(--site--margin)*1.618);--swatch--empty-project-frame:#1b1b1b;--dark--text-hover:var(--swatch--ts-pink-hover);--swatch--light-bg:#fcfcfc;--swatch--playback-bg:#0c0c0c;--light--text:var(--swatch--ts-black);--light--text-hover:var(--swatch--ts-pink);--dark--text:var(--swatch--ts-pink);--dark--background:var(--swatch--dark-bg);--swatch--dark-bg:#000;--tile--tile-width:20rem;--tile--tile-gap:calc(var(--site--margin)*1.618*2);--site--width:67rem;--container--full:0px;--site--nav-gap:5rem;--site--modal-top:4.45rem;--swatch--ts-black:#050505;--swatch--ts-black-hover:gray;--swatch--gradient-fade-start:color-mix(in srgb,var(--light--background)85%,transparent)}body{background-color:var(--color--background);color:var(--color--text);margin:0;padding:0;font-family:mundial,sans-serif;font-size:1rem;font-weight:300;line-height:1.55}h1{margin-top:0;margin-bottom:.3em;font-size:clamp(2.25rem,5vw,4rem);font-weight:400;line-height:1.18}h2{margin-top:1.4em;margin-bottom:.3em;font-size:clamp(1.625rem,3.2vw,2.5rem);font-weight:400;line-height:1.25}h3{margin-top:1.3em;margin-bottom:.3em;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;line-height:1.35}h4{margin-top:1.2em;margin-bottom:.3em;font-size:clamp(1.125rem,1.4vw,1.25rem);font-weight:400;line-height:1.4}h5{margin-top:1em;margin-bottom:.3em;font-weight:400;line-height:1.45}h6{margin-top:.8em;margin-bottom:.25em;font-size:.875rem;font-weight:400;line-height:1.4}p{text-wrap:pretty;margin-bottom:1em}a{color:var(--color--text);text-decoration:underline}a:hover{color:var(--color--text-hover);text-decoration:none}ul{margin-top:-1em;margin-bottom:1em;padding-left:1em}img{max-width:100%;display:inline-block}strong{font-weight:600}blockquote{border-left:5px solid #e2e2e2;margin-bottom:10px;padding:10px 20px;font-weight:200;line-height:1.55}figcaption{opacity:.65;text-align:left;margin-top:5px}.embed{display:none}.u-container{max-width:var(--container--main);flex-flow:column;justify-content:center;align-items:flex-start;width:100%;margin-left:auto;margin-right:auto;display:flex}.u-container.is--center{grid-column-gap:.5rem;grid-row-gap:.5rem;flex-flow:column;justify-content:center;align-items:center;width:100lvh;height:100lvh;display:flex;position:relative}.u-container.is--top{grid-column-gap:.5rem;grid-row-gap:.5rem;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100svw;margin-top:10rem;display:flex;position:relative}.u-container.is-project{padding-top:.5rem}.exit-button{z-index:1000;margin-top:var(--site--margin);margin-right:var(--site--margin);color:var(--swatch--ts-pink);width:clamp(2rem,2vw + 1.5rem,2.5rem);height:clamp(2rem,2vw + 1.5rem,2.5rem);position:fixed;inset:0% 0% auto auto}.exit-button:hover{color:var(--dark--text-hover)}.white-bg-wrapper{background-color:var(--light--background);min-height:100vh}.h1{flex-flow:wrap;align-self:stretch;margin-bottom:.2em;display:flex}.by{margin-bottom:-1em}.projectsite-info-container{margin-top:calc(var(--site--project-list-gap)*1.618);flex-flow:wrap;justify-content:space-between;align-self:stretch;display:flex}.overview{padding-right:calc(var(--site--project-list-gap)*1.618);margin-bottom:calc(var(--site--project-list-gap)*1.618);flex-flow:column;flex:1;justify-content:flex-start;align-items:flex-start;min-width:12.5rem;display:flex}.projectsite-info{margin-bottom:calc(var(--site--project-list-gap)*1.618);flex:1;align-self:flex-start;min-width:66.66%}.span-overview{white-space:normal;align-self:baseline}.role{margin-top:calc(var(--site--project-list-gap)*1.618)}.project-body{background-color:var(--swatch--playback-bg)}@media screen and (max-width:991px){.nav-link-left{position:static}.project-text.is--info{overflow:hidden}.video-title{grid-auto-columns:1fr}}@media screen and (max-width:767px){.work-center-test{display:none}}@media screen and (max-width:479px){.span{font-size:clamp(.875rem,3vw,1.25rem)}}