@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Playfair+Display&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes rise{0%{opacity:0;transform:translatey(100%)}to{opacity:1;transform:translatey(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fall{0%{opacity:1;transform:translatey(0)}to{opacity:0;transform:translatey(100%)}}@keyframes fromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes fromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes toLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10%)}}@keyframes image{0%{transform:perspective(1700px) rotateY(-50deg) rotateX(17deg) translateX(-10%)}to{transform:perspective(1700px) rotateY(0deg) rotateX(0deg) translateX(0)}}@keyframes imageInv{0%{transform:perspective(1700px) rotateY(0deg) rotateX(0deg) translateX(0)}to{transform:perspective(1700px) rotateY(-50deg) rotateX(17deg) translateX(-10%)}}@keyframes spacing{0%{letter-spacing:2ch;opacity:0}to{letter-spacing:normal;opacity:1}}.ripple{background-color:initial;border:1px solid #fffffff9;border-radius:50%;height:10px;position:fixed;width:10px;z-index:10}@keyframes ripple-effect{to{opacity:.01;transform:scale(15)}}*{background:#0000;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}body,html{font-family:Montserrat,sans-serif;font-style:normal;font-weight:400}body{font-size:12px;overflow-x:hidden}#root>div{position:relative}body,html{width:100vw}h1{font-size:2.488em}h1,h2{font-family:Montserrat,sans-serif;font-weight:500}h2{font-size:2.074em}h3{font-size:1.728em}h3,h4{font-family:Montserrat,sans-serif;font-weight:500}h4{font-size:1.44em}:root{--accent:pink}.big-video{background:#fff;height:100vh;position:relative;scroll-snap-align:center;width:100vw;z-index:1}.big-video video{height:100vh;left:0;object-fit:cover;position:fixed;top:0;width:100vw;z-index:0}.intro-blurb{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1em;bottom:2em;color:#fff;display:inline-block;left:2em;padding:2em;position:absolute;z-index:1}.intro-blurb h1{margin-bottom:.5em}.intro,.outro{background:#fff;display:grid;height:100vh;place-items:center;position:relative;scroll-snap-align:center}.outro .blurb{align-items:center;display:flex;flex-direction:column}.outro,.outro .blurb{position:relative;z-index:1}.outro .top{display:flex}.outro .top button{margin:.25em}.intro{position:relative;z-index:1}.intro>div{padding:1em}.intro h1{align-items:center;display:flex;flex-wrap:wrap;font-size:4em;justify-content:center}.intro h1 span:nth-child(2){align-items:center;display:flex;margin:0 0 0 1ch}.intro>div svg{height:2em;margin:0 1ch}.intro .note{bottom:0;left:0;max-width:75ch;padding:2em;position:absolute;z-index:1}.gif{height:260px}.project-wrapper{display:flex;min-height:100vh;width:100vw}.back-button-wrapper{animation:fromLeft .3s ease-out .3s 1 both;height:100%;left:0;position:absolute;top:0;z-index:2}.back .back-button-wrapper{animation:toLeft .3s ease-out .3s 1 both;pointer-events:none}.back-button{background:#000;border-radius:100%;cursor:pointer;left:1em;line-height:0;margin:1em;padding:1em;position:-webkit-sticky;position:sticky;top:1em;z-index:3}.back-button svg{fill:#fff;height:1em;margin:0;width:1em}button.back-button:hover svg{transform:translateX(0)}.reel-wrapper button.back-button{background:#fff;bottom:100%;color:#000;cursor:pointer;left:100%;mix-blend-mode:normal;position:absolute;top:auto;transition:background .3s}.reel-wrapper button.back-button:hover{background:#ffffff55;transition:background .3s}.reel-wrapper button.back-button svg{fill:#000}.project-content{border-bottom:2px solid #f2f2f2;display:flex;flex-wrap:wrap;padding:1em;position:relative}.project-content h1{background-color:#f2f2f2;padding:1.5em 0 0;text-align:center;width:100%}.project-content.branding img,.project-content.ill img,.project-content.versa img{flex:1 1;object-fit:cover;width:50%}.project-content.ill img:nth-child(9){background:#728b6a;object-fit:contain;width:50%}.project-content.branding img:nth-child(9),.project-content.branding img:nth-child(9)~img,.project-content.versa .image-wrapper img,.project-content.versa img:nth-child(4){width:100%}.project-content.versa img:nth-child(2){object-position:28%}.project-content.versa .image-wrapper{background:#ca0a37;display:grid;place-items:center;width:100%}.project-content.crayola>img:first-child,.project-content.crayola>img:nth-child(2){flex:1 1;object-fit:cover;width:50%}.project-content .big-image{display:grid;object-fit:cover;place-items:center;width:100%}.project-content .big-image img{max-width:100%}.project-content.branding .big-image img{width:100%}.project-content.branding .gif-wrapper{background:#f1f1f1;display:grid;place-items:center;width:50%}.project-content.branding .gif-wrapper img{max-width:100%}.project-content.pelon .big-image~img{flex:1 1;object-fit:cover;width:50%}.video-wrapper{padding-bottom:56.25%;position:relative;width:100%}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.foot-note-wrapper{bottom:0;position:-webkit-sticky;position:sticky;z-index:0}.foot-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd5;max-width:45ch;padding:4em}.chestg img{background:#7900ff;background:radial-gradient(circle,#7900ff 0,#1a007e 100%);width:600px!important}.tridi-wrapper{height:100%;position:absolute;z-index:0}.tridi-wrapper,iframe.tridi{left:0;right:0;top:0;width:100vw}iframe.tridi{-webkit-clip-path:polygon(100% 0,100% calc(100% - 5em),calc(100% - 5em) calc(100% - 5em),calc(100% - 5em) 100%,0 100%,0 0);clip-path:polygon(100% 0,100% calc(100% - 5em),calc(100% - 5em) calc(100% - 5em),calc(100% - 5em) 100%,0 100%,0 0);height:100vh;mix-blend-mode:multiply;opacity:.5;position:-webkit-sticky;position:sticky;transition:opacity .3s;z-index:1}.going .main-wrapper .list-wrapper>iframe{opacity:0;transition:opacity .3s}.main-wrapper{background:#fff}.main-wrapper,.main-wrapper .list{position:relative;z-index:1}#arrow{animation:bounce .3s ease-in .2s infinite alternate;bottom:2em;font-size:3em;font-weight:500;left:50%;position:absolute}@media only screen and (min-width:681px){html.snap{scroll-snap-type:y mandatory}.main-wrapper{align-items:flex-start;display:flex;position:relative;transition:background .3s;z-index:1}.main-wrapper .content-wrapper{animation:fromLeft .3s ease-out both;display:grid;height:100vh;left:0;order:-1;overflow:hidden;place-items:center;pointer-events:none;position:-webkit-sticky;position:sticky;top:0;width:50vw;z-index:1}.main-wrapper .content-wrapper .content{margin:2em auto 2em 33%;pointer-events:auto}.main-wrapper .list-wrapper{flex:1 1}.main-wrapper .list{pointer-events:none;position:relative;transform:translateZ(0);transform-origin:right center;z-index:1}.main-wrapper .list .list-item{-webkit-clip-path:inset(4em);clip-path:inset(4em);cursor:pointer;display:block;height:calc(60vh - 6em);margin:3em 3em 3em auto;opacity:.5;perspective-origin:inherit;pointer-events:auto;transform:perspective(1700px) rotateY(-50deg) rotateX(17deg) translateX(-10%);transition:opacity .3s,-webkit-clip-path .3s ease-out;transition:opacity .3s,clip-path .3s ease-out;transition:opacity .3s,clip-path .3s ease-out,-webkit-clip-path .3s ease-out;width:calc(60vw - 6em)}.main-wrapper .list .list-item#item0{transition:opacity .3s,transform .3s,-webkit-clip-path .3s ease-out;transition:opacity .3s,clip-path .3s ease-out,transform .3s;transition:opacity .3s,clip-path .3s ease-out,transform .3s,-webkit-clip-path .3s ease-out}.main-wrapper .list .list-item.active{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1;transition:opacity .3s,-webkit-clip-path .6s ease-out;transition:opacity .3s,clip-path .6s ease-out;transition:opacity .3s,clip-path .6s ease-out,-webkit-clip-path .6s ease-out}.reel-wrapper~.main-wrapper .list .list-item{transform:perspective(1700px) rotateY(0deg) rotateX(0deg) translateX(0);transition:opacity .3s,transform .3s,-webkit-clip-path .3s ease-out;transition:opacity .3s,clip-path .3s ease-out,transform .3s;transition:opacity .3s,clip-path .3s ease-out,transform .3s,-webkit-clip-path .3s ease-out}.image-wrapper img,.main-wrapper .list .list-item img{height:100%;object-fit:cover;object-position:center center;width:100%}.main-wrapper .list>div{align-items:center;display:flex;height:100vh;scroll-snap-align:center;-webkit-scroll-snap-align:center}.project-wrapper{align-items:center;height:100vh;position:relative}.project-wrapper .image-wrapper{animation:image .3s ease-out .3s 1 both;height:calc(60vh - 6em);margin:3em 6em 3em auto;position:relative;transform:perspective(1700px) rotateY(-50deg) rotateX(17deg) translateX(-10%);width:calc(60vw - 6em)}.back .project-wrapper .image-wrapper{animation:imageInv .3s ease-out .3s 1 both}.thumb-wrapper{animation:fromRight .3s 1 both;display:flex;flex-direction:column;height:100vh;justify-content:center;opacity:1;position:-webkit-sticky;position:sticky;right:0;top:0;transition:opacity .3s;z-index:1}.project-wrapper h1{max-width:34%}}.project-content.inf{align-items:flex-start}.project-content.inf img{height:auto;width:100%}.going .main-wrapper .list .list-item.inactive{opacity:0;transition:opacity .3s}.going .thumb-wrapper{animation:toRight .3s 1 both}.going .main-wrapper .content-wrapper{animation:toLeft .3s ease-out both}.project-wrapper h1{animation:rise .3s ease-out .3s 1 both;margin:2em;position:absolute;z-index:1}.content a,.outro a{text-decoration:none}.back .project-wrapper h1{animation:fall .3s ease-out 1 both;opacity:0}button{align-items:center;background:#000;color:#fff;cursor:pointer;display:flex;margin:1em 0 0;mix-blend-mode:multiply;padding:1em}button,button:hover{transition:background .3s}button:hover{background:#00000055}button svg{fill:#fff;height:1em;margin:0 0 0 1ch;transform:translateX(0);transition:transform .3s}.content button:hover svg{transform:translateX(10%);transition:transform .3s}.main-wrapper#active8 div{opacity:0}.main-wrapper#active0 div{opacity:1;transition:opacity .3s .3s}#project0,.main-wrapper#active0{background:#00ff7f;transition:background .3s}#project1,.main-wrapper#active1{background:#c7a7ff;transition:background .3s}#project2,.main-wrapper#active2{background:#0fe;transition:background .3s}#project3,.main-wrapper#active3{background:#f1f227;transition:background .3s}#project4,.main-wrapper#active4{background:#ffaf2f;transition:background .3s}#project5,.main-wrapper#active5{background:tomato;transition:background .3s}#project6,.main-wrapper#active6{background:#ffb4df;transition:background .3s}.thumb-wrapper button{background:#fff;border:none;border-radius:1em;box-shadow:0 0 20px 0 #00000035;cursor:pointer;display:inline-block;height:2em;margin:1em 2em 1em 0;padding:0;transition:background .3s;width:1em}.thumb-wrapper button.active{background:#000;transition:background .3s}.reel-wrapper{animation:fade .3s both;background:#000000d8;display:grid;height:100vh;left:0;margin-bottom:-100vh;place-items:center;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.reel-wrapper>div{position:relative}.reel-wrapper .video-wrapper{width:min(640px,calc(100vw - 2em))}.Feed{display:flex;flex-wrap:wrap}.Feed a img{width:calc(50vw - 1em)!important}iframe{max-width:calc(100vw - 2em)}.portrait img,.portrait video{max-height:90vh}.project-content.misc .big-image,.project-content.res .big-image{background:#f2f2f2;overflow:hidden;padding:3em 0}.project-content.res .big-image img{box-shadow:0 0 30px #00000025;max-width:min(1080px,calc(100vw - 4em))}.project-content.res .big-image img.logo{box-shadow:none;max-width:min(512px,calc(100vw - 4em))}.project-content.res>h5{background-color:#f2f2f2;font-size:1.3em;padding:1em 0 0 1em;text-align:center;width:100%}.side-by-side{align-items:flex-start;background:#f2f2f2;display:flex;overflow:hidden;padding:3em;width:100%}.side-by-side img{width:calc(50% - .5em)}.side-by-side img:first-child{margin:0 .5em 0 0}.side-by-side img:nth-child(2){margin:0 0 0 .5em}.masonry{grid-gap:10px;background-color:#f2f2f2;display:grid;grid-template-columns:repeat(auto-fill,minmax(20vw,1fr))}.masonry img{width:100%}@media only screen and (max-width:1280px){.main-wrapper .list-wrapper>iframe{pointer-events:none}}@media only screen and (max-width:680px){.intro-blurb{bottom:4em;left:2em;padding:2em;right:2em}.side-by-side{align-items:center;flex-direction:column;padding:0}.side-by-side img{margin:1em 0!important;width:calc(100vw - 4em)}.reel-wrapper button.back-button{bottom:100%;left:auto;margin:0 0 1em;right:0}.gif{height:auto;width:50%}.back-button-wrapper{align-items:flex-end;display:flex;left:auto;right:0;top:0}.back-button{bottom:1em}.intro h1{text-align:center}.main-wrapper .list .list-item{display:flex}.main-wrapper .list .list-item img{height:60vh;object-fit:cover;width:100vw}.content-wrapper{bottom:0;bottom:48px;left:0;padding:1em;position:-webkit-sticky;position:sticky;z-index:2}.content button{margin:1em 0 0 auto}.list>div{padding:0 0 40vh}.thumb-wrapper{background:#0000;bottom:0;display:flex;justify-content:center;position:-webkit-sticky;position:sticky;width:100vw;z-index:1}.thumb-wrapper a{margin:1em}.Feed a img{width:calc(100vw - 2em)!important}.project-wrapper{flex-direction:column}.project-wrapper h1{margin:2em 2em 0;position:relative}.project-wrapper .image-wrapper{margin:0;overflow:hidden;position:relative;transform:none}.project-content.crayola>img:first-child,.project-content.crayola>img:nth-child(2),.project-content.ill img,.project-content.versa img{flex:1 1;object-fit:contain;width:100%}.project-content.versa iframe{width:100%}.project-wrapper .image-wrapper img{height:60vh;object-fit:cover;width:100vw}.main-wrapper .content-wrapper{animation:rise .3s ease-out .3s 1 both}.main-wrapper .list .list-item{-webkit-clip-path:inset(4em);clip-path:inset(4em);opacity:.5;transition:opacity .3s;transition:opacity .3s,-webkit-clip-path .3s ease-out;transition:opacity .3s,clip-path .3s ease-out;transition:opacity .3s,clip-path .3s ease-out,-webkit-clip-path .3s ease-out}.main-wrapper .list .list-item.active{-webkit-clip-path:inset(0);clip-path:inset(0);opacity:1;transition:opacity .3s .3s,clip-path .3s ease-out .3s}.project-content{align-items:flex-start}.project-content.branding .gif-wrapper,.project-content.branding img{object-fit:contain;width:100%}.foot-note{padding:1em 3em 1em 1em;width:calc(100% - 4em)}#item0 img{object-position:right center}#item2 img,#project2 .image-wrapper img{object-position:left center}}
/*# sourceMappingURL=main.8bdc3681.css.map*/