@font-face{font-family:Scto Grotesk A;src:url(../assets/fonts/transfonter.org-20230415-172633/SctoGroteskA-Regular.woff2) format("woff2"),url(../assets/fonts/transfonter.org-20230415-172633/SctoGroteskA-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Scto Grotesk A;src:url(../assets/fonts/transfonter.org-20230415-172633/SctoGroteskA-Bold.woff2) format("woff2"),url(../assets/fonts/transfonter.org-20230415-172633/SctoGroteskA-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.fonts-fallback{--text-xs: var(--text-xs-fallback);--text-sm: var(--text-sm-fallback);--text-md: var(--text-md-fallback);--text-lg: var(--text-lg-fallback);--text-title: var(--text-title-fallback);--base-size: var(--base-size-fallback)}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--base-size: 11px;--text-xs: .95rem;--text-sm: 1.2rem;--text-md: 1.35rem;--text-lg: 1.52rem;--text-xl: 1.71rem;--text-title: 1.93rem;--text-display: 2.17rem;--text-xs-fallback: .563rem;--text-sm-fallback: 1.2rem;--text-md-fallback: 1.333rem;--text-lg-fallback: 1.777rem;--text-title-fallback: 2.369rem;--base-size-fallback: 10px;--font-normal: normal;--font-medium: normal;--font-semibold: bold;--font-bold: bold;--text-color: #f2f2f2;--bg-color: #000000;--border-color: rgba(242, 242, 242, .4);--border-stroke: .35px;--transition-opacity: opacity .2s ease;--invert-filter: none}*{margin:0;padding:0;box-sizing:border-box;font-family:Scto Grotesk A,Helvetica,sans-serif}html,body{width:100%;height:100%;margin:0;padding:0;font-size:var(--base-size);overflow:hidden;background-color:var(--bg-color);color:var(--text-color);-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex}a{color:var(--text-color);text-decoration:underline;transition:opacity .2s ease}a:hover{opacity:.75}a.external-link{color:var(--text-color);text-decoration:underline;font-weight:400}a.external-link:hover{opacity:.75}.color-inverted{--bg-color: #f2f2f2;--text-color: #000000;--invert-filter: invert(1)}.color-inverted .three-canvas{filter:var(--invert-filter)}.invert{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .3s ease-in-out;z-index:999999;pointer-events:none}.invert.show{opacity:1}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-title{font-size:var(--text-title)}.font-bold{font-weight:700}.hide{opacity:0!important;visibility:hidden!important;transition:opacity .5s ease-in-out}.button img,.button-close img{max-width:20px;position:relative;z-index:99;cursor:pointer}.button-close{margin-left:10vw}.button-next{align-self:center}.button{cursor:pointer;transition:opacity .22s ease-in;opacity:1}.button:hover{opacity:.65}.button-invert img{width:20px;object-fit:contain;display:block;align-self:center}::-webkit-scrollbar{display:none}html{scrollbar-width:none}.project-title{font-family:Scto Grotesk A,Helvetica,sans-serif;font-weight:700;font-size:var(--text-title);line-height:.9}.about-title{font-family:Scto Grotesk A,Helvetica,sans-serif;font-weight:700;font-size:var(--text-title);line-height:1.2}body,p,div,span,h1,h2,h3,h4,h5,h6{font-family:Scto Grotesk A,Helvetica,sans-serif;font-weight:400;line-height:15px}:root{--text-title: 1.333rem}body{line-height:1.5}.main-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;background-color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:10;position:relative}.three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto;transition:opacity .3s ease,pointer-events 0s linear .3s}.three-canvas.hide{opacity:0;pointer-events:none}.navbar{display:flex;justify-content:space-between;align-items:center;height:36px;margin:12px;flex-shrink:0;padding:0 10px;pointer-events:auto;z-index:3;transition:opacity .15s ease-in-out,visibility .4s ease-in-out,transform .4s ease-in-out}.navbar.navbar-hide{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-125%)}.navbar-name{font-size:var(--text-sm);color:var(--text-color);margin:0;padding:0;align-items:center;justify-content:flex-start;cursor:pointer}.navbar-center{position:absolute;left:50%;transform:translate(-50%);height:30px!important;width:30px!important;align-items:center;justify-content:center;background-color:#000;border-radius:50px;padding:0!important;cursor:pointer}#about-button{font-size:var(--text-sm)}#name{align-self:left}.navbar-right{align-items:center;gap:16px;padding-right:6px}.navbar-right>*{transition:opacity .2s ease-in-out}.navbar-name>*,#about-button,#index-button{margin-top:1.5px}.navbar-button{color:var(--text-color);margin:0;padding:0;display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.navbar-link{font-size:var(--text-md);text-decoration:underline;cursor:pointer}#name,#about-button{font-size:var(--text-sm);font-weight:700;line-height:1.2;display:flex;align-items:center;justify-content:center}.navbar>*{display:flex;background-color:#000;border-radius:50px;padding:10px;height:26px}.project-card{position:absolute;top:24px;right:24px;bottom:24px;left:24px;padding:24px;border-radius:24px;background-color:#202020;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;z-index:1000;transition:transform .35s ease-in-out;transform:translateY(110%);opacity:1;visibility:hidden;max-height:calc(100vh - 48px)}.project-card.show{transform:translateY(0);visibility:visible}.project-info{display:grid;grid-template-columns:.5fr .2fr .2fr 1fr .1fr;line-height:1.25;margin-bottom:24px;flex-shrink:0;gap:24px}.title-group{display:flex;flex-direction:column;justify-content:flex-start}.project-categories{font-size:var(--text-sm);color:var(--text-color);margin:1px 0 0;padding:0}.project-client,.project-year,.project-description{font-size:var(--text-sm);color:var(--text-color);margin:0;padding:0}.project-description>*{line-height:1.1;letter-spacing:.2px}.project-gallery{display:flex;justify-content:space-between;flex:1;width:100%;overflow:hidden;gap:10vw;position:relative;min-height:0}.slideshow-container{flex:1;height:auto;position:relative;overflow:hidden;min-height:0}.slideshow-container.desktop{display:flex}.slideshow-container.mobile{display:block}.slide-group{display:flex;width:100%;will-change:transform;transition:transform .3s ease-in-out}.slideshow-container.desktop .slide{flex:0 0 100%;width:100%;height:auto;display:flex;justify-content:flex-start;align-items:flex-start;overflow:hidden}.slide img{height:100%;object-position:left top;max-height:100%;border-radius:6px}.slide video{display:block;height:100%;object-position:left top;border-radius:6px;align-self:flex-start}.video-container{position:relative;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;cursor:pointer;overflow:hidden}.video-thumbnail{width:100%;height:auto;object-fit:contain;object-position:left top;border-radius:6px;transition:opacity .2s ease;max-height:100%}.video-container>video{display:block;width:100%;height:100%;max-height:100%;object-position:left top;border-radius:6px}.video-play-button{position:absolute;background-color:#000000b3;color:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#video-play-icon{position:absolute;left:14.25px}.video-container:hover .video-thumbnail{opacity:.9}.video-container:hover .video-play-button{background-color:#000c;transform:translate(-50%,-50%) scale(1.1)}.slide video::cue{display:none}.slide video[poster]{background-size:contain;background-position:left top;background-repeat:no-repeat}#blur{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;filter:saturate(0);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:5;pointer-events:none;transition:opacity .17s ease-in-out}#blur.hide{opacity:0;transition:opacity .1s ease-in-out,visibility 0s linear .1s;visibility:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}.view-toggle{cursor:pointer;color:var(--text-color);transition:opacity .2s ease-in-out;pointer-events:auto}.view-toggle:hover{opacity:.65}.index-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);z-index:2;overflow:hidden;padding:132px 32px 32px;box-sizing:border-box;transform:translate(-100%);transition:transform .32s ease-in-out;pointer-events:auto}.index-view.active{transform:translate(0)}.index-view-grid{display:grid;grid-template-columns:.8fr 1fr 1fr .5fr;gap:0;width:100%;color:var(--text-color);font-size:var(--text-sm);position:relative}.index-view-grid:first-child{border-top:var(--border-stroke) solid var(--border-color)}.index-view-item{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;cursor:pointer;border-bottom:var(--border-stroke) solid var(--border-color);min-height:30px;align-items:center;position:relative}.index-view-item .grid-title-group{display:flex;flex-direction:column}.index-view-item .grid-title{font-weight:var(--font-normal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);font-size:var(--text-sm);opacity:1;transition:var(--transition-opacity)}.index-view-item .grid-category,.index-view-item .grid-client{color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-normal);font-size:var(--text-sm);opacity:1;transition:var(--transition-opacity)}.index-view-item .grid-year{text-align:right;font-weight:var(--font-normal);color:var(--text-color);font-variant-numeric:tabular-nums;font-size:var(--text-sm);opacity:1;transition:var(--transition-opacity)}.index-view-item:hover .grid-title,.index-view-item:hover .grid-category,.index-view-item:hover .grid-client,.index-view-item:hover .grid-year{opacity:.4}.index-view-preview{position:fixed;width:20vw;max-width:20vw;background-color:var(--bg-color);border-radius:16px;overflow:hidden;z-index:1000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;transform:translate(-50%,-50%)}.index-view-preview img{width:100%;height:auto;display:block;object-fit:cover;border-radius:16px}.index-view-preview.show{opacity:1;visibility:visible}.about-card{position:absolute;width:500px;aspect-ratio:1.57 / 1;top:50%;left:50%;padding:20px;border-radius:12px;background-color:#202020;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;z-index:1000;transition:transform .35s ease-in-out,opacity .35s ease-in-out;transform:translate(-50%,110%) rotate(0);opacity:0;visibility:hidden}.about-card-title{margin-bottom:20px}.about-card.show{transform:translate(-50%,-50%) rotate(3deg);opacity:1;visibility:visible}.about-card-info{display:flex;flex-direction:column;justify-content:flex-start;height:100%;line-height:1.5;position:relative}.about-card .button-close{position:absolute;top:-16px;right:-16px;transform:translate(-50%,50%)}.about-card-description{flex-grow:1;text-align:left;overflow-y:auto}.navbar-bottom{position:fixed;height:30px;width:30px;bottom:12px;left:50%;transform:translate(-50%);margin:0;justify-content:center;z-index:1;transition:opacity .1s ease-in-out,visibility .4s ease-in-out,transform .4s ease-in-out}.navbar-bottom.navbar-hide{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(150%)}.navbar-center-bottom{display:flex;align-items:center;justify-content:center;background-color:#000;width:30px;border-radius:50px;height:30px;cursor:pointer}.button-material-toggle{display:flex;cursor:pointer;transition:transform .2s ease}.bottom-button{width:20px;height:20px;background-color:#fff;border-radius:50px}video::-webkit-media-controls{font-size:var(--text-sm)}video::-webkit-media-controls-panel{font-size:var(--text-sm)}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display{font-size:var(--text-sm)}video::-webkit-media-controls-overflow-button{display:none}video::-webkit-media-controls-picture-in-picture-button{display:none}video::-moz-media-controls{font-size:var(--text-sm)}video::-ms-media-controls{font-size:var(--text-sm)}.intro-fade{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:100;opacity:1;pointer-events:none}.intro-fade.fade-out{opacity:0;transition:opacity 1.55s cubic-bezier(.4,.1,.8,1)}.about-card-title{text-align:left;font-size:var(--text-title);color:var(--text-color);font-weight:600}.about-card-description{text-align:left;display:flex;flex-direction:column;gap:1.25rem}.about-card-links-grid{display:flex;gap:1.25rem;margin-top:auto}.about-card-column{flex:1;display:flex;flex-direction:column;gap:.1rem}#copyright-notice{text-align:center;color:#757575;margin-bottom:-14px;padding-top:1.25rem}.project-info-mobile{display:flex;flex-direction:column;width:100%;flex-shrink:0}.project-info-mobile .project-description{width:100%;flex-basis:auto;margin:0}.project-client-year{margin-bottom:16px}.project-gallery-mobile{flex:none;min-height:0;gap:18px;display:flex;flex-direction:column}.slideshow-container-mobile{position:relative;width:100%;height:auto;min-height:200px;overflow:hidden}.slide-mobile{position:relative;width:100%;height:auto;display:block}.slide-mobile:not(:first-child){position:absolute;top:0;left:0}.slide-mobile:first-child{position:relative}.button-next-mobile{position:absolute;bottom:16px;right:16px;top:auto;margin-top:0}.slide-transition{transition:transform .3s ease-out}.slide-transform-out{transform:translate(-100%)}.slide-transform-in{transform:translate(0)}.slide-transform-next{transform:translate(100%)}.slide-transform-prev{transform:translate(-100%)}.swipe-pull-current,.swipe-pull-next{transition:none}.project-info-mobile-layout{display:flex;flex-direction:column;gap:8px}.project-categories-mobile{width:100%;flex-basis:auto;margin-top:-2px}.project-title-mobile{transform:translateY(-4px);width:100%}@media screen and (max-width: 768px){html,body{overflow-x:hidden;width:100%;position:relative}.main-container{width:100vw;max-width:100%;overflow-x:hidden}.project-card{top:20px;right:20px;bottom:20px;left:20px;padding:20px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.title-group{margin-bottom:-6px}.project-title{transform:translateY(-4px);width:100%}.project-info{display:flex!important;flex-direction:column!important;gap:8px}.project-info-below{margin-top:20px}.project-categories{width:100%!important;flex-basis:auto;margin-top:-2px}.project-description{max-height:40vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:8px;margin-bottom:16px;line-height:1.4}.project-description::-webkit-scrollbar{width:4px}.project-description::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.project-description::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.project-description::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.button-close{position:absolute;top:16px;right:16px;margin-left:0!important}.button-next{position:absolute;bottom:16px;right:16px;z-index:100;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}#blur{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:#000000a6!important;z-index:10!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important}#blur.hide{opacity:0!important;visibility:hidden!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.project-gallery{flex:none;min-height:0;gap:0;display:flex!important;flex-direction:column!important;width:100%!important;overflow:hidden!important}.slideshow-container.mobile{position:relative!important;overflow:hidden!important;width:100%!important;height:auto!important;min-height:0!important}.slideshow-container.mobile .slide{width:100%!important;height:auto!important;display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;box-shadow:none!important;border-radius:0!important;margin:0!important;transition:transform .3s ease-in-out!important}.slideshow-container.desktop{overflow:hidden!important;display:flex!important;width:100%!important;height:auto!important;min-height:200px!important}.slideshow-container.desktop .slide-group{display:flex!important;width:100%!important;will-change:transform!important;transition:transform .3s ease-in-out!important}.slideshow-container.desktop .slide{flex:0 0 100%!important;width:100%!important;height:auto!important;min-height:200px;display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;box-shadow:none!important;border-radius:0!important;margin:0!important}.project-gallery .slide img{width:100%!important;height:auto!important;object-fit:contain!important;object-position:top left!important;max-height:70vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;border-radius:0!important}.slide video{width:100%!important;height:auto!important;max-height:70vh;object-fit:contain!important;object-position:left top!important;border-radius:0!important}.video-container{position:relative!important;width:100%!important;height:auto!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;cursor:pointer!important}.video-thumbnail{width:100%!important;height:auto!important;max-height:70vh;object-fit:contain!important;object-position:left top!important;border-radius:0!important;transition:opacity .2s ease!important}.video-container:active .video-thumbnail{opacity:.9!important}.video-container:active .video-play-button{background-color:#000c!important;transform:translate(-50%,-50%) scale(1.1)!important}.slide video[poster]{background-size:contain!important;background-position:left top!important;background-repeat:no-repeat!important}.about-card{width:90vw!important;max-width:400px!important;aspect-ratio:auto!important;padding:24px!important;top:50%!important;left:50%!important}.about-card-title{margin-bottom:24px!important;font-size:1.5rem!important}.about-card-description{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-right:8px!important;font-size:14px!important;line-height:1.6!important}.about-card-about{height:100%!important;display:flex!important;flex-direction:column!important}#links-grid{flex-direction:column!important}.about-card .external-link:hover{border-bottom-color:var(--text-color)!important}.about-card .button-close{top:0!important;right:0!important;transform:none!important}.about-card.show{transform:translate(-50%,-50%)!important;rotate:0deg!important}.about-card-description>div{margin-bottom:16px!important}.about-card-description>div:last-child{margin-bottom:0!important}#about-button:hover{opacity:1!important}.index-view{overflow-y:scroll;overflow-x:hidden;padding-top:68px}.index-view-grid{grid-template-columns:4fr 1fr}.index-view-preview{display:none}}