@-webkit-keyframes spin-6c5cb3c1{to{transform:rotate(1turn)}}@keyframes spin-6c5cb3c1{to{transform:rotate(1turn)}}.smiley-wrapper[data-v-6c5cb3c1]{align-items:center;background-color:#47f654;border-radius:50px;bottom:30px;cursor:pointer;display:flex;height:100px;justify-content:center;left:4.5vw;max-height:150px;max-width:150px;opacity:0;position:fixed;transform:translateX(calc(-100% + -4.5vw)) rotate(-1turn);transition:opacity .5s linear,transform .75s cubic-bezier(.5,.25,0,1),background-color .2s ease;width:100px;z-index:9999999}@media(min-width:768px){.smiley-wrapper[data-v-6c5cb3c1]{border-radius:75px;height:6.8vw;width:6.8vw;min-height:150px;min-width:150px}}.smiley-wrapper span[data-v-6c5cb3c1]{text-indent:-99999px}.smiley-wrapper.loading .text[data-v-6c5cb3c1]{-webkit-animation:spin-6c5cb3c1 5s linear infinite;animation:spin-6c5cb3c1 5s linear infinite}.smiley-wrapper .text-container[data-v-6c5cb3c1]{height:85%;position:absolute;width:85%}.smiley-wrapper .text-container .text[data-v-6c5cb3c1]{inset:0;position:absolute}.smiley-wrapper .smiley-container[data-v-6c5cb3c1]{height:40%;position:absolute;width:40%}.smiley-wrapper .smiley-container .smiley[data-v-6c5cb3c1]{height:100%;position:absolute;width:100%}.smiley-wrapper.active[data-v-6c5cb3c1]{opacity:1;transform:translateX(0) rotate(0)}.smiley-wrapper.mounted[data-v-6c5cb3c1]{transition:opacity .5s linear,background-color .2s ease}.smiley-wrapper.inverted[data-v-6c5cb3c1],.smiley-wrapper[data-v-6c5cb3c1]:hover{background-color:#8e93ff}.smiley-wrapper.inverted[data-v-6c5cb3c1]:hover{background-color:#47f654}.dot-cursor[data-v-4ce0ff53]{align-items:center;border-radius:75px;display:none;height:150px;justify-content:center;mix-blend-mode:difference;pointer-events:none;position:absolute;transform:scale(0);width:150px;z-index:2}.dot-cursor-mounted[data-v-4ce0ff53]{display:flex}.dot-cursor-black[data-v-4ce0ff53]{background-color:#8e93ff}.dot-cursor-black>div[data-v-4ce0ff53]{color:#1a1a1a}.dot-cursor-white[data-v-4ce0ff53]{background-color:#fff}.dot-cursor-white>div[data-v-4ce0ff53]{color:#1a1a1a}.dot-cursor>div[data-v-4ce0ff53]{font-family:Suisse Intl clauworks;font-size:20px;text-align:center}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none!important}#work .work-fields .text{font-family:Suisse Intl clauworks;font-size:16px;line-height:20px}#work .work-fields .text div+div,#work .work-fields .text p+p{margin-top:1.5vw}#work .work-fields .title{font-size:20px;margin-bottom:30px}#work .cbs{width:100%}#work .cbs .cb.cb-default{padding:16vw 4.5vw;width:calc(100% - 9vw)}#work .cbs .cb.cb-default>div{padding-top:4.5vw}#work .cbs .cb.cb-default>div:first-child{padding-top:0}#work .cbs .cb.cb-default .embed{margin:0 auto}#work .cbs .cb.cb-default .embed .embed-container{position:relative;overflow:hidden;max-width:100%}#work .cbs .cb.cb-default .embed .embed-container embed,#work .cbs .cb.cb-default .embed .embed-container iframe,#work .cbs .cb.cb-default .embed .embed-container object{margin:0 auto;display:block}#work .cbs .cb.cb-default .embed .embed-container.video{padding-bottom:56.25%;height:0}#work .cbs .cb.cb-default .embed .embed-container.video embed,#work .cbs .cb.cb-default .embed .embed-container.video iframe,#work .cbs .cb.cb-default .embed .embed-container.video object{position:absolute;top:0;left:0;width:100%;height:100%}#work .cbs .cb.cb-default .wide-images{margin:0 auto}#work .cbs .cb.cb-default .wide-images img,#work .cbs .cb.cb-default .wide-images video{display:block;margin:0 auto;width:100%;height:auto;max-width:100%}#work .cbs .cb.cb-default .vertical-images{margin:0 auto}#work .cbs .cb.cb-default .vertical-images div{width:100%;float:none;margin-bottom:4.5vw}#work .cbs .cb.cb-default .vertical-images div:last-child{margin-bottom:0}#work .cbs .cb.cb-default .vertical-images div img,#work .cbs .cb.cb-default .vertical-images div video{display:block;width:100%;height:auto;float:right;max-width:100%}#work .cbs .cb.cb-default .vertical-images div:first-child,#work .cbs .cb.cb-default .vertical-images div:first-child img{float:left}#work .cbs .cb.cb-default .vertical-images-three{display:flex;flex-direction:column}#work .cbs .cb.cb-default .vertical-images-three div{flex-grow:1;flex-shrink:0;flex-basis:calc(100% - 4.5vw);margin:0 0 4.5vw}#work .cbs .cb.cb-separation img,#work .cbs .cb.cb-separation video{display:block;margin:0 auto;width:100%;height:auto;max-width:100%}#work .cbs .footer{font-family:Suisse Intl clauworks;line-height:30px;padding:0 4.5vw 16vw;width:calc(100% - 9vw)}#work .cbs .footer a{text-underline-offset:4px}#work .cbs .footer .footer-inner{width:100%;margin:0 auto;display:flex;flex-direction:column-reverse}#work .cbs .footer .footer-inner>div{font-size:16px;line-height:20px}#work .cbs .footer .footer-inner>div:first-child>div{padding:0 2vw 0 0}#work .cbs .footer .footer-inner>div:last-child{font-size:20px;line-height:28px}#work .cbs .footer .footer-inner>div:last-child .footer-extras{font-size:16px;line-height:20px}#work .cbs .footer .footer-inner>div:last-child .footer-extras .link a:after{content:" ↗"}#work .cbs .footer .footer-inner>div:last-child>div{padding:0}#work .cbs .footer .footer-inner>div:last-child>div div+div,#work .cbs .footer .footer-inner>div:last-child>div p+p{margin-top:1.5vw}#work .cbs .footer .footer-inner>div>div{margin-top:4.5vw}#work .cbs .footer .footer-inner>div>div p.title{margin-bottom:3px}#work .cbs .footer .footer-inner>div>div div.link a:active,#work .cbs .footer .footer-inner>div>div div.link a:hover,#work .cbs .footer .footer-inner>div>div div.link a:link,#work .cbs .footer .footer-inner>div>div div.link a:visited{text-underline-offset:4px;text-decoration:underline}@media(min-width:768px){#work .work-fields{display:flex;justify-content:flex-end}#work .work-fields .text{flex:0 0 60%;font-size:30px;line-height:38px}#work .work-fields .text div+div,#work .work-fields .text p+p{margin-top:3vw}#work .work-fields .title{font-size:34px;margin-bottom:40px}#work .cbs .cb.cb-default{padding:9vw 4.5vw}#work .cbs .cb.cb-default .vertical-images div{width:calc(50% - 2.25vw);float:right;margin-bottom:0}#work .cbs .cb.cb-default .vertical-images-three{flex-direction:row}#work .cbs .cb.cb-default .vertical-images-three div{flex-grow:1;flex-shrink:0;flex-basis:calc(33.33% - 3vw);width:auto;float:none;margin:0 2.5vw}#work .cbs .cb.cb-default .vertical-images-three div:first-child{margin-left:0}#work .cbs .cb.cb-default .vertical-images-three div:last-child{margin-right:0}#work .cbs .footer .footer-inner{flex-direction:row}#work .cbs .footer .footer-inner>div{flex:0 0 20%;font-size:20px;line-height:30px}#work .cbs .footer .footer-inner>div:first-child>div{padding:0 2vw 0 0}#work .cbs .footer .footer-inner>div:last-child{flex:0 0 60%;font-size:30px;line-height:38px}#work .cbs .footer .footer-inner>div:last-child .footer-extras{font-size:20px;line-height:30px;margin-top:1.5vw}#work .cbs .footer .footer-inner>div:last-child>div{padding:0 12vw 0 4vw}#work .cbs .footer .footer-inner>div:last-child>div div+div,#work .cbs .footer .footer-inner>div:last-child>div p+p{margin-top:3vw}#work .cbs .footer .footer-inner>div>div{margin-top:1.5vw}#work .cbs .footer .footer-inner>div>div:first-child{margin-top:0}}[v-cloak]{display:none}body,html{padding:0;margin:0}html.error{align-items:center;background-color:#8e93ff;display:flex;height:100%;justify-content:center}html.error .error-404 h1{font-family:Beastly clauworks;font-size:40vw;margin:0;line-height:40vw}@media(min-width:768px){html.error .error-404 h1{font-size:25vw;line-height:25vw}}html.error .error-404 p{font-family:Suisse Intl clauworks;font-size:4vw}@media(min-width:768px){html.error .error-404 p{font-size:1.5vw}}html.error .error-404 a:active,html.error .error-404 a:hover,html.error .error-404 a:link,html.error .error-404 a:visited{color:#1a1a1a;text-decoration:underline;text-underline-offset:4px}html.error .error-404 a:active:after,html.error .error-404 a:hover:after,html.error .error-404 a:link:after,html.error .error-404 a:visited:after{content:" ↗"}body{color:#1a1a1a}html.loading,html.loading body{min-height:100vh;height:calc(100vh + env(safe-area-inset-bottom) + env(safe-area-inset-top))}html.loading body{overflow-y:scroll;position:fixed;width:100%}html.loading body #dynamic,html.loading body #fixed{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;max-width:100%}.no-cursor{cursor:none}.empty-viewport{height:100vh;pointer-events:none;position:relative;z-index:2}.animated-titles{padding:0 4.5vw;visibility:hidden;width:calc(100% - 9vw)}.animated-titles-mounted{visibility:visible}.animated-titles h2+h2{transform:translateY(-6vw)}.animated-titles h2>div{line-height:21vw}.animated-titles h1,.animated-titles h2{display:flex}.animated-titles h1>div,.animated-titles h2>div{overflow:hidden}.animated-titles h1>div>div,.animated-titles h2>div>div{transform:translateY(100%);transition:transform .75s cubic-bezier(.5,.25,0,1)}.animated-titles h1>div>div.active,.animated-titles h2>div>div.active{transform:translateY(0)}.email-me,.get-in-touch,.intro,.playground,.portfolio{position:relative;z-index:2}@media(min-width:768px){.email-me-title,.get-in-touch-title,.intro-title,.playground-title,.portfolio-title{margin-bottom:0}}.email-me-title h2,.get-in-touch-title h2,.intro-title h2,.playground-title h2,.portfolio-title h2{font-family:Beastly clauworks;font-size:20vw;font-weight:400;line-height:15vw;margin:0;padding:0}.page-loading{align-items:flex-end;bottom:0;color:#fff;display:flex;font-family:Beastly clauworks;font-size:20vw;justify-content:flex-end;left:0;line-height:20vw;max-width:100%;opacity:1;pointer-events:none;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.5,.25,0,1);z-index:3}.page-loading div{padding-right:4.5vw;padding-bottom:30px}@media(min-width:768px){.page-loading div{padding-bottom:0}}.page-loading.loaded{opacity:0;pointer-events:none}.page-transition{bottom:0;left:0;max-width:100%;pointer-events:none;position:fixed;right:0;top:0;z-index:3}.page-transition div{background-color:#1a1a1a;float:left;height:100%;transform-origin:top;transform:scaleY(1.1) scaleX(1.1);width:16.66%}@media(min-width:768px){.page-transition div{width:8.33%}}.page-transition.animate-in div{-webkit-animation:pageloadin .8s cubic-bezier(.5,.25,0,1) 0ms normal forwards;animation:pageloadin .8s cubic-bezier(.5,.25,0,1) 0ms normal forwards}.page-transition.animate-in div:nth-child(n+7){display:none}@media(min-width:768px){.page-transition.animate-in div:nth-child(n+7){display:block}}.page-transition.animate-in div:first-child{-webkit-animation-delay:0ms;animation-delay:0ms}.page-transition.animate-in div:nth-child(2){-webkit-animation-delay:50ms;animation-delay:50ms}.page-transition.animate-in div:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}.page-transition.animate-in div:nth-child(4){-webkit-animation-delay:.15s;animation-delay:.15s}.page-transition.animate-in div:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.page-transition.animate-in div:nth-child(6){-webkit-animation-delay:.25s;animation-delay:.25s}.page-transition.animate-in div:nth-child(7){-webkit-animation-delay:.3s;animation-delay:.3s}.page-transition.animate-in div:nth-child(8){-webkit-animation-delay:.35s;animation-delay:.35s}.page-transition.animate-in div:nth-child(9){-webkit-animation-delay:.4s;animation-delay:.4s}.page-transition.animate-in div:nth-child(10){-webkit-animation-delay:.45s;animation-delay:.45s}.page-transition.animate-in div:nth-child(11){-webkit-animation-delay:.5s;animation-delay:.5s}.page-transition.animate-in div:nth-child(12){-webkit-animation-delay:.55s;animation-delay:.55s}.page-transition.animate-out div{-webkit-animation:pageloadout .8s cubic-bezier(.5,.25,0,1) 0ms normal forwards;animation:pageloadout .8s cubic-bezier(.5,.25,0,1) 0ms normal forwards;transform:scaleY(0) scaleX(1.1)}.page-transition.animate-out div:first-child{-webkit-animation-delay:0ms;animation-delay:0ms}.page-transition.animate-out div:nth-child(2){-webkit-animation-delay:50ms;animation-delay:50ms}.page-transition.animate-out div:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}.page-transition.animate-out div:nth-child(4){-webkit-animation-delay:.15s;animation-delay:.15s}.page-transition.animate-out div:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.page-transition.animate-out div:nth-child(6){-webkit-animation-delay:.25s;animation-delay:.25s}.page-transition.animate-out div:nth-child(7){-webkit-animation-delay:.3s;animation-delay:.3s}.page-transition.animate-out div:nth-child(8){-webkit-animation-delay:.35s;animation-delay:.35s}.page-transition.animate-out div:nth-child(9){-webkit-animation-delay:.4s;animation-delay:.4s}.page-transition.animate-out div:nth-child(10){-webkit-animation-delay:.45s;animation-delay:.45s}.page-transition.animate-out div:nth-child(11){-webkit-animation-delay:.5s;animation-delay:.5s}.page-transition.animate-out div:nth-child(12){-webkit-animation-delay:.55s;animation-delay:.55s}@-webkit-keyframes pageloadin{to{transform:scaleY(0) scaleX(1.1)}}@keyframes pageloadin{to{transform:scaleY(0) scaleX(1.1)}}@-webkit-keyframes pageloadout{to{transform:scaleY(1.1) scaleX(1.1)}}@keyframes pageloadout{to{transform:scaleY(1.1) scaleX(1.1)}}.main-navigation{left:4.5vw;mix-blend-mode:difference;position:fixed;top:30px;width:calc(100% - 9vw);z-index:3}.main-navigation ul{display:flex;font-family:Suisse Intl clauworks;font-size:18px;line-height:22px;list-style:none;margin:0;padding:0}.main-navigation ul li a:active,.main-navigation ul li a:hover,.main-navigation ul li a:link,.main-navigation ul li a:visited{color:#fff;text-decoration:none}.main-navigation ul li{margin-right:30px;transform:translateY(calc(-100% - 30px));transition:transform .75s cubic-bezier(.5,.25,0,1)}@media(min-width:768px){.main-navigation ul li{margin-right:90px}}.main-navigation ul li.active{transform:translateY(0)}.main-navigation ul li:last-child{flex:0 1 100%;text-align:right;margin:0}@media(min-width:768px){.main-navigation ul{font-size:20px;line-height:26px}}.main-navigation-black{mix-blend-mode:unset}.main-navigation-black ul li a:active,.main-navigation-black ul li a:hover,.main-navigation-black ul li a:link,.main-navigation-black ul li a:visited{text-decoration:none;color:#1a1a1a}.next-work{font-family:Suisse Intl clauworks;font-size:30px;padding:16vw 4.5vw;text-align:right}.next-work a:active,.next-work a:hover,.next-work a:link,.next-work a:visited{color:#1a1a1a;text-decoration:none}.next-work a:active:after,.next-work a:hover:after,.next-work a:link:after,.next-work a:visited:after{content:" ↗"}@media(min-width:768px){.next-work{font-size:5vw;padding:9vw 4.5vw}}.next-work-dark{background-color:#1a1a1a}.next-work-dark a:active,.next-work-dark a:hover,.next-work-dark a:link,.next-work-dark a:visited{color:#fff;text-decoration:none}.next-work-dark a:active:after,.next-work-dark a:hover:after,.next-work-dark a:link:after,.next-work-dark a:visited:after{content:" ↗"}.intro{background-color:#8e93ff;padding:68vw 0 0}@media(min-width:768px){.intro{padding:36.4vw 0 0}}@media(min-width:768px){.intro-viewport{min-height:auto}}.intro-text-hidden,.intro-text-work-hidden{display:none}.intro-text-work h1,.intro-text h1{font-family:Beastly clauworks;font-size:35vw;font-weight:400;line-height:35vw;margin:0}.intro-text{position:fixed;top:32vw;left:0}@media(min-width:768px){.intro-text{top:3.4vw}}.intro-work{padding:16vw 0}@media(min-width:768px){.intro-work{padding:2vw 0 9vw}}.intro-work .intro-text-work{transform:translateY(-7vw);margin-bottom:-7vw}@media(min-width:768px){.intro-work .intro-text-work{transform:translateY(2vw);margin-bottom:0}}.intro-work .intro-bio{padding-bottom:16vw;padding-top:16vw}@media(min-width:768px){.intro-work .intro-bio{padding-bottom:9vw;padding-top:9vw}}.intro-media{padding:0 4.5vw;position:relative;z-index:1}.intro-media img,.intro-media video{display:block;height:auto;width:100%;max-width:100%}.intro-skills{margin:0 0 16vw;padding-top:16vw;overflow:hidden;width:100%;max-width:100%}@media(min-width:768px){.intro-skills{margin:0 0 9vw;padding-top:9vw}}.intro-skills h2{font-family:Suisse Intl clauworks;font-size:15vw;font-weight:400;margin:0;position:relative;white-space:nowrap}@media(min-width:768px){.intro-skills h2{font-size:10vw}}.intro-skills .parallel-texts-separator{height:.3vw;margin:0 4.5vw;position:relative;top:.5vw;width:calc(100% - 9vw);background-color:#1a1a1a}.intro-bio{font-family:Suisse Intl clauworks;font-size:20px;line-height:28px;margin-left:auto;padding:0 4.5vw}.intro-bio a:active,.intro-bio a:hover,.intro-bio a:link,.intro-bio a:visited{color:#1a1a1a;text-decoration:underline;text-underline-offset:4px}.intro-bio p:first-child{margin-top:0}.intro-bio p:last-child{margin-bottom:0}@media(min-width:768px){.intro-bio{font-size:30px;line-height:40px;padding:0 12vw 0 0;width:calc(54% - 9vw)}}.intro-light{background-color:#fff}.intro-dark{background-color:#1a1a1a;color:#fff}.intro-dark .intro-bio a:active,.intro-dark .intro-bio a:hover,.intro-dark .intro-bio a:link,.intro-dark .intro-bio a:visited{color:#fff}.intro-dark .intro-skills .parallel-texts-separator{background-color:#fff}.get-in-touch{background-color:#8e93ff}@media(min-width:768px){.get-in-touch{padding-top:150px}}.get-in-touch-title{color:#1a1a1a;display:inline-block;padding:16vw 4.5vw;text-decoration:none}@media(min-width:768px){.get-in-touch-title{padding:9vw 4.5vw}}.get-in-touch-title:active,.get-in-touch-title:hover,.get-in-touch-title:link,.get-in-touch-title:visited{color:#1a1a1a;text-decoration:none}@media(min-width:768px){.get-in-touch-title{padding:0 4.5vw}}.get-in-touch-title h2{font-size:31vw;line-height:27vw;pointer-events:none}.get-in-touch-title h2>div{line-height:27vw}@media(min-width:768px){.get-in-touch-title h2>div{line-height:20vw}}.get-in-touch-title h2+h2{transform:translateY(-5vw)}@media(min-width:768px){.get-in-touch-title h2+h2{transform:translateY(-6vw)}}@media(min-width:768px){.get-in-touch-title h2{display:inline-flex;font-size:20vw;line-height:20vw}}.get-in-touch-columns{display:flex;padding:0 4.5vw 16vw;width:calc(100% - 9vw);overflow-x:auto}@media(min-width:768px){.get-in-touch-columns{flex-direction:row;overflow:hidden;padding:0 4.5vw 9vw}}.get-in-touch-column{display:flex;flex-direction:column;flex:0 0 50%}@media(min-width:768px){.get-in-touch-column{flex:1 0 20%}}.get-in-touch-column-content,.get-in-touch-column-heading{font-family:Suisse Intl clauworks;font-size:16px;line-height:20px}.get-in-touch-column-content a:active,.get-in-touch-column-content a:hover,.get-in-touch-column-content a:link,.get-in-touch-column-content a:visited,.get-in-touch-column-heading a:active,.get-in-touch-column-heading a:hover,.get-in-touch-column-heading a:link,.get-in-touch-column-heading a:visited{color:#1a1a1a;text-decoration:underline;text-underline-offset:4px}.get-in-touch-column-content a:active:after,.get-in-touch-column-content a:hover:after,.get-in-touch-column-content a:link:after,.get-in-touch-column-content a:visited:after,.get-in-touch-column-heading a:active:after,.get-in-touch-column-heading a:hover:after,.get-in-touch-column-heading a:link:after,.get-in-touch-column-heading a:visited:after{content:" ↗"}@media(min-width:768px){.get-in-touch-column-content,.get-in-touch-column-heading{font-size:20px;line-height:30px}}.get-in-touch-column-heading{text-transform:uppercase}.get-in-touch-column-content{margin-top:4.5vw}@media(min-width:768px){.get-in-touch-column-content{margin-top:1.5vw}}.get-in-touch-column-content p{margin:0 0 3px;padding-right:4vw}@media(min-width:768px){.get-in-touch-column-content p{margin:0}}.get-in-touch-light{background-color:#fff}.get-in-touch-dark{background-color:#1a1a1a;color:#fff}.get-in-touch-dark .get-in-touch-column-content a:active,.get-in-touch-dark .get-in-touch-column-content a:hover,.get-in-touch-dark .get-in-touch-column-content a:link,.get-in-touch-dark .get-in-touch-column-content a:visited,.get-in-touch-dark .get-in-touch-column-heading a:active,.get-in-touch-dark .get-in-touch-column-heading a:hover,.get-in-touch-dark .get-in-touch-column-heading a:link,.get-in-touch-dark .get-in-touch-column-heading a:visited{color:#fff}.playground{background-color:#fff;padding:16vw 0}@media(min-width:768px){.playground{padding:6vw 0 9vw}}.playground-title{margin-bottom:-6vw;padding-bottom:16vw;transform:translateY(-6vw)}@media(min-width:768px){.playground-title{margin-bottom:-6vw;padding-bottom:9vw;transform:translateY(0)}}.playground-title h2{font-size:26vw;line-height:27vw}.playground-title h2>div{line-height:27vw}@media(min-width:768px){.playground-title h2>div{line-height:21vw}}.playground-title h2+h2{transform:translateY(-8vw);margin-bottom:-6vw}@media(min-width:768px){.playground-title h2+h2{transform:translateY(-7vw);margin-bottom:0}}@media(min-width:768px){.playground-title h2{font-size:20vw;line-height:21vw}}.playground-dark{background-color:#1a1a1a;color:#fff}.playground-dark .works-list .works-list-column-header a:active,.playground-dark .works-list .works-list-column-header a:hover,.playground-dark .works-list .works-list-column-header a:link,.playground-dark .works-list .works-list-column-header a:visited,.playground-dark .works-list a:active,.playground-dark .works-list a:hover,.playground-dark .works-list a:link,.playground-dark .works-list a:visited{color:#fff;text-underline-offset:4px}.clau-portfolio_sign_in #fixed{display:none}.portfolio-signin{background-color:#8e93ff}.portfolio-signin form{display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 4.5vw}@media(min-width:768px){.portfolio-signin form{padding:0 20vw}}.portfolio-signin form p{color:#1a1a1a;font-family:Suisse Intl clauworks;font-size:16px;margin-bottom:25px}@media(min-width:768px){.portfolio-signin form p{font-size:1vw;margin-bottom:0}}.portfolio-signin form input[type=password],.portfolio-signin form input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;border:none;border-bottom:1px solid #1a1a1a;color:#1a1a1a;font-family:Suisse Intl clauworks;font-size:7vw;font-weight:400;margin-bottom:25px;outline:none;padding:0;text-align:left;width:100%}@media(min-width:768px){.portfolio-signin form input[type=password],.portfolio-signin form input[type=text]{margin-bottom:1vw}}.portfolio-signin form input[type=password]::-moz-placeholder,.portfolio-signin form input[type=text]::-moz-placeholder{color:#1a1a1a;font-size:7vw}.portfolio-signin form input[type=password]:-ms-input-placeholder,.portfolio-signin form input[type=text]:-ms-input-placeholder{color:#1a1a1a;font-size:7vw}.portfolio-signin form input[type=password]::placeholder,.portfolio-signin form input[type=text]::placeholder{color:#1a1a1a;font-size:7vw}.portfolio-signin form input[type=password]::-ms-reveal,.portfolio-signin form input[type=text]::-ms-reveal{display:none}.portfolio-signin form input[type=password]:focus::-moz-placeholder,.portfolio-signin form input[type=text]:focus::-moz-placeholder{color:transparent}.portfolio-signin form input[type=password]:focus:-ms-input-placeholder,.portfolio-signin form input[type=text]:focus:-ms-input-placeholder{color:transparent}.portfolio-signin form input[type=password]:focus::placeholder,.portfolio-signin form input[type=text]:focus::placeholder{color:transparent}.portfolio-signin form input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border-radius:0;border:none;color:#1a1a1a;font-family:Suisse Intl clauworks;font-size:16px;font-weight:400;margin-top:20px;outline:none;padding:0;text-align:left;text-decoration:underline;text-underline-offset:4px}@media(min-width:768px){.portfolio-signin form input[type=submit]{font-size:1.5vw;margin-top:1vw}}.portfolio{background-color:#fff;padding:39vw 0 16vw}@media(min-width:768px){.portfolio{padding:10vw 0 9vw}}.portfolio-title{margin-bottom:-6vw;padding-bottom:16vw;transform:translateY(-6vw)}@media(min-width:768px){.portfolio-title{margin-bottom:5vw;padding-bottom:0;transform:translateY(-3vw)}}.portfolio-title h2{font-size:28vw;line-height:23vw}.portfolio-title h2>div{line-height:27vw}@media(min-width:768px){.portfolio-title h2>div{line-height:23vw}}@media(min-width:768px){.portfolio-title h2{font-size:28vw;line-height:23vw}}.portfolio-dark{background-color:#1a1a1a;color:#fff}.portfolio-dark .works-list .works-list-column-header a:active,.portfolio-dark .works-list .works-list-column-header a:hover,.portfolio-dark .works-list .works-list-column-header a:link,.portfolio-dark .works-list .works-list-column-header a:visited,.portfolio-dark .works-list a:active,.portfolio-dark .works-list a:hover,.portfolio-dark .works-list a:link,.portfolio-dark .works-list a:visited{color:#fff;text-underline-offset:4px}.works-list{padding:0 4.5vw;width:calc(100% - 9vw);display:flex}@media(min-width:768px){.works-list-mobile{display:none}}.works-list-col{display:none;flex:1 0}@media(min-width:768px){.works-list-col{display:block}}.works-list-col:last-child .works-list-work a div{margin-left:auto}.works-list .works-list-column-header{display:block;font-family:Suisse Intl clauworks;font-size:16px;line-height:20px;padding:0 14vw 16vw}@media(min-width:768px){.works-list .works-list-column-header{font-size:20px;line-height:30px;padding:0 14vw 9vw}}.works-list .works-list-column-header a:active,.works-list .works-list-column-header a:hover,.works-list .works-list-column-header a:link,.works-list .works-list-column-header a:visited{color:#1a1a1a;display:inline;text-decoration:underline;text-underline-offset:4px}.works-list>div .works-list-work{display:flex;justify-content:flex-start}.works-list>div .works-list-work a{transform:rotate(0deg);transition:transform .4s cubic-bezier(.5,.25,0,1);width:100%}@media(min-width:768px){.works-list>div .works-list-work a{width:77.77%}}.works-list>div .works-list-work a img,.works-list>div .works-list-work a video{display:block;max-width:100%;transition:all 333ms linear;width:100%}.works-list>div .works-list-work a>div{margin-bottom:9vw;width:100%}@media(min-width:768px){.works-list>div .works-list-work a>div{margin-bottom:4.5vw;width:100%}}.works-list>div .works-list-work a.work-featured{width:100%}@media(min-width:768px){.works-list>div .works-list-work a.work-featured{width:93.75%}}.works-list>div .works-list-work a.work-featured>div{width:100%}.works-list>div .works-list-work:last-child a>div{margin-bottom:0}.works-list>div:last-child>div{justify-content:flex-end}.works-list a{display:block}.works-list a:link,.works-list a:visited{color:#1a1a1a;text-decoration:none}.works-list a:hover{transform:rotate(3.5deg)!important}.works-list a:active{color:#1a1a1a;text-decoration:none}.works-list a>div{display:flex;flex-direction:column}.works-list a>div div{margin-bottom:12px;overflow:hidden}@media(min-width:768px){.works-list a>div div{margin-bottom:30px}}.works-list a>div div+p{margin-top:0}.works-list a>div p{font-family:Suisse Intl clauworks;font-size:15px;line-height:20px;margin:1em 0 .25em}@media(min-width:768px){.works-list a>div p{font-size:20px;line-height:26px}}.works-list a>div p+p{margin-top:0}.email-me{background-color:#1a1a1a;bottom:0;height:100vh;left:0;position:fixed;z-index:1;width:100%;max-width:100%}.email-me,.email-me .animated-titles-mounted{visibility:hidden}.email-me-visible,.email-me-visible .animated-titles-mounted{visibility:visible}.email-me-title{display:inline-flex;flex-direction:column;padding-top:4.5vw;transform:translateY(32vw);width:auto}.email-me-title:active,.email-me-title:hover,.email-me-title:link,.email-me-title:visited{text-decoration:none}@media(min-width:768px){.email-me-title{transform:translateY(-2.5vw)}}.email-me-title h2{color:#fff;font-size:31vw;line-height:27vw;pointer-events:none}.email-me-title h2>div{line-height:27vw}@media(min-width:768px){.email-me-title h2>div{line-height:20vw}}.email-me-title h2:last-of-type{transform:translateY(-7vw)}@media(min-width:768px){.email-me-title h2:last-of-type{transform:translateY(-8vw)}}@media(min-width:768px){.email-me-title h2{display:inline-flex;font-size:20vw;line-height:20vw}}.email-me-banner{background-color:#47f654;bottom:0;font-family:Suisse Intl clauworks;font-size:18px;height:40px;left:0;overflow:hidden;position:absolute;white-space:nowrap;width:100%}@media(min-width:768px){.email-me-banner{font-size:38px;height:80px}}.email-me-banner-container{height:100%;width:100%}.email-me-banner-content{align-items:center;-webkit-animation:banner 5s linear infinite;animation:banner 5s linear infinite;display:flex;height:100%;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;will-change:transform}.email-me-banner-content,.email-me-banner-content:hover,.email-me-banner-content:link,.email-me-banner-content:visited{text-decoration:none;color:#1a1a1a}.email-me-banner-content:hover>span{background-color:#1a1a1a;color:#47f654}.email-me-banner-content:active{color:#1a1a1a;text-decoration:none}.email-me-banner-content>img{display:block;height:22px;margin:0 2vw;width:22px}@media(min-width:768px){.email-me-banner-content>img{height:45px;margin:0 1vw;width:45px}}.email-me-banner-content>div{margin:0 2vw}@media(min-width:768px){.email-me-banner-content>div{height:45px;margin:0 1vw}}.email-me-banner-content>span{border-radius:3vw;border:1px solid #1a1a1a;display:inline-block;margin:0 2vw;padding:0 1.5vw}@media(min-width:768px){.email-me-banner-content>span{border-width:2px;margin:0 1vw}}@-webkit-keyframes banner{to{transform:translate3d(-33.33%,0,0)}}@keyframes banner{to{transform:translate3d(-33.33%,0,0)}}.email-me-links{color:#fff;display:flex;flex-direction:column;font-family:Suisse Intl clauworks;position:absolute;bottom:70px;right:9vw}@media(min-width:768px){.email-me-links{bottom:100px;right:9vw}}.email-me-links p{font-size:20px;line-height:28px;margin-bottom:0}@media(min-width:768px){.email-me-links p{font-size:30px;line-height:40px}}.email-me-links a{display:inline-flex;font-size:15px;line-height:20px;margin-bottom:6px}@media(min-width:768px){.email-me-links a{font-size:20px;line-height:26px;margin-bottom:10px}}.email-me-links a:active,.email-me-links a:hover,.email-me-links a:link,.email-me-links a:visited{color:#fff;text-decoration:underline;text-underline-offset:4px}.email-me-links a:active:after,.email-me-links a:hover:after,.email-me-links a:link:after,.email-me-links a:visited:after{content:" ↗"}.work-container-header{padding:40vw 4.5vw 5vw;width:calc(100% - 9vw)}@media(min-width:768px){.work-container-header{padding:18vw 4.5vw 9vw}}.work-container-header h1{font-family:Suisse Intl clauworks;font-size:13vw;font-weight:400;line-height:11vw;margin:0 0 9vw;padding:0}@media(min-width:768px){.work-container-header h1{margin:0 0 4.5vw}}.work-container-header img,.work-container-header video{max-width:100%;width:100%}.playground-dark+.intro-light .intro-skills,.portfolio+.intro-dark .intro-skills{margin-bottom:0;padding-top:0}.next-work+.portfolio,.work-container+.portfolio{padding-top:10vw}@media(min-width:768px){.next-work+.portfolio,.work-container+.portfolio{padding-top:6vw}}.next-work+.portfolio .portfolio-title,.work-container+.portfolio .portfolio-title{margin-bottom:0;transform:translateY(0)}@media(min-width:768px){.next-work+.portfolio .portfolio-title,.work-container+.portfolio .portfolio-title{margin-bottom:9vw}}@media(min-width:768px){.intro-dark+.get-in-touch-dark,.intro-light+.get-in-touch-light{padding-top:0}.playground-dark+.intro-light .intro-skills,.portfolio+.intro-dark .intro-skills{margin-bottom:0;padding-top:0}}