body,*{box-sizing:border-box}@property --index-mask-radius{syntax:"<length>";inherits:false;initial-value:75vmax}html,body,#root{width:100%;min-height:100%;margin:0;font-family:Helvetica Neue,Helvetica,sans-serif}body{background:#000}a{text-decoration:none}.nav-bar{z-index:4;color:#fff;pointer-events:auto;width:100dvw;height:91px;font-size:12px;position:relative;top:0}.nav-layer{grid-template-columns:auto minmax(0,1fr);align-items:start;width:calc(50dvw - 30px);height:91px;margin-left:30px;padding-top:30px;display:grid;position:relative}.nav-layer-base{color:#fff;z-index:1;position:relative}.nav-bar.is-index-mask-visible .nav-layer-base{color:#000}.nav-layer-mask{z-index:2;color:#fff;pointer-events:none;--index-mask-radius:0px;width:100dvw;height:100dvh;clip-path:circle(var(--index-mask-radius) at 50% 50%);padding:0;position:fixed;inset:0;overflow:hidden}.nav-layer-mask.is-index-mask-opening{animation:2s ease-out forwards shrink-nav-mask}.nav-layer-mask.is-index-mask-closing{animation:2s ease-out forwards expand-nav-mask}.nav-layer-mask-content{grid-template-columns:auto minmax(0,1fr);align-items:start;width:calc(50dvw - 30px);height:91px;padding-top:30px;display:grid;position:absolute;top:0;left:30px}.nav-layer>:first-child,.nav-layer-mask-content>:first-child{grid-column:1}.nav-layer>:nth-child(2),.nav-layer-mask-content>:nth-child(2){grid-column:2;justify-self:center}.nav-layer>:nth-child(3),.nav-layer-mask-content>:nth-child(3){position:fixed;top:30px;left:50dvw}.nav-button{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.nav-button:disabled{cursor:default}.nav-index-group{width:max-content;position:relative}.project-index-list{counter-reset:project-index;color:#000;opacity:0;pointer-events:none;white-space:nowrap;flex-flow:column;gap:2px;margin:0;padding:0;font-size:12px;line-height:130%;list-style:none;transition:opacity .35s;display:flex;position:absolute;top:50px;left:0}.nav-layer-mask .project-index-list{display:none}.nav-bar.is-index-mask-visible .nav-layer-base .project-index-list{color:#000}.nav-bar.is-index-mask-open .nav-layer-base .project-index-list{opacity:1;pointer-events:auto}.nav-bar.is-index-mask-open.is-info-active .nav-layer-base .project-index-list{opacity:0;pointer-events:none}.project-index-list .is-active,.nav-item.is-active{font-weight:700}.project-index-list li{counter-increment:project-index;grid-template-columns:auto auto;justify-content:start;column-gap:8px;display:grid}.project-index-list li:before{content:counter(project-index) "."}.project-index-list button{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .2s}.project-index-list button:disabled{cursor:default}.project-index-list li:not(.is-active) button:hover,.project-index-list li:not(.is-active) button:focus-visible{color:#8a8a8a}@media (width<=767px){.nav-layer,.nav-layer-mask-content{width:calc(100dvw - 60px);margin-left:30px;display:block}.nav-layer-mask-content{left:0}.nav-layer>:first-child,.nav-layer-mask-content>:first-child{position:absolute;top:30px;left:0}.nav-layer>:nth-child(2),.nav-layer-mask-content>:nth-child(2){justify-self:auto;position:absolute;top:30px;left:50%;transform:translate(-50%)}.nav-layer>:nth-child(3),.nav-layer-mask-content>:nth-child(3){position:absolute;top:30px;left:auto;right:0}.project-index-list{top:50px}}@keyframes shrink-nav-mask{0%{--index-mask-radius:75vmax}to{--index-mask-radius:0px}}@keyframes expand-nav-mask{0%{--index-mask-radius:0px}to{--index-mask-radius:75vmax}}#video-bg{--index-mask-radius:75vmax;background-color:#000;flex-flow:column;justify-content:center;align-items:center;width:100dvw;height:100dvh;transition:background-color .2s;display:flex;position:fixed;top:0;left:0;overflow:hidden}#video-bg.is-index-mask-visible{background-color:#fff}#video-mask{z-index:1;background-color:#000;display:block;position:absolute;inset:0;overflow:hidden}#video-bg.is-index-mask-visible #video-mask{-webkit-mask-image:radial-gradient(circle at 50% 50%, #fff 0 max(0px, calc(var(--index-mask-radius) - 2vmax)), #ffffffb8 max(0px, calc(var(--index-mask-radius) - 1.1vmax)), #ffffff40 max(0px, calc(var(--index-mask-radius) - .45vmax)), transparent var(--index-mask-radius));-webkit-mask-image:radial-gradient(circle at 50% 50%, #fff 0 max(0px, calc(var(--index-mask-radius) - 2vmax)), #ffffffb8 max(0px, calc(var(--index-mask-radius) - 1.1vmax)), #ffffff40 max(0px, calc(var(--index-mask-radius) - .45vmax)), transparent var(--index-mask-radius));mask-image:radial-gradient(circle at 50% 50%, #fff 0 max(0px, calc(var(--index-mask-radius) - 2vmax)), #ffffffb8 max(0px, calc(var(--index-mask-radius) - 1.1vmax)), #ffffff40 max(0px, calc(var(--index-mask-radius) - .45vmax)), transparent var(--index-mask-radius))}#video-bg.is-index-mask-open #video-mask{--index-mask-radius:0px;-webkit-mask-image:radial-gradient(circle,#0000 0);mask-image:radial-gradient(circle,#0000 0)}#video-bg.is-index-mask-opening #video-mask{animation:2s ease-out forwards shrink-index-mask}#video-bg.is-index-mask-closing #video-mask{animation:2s ease-out forwards expand-index-mask}#project-index-link img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#project-index-link img.is-visible{opacity:1}#home-bg-video,#project-index-link video{object-fit:cover;height:100dvh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translate(-50px)}#project-index-link{pointer-events:none;background-color:#000;width:100%;height:100%;display:block}@keyframes shrink-index-mask{0%{--index-mask-radius:75vmax}to{--index-mask-radius:0px}}@keyframes expand-index-mask{0%{--index-mask-radius:0px}to{--index-mask-radius:75vmax}}#info-container{opacity:0;pointer-events:none;width:100dvw;transition:opacity .2s;position:fixed;top:80px;left:0}#info-container.is-visible{opacity:1}.info-content{color:#fff;text-align:left;width:calc(50dvw - 30px);margin-left:50dvw;font-size:12px;line-height:130%;transition:color .3s;display:block}.is-index-mask-visible .info-content-base{color:#000}.info-content p{margin:0 0 1em}.info-content p:last-child{margin-bottom:0}.info-character{opacity:1}.info-content.is-animated .info-character{opacity:0;animation:10ms linear forwards reveal-character;animation-delay:var(--character-delay)}.info-content.is-animation-paused .info-character{animation-play-state:paused}@media (width<=767px){#info-container{top:80px}.info-content{width:calc(100dvw - 60px);margin-left:30px}}@keyframes reveal-character{to{opacity:1}}.project-content{color:#000;opacity:0;pointer-events:none;scrollbar-width:none;z-index:3;width:calc(50dvw - 30px);height:100dvh;padding:80px 30px 60px 0;font-size:12px;line-height:140%;transition:opacity .2s;position:fixed;top:0;left:50dvw;overflow-y:auto}.project-content::-webkit-scrollbar{display:none}.project-content.is-visible{opacity:1;pointer-events:auto}.project-content-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 46px;padding-bottom:0;display:grid}.project-content p{grid-column:1/-1;max-width:760px;margin:0}.project-content a{color:inherit;font:inherit;text-decoration:underline}.project-content-media{background:#fff;margin:0}.project-content-media:empty{background:#d9d9d9;min-height:236px}.project-content-media-wide{grid-column:1/-1}.project-content-media-half{grid-column:auto;align-self:center}.project-content-media img,.project-content-media video{width:100%;height:auto;display:block}@media (width<=767px){.project-content{box-sizing:border-box;width:100dvw;height:100dvh;padding:202px 30px 30px;top:0;left:0}.project-content-inner{grid-template-columns:minmax(0,1fr);gap:20px;padding-bottom:0}.project-content-media-half{grid-column:1}}#home-container{pointer-events:none;width:100dvw;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}