#app{margin:0;padding:0;width:100%;height:100%;color:#fff;font-family:Binomic;font-size:clamp(10px,8vmin,100px);font-weight:400}.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%}.project-container[data-v-ab1aaae4]{position:relative;margin:5vh 0 0 5%;display:flex;flex-direction:column;width:90%}#title[data-v-ab1aaae4]{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-ab1aaae4]{display:flex;flex-direction:row;gap:2rem;margin-bottom:2rem;margin-top:30px}#description[data-v-ab1aaae4]{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-ab1aaae4]{width:100%;max-width:800px;height:auto;margin:1rem 0;border-radius:8px;background:#000;display:block;flex-basis:40%}button[data-v-ab1aaae4]{z-index:1;display:flex;justify-content:center;align-items:center;font-family:inherit;font-size:2.5rem;font-weight:800;height:100px;padding:.7em;align-self:center;background-color:#000;color:#fff;border:2px white solid;box-shadow:#fff 0 4px,#fff 0 -4px inset;box-sizing:border-box;cursor:pointer;letter-spacing:.1em;margin-bottom:40px;transform:translateY(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;transform:translateZ(0)}button p[data-v-ab1aaae4]{margin:0;padding-right:.5em}@keyframes float-ab1aaae4{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}button .icon[data-v-ab1aaae4]{object-fit:contain;height:100%;transform:translateY(0);transition:transform .15s ease-out;will-change:transform}.icon-wrapper[data-v-ab1aaae4]{height:100%;display:flex;align-items:center;transition:transform .3s ease;will-change:transform}.icon-wrapper--flipped[data-v-ab1aaae4]{transform:rotate(180deg)}button[data-v-ab1aaae4]:hover{box-shadow:#fff 0 8px,#fff 0 -4px inset;transform:translateY(-4px);background:repeating-linear-gradient(-45deg,#000000 0px,#000000 3px,transparent 3px,transparent 4.800000000000001px),repeating-linear-gradient(45deg,#000000 0px,#000000 3px,transparent 3px,transparent 4.800000000000001px),linear-gradient(#8b8b8b,#000)}button:hover .icon[data-v-ab1aaae4]{animation:float-ab1aaae4 1s ease-in-out infinite}button[data-v-ab1aaae4]:active{box-shadow:#fff 0 0,#fff 0 0 inset;transform:translateY(0);background:repeating-linear-gradient(-45deg,#000000 0px,#000000 2.5px,transparent 2.5px,transparent 4px),repeating-linear-gradient(45deg,#000000 0px,#000000 2.5px,transparent 2.5px,transparent 4px),linear-gradient(#8b8b8b,#000);transition:none}button:active .icon[data-v-ab1aaae4]{animation:none}.project-tags[data-v-ab1aaae4]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;margin-bottom:.5rem}.project-tag[data-v-ab1aaae4]{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-ab1aaae4]{flex-direction:column!important;align-items:center}#description[data-v-ab1aaae4]{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}body{margin:0;width:100%;height:100%}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Regular-760DiaRY.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Medium-uJLm1hQg.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Semi%20Bold-BTBzfLPJ.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Bold-HMY_DEqB.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Regular-DZZbug2m.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Medium-qioqNslu.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Semi%20Bold-Cw7t3Qdm.otf) format("opentype");font-weight:600;font-style:italic}@font-face{font-family:Binomic;src:url(/assets/DearType%20-%20Binomic%20Slanted%20Bold-f8SaRrff.otf) format("opentype");font-weight:700;font-style:italic}