.parallax-background[data-v-776a6b89]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;background-size:cover;background-repeat:repeat}.container[data-v-b8df02a8]{position:relative;width:100%;height:100%;overflow:hidden}.element[data-v-b8df02a8]{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6}.parallax-container[data-v-6bf1b1d1]{position:fixed;top:-5px;right:-5px;bottom:-5px;left:-5px;overflow:hidden;z-index:-100}#three-scene{position:fixed;top:0;left:0;width:100%;min-height:100%;pointer-events:auto;z-index:-1}#three-scene canvas{width:100%;min-height:100%}#homepage-container[data-v-22d0768c]{display:flex;flex-direction:column;min-height:150vh;width:max(95%,200px);margin:0 auto;padding-top:5vh;justify-content:space-around;gap:25vh}.element[data-v-22d0768c]{max-width:90vw;margin-left:20px;margin-right:20px;align-self:center;text-align:center}@media (max-width: 1200px){.element[data-v-22d0768c]{margin-left:0;margin-right:0}}.element.right[data-v-22d0768c]{align-self:flex-end;text-align:right}.element.left[data-v-22d0768c]{align-self:flex-start;text-align:left}.element[data-v-22d0768c]:first-child{font-size:clamp(50px,30vmin,300px);font-weight:600}.element[data-v-22d0768c]:nth-child(2){font-size:clamp(40px,16vmin,200px);font-weight:400}.element[data-v-22d0768c]:nth-child(3),#job[data-v-22d0768c]{font-size:clamp(30px,12vmin,160px);font-weight:400}@media (min-width: 1200px){.element[data-v-22d0768c]:nth-child(3),.element[data-v-22d0768c]:nth-child(5),.element[data-v-22d0768c]:nth-child(6),.element[data-v-22d0768c]:nth-child(7){width:50%}#job[data-v-22d0768c]{width:60%}}#job[data-v-22d0768c]{display:flex;flex-direction:column;align-items:end}#job[data-v-22d0768c]>:first-child{display:flex;align-items:center;justify-content:flex-end}#job[data-v-22d0768c]>:last-child{display:flex;align-items:center;justify-content:flex-end;font-size:clamp(10px,8vmin,100px);margin:30px 0 0;height:100px}#job>:last-child a[data-v-22d0768c]{margin:0 0 0 20px;height:100%}#job>:last-child img[data-v-22d0768c]{width:100%;height:100%;object-fit:contain}#job>:last-child div[data-v-22d0768c]{margin:0}.element[data-v-22d0768c]:nth-child(5),.element[data-v-22d0768c]:nth-child(6),.element[data-v-22d0768c]:nth-child(7){font-size:clamp(20px,8vmin,140px);font-weight:300;width:75%}.element[data-v-22d0768c]:nth-child(6),.element[data-v-22d0768c]:nth-child(7){margin-top:-20px}.element[data-v-22d0768c]:last-child{margin-bottom:100px}#scroll-helper[data-v-e441bc3c]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:20vmin;height:20vmin}#scroll-helper img[data-v-e441bc3c]{width:100%;height:100%}.btn{z-index:1;display:flex;justify-content:center;align-items:center;font-family:inherit;font-weight:800;letter-spacing:.1em;background-color:#000;color:#fff;border:2px white solid;box-shadow:#fff 0 4px,#fff 0 -4px inset;box-sizing:border-box;cursor:pointer;text-decoration:none;transform:translateY(0) translateZ(0);white-space:nowrap;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:box-shadow .2s,transform .2s,background-color .2s;will-change:box-shadow,transform,background-color}.btn--text{font-size:2.5rem;padding:.7em;align-self:center}.btn--icon{padding:.1em;height:100%}.btn__text{margin:0;padding-right:.5em}.btn__icon-wrapper{height:100%;display:flex;transition:transform .3s ease;will-change:transform}.btn__icon-wrapper--flipped{transform:rotate(180deg)}.btn__icon{object-fit:contain;height:100%;transform:translateY(0);transition:transform .15s ease-out;will-change:transform}.btn:hover{box-shadow:#fff 0 8px,#fff 0 -4px inset;transform:translateY(-4px);background:repeating-linear-gradient(-45deg,#000 0,#000 3px,transparent 3px,transparent 4.8px),repeating-linear-gradient(45deg,#000 0,#000 3px,transparent 3px,transparent 4.8px),linear-gradient(#8b8b8b,#000)}.btn:active{box-shadow:#fff 0 0,#fff 0 0 inset;transform:translateY(0);background:repeating-linear-gradient(-45deg,#000 0,#000 2.5px,transparent 2.5px,transparent 4px),repeating-linear-gradient(45deg,#000 0,#000 2.5px,transparent 2.5px,transparent 4px),linear-gradient(#8b8b8b,#000);transition:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn:hover .float-animation{animation:float 1s ease-in-out infinite}.btn:hover .grow-animation{animation:grow 1s ease-in-out infinite}.btn:active .float-animation,.btn:active .grow-animation{animation:none}.project-container[data-v-435788d4]{position:relative;margin:5vh 0 0 5%;display:flex;flex-direction:column;width:90%}#title[data-v-435788d4]{display:flex;align-items:center;height:15vh;font-size:clamp(20px,14vmin,140px);font-weight:500;max-height:15vh;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem}#header[data-v-435788d4]{display:flex;flex-direction:row;gap:2rem;margin-bottom:2rem;margin-top:30px}#description[data-v-435788d4]{padding-right:20px;flex-basis:60%;text-shadow:0px 0px 6px rgba(0,0,0,1);background-color:#0003;border-radius:20px}#project-trailer[data-v-435788d4]{width:100%;max-width:800px;height:auto;margin:1rem 0;border-radius:8px;background:#000;display:block;flex-basis:40%}#show-content[data-v-435788d4]{padding:.7em;height:100px;margin-bottom:40px}#web-link[data-v-435788d4]{height:60%;margin-left:20px}.project-tags[data-v-435788d4]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem}.project-tag[data-v-435788d4]{display:inline-flex;align-items:center;justify-content:center;padding:.35em .9em;border-radius:6px;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:lowercase;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid rgba(255,255,255,.1)}@media (max-width: 1300px){#header[data-v-435788d4]{flex-direction:column!important;align-items:center}#description[data-v-435788d4]{height:auto;margin-top:0}}#container[data-v-c91deaae]{margin:0;width:100%}#background[data-v-c91deaae]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:100vh;background-color:#000c;z-index:-10;width:calc(100dvw - 400px);min-height:100%}@media (max-width: 950px){#background[data-v-c91deaae]{width:60dvw}}.section[data-v-c91deaae]{scroll-snap-align:start}#bottom-banner[data-v-c91deaae]{min-height:30px;background-color:#000c;text-align:center;line-height:30px;z-index:-9;margin-top:50px;font-size:2vmin}.sticky-header[data-v-5701bd45]{position:fixed;top:2rem;left:2rem;z-index:100;display:flex;align-items:center;gap:1rem}.sticky-header--hidden[data-v-5701bd45]{pointer-events:none}.sticky-header__resume[data-v-5701bd45]{height:50px;font-size:1.25rem;padding:.5em .9em}.sticky-header__linkedin[data-v-5701bd45]{height:50px;width:50px;padding:.05em}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html,body{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}img,video{max-width:100%;display:block}html,body{width:100%;min-height:100%;color:#fff;font-family:Binomic,sans-serif;font-weight:400}#app{width:100%;min-height:100vh}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Bold-UvFfG33b.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Medium-k2ggwhG6.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Semi%20Bold-BoGWQt-o.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Bold-UvFfG33b.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Regular-BU_MXVBb.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Medium-C5tFXTwc.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Semi%20Bold-MJD8z5ej.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Bold-D_jDOO0P.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}