@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300&family=Fira+Sans:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow&display=swap";.canvas-container[data-v-f4c5a148]{z-index:0;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-container[data-v-f4c5a148],canvas[data-v-f4c5a148]{width:100vw;pointer-events:all;height:100%}.controls[data-v-f4c5a148]{position:absolute;padding:30px;top:0;right:0}.intro-container[data-v-0ecfc3d3]{bottom:0;left:0;position:absolute;z-index:1;width:100%;pointer-events:none;z-index:30}.intro-container .contained[data-v-0ecfc3d3]{margin:var(--page-margin);border-radius:var(--border-radius)}.intro[data-v-0ecfc3d3]{padding:var(--page-margin);display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.intro-container a[data-v-0ecfc3d3]{pointer-events:all}h1[data-v-0ecfc3d3]{max-width:600px;font-size:1.5rem}h1 span[data-v-0ecfc3d3]{white-space:nowrap}p[data-v-0ecfc3d3]{font-size:1.2rem;text-align:right;max-width:400px;margin:0}@media screen and (max-width: 1000px){.intro[data-v-0ecfc3d3]{flex-direction:column;align-items:flex-start}p[data-v-0ecfc3d3]{text-align:left}}footer[data-v-579ee4c2]{min-height:400px;width:100%;background:var(--background-color-secondary);display:flex;align-items:center;justify-content:center;margin-top:64px;position:relative;transition:background .4s ease}footer[data-v-579ee4c2]:before{content:"";position:absolute;top:0;right:0;bottom:1px;left:0;z-index:-1;margin:-1px;background:var(--rainbowGradient);background-size:200% 200%;-webkit-animation:rainbow 8s ease infinite;animation:rainbow 8s ease infinite}footer .contained[data-v-579ee4c2]{display:flex;align-items:center;justify-content:center;font-size:.9rem;text-align:center;flex-direction:column}h1[data-v-579ee4c2]{font-size:5em;margin-bottom:20px}a[data-v-579ee4c2]{font-family:var(--font-serif);text-decoration:none;font-size:3rem;transition:transform .4s ease;display:block}a[data-v-579ee4c2]:hover{transform:scale(1.2)}.marquee[data-v-322d5859]{width:100%;border:1px solid var(--border-color);border-left:none;border-right:none;overflow:hidden;position:relative;height:120px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.marquee .inner[data-v-322d5859]{display:block;width:200%;min-width:2000px;position:absolute;-webkit-animation:marquee-322d5859 20s linear infinite;animation:marquee-322d5859 20s linear infinite}.marquee span[data-v-322d5859]{float:left;width:50%}@-webkit-keyframes marquee-322d5859{0%{left:0}to{left:-100%}}@keyframes marquee-322d5859{0%{left:0}to{left:-100%}}.switch[data-v-44c7a269]{width:100%;margin-bottom:var(--page-margin)}.about p[data-v-44c7a269]{margin-bottom:var(--page-margin)}.page>div[data-v-44c7a269]{display:flex;flex-direction:column;align-items:center;width:100%}.marquee[data-v-44c7a269]{margin-top:var(--page-margin);margin-bottom:calc(var(--page-margin) * 2)}.about-personal[data-v-44c7a269],.about-commercial[data-v-44c7a269]{min-height:70vh}.emojis[data-v-44c7a269],.logos[data-v-44c7a269]{display:flex;align-items:center;justify-content:space-around}.emoji[data-v-44c7a269]{font-size:4rem;transition:transform .8s ease-in}.emoji.offset-top[data-v-44c7a269]{margin-top:-1rem}.emoji[data-v-44c7a269]:hover{transform:scale(.8);transition:transform .2s ease-out}.highlights[data-v-44c7a269]{display:grid;margin:var(--page-margin);margin-top:var(--page-margin);margin-bottom:calc(var(--page-margin) * 2);grid-template-columns:repeat(4,1fr);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:var(--maxSiteWidth);border-top:1px solid var(--border-color);border-left:1px solid var(--border-color)}.highlights .highlight[data-v-44c7a269]{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);transition:color 1s ease-in,background 1s ease-in,border-color 1s ease-in;display:grid;grid-template-columns:3fr 1fr;min-height:180px}.highlights .highlight[data-v-44c7a269]:hover{background-color:var(--primary-color);color:var(--background-color);transition:color .4s ease-out,background .4s ease-out,border-color .4s ease-out}.highlights .highlight:hover .type[data-v-44c7a269]{border-color:var(--background-color);transition:border-color .4s ease-out}.highlight span[data-v-44c7a269]{padding:12px;display:block}.highlight .type[data-v-44c7a269]{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-family:var(--font-serif);width:-webkit-min-content;width:-moz-min-content;width:min-content;height:-webkit-min-content;height:-moz-min-content;height:min-content;transition:border-color 1s ease-in;font-size:.8rem}.highlight .title[data-v-44c7a269]{font-size:1.6rem;font-weight:bold;align-self:flex-end}.highlight .place[data-v-44c7a269]{justify-self:flex-end;align-self:flex-end;text-align:right}.highlight .year[data-v-44c7a269],.highlight .place[data-v-44c7a269]{text-align:right;font-size:.9rem}.highlight .year[data-v-44c7a269]{justify-self:flex-end;align-self:flex-start;padding:8px;height:-webkit-min-content;height:-moz-min-content;height:min-content}.highlight .type[data-v-44c7a269],.highlight .year[data-v-44c7a269]{margin-bottom:30px}@media screen and (max-width: 1700px){.highlights[data-v-44c7a269]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 1200px){.highlights[data-v-44c7a269]{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1000px){.highlights[data-v-44c7a269]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 700px){.highlights[data-v-44c7a269]{display:flex;flex-direction:column;align-items:center;border:none}.highlights .highlight[data-v-44c7a269]{border:1px solid var(--border-color);width:100%;max-width:400px;margin-bottom:10px}}.project[data-v-a3d90558]{background:var(--background-color-secondary);border-radius:var(--border-radius);overflow:hidden;height:auto;position:relative;min-height:200px;max-height:650px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:var(--border-width) solid var(--background-color);transition:border-color 1s ease,opacity 1s ease;pointer-events:all}.projects:hover .project[data-v-a3d90558]:not(:hover){opacity:.5}.projects:hover .project[data-v-a3d90558]:hover{border-color:var(--primary-color);transition:border-color .4s ease,opacity .4s ease}.project>a[data-v-a3d90558]{height:100%}.project .info[data-v-a3d90558]{position:absolute;bottom:0;left:0;border:none;width:100%;border-top:1px solid var(--primary-color);padding:32px;transform:translateY(200px);transition:transform .8s ease-in,opacity 2s ease-in;background:var(--background-color-blur-fallback);border-radius:0 0 var(--border-radius) var(--border-radius)}.project .info h2[data-v-a3d90558]{font-size:1.6rem;margin-bottom:.4rem;font-weight:bold}.project .info h3[data-v-a3d90558]{font-size:.9rem;font-family:var(--font-serif)}.project:hover .info[data-v-a3d90558]{transform:translateY(2px);opacity:1;transition:transform .4s ease-out,opacity .2s ease-out}.content[data-v-a3d90558]{width:100%;height:100%}.content img[data-v-a3d90558],.content video[data-v-a3d90558]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;opacity:0;transition:opacity .4s ease;display:block}.content img.loaded[data-v-a3d90558],.content video.loaded[data-v-a3d90558]{opacity:1}.work{--content-padding: 16px;--border-width: 1px}@media screen and (min-width: 1200px){.work{--content-padding:32px}}.projects-container{min-height:100vh;max-width:var(--maxSiteWidth);width:100%}.projects{padding:var(--content-padding);padding-top:0;gap:calc(var(--content-padding) - var(--border-width) * 2);pointer-events:none;width:100%}.projects.filtered .project{grid-column:span 3!important;max-height:500px}.vimeo-module{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:var(--background-color-secondary);border-radius:var(--border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vimeo-module iframe,.vimeo-module object,.vimeo-module embed{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent!important}.video-module[data-v-8a8106dc]{position:relative;width:100%;background:var(--background-color-secondary);border-radius:var(--border-radius);overflow:hidden}.video-module video[data-v-8a8106dc]{display:block;width:100%;opacity:0;transition:opacity 1s ease-out}.video-module video.loaded[data-v-8a8106dc]{opacity:1}.mute-button[data-v-8a8106dc]{position:absolute;top:0;right:0;margin:8px;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:none;border:none;cursor:pointer}.mute-button[data-v-8a8106dc]:hover{opacity:.7}.mute-button img[data-v-8a8106dc]{fill:#fff}.mute-button.active[data-v-8a8106dc]{background:none;transition:opacity .4s ease}.image-module[data-v-66a8656c]{width:100%;background:var(--background-color-secondary);border-radius:var(--border-radius);overflow:hidden;text-align:center}.image-module img[data-v-66a8656c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;transition:opacity 1s ease-out;display:block}.image-module img.loaded[data-v-66a8656c]{opacity:1}.media-gallery-module{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px}.paragraph-module{display:flex;align-items:center;justify-content:center}.paragraph-module .inner{max-width:900px;text-align:left}.details{display:flex;align-items:center;justify-content:space-evenly}h1[data-v-47fb9d9d]{font-size:15rem;font-family:var(--font-serif)}.page[data-v-47fb9d9d]{height:100%;position:absolute;top:0;left:0}header{width:100vw;font-family:var(--font-serif);position:-webkit-sticky;position:sticky;top:0;left:0;z-index:30;pointer-events:none}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:140px;pointer-events:none;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 100%);transition:opacity .4s ease}.theme-light header:before{opacity:0}.inner-header{width:100%;padding:0;margin:var(--page-margin) 0!important;position:relative;z-index:1;transform:translateY(-200px);transition:transform .5s ease,background-color .4s ease,color .4s ease,border-color .4s ease}.inner-header h1{font-size:.9rem}.inner-header a{text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.inner-header{overflow:hidden;pointer-events:all}.logo{margin:0;height:100%;transition:color .4s ease,background .4s ease;padding:16px}header.open .inner-header{transform:translate(0)}.main-nav{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:.9rem}.active-project-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:var(--primary-color);color:var(--background-color);transition:transform .4s ease-in,background .4s ease,color .4s ease;transform:translateY(-200px)}.active-project-overlay h1{color:var(--background-color);font-family:var(--font-sans-serif);font-size:1rem}.active-project-overlay.active{transform:translate(0);transition:transform .8s ease-out .2s}.expandable{max-height:0;overflow-y:hidden;overflow-x:auto;transition:max-height .6s ease}.expandable .inner{padding:8px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.expandable .inner.project-inner{justify-content:space-between}.inner.project-inner .buttons{display:flex}.expandable.active{max-height:150px}.expandable.project-details{transition:max-height .6s ease-in 0}.expandable.active.project-details{transition:max-height .6s ease-out .2s}.back{position:absolute;left:0;top:0;height:100%;font-size:1.4em;padding:0 16px;transition:transform .6s ease-in}.back:hover{transform:translate(-5px);transition:transform .2s ease-out}nav ul{display:flex;list-style:none;padding:0 16px;margin:0}nav ul li{padding:0 16px}nav ul li a,.logo{transition:opactiy .6s ease-in}nav ul li a:hover,.logo:hover{opacity:.6;transition:opacity .6s ease-out}.cursor,.cursor2{position:fixed;left:0;top:0;pointer-events:none;mix-blend-mode:exclusion}.cursor2{--size-active: 6px;width:var(--size-active);height:var(--size-active);border-radius:50%;background-color:#fff;margin-top:calc(-1 * var(--size-active) / 2);margin-left:calc(-1 * var(--size-active) / 2);z-index:100000}.cursor{--size-active: 180px;--size-normal: 6px;z-index:20;display:flex;align-items:center;justify-content:center;width:var(--size-active);height:var(--size-active);margin-top:calc(-1 * var(--size-active) / 2);margin-left:calc(-1 * var(--size-active) / 2);transition:transform .1s}.cursor:before{display:block;content:"";width:var(--size-normal);height:var(--size-normal);border-radius:50%;pointer-events:none;transition:width .8s ease-in,height .8s ease-in,background .8s ease-in}.cursor.click:before{width:var(--size-active);height:var(--size-active);transition:width .5s ease-out,height .5s ease-out,background .01s ease-out;background:#fff}body{--background-color:#000;--background-color-secondary:rgb(15,15,15);--background-color-transparent:rgba(0,0,0,0);--background-color-blur:rgba(0,0,0,.7);--background-color-blur-fallback:rgba(0,0,0,.95);--primary-color:#fff;--secondary-color:rgba(255,255,255,.5);--border-color:rgba(255,255,255,.5);--border-radius:15px;--blur:blur(8px);--font-sans-serif: "Barlow";--font-serif:"Fira Code", serif;--maxSiteWidth:1800px;--container-width:1200px;--page-margin:32px;--rainbowGradient: repeating-linear-gradient( 45deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3, #ff2400 )}@media screen and (max-width:800px){body{--page-margin:16px}}body.theme-light{--background-color:#fff;--background-color-secondary:rgb(250,250,250);--background-color-transparent:rgba(255,255,255,0);--background-color-blur:rgba(255,255,255,.6);--background-color-blur-fallback:rgba(255,255,255,.95);--primary-color:#000;--secondary-color:rgba(0,0,0,.5);--border-color:rgba(0,0,0,.5)}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter,.fade-enter-from,.fade-leave-to{opacity:0}.fade-switch-enter-active,.fade-switch-leave-active{transition:opacity .2s ease,max-height .6s ease;max-height:2000px}.fade-switch-enter,.fade-switch-enter-from,.fade-switch-leave-to{opacity:0;max-height:0}.page-enter-active,.page-leave-active{transition:opacity .4s ease}:is(.page-enter-active,.page-leave-active) .intro-container{transition:transform .6s ease,max-width .6 ease}.page-enter,.page-enter-from,.page-leave-to{opacity:0}:is(.page-enter,.page-enter-from,.page-leave-to) .intro-container{transform:translateY(500px);max-width:0}button,.button{font-family:var(--font-serif);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;border-radius:var(--border-radius);border:1px solid var(--primary-color);color:var(--primary-color);background:none;word-break:keep-all;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:8px 16px;margin:6px;font-size:1.2rem;pointer-events:all;transition:color .5s ease-in,background-color .4s ease-in}:is(button,.button):hover,:is(button,.button).active,:is(button,.button).router-link-exact-active{background:var(--primary-color);color:var(--background-color);transition:color .2s ease-out,background-color .3s ease-out}:is(button,.button).disabled,:is(button,.button):disabled{opacity:.5}:is(:is(button,.button).disabled,:is(button,.button):disabled):hover,:is(:is(button,.button).disabled,:is(button,.button):disabled).active{background:inherit;color:inherit}:is(button,.button).small{font-size:.8rem;padding:4px 10px;margin:4px}:is(button,.button).large{font-size:2rem;padding:16px 24px}.switch{position:relative;display:flex;align-items:center;font-family:var(--font-serif)}.switch .label-text{font-size:.9rem}.switch input{opacity:0;width:0;height:0;position:absolute}.switch input:checked+.slider:before{transform:translate(20px);opacity:1}.slider{cursor:pointer;border:1px solid var(--primary-color);transition:.4s;box-sizing:content-box;width:40px;height:20px;border-radius:34px;margin-left:1px;display:inline-block;position:relative;margin-right:12px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;transition:.4s;border-radius:50%;background-color:var(--primary-color);opacity:.24}.slider:hover{border-color:var(--secondary-color)}body{font-size:100%}a{color:inherit;-webkit-text-decoration:underline .04em var(--primary-color);text-decoration:underline .04em var(--primary-color);text-underline-offset:.1em;transition:all .3s;pointer-events:all}a:hover{-webkit-text-decoration-color:var(--secondary-color);text-decoration-color:var(--secondary-color)}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0;color:var(--primary-color);transition:color .4s ease}p,.paragraph-module{font-size:1.6rem}@media screen and (max-width: 800px){html{font-size:80%}}.rainbow-text,.main-nav .router-link-active{-webkit-animation:rainbow 8s ease infinite;animation:rainbow 8s ease infinite;background-clip:text;-webkit-background-clip:text;background-image:var(--rainbowGradient);background-size:800% 800%;text-align:center;-webkit-text-fill-color:transparent;text-fill-color:transparent;text-align:left;pointer-events:all;opacity:1}@-webkit-keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 25%}to{background-position:0 50%}}@keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 25%}to{background-position:0 50%}}.grid{display:grid;grid-template-columns:repeat(12,1fr)}.grid .span-12{grid-column:span 12}.grid .span-6{grid-column:span 6}.grid .span-4{grid-column:span 4}.grid .span-3{grid-column:span 3}.grid .span-2{grid-column:span 2}@media screen and (max-width:1200px){.grid .span-6,.grid .span-4,.grid .span-3,.grid .span-2{grid-column:span 6}}@media screen and (max-width:600px){.grid{display:flex;flex-direction:column}}.contained,.page>div.contained{max-width:var(--container-width);width:calc(100vw - var(--page-margin)*2);margin:0}.page{width:100vw;display:flex;flex-direction:column;align-items:center}.contained>.module{margin-bottom:calc(var(--page-margin) *4)}*{box-sizing:border-box}:root{color-scheme:dark}iframe{color-scheme:initial}html,body{top:0;right:0;bottom:0;left:0;padding:0;margin:0}body{font-display:swap;font-family:var(--font-sans-serif);font-weight:300;background-color:var(--background-color);color:var(--primary-color);transition:color .4s ease,background .4s ease;overflow-x:hidden;cursor:none}.center-content{display:flex;justify-content:center;align-items:center}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass{background:var(--background-color-blur);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;transform:translate(0);transform:translateZ(0)}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass{background:var(--background-color-blur-fallback)}}.glass{overflow:hidden}.glass.card{border:1px solid var(--border-color);border-radius:var(--border-radius)}::-moz-selection,::selection{color:var(--background-color);background:var(--primary-color)}