*,*:before,*:after{box-sizing:border-box}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--bg: #fafafa;--ink: #0a0a0a;--paper: #ffffff;--muted: .6;--placeholder: #e6e6e6}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--ink);color:var(--bg)}body{font-family:Inter,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:28px;color:var(--ink);background:var(--bg);margin:0;padding:0}p{max-width:800px;font-size:18px;line-height:28px;margin-top:0}a{color:var(--ink);font-weight:inherit;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-underline-offset .35s var(--ease-out),text-decoration-color .35s var(--ease-out)}a:hover{text-underline-offset:6px}h1{font-weight:400;font-size:32px;line-height:38px;max-width:70vw;margin-top:0;letter-spacing:-.01em}header .subtitle{font-weight:500;font-size:24px;line-height:32px;margin:0 0 20px}header .tags{font-weight:400;font-size:14px;line-height:18px;opacity:var(--muted);margin:0 0 14px}header .credit{font-weight:500;font-size:18px;line-height:24px;margin:0 0 24px}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}h1[tabindex="-1"]:focus{outline:none}.project:focus-visible{outline:none}.project:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border:8px solid var(--ink);outline:3px solid var(--paper);outline-offset:-11px}main{margin:0;padding:5vw 0}section,header,#project-nav{padding:5vw 10vw;margin-bottom:5vw;position:relative}.route-cover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg);pointer-events:none}section,main>header,#project-nav{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}section.visible,main>header.visible,#project-nav.visible{opacity:1;transform:none}section.work{transform:none;clip-path:inset(4% 3% 4% 3%);transition:opacity 1s var(--ease-out),clip-path 1.2s var(--ease-out)}section.work.visible{clip-path:inset(0)}.fade-img{opacity:0;transition:opacity .6s var(--ease-out)}.fade-img.loaded{opacity:1}section.work{background:var(--placeholder);height:calc(40vw + 50px);margin:5vw;display:block;padding:0}.project{display:block;width:100%;height:100%;z-index:1;position:absolute;overflow:hidden;top:0;clip:rect(0,auto,auto,0);text-decoration:none}.project-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s var(--ease-out),transform 1.8s var(--ease-out)}.project-bg.loaded{opacity:1}section.work.visible .project-bg{transform:scale(1)}section.work.visible .project:hover .project-bg{transform:scale(1.05)}section.work .project .project-title{display:block;top:calc(50% - 200px);left:10vw;height:400px;width:80%;position:fixed;z-index:1;color:var(--paper);font-size:10vw;line-height:10vw;align-content:center;margin:0;font-weight:500;letter-spacing:-.03em;text-shadow:0 0 120px rgba(0,0,0,.6),0 2px 24px rgba(0,0,0,.3)}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:5vw}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}section.image{margin:5vw;display:block;padding:0;font-size:0;margin-top:-14px}section.image img{margin-top:14px}img.half-width:nth-child(odd){width:calc(50% - 7px);margin-right:14px;vertical-align:top}img.half-width:nth-child(2n){width:calc(50% - 7px);margin-right:0;vertical-align:top}img.full-width{width:100%;display:block;vertical-align:top}img.third-width{width:calc((100% / 3) - 10px);margin-right:14px;vertical-align:top;margin-bottom:14px}img.third-width:nth-child(3n){width:calc((100% / 3) - 10px);margin-right:0}section img{width:100%;height:auto}figcaption{padding:20px 5vw;font-size:12px;line-height:16px;margin:0}#project-nav{display:flex;gap:20px;margin:0;padding-top:3vw;border-top:1px solid var(--ink)}.project-nav-tile{flex:1;display:block;text-decoration:none;color:var(--ink)}.project-nav-tile:last-child{text-align:right}.project-nav-tile .nav-label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:var(--muted);margin-bottom:.4em}.project-nav-tile .nav-title{display:block;font-size:clamp(20px,3vw,42px);font-weight:500;line-height:1.1}.project-nav-tile .nav-arrow{display:inline-block;transition:transform .35s var(--ease-out)}.project-nav-tile.prev:hover .nav-arrow{transform:translate(-4px)}.project-nav-tile.next:hover .nav-arrow{transform:translate(4px)}.project-nav-tile .nav-title{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:6px;transition:text-decoration-color .35s var(--ease-out),text-underline-offset .35s var(--ease-out)}.project-nav-tile:hover .nav-title{text-decoration-color:currentColor;text-underline-offset:4px}.not-found-code{font-size:30vw;line-height:.8;font-weight:500;letter-spacing:-.06em;margin:0 0 4vw -.06em;max-width:none}.not-found-excuse{min-height:2lh}.text-button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:text-underline-offset .35s var(--ease-out)}.text-button:hover{text-underline-offset:6px}.not-found .project-nav-tile:last-child{text-align:left}@media screen and (max-width:600px){.not-found #project-nav{flex-direction:column;gap:24px}}ul#contact{list-style:none;padding:0;margin:0}ul#contact li{display:inline;margin-right:30px;font-size:24px}ul#contact li a{text-decoration:none;transition:opacity .3s var(--ease-out)}ul#contact:hover li a{opacity:.35}ul#contact li a:hover{opacity:1}a.back{width:60px;height:60px;background-color:var(--ink);display:block;position:fixed;z-index:999;top:0;right:0;color:var(--paper);font-size:0;background-image:url(/cross.png);background-size:cover;cursor:pointer;transition:transform .35s var(--ease-out)}a.back:hover{transform:scale(.94)}@media screen and (min-width:600px){a.back{width:9vw;height:9vw;left:0;right:auto;background-image:url(/arrow.png)}}@media screen and (min-width:768px){a.back{width:8vw;height:8vw}}@media screen and (min-width:1024px){a.back{top:2vw;left:2vw;width:6vw;height:6vw}p{font-size:24px;line-height:38px}}@media screen and (min-width:1440px){a.back{top:3vw;left:3vw;width:4vw;height:4vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}section,main>header,#project-nav{opacity:1;transform:none}section.work{clip-path:none}.project-bg,section.work.visible .project-bg,section.work.visible .project:hover .project-bg{transform:none}}