:root{font-size:16px;--clr-dark-1000:#12151e;--clr-dark-900:#1c1e24;--clr-dark-800:#25282e;--clr-dark-700:#36383f;--clr-dark-400:#f2f2f2;--clr-snow-white:#fff;--clr-magenta:#ec1d72;--clr-sand:#ffc471;--ff-main:"Work Sans",sans-serif;--ff-accent:"Fraunces",serif;--fs-s:1rem;--fs-m:1.25rem;--fs-ml:1.875rem;--fs-l:4rem;--fs-xl:6.25rem;--fs-xxl:13.75rem;--col-size:calc(100vw / 12);--max-full-width:1500px;--col-max-full-width:calc(1500px / 12)}body,html{padding:0;margin:0;background-color:var(--clr-dark-1000);-ms-scroll-chaining:none;overscroll-behavior:none}*,:after,:before{margin:0;padding:0;box-sizing:border-box}*{font-family:var(--ff-main);color:var(--clr-snow-white);font-size:var(--fs-s)}a{color:inherit;text-decoration:none}h3,h4,p{letter-spacing:.03em}p{font-size:var(--fs-s);line-height:147%}h1{font-size:var(--fs-xxl);font-family:var(--ff-accent);font-style:italic;font-weight:400}.logo{font-size:20px;font-family:var(--ff-main);letter-spacing:.1em;position:fixed;top:30px;left:40px;z-index:2}.logo:after{content:"";position:absolute;width:5px;height:5px;background-color:var(--clr-magenta);border-radius:50px;bottom:4px;right:-8px}.nav{width:100vw;height:100%;min-height:100vh;position:fixed;top:0;left:100%;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center}.link-wrapper{height:33.33%;background-color:var(--clr-magenta);width:100%;display:flex;justify-content:center;align-items:center;position:relative}.link-wrapper:first-child{background-color:var(--clr-dark-1000)}.link-wrapper:nth-child(2){background-color:var(--clr-dark-900)}.link-wrapper:nth-child(3){background-color:var(--clr-dark-800)}.link-wrapper a{font-size:var(--fs-xl);letter-spacing:.1em}.link-wrapper a.active{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.toggle-nav{position:fixed;top:35px;right:40px;cursor:pointer;z-index:100}.toggle-nav .bot-bar,.toggle-nav .mid-bar-1,.toggle-nav .mid-bar-2,.toggle-nav .top-bar,.toggle-nav .top-circle{transition:opacity .5s ease,transform .15s ease;transform-origin:center}.toggle-nav.opened .bot-bar,.toggle-nav.opened .top-bar,.toggle-nav.opened .top-circle{opacity:0;transition:opacity .1s ease}.toggle-nav.opened .mid-bar-1{transform-origin:center;transform:rotate(45deg);transition:transform .5s ease}.toggle-nav.opened .mid-bar-2{transform-origin:center;transform:rotate(-45deg);transition:transform .5s ease}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:100vh;width:100vw;background-color:var(--clr-dark-900);position:fixed;top:0;right:100%;z-index:150;padding:45px}.loading-img-wrapper,.loading-img-wrapper img{width:100%;max-width:400px}.comment,.loading-img-wrapper{margin-top:50px}.loading-screen h1,.loading-screen h1 span{font-size:var(--fs-xl);font-family:var(--ff-accent);text-align:center}.loading-screen p{text-align:center}.magenta{color:var(--clr-magenta)}.line-through{text-decoration:line-through}.scroll-container{position:fixed;left:0;right:0;will-change:transform}.scroll-container .ghost{width:100vw}.projects-container{position:relative;height:100%;min-height:100vh;width:-moz-max-content;width:max-content;display:flex;align-items:center;padding:0 20% 0 calc(20% + 150px)}.projects{display:block;position:relative;display:flex}.single-project:nth-child(odd){margin-top:10vh}.single-project:nth-child(2n){margin-bottom:10vh}.single-project{width:100%;min-width:25rem;max-width:570px;margin-right:25vw;list-style:none}.single-project:last-child{margin-right:0}.tile{position:relative}figure.project-img-wrapper:before{content:"";display:block;padding-top:136%}figure.project-img-wrapper{position:relative;width:100%;height:100%;background-position:50%;background-size:cover}.tile h2{position:absolute;font-size:var(--fs-xl);font-family:var(--ff-accent);font-weight:400;font-style:italic;width:-moz-max-content;width:max-content;left:-150px;bottom:45px}.tile .summary{position:absolute;top:0;left:-20px;transform:rotate(90deg);transform-origin:top left;color:var(--clr-dark-400);font-size:var(--fs-s);font-family:var(--ff-main);opacity:50%;letter-spacing:.15em;text-transform:lowercase}.link-container{position:absolute;bottom:30px;left:-40px}.link-container a{position:relative;font-size:var(--fs-m);font-size:var(--fs-s);letter-spacing:.15em}.link-container a:before{content:"";position:absolute;background-color:var(--clr-snow-white);height:2px;width:100%;bottom:-6px;left:0}.project-container{display:flex;flex-direction:column;align-items:center}.hero-container{display:grid;max-width:calc(var(--max-full-width) + 90px);width:100%;grid-template-columns:repeat(6,1fr);min-height:1000px;height:calc(100vh - 100px);margin:0 auto;padding:0 45px}.hero-container .mobile-header{font-family:var(--ff-accent);font-style:italic;font-weight:400;font-size:var(--fs-xxl);position:absolute;bottom:20%;left:calc(-20% * 1.25);z-index:2}.img-wrapper,.text-wrapper{grid-row:1/2;align-self:center}.text-wrapper{grid-column:1/-1;z-index:2}.text-wrapper h1{margin-bottom:100px}.img-wrapper{grid-column:4/7;z-index:1}.img-wrapper img{max-width:100%}.hero-container h3,.hero-container p{font-size:var(--fs-m);letter-spacing:.06em;font-family:var(--ff-main)}.hero-container h3{color:var(--clr-magenta);margin-top:7%;margin-bottom:30px}.hero-container p{font-style:normal;font-weight:400;line-height:140%;max-width:675px;width:100%}.highlight{background-color:var(--clr-dark-900);min-height:100vh;height:100%;width:100%;display:flex;overflow:hidden;flex-direction:row;justify-content:center;padding:0 45px}.highlight .left-container{max-width:calc(var(--max-full-width) * .6);width:100%;display:flex;align-items:center;padding-right:45px}.highlight .right-container{max-width:calc(var(--max-full-width) * .4);width:100%;background-color:var(--clr-dark-700);padding-left:45px;display:flex;justify-content:flex-end;align-items:center;position:relative}.highlight .right-container:before{content:"";position:absolute;top:0;left:100%;width:calc(100vw - (var(--max-full-width) * .4));height:100%;background-color:var(--clr-dark-700)}.highlight .right-container .block-wrapper{max-width:397px;width:100%;margin:200px 0}.highlight h4,.highlight p{font-family:var(--ff-main);font-style:normal;font-weight:400}.highlight .left-container p{font-size:var(--fs-ml);line-height:133%;letter-spacing:.08em;max-width:675px}.highlight .right-container .block-wrapper>div{margin-bottom:3em}.highlight .right-container .block-wrapper>div:last-child{margin-bottom:0}.highlight .right-container h4{font-size:var(--fs-s);font-weight:700;margin-bottom:10px}.highlight .right-container .website{color:var(--clr-magenta);font-weight:700}.sub{padding:0 45px;width:100%;margin:200px 0}.sub .split-wrapper{max-width:var(--max-full-width);width:100%;height:100%;margin:auto auto 200px;display:flex;justify-content:space-between;position:relative}.sub .split-wrapper:last-child{margin-bottom:0}.sub .split-wrapper .right{max-width:1000px;margin-left:100px}.video-player{margin:auto auto 200px;width:100%!important;height:100%!important;max-width:calc(var(--max-full-width) * .8)}.gallery{width:100%;background-color:var(--clr-dark-800)}.gallery-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:var(--max-full-width);flex-wrap:wrap;margin:auto;padding:200px 40px 0}.gallery img{max-width:300px;margin-bottom:200px;margin-right:40px}.gallery img:last-child{margin-right:0}.role-list{flex-wrap:wrap}.role-list,.role-list-item{display:flex;flex-direction:row}.role-list-item{max-width:calc(50% - 25px);align-items:flex-start;margin-bottom:50px}.role-list>:nth-child(2n){margin-left:50px}.role-list-item img{margin-right:25px}@media only screen and (max-width:1700px){:root{--max-full-width:1250px}.toggle-nav{right:45px}.logo{left:45px}.highlight .right-container{justify-content:center}}@media only screen and (max-width:1200px){:root{--fs-m:1.5625rem;--fs-m-mb:1.25rem;--fs-ml:2rem;--fs-l:2.8125rem;--fs-xl:3.75rem;--fs-xxl:8rem}.highlight{flex-direction:column;align-items:center}.highlight .left-container,.highlight .right-container{width:100%;padding:0}.highlight .left-container{justify-content:center;margin:200px 0}.highlight .right-container{justify-content:center;z-index:0}.highlight .right-container .block-wrapper{max-width:none}.highlight .right-container:before{top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100%;background-color:var(--clr-dark-700);z-index:-1}.gallery img{max-width:calc(50% - 40px)}}@media only screen and (max-width:992px){:root{--fs-s:0.75rem}.hero-container{display:flex;flex-direction:column-reverse;margin:200px 0;position:relative;min-height:auto;height:auto;padding:120% 30px 0;overflow:hidden}.text-wrapper{grid-column:7/1;z-index:2}.img-wrapper{position:absolute;z-index:1;max-width:80%;top:0;right:-45px}.highlight{padding:0 30px}.toggle-nav{right:30px}.logo{left:30px}}@media only screen and (max-width:768px){:root{--fs-ml:1.25rem;--fs-m:1.25rem;--fs-xl:3.25rem;--fs-xxl:6.5rem}body:has(.toggle-nav.opened){overflow:hidden}.scroll-container{position:static}.projects{display:block;position:absolute;top:150px}.single-project:nth-child(odd){margin-top:0;margin-bottom:10vh}.ghost{display:none}.single-project{min-width:0;max-width:100%;margin-right:0;margin-left:auto}figure.project-img-wrapper{width:55vw}.projects-container{padding:0;margin-left:auto;margin-right:55vw}.tile .summary{left:-5px}.sub .split-wrapper h4{position:absolute;top:0;left:1rem;transform:rotate(90deg);transform-origin:top left}.role-list{flex-direction:column}.role-list .role-list-item{max-width:100%}.role-list>:nth-child(2n){margin-left:0}.loading-screen{align-items:flex-start}.loading-screen h1,.loading-screen p,.loading-screen span{text-align:left}.comment,.loading-img-wrapper{margin-top:40px}}@media only screen and (max-width:576px){:root{--fs-m:1.0625rem;--fs-xxl:4.063rem}.role-list-item img{margin-right:20px;max-width:35px}.img-wrapper{right:-30px}.sub .split-wrapper .right{margin-left:60px}}