@import "https://use.typekit.net/vnn1fot.css";
html,body{color:#fff;letter-spacing:.02em;cursor:default;background-color:#000;margin:0;padding:0;font-family:neue-haas-grotesk-text,sans-serif;font-size:20px;line-height:1.4em}@media (max-width:1400px){html,body{font-size:18px}}@media (max-width:600px){html,body{font-size:16px}}a{color:inherit;text-decoration:none}a.link{background:url(/arrow.svg) right 35%/.5em no-repeat;margin-right:.1em;padding-right:.65em;transition:padding-left .1s}a.link:hover{padding-left:1.4em}@media (max-width:1000px){a.link:hover{padding-left:0}}a.disable{pointer-events:none}*{box-sizing:border-box}img{width:100%;height:auto;transition:opacity .5s;display:block}.margin-bottom{margin-bottom:1.4em}nav{z-index:100}nav .nav_item{cursor:pointer;max-width:50vw;position:fixed}nav .nav_item .hover{opacity:0;white-space:nowrap;position:absolute;top:0}nav .nav_item .right{right:0}nav .nav_item div{cursor:pointer;transition:padding-top .1s}nav .nav_item:hover .initial{opacity:0}@media (max-width:1000px){nav .nav_item:hover .initial{opacity:1}}nav .nav_item:hover .hover{opacity:1}@media (max-width:1000px){nav .nav_item:hover .hover{opacity:0}}nav .top_left{top:1.5em;left:1.8em}nav .bottom_left{bottom:1.5em;left:1.8em}nav .bottom_right{text-align:right;bottom:1.5em;right:1.8em}nav .top_right{text-align:right;flex-direction:row;gap:1em;display:flex;top:1.5em;right:1.8em}@media (max-width:700px){nav .top_right{flex-direction:column;align-items:flex-end;gap:.7em}}nav .top_right .mobile{display:none}@media (max-width:700px){nav .top_right .mobile{display:block}}nav .top_right .active{padding-top:1.4em}@media (max-width:700px){nav .top_right .active{padding-top:0}}section{padding:5.7em 1.8em 1.5em;position:relative}section.home_hero{min-height:100vh}section.home_hero .projects{row-gap:1.4em;position:relative}section.home_hero .projects .project{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;transition:opacity .5s,transform .1s;display:grid}@media (max-width:1000px){section.home_hero .projects .project{margin-bottom:2.8em}}section.home_hero .projects .project .col{text-indent:-1.4em;grid-column:span 2;margin-left:1.4em;padding-right:1.4em}@media (max-width:1000px){section.home_hero .projects .project .col{grid-column:span 4}}@media (max-width:600px){section.home_hero .projects .project .col{grid-column:span 8}}section.home_hero .projects .project:hover{transform:translate(1.4em)}@media (max-width:1000px){section.home_hero .projects .project:hover{transform:none}}section.home_hero .projects .active{opacity:1}section.home_hero .projects .inactive{opacity:0;pointer-events:none}section.home_hero .stills{z-index:0;opacity:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;max-height:100vh;transition:opacity .5s;display:grid;position:absolute;inset:0 0 auto;overflow:hidden}section.home_hero .stills .still{grid-column:span 4}@media (max-width:400px){section.home_hero .stills .still{grid-column:span 8}}section.home_hero .active{opacity:1;transition:opacity .5s}section.resume{min-height:100vh;padding:5.7em 1.8em 0}section.resume .grid_line{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;display:grid}section.resume .grid_item{grid-column:1/span 2;padding-right:1.4em}section.resume .col_1{grid-column-start:1}@media (max-width:1000px){section.resume .col_1{grid-area:2/1/auto/span 4}}@media (max-width:400px){section.resume .col_1{grid-area:2/1/auto/span 8}}section.resume .col_3{grid-column-start:3}@media (max-width:1000px){section.resume .col_3{grid-column:1/span 4}}@media (max-width:400px){section.resume .col_3{grid-area:1/1/auto/span 8}}section.resume .col_5{grid-column-start:5}@media (max-width:1000px){section.resume .col_5{grid-column:5/span 4}}@media (max-width:400px){section.resume .col_5{grid-column:1/span 8}}section.resume .col_7{grid-column-start:7}@media (max-width:1000px){section.resume .col_7{grid-column:5/span 4}}@media (max-width:400px){section.resume .col_7{grid-column:1/span 8}}section.resume .span_full{grid-column:1/span 8}section.resume .border_top{border-top:.1em solid #fff;margin-top:1.4em;margin-bottom:1.4em;padding-top:.28em}section.project_stills{-moz-column-gap:.7em;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;gap:.7em;display:grid}section.project_stills .still{grid-column:span 4}@media (max-width:600px){section.project_stills .still{grid-column:span 8}}@media (max-width:1000px){section.index{margin-bottom:5.7em;padding-top:5.7em}}section.index .projects .project a{padding-bottom:2.8em;display:block}section.index .projects .project .top{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;margin-bottom:.42em;transition:opacity .5s,transform .1s;display:grid}section.index .projects .project .top .top_item{text-indent:-1.4em;grid-column:span 2;margin-left:1.4em;padding-right:1.4em}@media (max-width:1000px){section.index .projects .project .top .top_item{grid-column:span 4}}@media (max-width:400px){section.index .projects .project .top .top_item{grid-column:span 8}section.index .projects .project .top .top_item:nth-child(n+2){display:none}}section.index .projects .project .stills{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;display:grid}@media (max-width:400px){section.index .projects .project .stills{margin-left:-1.8em;margin-right:-1.8em}}section.index .projects .project .stills .still{grid-column:span 1}@media (max-width:1400px){section.index .projects .project .stills .still{grid-column:span 2}}@media (max-width:600px){section.index .projects .project .stills .still{grid-column:span 4}}section.index .projects .project:hover .top{transform:translate(1.4em)}@media (max-width:1000px){section.index .projects .project:hover .top{transform:none}}.index_filters{flex-direction:row;margin-bottom:2.8em;display:flex}.index_filters .filters{flex-direction:row;gap:1em;display:flex}.index_filters .filters .filter{opacity:.2;cursor:pointer;transition:opacity .5s}.index_filters .filters .filter:hover,.index_filters .filters .active{opacity:1}.index_filters .filters:hover .filter{opacity:.2}section.home_contacts{margin-bottom:7em;position:relative}section.home_contacts .contact_line{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;row-gap:2.8em;display:grid}@media (max-width:500px){section.home_contacts .contact_line{row-gap:0}}@media (max-width:1000px){section.home_contacts .contact_line:first-child{display:none}}section.home_contacts .grid_item{grid-column:1/span 2;row-gap:2.8em;margin-bottom:2.8em;padding-right:1.4em}@media (max-width:1000px){section.home_contacts .grid_item{margin-bottom:4.2em}}section.home_contacts .col_1{grid-column:1/span 2}@media (max-width:1000px){section.home_contacts .col_1{display:none}}section.home_contacts .col_3{grid-column:3/span 2}@media (max-width:1000px){section.home_contacts .col_3{grid-column:1/span 4}}@media (max-width:500px){section.home_contacts .col_3{grid-column:1/span 8}}section.home_contacts .col_5{grid-column:5/span 2}@media (max-width:1000px){section.home_contacts .col_5{grid-column:5/span 4}}@media (max-width:500px){section.home_contacts .col_5{grid-column:1/span 8}}section.home_contacts .col_7{grid-column:7/span 2}@media (max-width:1000px){section.home_contacts .col_7{grid-column:5/span 4}}@media (max-width:500px){section.home_contacts .col_7{grid-column:1/span 8}}section.project_credits{-moz-column-gap:.7em;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-items:start;gap:2.8em .7em;margin-bottom:14em;padding-bottom:0;display:grid}@media (max-width:700px){section.project_credits{margin-bottom:5.6em}}section.project_credits .credit{grid-column:span 2;padding-right:1.4em}@media (max-width:1000px){section.project_credits .credit{grid-column:span 4}}@media (max-width:500px){section.project_credits .credit{grid-column:span 8}}.project_video .video_container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6em 0 3em;display:flex}@media (max-width:700px){.project_video .video_container{min-height:auto}}.project_video .video_container .video_screen{width:70vw;position:relative}@media (max-width:1400px){.project_video .video_container .video_screen{width:80vw}}@media (max-width:1000px){.project_video .video_container .video_screen{width:100vw}}.project_video .video_container .video_screen video{cursor:pointer;width:100%;display:block}.project_video .video_container .video_screen video.loop{opacity:0;position:absolute}.project_video .video_container .video_screen .screen_overlay{cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.project_video .video_container .video_screen .screen_overlay .play_icon{opacity:0;width:5vw;max-width:60px;transition:all .5s}.project_video .video_container .video_screen .screen_overlay:hover .play_icon{width:5.5vw;max-width:70px}.project_video .video_container.fullscreen{padding:0}.project_video .video_container.fullscreen .video_screen{width:100vw}.project_video .video_container.fullscreen .controls{opacity:.2;position:fixed;bottom:0;left:0;right:0}.project_video .video_container .controls{flex-direction:row;justify-content:space-between;align-items:center;gap:.7em 1.4em;width:100%;padding:1.5em 1.8em;transition:opacity .5s;display:flex}@media (max-width:1000px){.project_video .video_container .controls{flex-wrap:wrap}}.project_video .video_container .controls .play_btn{cursor:pointer;width:3.5em}.project_video .video_container .controls .mute_btn,.project_video .video_container .controls .fullscreen_btn{cursor:pointer}.project_video .video_container .controls .timecode{cursor:default;flex-direction:row;gap:.35em;display:flex}.project_video .video_container .controls .timecode .current{width:3em}.project_video .video_container .controls .slider{width:100%;height:1.4em;position:relative}@media (max-width:1000px){.project_video .video_container .controls .slider{order:-1}}.project_video .video_container .controls .slider .line{background-color:#fff;width:100%;height:.12em;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.project_video .video_container .controls .slider input[type=range]{appearance:none;cursor:pointer;background-color:#0000;border:none;outline:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.project_video .video_container .controls .slider input[type=range]::-ms-track{appearance:none;cursor:pointer;background-color:#0000;border:none;outline:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.project_video .video_container .controls .slider input[type=range]:focus{outline:none}.project_video .video_container .controls .slider input[type=range]::-webkit-slider-thumb{cursor:pointer;appearance:none;background-color:#fff;border:none;border-radius:0;width:.15em;height:1em}@media (max-width:1000px){.project_video .video_container .controls .slider input[type=range]::-webkit-slider-thumb{height:.8em}}.project_video .video_container .controls .slider input[type=range]::-moz-range-thumb{cursor:pointer;appearance:none;background-color:#fff;border:none;border-radius:0;width:.15em;height:1em}@media (max-width:1000px){.project_video .video_container .controls .slider input[type=range]::-moz-range-thumb{height:.8em}}.project_video .video_container .controls .slider input[type=range]::-ms-thumb{cursor:pointer;appearance:none;background-color:#fff;border:none;border-radius:0;width:.15em;height:1em}@media (max-width:1000px){.project_video .video_container .controls .slider input[type=range]::-ms-thumb{height:.8em}}.project_video .video_container .controls:hover{opacity:1}.project_video .video_container .dimmed{opacity:.2}footer{height:14em;position:relative}.credits{justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0 0 1.5em}