:root{--bg: #000;--fg: #ededed;--grey: #8a8a8a;--grey2: #5a5a5a;--line: #262626;--ov: #101010;--c1: 17.143%;--c2: 40%;--hd: 130px;--font: "neue-haas-grotesk-text", "neue-haas-grotesk-display", "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:var(--bg);color:var(--fg);font:400 12px/17px var(--font);-webkit-font-smoothing:antialiased}body.noscroll{overflow:hidden}a{color:inherit;text-decoration:none;transition:color 125ms}a:hover,a[aria-current]{color:var(--grey)}h1,h2,h3,h4,p,ul,figure,dl,dd{margin:0;padding:0;font:inherit}ul{list-style:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:hover{opacity:.4}img,video{display:block;max-width:100%}::selection{background:#fff;color:#000}.g{color:var(--grey)}main{animation:pgfade .9s ease-in-out both}@keyframes pgfade{0%{opacity:0}to{opacity:1}}.hd{position:relative;z-index:10;height:var(--hd);display:grid;grid-template-columns:var(--c1) calc(var(--c2) - var(--c1)) 1fr}.hd>div{padding:30px 20px}.pg-index .hd{border-bottom:1px solid var(--line)}.pg-index .hd-nav,.pg-index .hd-contact{border-right:1px solid var(--line)}.pg-home .hd,.pg-project .hd{position:absolute;left:0;right:0;top:0}.hd-contact a{display:block;color:var(--grey)}.hd-contact a:hover{color:var(--fg)}.hd-contact span a{display:inline;margin-right:12px}.hd-logo{display:flex;justify-content:center;mix-blend-mode:difference}.hd-logo .lockup{display:flex;align-items:center;gap:14px}.hd-logo img{height:34px;width:auto}.hd-menu{display:none}.fixbar{position:fixed;z-index:40;top:0;left:0;right:0;height:60px;padding:20px;display:flex;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--line);transform:translateY(-101%);transition:transform .45s}.fixbar.show{transform:none}.fixbar span a{margin-left:24px}.ov{position:fixed;inset:0;z-index:999;background:var(--ov);opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;display:grid;grid-template-columns:33.333% 16.667% 16.667% 1fr;overflow:hidden}.ov.on{opacity:1;visibility:visible}.ov>*{padding:30px 20px}.ov-col{border-left:1px solid var(--line);height:100%}.ov h3{color:var(--grey);margin-bottom:50px}.ov-list li{margin-bottom:50px}.ov-list a{display:block}.ov-list a span{display:block;transition:color .55s}.ov-list a:hover,.ov-list a:hover span,.ov-list a:hover .g{color:var(--grey2)}.ov-list .g{color:var(--grey)}.ov-tight li{margin-bottom:0}.ov-left{position:relative}.ov-prev{position:absolute;left:25px;bottom:35px;width:400px;max-width:calc(100% - 50px);aspect-ratio:4 / 3;object-fit:cover;opacity:0;transition:opacity .3s;pointer-events:none}.ov-prev.on{opacity:1}.ov-close{position:absolute;right:20px;top:30px;padding:0}.fig{display:block;margin-bottom:50px}.fig[hidden]{display:none}.fig .media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:#0d0d0d;margin-bottom:10px}.fig .media img,.fig .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fig .media video{opacity:0;transition:opacity .4s}.fig .media video.on{opacity:1}.fig h4{color:var(--fg);transition:color 125ms}.fig h4.g,.fig:hover h4{color:var(--grey)}.zoom img,.zoom video{transform:scale(1);transition:transform .4s ease-out,opacity .4s ease-out}@media (min-width: 600px){.fig:hover .zoom img{transform:scale(1.1);opacity:.4}.fig:hover .zoom video{opacity:.4!important;transform:scale(1.1)}}.home{display:grid;grid-template-columns:50% 50%;align-items:start}.home-left{position:relative;min-height:100vh;background:linear-gradient(var(--line),var(--line)) calc(34.286% - 1px) 0 / 1px 100% no-repeat}.home-cols{margin-top:50vh;border-top:1px solid var(--line);display:grid;grid-template-columns:34.286% 1fr}.hc-figs{padding:30px 20px 10px}.hc-h{margin-bottom:50px}.hc-figs .fig{width:80%}.home-visual{position:sticky;top:0;height:100vh;overflow:hidden;background:#141414}.home-visual video{position:absolute;left:0;bottom:50vh;width:100%;height:calc(50vh - 80px);object-fit:cover}.home-visual:before{content:"";position:absolute;left:0;right:0;top:50vh;height:1px;background:var(--line);z-index:1}.hv-link{position:absolute;left:0;right:0;top:0;height:50vh;z-index:1}.hv-play{position:absolute;z-index:2;left:20px;top:calc(50vh + 30px);color:var(--grey)}.hv-play:hover{color:var(--fg)}.more{display:block;margin-top:10px}.tbl{border-top:1px solid var(--line);padding-bottom:50px}.tbl-h{height:77px;padding:30px 20px 0}.tr{display:grid;grid-template-columns:247px 300px 300px;padding:10px 20px;border-top:1px solid var(--line)}.tr.th{padding-top:10px}a.tr:hover{color:var(--grey)}a.tr:last-child{border-bottom:1px solid var(--line)}.ft{height:var(--hd);border-top:1px solid var(--line);display:grid;grid-template-columns:var(--c1) calc(var(--c2) - var(--c1)) 1fr;color:var(--grey)}.ft>div{padding:30px 20px}.ft-c{text-align:right}.ft a:hover{color:var(--fg)}.cols3{display:grid;grid-template-columns:var(--c1) calc(var(--c2) - var(--c1)) 1fr;min-height:calc(100vh - var(--hd) * 2)}.cols3 .c1,.cols3 .c2{border-right:1px solid var(--line)}.cols3 .c2{padding:22px 20px 40px}.cols3 .txt{margin-top:35px}.cols3 .txt p{margin-bottom:17px}.cols3 .txt a{text-decoration:none}.filters{margin-top:35px}.filters button{display:block;color:var(--grey);text-align:left}.filters button[aria-pressed=true]{color:var(--fg)}.c3.idx{padding:20px 20px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;align-content:start}.info{padding:22px 20px}.info-row{margin-bottom:50px}.contact-img{background:#0d0d0d url(/hero/hero-poster.webp) center / cover no-repeat}.flowpage .c3{padding:20px}.proj{display:grid;grid-template-columns:33.333% 1fr;align-items:start}.pside{position:sticky;top:40px;margin-top:50vh;border-top:1px solid var(--line);max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none}.pside::-webkit-scrollbar{display:none}.prow{padding:30px 20px;border-bottom:1px solid var(--line)}.prow.r1{height:400px;display:flex;flex-direction:column;justify-content:space-between}.prow.r1 span{display:block}.prow p.g{margin-top:0}.prow p+p.g{margin-top:17px}.prow .prose{max-width:64%}.prow .prose p{margin-bottom:17px}.pmeta{margin-top:60px}.pmeta p+p.g{margin-top:17px}.prow.r3{border-bottom:0}.prow.r3 a{display:block;margin-bottom:17px}.prow.r3 span{display:block}.pmain{border-left:1px solid var(--line);padding:20px 20px 20px 0;min-height:100vh}.pmain .stack{width:78.2%;margin:0 0 40px auto}.pmain .stack video{width:100%;background:#0d0d0d}.pmain figcaption{margin-top:10px;color:var(--grey)}.embed{position:relative;aspect-ratio:16 / 9;background:#0d0d0d}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sec{display:grid;grid-template-columns:1fr var(--w, 78.2%);margin-bottom:0}.sec-label{grid-column:1;grid-row:1;padding-left:20px}.sec-body{grid-column:2;grid-row:1}.mrow{display:flex;gap:20px;margin-bottom:40px}.mrow figure{flex:var(--r) 1 0%;min-width:0}.mrow img{width:100%;height:auto;cursor:zoom-in;background:#0d0d0d;transition:opacity .4s ease-out}.mrow img:hover{opacity:.6}.wallbox{margin-left:20px}.sec{margin-bottom:40px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid2 .cell{margin:0;aspect-ratio:3 / 2;overflow:hidden;background:#0d0d0d;position:relative}.grid2 .cell img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:opacity .4s ease-out}.grid2 .cell img:hover{opacity:.6}.grid2 figcaption{position:absolute;left:10px;bottom:8px;color:#f3efe9}.fig.locked .empty{position:absolute;inset:0;display:flex;align-items:flex-end;padding:15px;color:var(--grey);border:1px solid var(--line)}.tr .nda{font-style:normal;color:var(--grey)}.reel-page{min-height:calc(100vh - var(--hd));display:grid;place-items:center;padding:20px}.reel-page .embed{width:min(100%,calc((100vh - var(--hd) - 40px) * 16 / 9))}.pg-reel .ft{display:none}.flow{position:relative}.flow .tile{position:absolute;left:0;top:0;margin:0;overflow:hidden;background:#0d0d0d;opacity:0;translate:0 24px;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1);will-change:opacity}.flow .tile.in{opacity:1;translate:0 0}.flow .tile img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .4s ease-out,opacity .4s ease-out}.flow .tile:hover img{transform:scale(1.1);opacity:.4}.flow .tile:after{content:attr(data-tag);position:absolute;left:10px;bottom:8px;color:#f3efe9;opacity:0;transition:opacity .25s;pointer-events:none}.flow .tile[data-tag]:hover:after{opacity:1}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.flow .tile{opacity:1;translate:0 0}}.lb{position:fixed;inset:0;z-index:1000;background:#000000f5;display:none;align-items:center;justify-content:center;padding:40px;cursor:zoom-out}.lb.on{display:flex}.lb img{max-width:100%;max-height:100%;object-fit:contain}.lb button{position:absolute;padding:20px}.lb .x{top:10px;right:10px}.lb .pv{left:10px;top:50%}.lb .nx{right:10px;top:50%}@media (max-width: 820px){.hd,.pg-home .hd,.pg-project .hd{position:relative;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 20px;border-bottom:1px solid var(--line)}.hd>div{padding:0}.hd-nav,.hd-contact{display:none}.hd-logo{order:-1}.hd-logo img{height:34px}.hd-menu{display:block}.fixbar{display:none}.ov{display:block;overflow-y:auto}.ov>*{padding:20px}.ov-left ul{margin-bottom:20px}.ov-prev{display:none}.ov-col{border-left:0;border-top:1px solid var(--line);height:auto}.ov h3,.ov-list li{margin-bottom:20px}.ov-tight li{margin-bottom:0}.ov-close{position:fixed;top:30px;right:20px;z-index:2}.home{display:flex;flex-direction:column-reverse}.home-left{min-height:0;background:none}.home-cols{margin-top:0;grid-template-columns:1fr;border-top:0}.hc-a{display:none}.hc-figs .fig{width:100%}.home-visual{position:relative;height:auto}.home-visual:before,.hv-link{display:none}.home-visual video{position:static;height:auto;aspect-ratio:16 / 9}.hv-play{position:static;display:block;padding:20px}.tr{grid-template-columns:1fr 1fr;padding-inline:20px}.tr span:nth-child(3){display:none}.ft{height:auto;display:block}.ft>div{padding:10px 20px}.ft-c{text-align:left;padding-bottom:20px!important}.cols3{display:block;min-height:0}.cols3 .c1{display:none}.cols3 .c2{border-right:0;border-bottom:1px solid var(--line)}.c3.idx{grid-template-columns:1fr}.contact-img{height:60svh}.proj{display:block}.pside{position:static;margin-top:0;max-height:none}.prow.r1{height:auto;gap:40px}.prow .prose{max-width:none}.pmain{border-left:0;padding:20px;min-height:0}.pmain .stack{width:100%}.sec{display:block;--w: 100%}.sec-label{padding:0 0 10px}.wallbox{margin-left:0}.mrow{flex-direction:column;gap:20px;margin-bottom:20px}.mrow figure{flex:none;width:100%}.grid2{grid-template-columns:1fr}}.nda-lock form{display:flex;gap:16px;margin:30px 0 10px;max-width:260px;border-bottom:1px solid var(--line)}.nda-lock input{flex:1;min-width:0;background:none;border:0;color:var(--fg);font:inherit;padding:6px 0;outline:none}.nda-lock input::placeholder{color:var(--grey2)}.nda-lock button{color:var(--fg)}.pg-home .hd,.pg-project .hd,.pg-home .hd>div,.pg-project .hd>div{pointer-events:none}.pg-home .hd a,.pg-project .hd a,.hd button{pointer-events:auto}
