@font-face{font-family:NeueMontreal;src:url(/fonts/pp-neue-montreal-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:NeueMontreal;src:url(/fonts/pp-neue-montreal-medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--pad:2.13333vw;--gutter:2.13333vw;--span-1:14.1778vw;--span-2:30.4889vw;--span-3:46.8vw;--span-4:63.1111vw;--ink:#050505}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);text-transform:uppercase;background:#fff;margin:0;font-family:NeueMontreal,Arial,sans-serif;font-size:11px;font-weight:500;line-height:1.5}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;text-transform:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--pad);left:var(--pad);transform:translateY(calc(-100% - var(--pad) - 4px));background:#fff;padding:8px 10px;position:fixed}.skip-link:focus-visible{transform:translateY(0)}:where(a,button):focus-visible{outline-offset:3px;outline:2px solid}.site-header{z-index:30;padding:var(--pad);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.brand{width:var(--span-2)}.site-header nav{width:var(--span-4);justify-content:flex-start;align-items:center;gap:var(--gutter);display:flex}.site-header nav>*{width:var(--span-1);text-align:right}.site-header nav>.about-button{text-align:left}.site-header nav>:last-child{margin-left:var(--span-1)}.about-button{cursor:pointer;background:0 0;border:0;padding:0}.language-switch{white-space:nowrap;justify-content:flex-end;gap:3px;display:flex}.language-switch a{opacity:.6;padding:0}.language-switch a.is-active{opacity:1}footer{inset:auto var(--pad) var(--pad) auto;z-index:35;position:fixed}footer a:hover,.legal a:hover{text-decoration:underline}.about-overlay{z-index:25;padding:var(--pad);opacity:0;pointer-events:none;background:#ffffffe6;align-items:center;display:flex;position:fixed;inset:0}.about-content{text-transform:none;gap:40px;width:33.33%;margin-left:25%;line-height:1.1;display:grid;position:relative}.about-close{cursor:pointer;text-transform:uppercase;background:0 0;border:0;padding:0;position:absolute;top:0;right:0}.about-content h2{font-size:inherit;text-transform:uppercase;margin:0}.about-content p{opacity:.5;width:75%;margin:0}.about-content>a,.about-content>div{opacity:.5}.about-content>div{gap:var(--gutter);text-transform:uppercase;margin-top:40px;display:flex}.about-content>div a{width:25%}.portfolio,.playground-page{height:100svh;position:relative;overflow:hidden}.portfolio-canvas,.playground-canvas{z-index:1;position:fixed;inset:0}.playground-canvas{pointer-events:auto}.portfolio-canvas canvas,.playground-canvas canvas{width:100%;height:100%;display:block}.portfolio-canvas canvas{cursor:default}.playground-canvas canvas{cursor:grab}.playground-mobile-grid{display:none}.mode-switch{z-index:40;top:var(--pad);gap:16px;display:flex;position:fixed;left:17.15%}.mode-switch button{cursor:pointer;opacity:.3;background:0 0;border:0;padding:0}.mode-switch .active{opacity:1}.portfolio.intro-pending .mode-switch,.portfolio.intro-pending .project-list,.portfolio.intro-pending .crosshair{opacity:0;pointer-events:none}.portfolio button:disabled{cursor:default;pointer-events:none}.project-list{z-index:5;pointer-events:none;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;align-items:center;display:grid;position:absolute;inset:16% 0 10%}.project-list button{color:#050505;cursor:pointer;pointer-events:auto;text-align:left;background:0 0;border:0;gap:50%;width:33.33%;padding:0;display:flex}.project-list b{white-space:nowrap;font-weight:500}.portfolio.slider .project-list{pointer-events:none}.crosshair{z-index:20;pointer-events:none;mix-blend-mode:difference;width:0;height:0;position:fixed;top:50%;left:50%}.crosshair .pixel-outline,.crosshair button,.crosshair .pixel-fill{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.crosshair .pixel-outline{border:1px solid #fff;width:10px;height:10px}.crosshair button{cursor:pointer;pointer-events:auto;background:0 0;border:0;width:20px;height:20px;padding:0;display:block}.crosshair .pixel-fill{clip-path:inset(100%);background:#fff;width:10px;height:10px}.crosshair p{color:#fff;white-space:nowrap;margin:0;padding-left:16px;line-height:1;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(-50%)}.crosshair p span{display:block}.home-loader{z-index:90;transform-origin:top;border:1px solid #000;width:8px;height:8px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.home-loader span{transform-origin:bottom;background:#000;width:100%;height:100%;display:block;transform:scaleY(0)}.playground-loader{z-index:90;transform-origin:top;border:1px solid #000;width:8px;height:8px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.playground-loader span{transform-origin:bottom;background:#000;width:100%;height:100%;display:block;transform:scaleY(0)}.playground-pixel{z-index:5;pointer-events:none;mix-blend-mode:difference;width:8px;height:8px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.pixel-outline,.pixel-fill{border:1px solid #fff;position:absolute;inset:0}.pixel-fill{clip-path:inset(100% 0 0);background:#fff;border:0}.playground-pixel p{color:#fff;transform-origin:0;white-space:nowrap;margin:0;line-height:1;position:absolute;top:50%;left:calc(100% + 8px);overflow:hidden;transform:translateY(-50%)rotate(-90deg)}.playground-pixel span{display:block;transform:translateY(100%)}.movement{z-index:5;opacity:0;text-align:left;align-items:center;gap:32px;display:flex;position:fixed;bottom:5%;left:50%;transform:translate(-50%)}.movement svg{opacity:.2;flex:none}.movement p{opacity:.2;margin:0}.project-page{text-transform:uppercase;min-height:100svh;padding:0}.project-content{width:calc(var(--span-4) + var(--span-3) + var(--gutter));margin-left:calc(var(--span-2) + var(--gutter) * 2);padding:10vh 0}.project-intro{gap:var(--gutter);color:#000;text-transform:none;margin:0;line-height:1.1;display:flex}.project-intro>div:first-child{width:var(--span-4);flex-direction:column;gap:16px;display:flex}.project-intro>div:nth-child(2){width:var(--span-2);flex-direction:column;gap:16px;display:flex}.project-intro>div:last-child{width:var(--span-1)}.project-intro h1,.project-intro h2{width:100%;font:inherit;text-transform:uppercase;margin:0;font-weight:500}.project-intro p,.project-intro ul{width:var(--span-2);opacity:.6;max-width:none;margin:0;font-weight:400}.project-intro ul{text-transform:uppercase;padding:0;list-style:none}.project-link{text-underline-offset:1px;align-items:center;width:100%;text-decoration:underline;display:flex}.project-media{gap:var(--gutter);flex-direction:column;width:100%;margin:8vh 0 0;display:flex}.project-wide,.project-panorama{width:100%;position:relative;overflow:hidden}.project-wide{aspect-ratio:16/9}.project-panorama{aspect-ratio:1.846;background:#999}.project-wide>img,.project-panorama>video{object-fit:cover;width:100%;height:100%;display:block}.two-up{width:100%;margin:calc(var(--span-2) + var(--gutter)) 0;gap:var(--gutter);display:flex}.two-up.is-left{justify-content:flex-start}.two-up.is-right{justify-content:flex-end}.two-up>img,.two-up>video{width:var(--span-3);aspect-ratio:11/16;object-fit:cover;background:#111}.project-media-nav{z-index:20;top:50%;right:calc(var(--pad) + var(--span-1));width:var(--span-1);position:fixed;transform:translateY(-50%)}.project-media-nav>div{gap:var(--gutter);flex-direction:column;width:60%;margin:0 auto;display:flex}.project-media-nav a{aspect-ratio:16/9;opacity:.55;transition:opacity .3s;display:block;position:relative;overflow:hidden}.project-media-nav a:hover,.project-media-nav a.is-active{opacity:1}.project-media-nav a.is-active:after{content:"";pointer-events:none;border:1px solid #000;position:absolute;inset:-8%}.project-media-nav img{object-fit:cover;width:100%;height:100%}.project-edge-blur{z-index:50;opacity:0;pointer-events:none;background:#000;width:100%;height:100svh;position:fixed;inset:0}.project-edge-cursor{z-index:51;pointer-events:none;opacity:0;display:flex;position:fixed}.project-edge-cursor p{color:#000;white-space:nowrap;margin:0;font-weight:500}.project-edge-previous{top:var(--pad);left:calc(var(--span-2) + var(--gutter) * 2)}.project-edge-previous p{--edge-progress:0%;background:linear-gradient(to right, #000 0%, #000 var(--edge-progress), #828282 var(--edge-progress), #828282 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-edge-next{align-items:center;height:18vh;margin:auto;bottom:0;left:0;right:0}.project-edge-next p{width:var(--span-1);margin-left:calc(var(--span-2) + var(--gutter) * 2)}.project-edge-next i{width:calc(var(--span-4) + var(--span-1) + var(--gutter));height:2px;margin-left:calc(var(--span-1) + var(--gutter));background:#0003;display:block}.project-edge-next i span{background:#000;width:0;height:100%;display:block}@media (min-width:768px){:root{--pad:1.04167vw;--gutter:1.04167vw;--span-1:7.20486vw;--span-2:15.4514vw;--span-3:23.6979vw;--span-4:31.9444vw}.project-list{padding:0 calc(var(--span-1) + var(--gutter) * 2);justify-content:space-between;align-items:stretch;display:flex;inset:15% 0 13%}.project-column{width:calc(var(--span-1) + var(--gutter) + var(--span-2));grid-template-rows:repeat(6,1fr);height:100%;display:grid}.project-list .project-column button{justify-content:flex-start;align-self:center;gap:var(--gutter);text-align:left;width:100%}.project-list .project-column button span{width:var(--span-1)}.project-list .project-column button b{width:var(--span-2)}}@media (min-width:1024px){:root{--pad:.555556vw;--gutter:.555556vw;--span-1:7.73148vw;--span-2:16.0185vw;--span-3:24.3056vw;--span-4:32.5926vw}}@media (max-width:767px){.site-header nav{justify-content:space-between;gap:0;width:52%}.site-header nav>*{width:auto}.site-header nav>:last-child{margin-left:0}.site-header nav .about-button{display:none}.brand{width:auto}.about-overlay{align-items:flex-end}.about-content{width:100%;margin:0 0 12px}.about-content p{width:100%}.about-content>div{grid-template-columns:2fr 1fr 1fr;margin-top:0;display:grid}.about-content>div a{width:auto}.playground-canvas,.mode-switch,.project-list{display:none}.playground-page{height:auto;min-height:100svh;overflow:visible}.playground-mobile-grid{min-height:100svh;padding:36px var(--pad);gap:calc(var(--gutter) + 16px) var(--gutter);opacity:0;flex-wrap:wrap;transition:opacity .5s;display:flex}.playground-mobile-grid.is-visible{opacity:1}.playground-mobile-grid img,.playground-mobile-grid video{width:var(--span-3);object-fit:cover;height:auto;display:block}.crosshair button{background:0 0;border:1px solid #fff;width:8px;height:8px}.crosshair span,.movement,.playground-pixel{display:none}.project-content{width:auto;padding:10vh var(--pad);margin:0}.project-intro{gap:50px var(--gutter);grid-template-columns:1fr 1fr;display:grid}.project-intro>div:first-child{grid-column:1/-1;width:100%}.project-intro>div:nth-child(2),.project-intro>div:last-child,.project-intro p,.project-intro ul{width:100%}.project-link{justify-content:flex-end}.project-media{margin-top:58px}.two-up{gap:var(--gutter);flex-direction:column;margin:0}.two-up>img,.two-up>video{width:100%}.project-media-nav,.project-edge-blur,.project-edge-cursor{display:none}}